/***

====================================================================
	Reset
====================================================================

 ***/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

:root {
    --font-Neue-Montreal: "Neue Montreal", sans-serif;
    --font-Chakra-Petch: "Chakra Petch", sans-serif;
    --font-Clash-Display: "Clash display", sans-serif;
    --font-Satoshi: "Satoshi", sans-serif;
    --color-green: #00ff8c;
    --color-white: #fff;
    --color-blue: #0d0135;
    --color-blue-2: #190364;
    --color-blue-3: #3c00ff;
    --color-white-rgb: rgb(255, 255, 255);
    --color-black: #000;
    --color-black-rgb: rgb(0, 0, 0);
    --color-transparent: transparent;
    --color-text: #383838;
    --background-btn1-gradient: linear-gradient(86.74deg, #3c00ff -2.83%, #00ff8c 106.52%);
    --background-btn2-gradient: linear-gradient(90deg, rgba(255, 187, 0, 0.902) 0%, rgba(255, 0, 34, 0.902) 100%);
    --background-btn2-gradient1: linear-gradient(90deg, rgba(60, 0, 255, 0.902) 0%, rgba(236, 54, 78, 0.902) 100%);
}

/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/

body {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background: var(--color-black);
    overflow-x: hidden;
    font-family: var(--font-Satoshi);
}

.modal-open {
    overflow-y: auto !important;
    padding-right: 0px !important;
}

img {
    max-width: 100%;
    height: auto;
}

img,
svg {
    vertical-align: middle;
}

a,
a:hover {
    text-decoration: none;
    color: var(--color-white);
}

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

p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-text);
}

@media screen and (max-width: 768px) {
    p {
        font-size: 16px;
    }
}

.Overflow-Hd {
    overflow: hidden;
}

/*--------------------------------------------------------------
   Section Divider Margin
--------------------------------------------------------------*/

/*---------- Margin Top and Bottom 100px -----------*/
.MTB-100 {
    margin: 100px 0px;
}

.MTB-90 {
    margin: 90px 0px;
}

.MTB-80 {
    margin: 80px 0px;
}

.MTB-70 {
    margin: 70px 0px;
}

.MTB-60 {
    margin: 60px 0px;
}

.MTB-50 {
    margin: 50px 0px;
}

.MTB-40 {
    margin: 40px 0px;
}

.MTB-30 {
    margin: 30px 0px;
}

.MTB-20 {
    margin: 20px 0px;
}

.MTB-10 {
    margin: 10px 0px;
}

/*---------- Padding Top and Bottom 100px -----------*/
.PTB-100 {
    padding: 100px 0px;
}

.PTB-90 {
    padding: 90px 0px;
}

.PTB-80 {
    padding: 80px 0px;
}

.PTB-70 {
    padding: 70px 0px;
}

.PTB-60 {
    padding: 60px 0px;
}

.PTB-50 {
    padding: 50px 0px;
}

.PTB-40 {
    padding: 40px 0px;
}

.PTB-30 {
    padding: 30px 0px;
}

.PTB-20 {
    padding: 20px 0px;
}

.PTB-10 {
    padding: 10px 0px;
}

/*---------- Margin  Top and Bottom 0px -----------*/
.MT-0 {
    margin-top: 0px;
}

.MT-10 {
    margin-top: 10px;
}

.MT-20 {
    margin-top: 20px;
}

.MT-30 {
    margin-top: 30px;
}

.MT-40 {
    margin-top: 40px;
}

.MT-50 {
    margin-top: 50px;
}

.MT-60 {
    margin-top: 60px;
}

.MT-70 {
    margin-top: 70px;
}

.MT-80 {
    margin-top: 80px;
}

.MT-90 {
    margin-top: 90px;
}

.MT-100 {
    margin-top: 100px;
}

.MB-0 {
    margin-bottom: 0px;
}

.MB-10 {
    margin-bottom: 10px;
}

.MB-20 {
    margin-bottom: 20px;
}

.MB-30 {
    margin-bottom: 30px;
}

.MB-40 {
    margin-bottom: 40px;
}

.MB-50 {
    margin-bottom: 50px;
}

.MB-60 {
    margin-bottom: 60px;
}

.MB-70 {
    margin-bottom: 70px;
}

.MB-80 {
    margin-bottom: 80px;
}

.MB-90 {
    margin-bottom: 90px;
}

.MB-100 {
    margin-bottom: 100px;
}

/*---------- Padding Top and Bottom -----------*/
.PT-0 {
    padding-top: 0px;
}

.PT-10 {
    padding-top: 10px;
}

.PT-20 {
    padding-top: 20px;
}

.PT-30 {
    padding-top: 30px;
}

.PT-40 {
    padding-top: 40px;
}

.PT-50 {
    padding-top: 50px;
}

.PT-60 {
    padding-top: 60px;
}

.PT-70 {
    padding-top: 70px;
}

.PT-80 {
    padding-top: 80px;
}

.PT-90 {
    padding-top: 90px;
}

.PT-100 {
    padding-top: 100px;
}

.PB-0 {
    padding-bottom: 0px;
}

.PB-10 {
    padding-bottom: 10px;
}

.PB-20 {
    padding-bottom: 20px;
}

.PB-30 {
    padding-bottom: 30px;
}

.PB-40 {
    padding-bottom: 40px;
}

.PB-50 {
    padding-bottom: 50px;
}

.PB-60 {
    padding-bottom: 60px;
}

.PB-70 {
    padding-bottom: 70px;
}

.PB-80 {
    padding-bottom: 80px;
}

.PB-90 {
    padding-bottom: 90px;
}

.PB-100 {
    padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .MTB-100 {
        margin: 60px 0px;
    }

    .MTB-90 {
        margin: 60px 0px;
    }

    .MTB-80 {
        margin: 60px 0px;
    }

    .MTB-70 {
        margin: 60px 0px;
    }

    .MT-70 {
        margin-top: 60px;
    }

    .MT-80 {
        margin-top: 60px;
    }

    .MT-90 {
        margin-top: 60px;
    }

    .MT-100 {
        margin-top: 60px;
    }

    .MB-70 {
        margin-bottom: 60px;
    }

    .MB-80 {
        margin-bottom: 60px;
    }

    .MB-90 {
        margin-bottom: 60px;
    }

    .MB-100 {
        margin-bottom: 60px;
    }

    .PTB-100 {
        padding: 60px 0px;
    }

    .PTB-90 {
        padding: 60px 0px;
    }

    .PTB-80 {
        padding: 60px 0px;
    }

    .PTB-70 {
        padding: 60px 0px;
    }

    .PT-70 {
        padding-top: 60px;
    }

    .PT-80 {
        padding-top: 60px;
    }

    .PT-90 {
        padding-top: 60px;
    }

    .PT-100 {
        padding-top: 60px;
    }

    .PB-70 {
        padding-bottom: 60px;
    }

    .PB-80 {
        padding-bottom: 60px;
    }

    .PB-90 {
        padding-bottom: 60px;
    }

    .PB-100 {
        padding-bottom: 60px;
    }
}

/*--------------------------------------------------------------
    Inner Styles
--------------------------------------------------------------*/
.Gap-5 {
    gap: 5px;
}

.Gap-10 {
    gap: 10px;
}

.Gap-15 {
    gap: 15px;
}

.Gap-20 {
    gap: 20px;
}

.Gap-25 {
    gap: 25px;
}

.Gap-30 {
    gap: 30px;
}

.Gap-35 {
    gap: 35px;
}

.Gap-40 {
    gap: 40px;
}

.Gap-45 {
    gap: 45px;
}

.Gap-50 {
    gap: 50px;
}

.Row-gap-5 {
    row-gap: 5px;
}

.Row-gap-10 {
    row-gap: 10px;
}

.Row-gap-15 {
    row-gap: 15px;
}

.Row-gap-20 {
    row-gap: 20px;
}

.Row-gap-25 {
    row-gap: 25px;
}

.Row-gap-30 {
    row-gap: 30px;
}

.Row-gap-35 {
    row-gap: 35px;
}

.Row-gap-40 {
    row-gap: 40px;
}

.Row-gap-45 {
    row-gap: 45px;
}

.Row-gap-50 {
    row-gap: 50px;
}

.Column-gap-5 {
    column-gap: 5px;
}

.Column-gap-10 {
    column-gap: 10px;
}

.Column-gap-15 {
    column-gap: 15px;
}

.Column-gap-20 {
    column-gap: 20px;
}

.Column-gap-25 {
    column-gap: 25px;
}

.Column-gap-30 {
    column-gap: 30px;
}

.Column-gap-35 {
    column-gap: 35px;
}

.Column-gap-40 {
    column-gap: 40px;
}

.Column-gap-45 {
    column-gap: 45px;
}

.Column-gap-50 {
    column-gap: 50px;
}

/*--------------------------------------------------------------
   Inner Elements
--------------------------------------------------------------*/

/* default-padding */
.d-padding {
    padding-block: 4rem;
}

/* default-padding-end */

/*--------------------------------------------------------------
   Section Title
--------------------------------------------------------------*/

.Section-title h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    color: var(--color-green);
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.Section-title h5 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    color: var(--color-white);
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.section-text {
    color: var(--color-white);
    font-size: 23px;
    position: relative;
    z-index: 3;
    margin-bottom: 35px;
    font-family: var(--font-Satoshi);
}

.main-title {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 56px;
    line-height: 58px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.main-title span {
    color: var(--color-green);
}

/*--------------------------------------------------------------
   Section Button
--------------------------------------------------------------*/

.Section-btn {
    min-width: 220px;
    width: auto;

    font-size: 24px;
    font-weight: 600;
    padding: 12px 50px;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    transition: all 200ms linear 0ms;
    background: var(--color-transparent);
    white-space: nowrap;
    font-family: var(--font-Clash-Display);
    border: 2px solid var(--color-transparent);
    border-image: var(--background-btn1-gradient) 1;
}

/* .Section-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1.7px;
    background: var(--background-btn1-gradient);
}  */

.Section-btn:focus {
    box-shadow: none;
}

/*---------- Gradient Button -----------*/

.Gradient-btn {
    color: var(--color-white);
    background: var(--background-btn1-gradient);
}

.Gradient-btn:hover {
    background: var(--color-transparent);
    color: var(--color-white);
}

/*---------- Transparent Button -----------*/
.Transparent-btn {
    color: var(--color-white);
    background: var(--color-transparent);
}

.Transparent-btn:hover {
    background: linear-gradient(60deg,
            rgba(60, 0, 255, 0.9),
            rgba(236, 54, 78, 0.9),
            rgba(255, 187, 0, 0.9),
            rgba(255, 0, 34, 0.9));
    background-size: 600%;
    -webkit-animation: Btn-Gradient 8s linear infinite;
    color: var(--color-white);
    border-image: var(--color-transparent);
}

@keyframes Btn-Gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 100%;
    }
}

/* calendar-btn */
.Banner-Cal-btn {
    width: 35.78%;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 5px;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    transition: all 200ms linear 0ms;
    background: #3811f8;
    white-space: nowrap;
    font-family: var(--font-Clash-Display);
    border: 2px solid #3811f8;
    /* border-image: var(--background-btn1-gradient) 1; */
}

.Banner-Cal-btn:hover {
    background-color: transparent;
}

/*--------------------------------------------------------------
    Header Section
--------------------------------------------------------------*/
header {
    position: fixed;
    top: 0px;
    z-index: 950;
    width: 100%;
    height: auto;
    background: linear-gradient(88.63deg, #000000 62.57%, #0c197f 123.4%);

    padding: 44px 0px 0px;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

header.HdrInitialSlide {
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}

@keyframes headerSlideDown {
    0% {
        margin-top: -250px;
    }

    100% {
        margin-top: 0;
    }
}

header.HdrScrollSlide {
    animation: 0.95s ease 0s normal forwards 1 running headerScrollSlideDown;
}

@keyframes headerScrollSlideDown {
    0% {
        transform: translateY(-250px);
    }

    100% {
        transform: translateY(0px);
    }
}

header.Header-scrolled {
    background: linear-gradient(88.63deg, #000000 62.57%, #0c197f 123.4%);
    box-shadow: 0 5px 83px rgb(40 40 40 / 32%);
    padding: 1.5rem 0px;
}

header .Header-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
}

header .Header-inner .Header-topmenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}

header.Header-scrolled .Header-inner .Header-topmenu {
    padding: 0px;
    display: block;
    width: 30%;
}

header .Web-Logo {
    flex-shrink: 0;
    /* flex-basis: 22%; */
}

header.Header-scrolled .Web-Logo {
    margin-bottom: 0px;
}

header .Web-Logo img {
    width: 510px;
    display: none;
}

header .Web-Logo img:nth-child(1) {
    display: inline-block;
}

header.Scrolled-Weblogo .Web-Logo img:nth-child(1) {
    display: none;
}

header.Scrolled-Weblogo .Web-Logo img:nth-child(2) {
    display: inline-block;
}

header .Web-Logo.Hdr-Logohide {
    position: relative;
    z-index: -50;
    opacity: 0;
}

header .Header-menu {
    margin-left: 20px;
    flex: 1;
    flex-basis: 78%;
}

header .Primary-topmenu {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
    height: auto;
}

header.Header-scrolled .Header-button {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

header.Header-scrolled .Header-inner {
    flex-direction: row;
    justify-content: space-between;
}

header.Header-scrolled .Web-Logo img {
    max-width: 350px;
}

header .Header-venue p {
    color: var(--color-green);
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0px;
    font-family: var(--font-Satoshi);
}

header .Header-venue p span {
    display: block;
}

header .Header-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

header #Primary-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    list-style: none;
    margin: 0;
}

header #Primary-menu li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* margin-left: 45px; */
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

header.Header-scrolled #Primary-menu {
    gap: 0px;
}

header.Header-scrolled #Primary-menu li {
    margin-left: 20px;
}

header #Primary-menu li.Hdr-Webbtn {
    padding: 0px;
    display: none;
    margin-left: 25px;
}

header.Header-scrolled #Primary-menu li.Hdr-Webbtn {
    display: inline-block;
}

header #Primary-menu li a {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    transition: 0.4s;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

header #Primary-menu li a:not(.Section-btn, .Submenu-line) {
    color: #00ff8c;
}

header #Primary-menu li a:not(.Section-btn, .Submenu-line):hover {
    /* color: var(--color-white); */
    font-size: 19px;
    text-shadow:
        0 0 5px #00ff9f00,
        0 0 10px #00ff9f17,
        0 0 20px #00ff9fe8,
        0 0 40px #00ff9f63;
}

header .dropdown-toggle::after {
    top: 1px;
    margin-left: 5px;
    position: relative;
}

header #Primary-menu .main-menu .sub-menu {
    opacity: 0;
    margin-top: 50px;
    position: absolute;
    inset: 53px 0 auto auto !important;
    transition: 0.4s ease-in-out;
    visibility: hidden;
    background: #0c0033;
    min-width: 130px;
    padding: 5px 10px 7px;
    border: 0px;
    display: block;
    pointer-events: none;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

header #Primary-menu .main-menu:hover .sub-menu {
    opacity: 1;
    margin-top: 0;
    visibility: visible;
    transform: none !important;
    pointer-events: auto;
}

header #Primary-menu .main-menu .sub-menu li {
    list-style: none;
    display: block;
    padding: 5px 10px;
    /* text-align: right; */
    margin-left: 0px;
    position: relative;
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

/* header #Primary-menu .main-menu .sub-menu li:hover {
    background: #0C197F;
    padding-left: 27px;
} */

/* header #Primary-menu .main-menu .sub-menu li::before {
    content: "//";
    position: absolute;
    top: 9px;
    left: 15px;
    z-index: -1;
    font-size: 16px;
    color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

header #Primary-menu .main-menu .sub-menu li:hover::before {
    opacity: 1;
    z-index: 1;
    visibility: visible;
} */

header #Primary-menu .main-menu .sub-menu li a {
    color: #d9d9d9;
    font-weight: 400;
    text-align: right;
    font-size: 15px;
    display: inline-block;
    padding: 0px;
    width: auto;
    text-wrap: nowrap;
}

header #Primary-menu .main-menu .sub-menu li a::before {
    content: "";
    height: 0.5px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    display: block;
    width: 0%;
    background-color: var(--color-white);
    transition-duration: 0.3s;
}

header #Primary-menu .main-menu .sub-menu li a:hover::before {
    width: 100%;
    left: 0;
}

header #Primary-menu .main-menu .sub-menu li a:hover,
header #Primary-menu .main-menu .sub-menu li a:focus {
    background: var(--color-transparent);
    color: var(--color-white);
}

/* ------  Menu Underline Hover Effect Without Buttons  ------ */

/* header #Primary-menu li a:not(.Section-btn, .Submenu-line, .Hdr-flag-img):before {
    content: "";
    height: 0.5px;
    position: absolute;
    left: 50%;
    bottom: -7px;
    display: block;
    width: 0%;
    background-color: var(--color-white);
    transition-duration: 0.3s;
} */

/* header #Primary-menu li a:hover:before {
    width: 100%;
    left: 0;
} */

/* ------  End  ------ */

/* ------  Menu Buttons  ------ */

header #Primary-menu li.Hdr-Webbtn a {
    min-width: 150px;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

/* ------  End Header Buttons Alter  ------ */
/* ------  End  ------ */

/* ------  Header Flag  ------ */
header #Primary-menu li .Header-flag {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

header #Primary-menu li .Header-flag a {
    flex-shrink: 0;
    line-height: 0.5rem;
}

header #Primary-menu li .Header-flag a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.4s;
}

header #Primary-menu li .Header-flag a img:hover {
    transform: scale(1.2);
    transition: 0.4s;
}

/* ------  End Header Flag  ------ */

/* ------  Menu Icon  ------ */

header #Primary-menu-toggle {
    display: none;
    cursor: pointer;
    margin-right: 10px;
}

header #Primary-menu-toggle .Menu-bar {
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    height: 2px;
    width: 1.25rem;
    border-radius: 0.5rem;
    background-color: var(--color-white);
    opacity: 1;
    transition-duration: 0.3s;
}

header #Primary-menu-toggle .Menu-bar:nth-of-type(2) {
    margin-left: auto;
    width: 1rem;
}

header #Primary-menu-toggle .Menu-bar:nth-of-type(4) {
    margin-bottom: 0;
    margin-left: auto;
    width: 1rem;
}

/* ------ End  ------ */

/* ------  Mobile Header  ------ */
header .Mobile-Header {
    display: none;
}

header .Mobile-Header {
    position: absolute;
    left: -120%;
    top: 0;
    min-height: 120vh;
    height: 100%;
    width: 100%;
    max-width: 350px;
    background: var(--color-blue);
    padding: 25px 20px 60px;
    transition: left 0.4s ease-in-out;
    overflow-y: auto;
    display: none;
}

header .Mobile-Header::-webkit-scrollbar {
    width: 0px;
}

/* ------  Body not to scroll When Mobile Hdr Opened  ------ */
body.Hdr-Noscroll {
    overflow: hidden;
}

/* ------  End  ------ */

header .Mobile-Header .Mbl-Logo {
    display: inline-block;
}

header .Mobile-Header .Mbl-Logo img {
    width: 155px;
}

/* ------  After Navbar Toggle Clicked Background Change to Black Shade  ------ */
header .Hdr-Overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: -10;
    transition: opacity 0.5s ease;
    display: none;
    opacity: 0;
    pointer-events: none;
}

header .Hdr-Overlay.HdrOverlay-Open {
    display: block;
    opacity: 1;
}

/* ------  End  ------ */

header .Mobile-Header.Hdr-slide {
    left: 0%;
    transition: left 0.5s ease-in-out;
}

header .Mobile-Header .HdrMbl-venue {
    margin-top: 16px;
}

header .Mobile-Header .Mbl-nav .Mbl-menu {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

header .Mobile-Header .Mbl-nav .Mbl-menu a:not(.Section-btn, .Hdr-flag-img) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 18px;
    min-height: 46px;
    transition: all 0.3s ease-out;
    text-decoration: none;
    color: var(--color-white);
    border: 0px;
    font-family: var(--font-Clash-Display);
    border-bottom: 1px solid rgb(15 23 66);
    cursor: pointer;
    letter-spacing: 0.4px;
}

header .Mobile-Header .Mbl-nav .Mbl-menu a:not(.Section-btn, .Mblmenu-collapse li a) {
    font-size: 16px;
    justify-content: space-between;
}

header .Mobile-Header .Mbl-nav .Mbl-menu a.Mblmenu-active {
    color: var(--color-white);
}

/* ------  Header Flag  ------ */
header .Mobile-Header .Mbl-nav .Mbl-menu .Header-flag {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid rgb(15 23 66);
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Header-flag a {
    flex-shrink: 0;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Header-flag a img {
    width: 20px;
    height: 100%;
    object-fit: contain;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Header-flag a img:hover {
    transform: scale(1.2);
    transition: 0.4s;
}

/* ------  End Header Flag  ------ */

header .Mobile-Header .Mbl-nav .Mbl-menu a.Hdr-Mblbtn {
    font-size: 14px;
    min-width: 180px;
    margin: 20px 0px 0px 16px;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-item i {
    transition: 0.3s;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-item.Mblmenu-active {
    background-color: rgb(15, 22, 64);
    transition: background-color 0.3s ease;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-item.Mblmenu-active i {
    transform: rotate(-180deg);
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-collapse {
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: 0.4s;
    transition:
        max-height 0.4s ease-out,
        opacity 0.4s ease;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-collapse.Mblmenu-collapsed {
    max-height: 500px;
    opacity: 1;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-collapse a::before {
    content: "\f105";
    position: absolute;
    display: inline-block;
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 900;
    color: #fefefe;
    font-family: "Font Awesome 6 Free";
    transition: 0.4s;
}

header .Mobile-Header .Mbl-nav .Mbl-menu .Mblmenu-collapse a {
    padding: 10px 15px 10px 40px;
    position: relative;
}

/*--------------------------------------------------------------
   End Header Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   Banner Section
--------------------------------------------------------------*/

/* .Banner-Section {
    width: 100%;
    min-height: 450px;
    position: relative;
    margin-top: 205px;
    background: url(../../image/Banners/Top-Banner.jpg) no-repeat center / cover;
}

.Banner-Section video {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.Banner-Section:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: linear-gradient(253.04deg, rgba(0, 0, 0, 0) -5%, #0D0135 101.57%);
    pointer-events: none;
}

.Banner-Section.Bnr_Video-Section video {
    display: block;
}

.Banner-Section .Banner-cont {
    padding: 110px 0 110px 0;
    position: relative;
    top: 0%;
    z-index: 20;
}

.Banner-Section .Banner-cont .Bnr-top h1 {
    font-size: 4.5vw;
    font-weight: 600;
    color: var(--color-white);
    text-align: left;
    margin-bottom: 10px;
    font-family: var(--font-Clash-Display);
    text-transform: uppercase;
}

.Banner-Section .Banner-cont .Bnr-top h3 {
    font-size: 3vw;
    ;
    font-weight: 600;
    color: var(--color-white);
    text-align: left;
    margin-bottom: 10px;
    font-family: var(--font-Clash-Display);
    text-transform: uppercase;
}

.Banner-Section .Banner-cont .Bnr-top h1 span {
    display: block;
}

.Banner-Section .Banner-cont .Bnr-top h1 span .Bnr-topcolor {
    color: rgba(0, 255, 140, 1);
    display: inline-block;
}

.Banner-Section .Banner-cont .Bnr-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    margin-top: 56px;
}

.Banner-Section .Bnr-bottom {
    margin-top: 56px;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item {
    min-width: 80px;
    flex-shrink: 0;
    border: 2px solid #3C00FF;
    padding: 5px 8px;
    background: rgba(60, 0, 255, 0.00);
    overflow: hidden;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item h4 {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-green);
    text-align: center;
    margin: 0px 0px 5px;
    text-shadow: 2px 2px 32px var(--color-green);
    font-family: var(--font-Clash-Display);
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item p {
    font-size: 14px;
    font-weight: 300;
    color: var(--color-white);
    text-align: center;
    margin: 0px;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.Banner-Section .Bnr-bottom .event-day-text {
    color: #fff;
    width: fit-content;
    text-align: center;
    background: url(../../image/Banners/celebration.gif);
    text-shadow: 1px 1px 7px #fff;
} */

.Banner-Section {
    width: 100%;
    min-height: 450px;
    position: relative;
    margin-top: 205px;
    overflow: hidden;
}

.Banner-Section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../image/Banners/banner-line-bg.png);
}

.Banner-Section video {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.Banner-Section:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: linear-gradient(253.04deg, rgba(0, 0, 0, 0) -5%, #0d0135 101.57%);
    pointer-events: none;
}

.Banner-Section.Bnr_Video-Section video {
    display: block;
}

.Banner-Section .Banner-cont {
    padding: 5rem 0 6rem;
    position: relative;
    top: 0%;
    z-index: 20;
}

.Banner-Section .Banner-title {
    font-family: var(--font-Clash-Display);
    font-weight: 700;
    font-style: Bold;
    font-size: 120px;
    line-height: 144px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
}

.Banner-title {
    animation: blinkColors 1s infinite steps(1);
}

@keyframes blinkColors {
    0% {
        color: var(--color-white);
    }

    33% {
        color: var(--color-green);
    }

    66% {
        color: var(--color-blue-3);
    }

    100% {
        color: var(--color-white);
    }
}

.Banner-Section .Banner-text {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 64px;
    line-height: 64px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
}

.Banner-Section .Banner-cont .Bnr-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    margin-top: 56px;
}

.Bnr-btn a {
    min-width: 270px;
}

.Banner-Section .Bnr-bottom {
    margin-top: 56px;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item {
    min-width: 96px;
    flex-shrink: 0;
    border: 2px solid #3c00ff;
    padding: 5px 8px;
    background: rgba(60, 0, 255, 0);
    overflow: hidden;
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item h4 {
    font-size: 40px;
    font-weight: 700;
    color: var(--color-green);
    text-align: center;
    margin: 0px 0px 5px;
    text-shadow: 2px 2px 32px var(--color-green);
    font-family: var(--font-Chakra-Petch);
}

.Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item p {
    font-size: 14px;
    font-weight: 300;
    color: var(--color-white);
    text-align: center;
    margin: 0px;
    text-transform: uppercase;
    font-family: var(--font-Chakra-Petch);
}

.Banner-Section .Bnr-bottom .event-day-text {
    color: #fff;
    width: fit-content;
    text-align: center;
    background: url(../../image/Banners/celebration.gif);
    text-shadow: 1px 1px 7px #fff;
}

/* calendar-btn */
.Banner-Cal-btn {
    width: 35.78%;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 5px;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    transition: all 200ms linear 0ms;
    background: #3811f8;
    white-space: nowrap;
    font-family: var(--font-Clash-Display);
    border: 2px solid #3811f8;
    /* border-image: var(--background-btn1-gradient) 1; */
}

.Banner-Cal-btn:hover {
    background-color: transparent;
}

/*--------------------------------------------------------------
    End Banner Section
--------------------------------------------------------------*/
/* asset-market-section */
.asset-market-section {
    background: var(--color-blue);
    overflow: hidden;
    position: relative;
}

.asset-market-content {
    position: relative;
    z-index: 2;
}

.asset-market-desc {
    font-family: var(--font-Satoshi);
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    margin-top: 2rem;
}

.asset-market-desc .highlight {
    color: var(--color-green);
}

.asset-market-wrap {
    margin-top: 55px;
    width: 100%;
    position: relative;
}

.asset-market-img {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* asset-market-section-end */

/* asset-economy-section */
.asset-economy-section {
    background-color: var(--color-blue-2);
    border-bottom: 1px solid #ffffff29;
}

.asset-economy-section .main-title {
    width: 91%;
    margin-inline: auto;
}

.asset-economy-card {
    position: relative;
    overflow: hidden;
    height: 326px;
    cursor: pointer;
}

.asset-economy-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

.asset-economy-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(76, 0, 255, 0.98) 0%,
            rgba(76, 0, 255, 0.82) 22%,
            rgba(76, 0, 255, 0.28) 55%,
            rgba(0, 0, 0, 0.1) 100%);
}

.asset-economy-content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    border-left: 5px solid var(--color-green);
    padding-left: 1rem;
}

.asset-economy-line {
    width: 5px;
    min-width: 5px;
    height: 96px;
    background: #00ffb7;
    display: none;
}

.asset-economy-title {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}

.asset-economy-card:hover .asset-economy-image {
    transform: scale(1.06);
}

/* asset-economy-section-end */
/*--------------------------------------------------------------
   About Section
--------------------------------------------------------------*/

.About-Section .row {
    align-items: center;
}

.About-Section .About-Content .Section-title h1 {
    text-align: left;
    margin-bottom: 20px;
}

.About-Section .About-Content p {
    color: var(--color-text);
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 16px;
    font-family: var(--font-Satoshi);
}

.About-Section .About-Content .About-List li {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: start;
    margin-bottom: 7px;
    gap: 10px;
    color: var(--color-text);
    font-size: 16px;
    font-family: var(--font-Satoshi);
}

.About-Section .About-Content .About-List li i {
    font-size: 14px;
    margin-top: 4.5px;
    color: var(--color-text);
}

.About-Section .About-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
}

.About-Section .About-Sec-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 30px;
}

/* ------ About-Bg Section ------ */
.About-Section.AboutBg-Section .About-Content .Section-title h1 {
    color: var(--color-green);
}

.About-Section.AboutBg-Section .About-Content p,
.About-Section.AboutBg-Section .About-Content .About-List li {
    color: #f5f5f5;
}

.About-Section.AboutBg-Section .About-Content .About-List li i {
    color: var(--color-white);
}

/* ------ About-Img Left Section ------ */
.About-Section.AboutImg-Left .About-img {
    margin-right: auto;
}

/* ------ About-Img Right Section ------ */

.About-Section.AboutImg-Right .About-img {
    margin-left: auto;
}

/*--------------------------------------------------------------
   End About Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   About Section -- Why Attend Section
--------------------------------------------------------------*/

.About-Section.About-WhatCryptoBg {
    position: relative;
    background: #0c0036;
}

/* .About-Section.About-WhatCryptoBg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(12, 0, 54, 0.2) 0%, #0D0135 65.9%);
} */

.About-Section.About-WhatCryptoBg .About-Content {
    position: relative;
    z-index: 10;
}

.About-Section.About-WhatCryptoBg .About-Content .Section-title h1 {
    font-size: 60px;
}

.About-Section.About-WhatCryptoBg .About-RightImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.About-Section.About-WhatCryptoBg .About-RightImg img.About-CElogo {
    position: relative;
    top: 0px;
    left: 25px;
}

.About-Section.About-WhatCryptoBg .About-RightImg img.About-Spkrgrp {
    display: none;
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: auto;
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px auto;
}

.About-Section.About-WhatCryptoBg .About-Spkrs {
    transform: scale(0.9);
    position: absolute;
    bottom: -27px;
    height: 500px;
    width: 100%;
    right: -30%;
}

.About-Section.About-WhatCryptoBg .About-Spkrs .About-Spkrimg {
    max-width: 100%;
    height: 100%;
    position: relative;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist {
    height: 500px;
    max-width: 85%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: contain;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr1 {
    left: 9.8%;
    z-index: 4;
    max-width: 371px;
    opacity: 0;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist.About-AnimateImg img.About-Spkr1 {
    animation: 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards 1 Spkr-Img1;
}

@keyframes Spkr-Img1 {
    0% {
        opacity: 0;
        transform: translateX(85%) translateY(150%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) translateY(0%);
    }
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr2 {
    left: 22%;
    z-index: 3;
    max-width: 353px;
    opacity: 0;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist.About-AnimateImg img.About-Spkr2 {
    animation: 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards 1 Spkr-Img2;
}

@keyframes Spkr-Img2 {
    0% {
        opacity: 0;
        transform: translateX(52%) translateY(150%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) translateY(0%);
    }
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr3 {
    left: 30.8%;
    z-index: 6;
    max-width: 414px;
    opacity: 0;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist.About-AnimateImg img.About-Spkr3 {
    animation: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards 1 Spkr-Img3;
}

@keyframes Spkr-Img3 {
    0% {
        opacity: 0;
        transform: translateY(150%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr4 {
    left: 47.8%;
    bottom: -11%;
    z-index: 3;
    max-width: 345px;
    opacity: 0;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist.About-AnimateImg img.About-Spkr4 {
    animation: 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards 1 Spkr-Img4;
}

@keyframes Spkr-Img4 {
    0% {
        opacity: 0;
        transform: translateX(-47%) translateY(150%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) translateY(0%);
    }
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr5 {
    left: 61%;
    z-index: 5;
    max-width: 305px;
    opacity: 0;
}

.About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist.About-AnimateImg img.About-Spkr5 {
    animation: 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards 1 Spkr-Img5;
}

@keyframes Spkr-Img5 {
    0% {
        opacity: 0;
        transform: translateX(-92%) translateY(150%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) translateY(0%);
    }
}

/*--------------------------------------------------------------
   End About Section -- Why Attend Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   Counter Section
--------------------------------------------------------------*/
.counter-section {
    /* background: linear-gradient(90deg, rgba(0, 255, 140, 1) 0%, rgba(60, 0, 255, 1) 100%); */
    background: linear-gradient(90deg, #1839dc 37.11%, #00ff8c 100%);

    position: relative;
    color: white;
    text-align: center;
    z-index: 10;
}

.counter-section .row {
    row-gap: 30px;
}

.counter-section:after {
    /* background: linear-gradient(-90deg, rgba(0, 255, 140, 1) 0%, rgba(60, 0, 255, 1) 100%); */
    background: linear-gradient(90deg, #1839dc 37.11%, #00ff8c 100%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -10;
    transition: opacity 2s;
}

.counter-section:hover:after {
    opacity: 1;
    z-index: 1;
}

.counter-section .counter {
    font-size: 60px;
    font-weight: 600;
    overflow: hidden;
    height: 4.5rem;
    line-height: 4.5rem;
    display: flex;
    align-items: baseline;
    font-family: var(--font-Clash-Display);
}

.counter-section .counter span {
    position: relative;
}

.counter-section .counter span:first-child {
    width: fit-content;
}

.counter-section .counter span:last-child {
    padding-left: 5px;
}

.counter-section .counter span div {
    text-align: right;
    margin-inline-start: auto;
    position: relative;
}

/* .counter span div::after{
    position: absolute;
    left: 100%;
    content: "+";
} */
.counter-section .counter-box {
    position: relative;
    z-index: 30;
}

.counter-section .counter-box p {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--color-white);
    margin-bottom: 0px;
    font-family: var(--font-Clash-Display);
    text-align: left;
    text-wrap-mode: wrap;
}

/*--------------------------------------------------------------
   End Counter Section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
   Speaker Section
--------------------------------------------------------------*/
.Speaker-Section {
    background-color: var(--color-blue-2);
}

.Speaker-Section .Spk-Cards {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 30px;
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-title {
    display: flex;
    justify-content: space-between;
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-title a i {
    font-size: 28px;
    display: none;
}

.Speaker-Section .Speaker-Title {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.Speaker-Section .Speaker-Title .Section-title h1 {
    text-align: center;
}

.Speaker-Section .Speaker-Title .Section-title p {
    color: var(--color-white);
    font-size: 23px;
    position: relative;
    z-index: 3;
    margin-bottom: 35px;
    font-family: var(--font-Satoshi);
}

.Speaker-Section .Speaker-Details {
    width: 100%;
    margin: 0px auto;
}

/* ------ Speakers Dots Above 992px ------ */

.Speaker-Section .Speaker-Dots {
    position: relative;
    max-width: 230px;
    width: 100%;
}

.Speaker-Section .slick-dots {
    position: relative;
    bottom: auto;
}

.Speaker-Section .Speaker-Dots .slick-dots li,
.Speaker-Section .Speaker-Dots .slick-dots button,
.Speaker-Section .Speaker-Dots .slick-dots button::before {
    width: 30px;
    height: 5px;
}

.Speaker-Section .Speaker-Dots .slick-dots button {
    padding: 0;
}

.Speaker-Section .Speaker-Dots .slick-dots li button::before {
    content: "";
    background-color: var(--color-blue);
    border-radius: 10px;
}

.Speaker-Section .Speaker-Dots .slick-dots li.slick-active button:before {
    opacity: 0.75;
}

.Speaker-Section .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background-color: #00ff8cbd;
    border-radius: 10px;
}

.Speaker-Section .slick-dots li button:hover {
    background-color: #00ff8c;
}

.Speaker-Section .slick-dots li.slick-active button:before {
    opacity: 0;
    background-color: #00ff8c;
}

.Speaker-Section .slick-dots li button:hover:before,
.Speaker-Section .slick-dots li button:focus:before {
    opacity: 1;
    background-color: #00ff8c;
}

/* ------ End Speakers Dots Above 992px ------ */

/* ------ Speaker Bottom Dots Under 992px ------ */
.Speaker-Section .Speakerbtm-Dots {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 0px auto;
}

.Speaker-Section .Speakerbtm-Dots .slick-dots li,
.Speaker-Section .Speakerbtm-Dots .slick-dots button,
.Speaker-Section .Speakerbtm-Dots .slick-dots button::before {
    width: 30px;
    height: 5px;
}

.Speaker-Section .Speakerbtm-Dots .slick-dots button {
    padding: 0;
}

.Speaker-Section .Speakerbtm-Dots .slick-dots li button::before {
    content: "";
    background-color: var(--color-blue);
    border-radius: 10px;
}

.Speaker-Section .Speakerbtm-Dots .slick-dots li.slick-active button:before {
    opacity: 1;
}

/* ------ End Speaker Bottom Dots under 992px ------ */

/* ------ When Adding Speakson Logo change min-height to 350px ------ */
.Speaker-Section .Speaker-item {
    position: relative;
    cursor: pointer;
    width: 95%;
    text-align: center;
    min-height: 470px;
    margin: 30px auto 0px;
    clip-path: polygon(10% 0%, -100% 100%, 100% 101%, 228% 0%, 0% 0%);
    background: transparent;
}

.Speaker-Section.Full-Speaker .Speaker-item {
    width: 280px;
}

.Speaker-Section.Full-Speaker .Spkr-img {
    height: 315px;
}

.Spkr-img {
    width: 100%;
    height: 300px;
}

.Speaker-Section .Speaker-item .Spkr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    overflow: hidden;
    object-position: top;
}

.Speaker-Section .Speaker-item .Spkr-img::before {
    content: " ";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(359deg, rgba(0, 255, 140, 1) 0%, rgba(60, 0, 255, 1) 173%);
    background: linear-gradient(176deg, #0A002C -1.77%, #58FFB4 102.9%); */
    background-color: var(--color-blue-3);
}

.Speaker-Section .Speaker-item .Spkr-content {
    width: 100%;
    background: var(--color-black);
    padding: 15px 20px 0;
    transition: 0.5s;
    overflow: hidden;
    text-align: center;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* .Spkr-cont{
    display: none;
} */

.Speaker-Section .Speaker-item .Spkr-content .Spkr-title h3 {
    text-transform: uppercase;
    color: var(--color-green);
    font-size: 20px;
    font-weight: 600;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    font-family: var(--font-Clash-Display);
    width: 100%;
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-titl a i {
    font-size: 28px;
    display: none;
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-lc {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100px;
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-lc .Spkr-lead {
    /* text-transform: capitalize; */
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 20px;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    overflow: hidden;
    flex: 1;
    color: var(--color-white);
    font-weight: 400;
    font-family: var(--font-Satoshi);
}

.Speaker-Section .Speaker-item .Spkr-content .Spkr-lc .Spkr-company {
    text-transform: capitalize;
    margin: 0px;
    line-height: 50px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-white);
    font-weight: 500;
    font-family: var(--font-Satoshi);
}

.Speaker-Section .Speaker-item .Spkr-cont .Spkr-description {
    display: none;
}

.Spkr-fit-none {
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
}

.Spkr-fit {
    width: fit-content;
    height: 50px;
    margin: 0 auto;
    border-radius: 0px;
    overflow: hidden;
    background-color: floralwhite;
    /* border: 1px solid #fff; */
    padding: 2px 5px;
    /* padding-inline: 5px; */
}

.Spkr-fit img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Speaker-Section .Speaker-item .Speakson img {
    width: 160px;
    margin-top: 20px;
    height: 50px;
    border-radius: 0px;
    transition: all 0.3s;
}

.Speaker-Section .slick-list .slick-slide {
    text-align: center;
}

/* ------ Slick Buttons ------*/
.Speaker-Section .slick-prev::before,
.Speaker-Section .slick-next::before {
    content: "";
    background: url(../../image/SVGs/Spkr-RightArrow.svg) no-repeat center / contain;
    width: 100%;
    height: 100%;
    display: block;
}

.Speaker-Section .slick-prev::before {
    transform: rotate(180deg);
}

.Speaker-Section .slick-prev,
.Speaker-Section .slick-next {
    width: 30px;
    height: 40px;
}

/* .Speaker-Section .slick-prev {
    left: -10px;
}

.Speaker-Section .slick-next {
    right: -10px;
} */
/* .Speaker-Section .Speaker-Dots {
    position: relative;
    max-width: 160px;
    width: 100%;
}

*/

/* ------ End Slick Buttons ------*/

/* ------ Speaker Modal ------*/

.Speaker-Section .modal-content {
    border: none;
    background: none;
}

.Speaker-Section .modal-lg {
    max-width: 770px;
    min-height: 100%;
    margin: 0px auto;
}

.Speaker-Section .SpkrMdl-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 390px;
    margin: 0px auto;
    overflow: hidden;
    border: none;
    background: var(--color-blue);
    color: var(--color-white);
    position: relative;
    padding: 10px;
    background: linear-gradient(86.74deg, #00ff8c -2.83%, #3c00ff 106.52%);
    background: #3712f6;
}

.Speaker-Section .SpkrMdl-content .btn-close {
    position: absolute;
    right: 35px;
    top: 20px;
    z-index: 1;
    background: url(../../image/SVGs/Close-Button.svg);
    background-repeat: no-repeat;
    opacity: 1;
    width: 10px;
    height: 20px;
    font-size: 25px;
}

.Speaker-Section .SpkrMdl-content .btn-close:focus {
    box-shadow: none;
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-status {
    font-size: 15px;
    font-weight: 600;
    border: 1px solid var(--color-white);
    border-radius: 0px 0px 15px 15px;
    border-top: none;
    padding: 5px 20px;
    color: var(--color-white);
    background-color: var(--color-red);
    border-color: var(--color-red);
    margin: 0 auto;
    font-family: var(--font-Montserrat);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: none;
    background-color: rgb(2, 2, 57);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img {
    position: relative;
    width: 30%;
    background: rgba(24, 57, 220, 1);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img img {
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img .SpkrMdl-tag {
    position: absolute;
    color: var(--color-white);
    background-color: var(--color-red);
    top: 10px;
    left: -6px;
    font-size: 14px;
    padding: 0 10px;
    margin: 0px;
    font-family: var(--font-Avenir-Heavy);
    display: none;
}

.Speaker-Section .modal.SpkrModal-Tag .SpkrMdl-content .SpkrMdl-status {
    display: none;
}

.Speaker-Section .modal.SpkrModal-Tag .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img .SpkrMdl-tag {
    display: block;
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info {
    margin-left: 30px;
    width: 70%;
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-white);
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: var(--font-Montserrat);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info p {
    font-size: 14px;
    margin-bottom: 0;
    color: var(--color-white);
    font-weight: 400;
    font-family: var(--font-Montserrat);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-desc {
    margin: 13px 0px 0px;
    overflow-y: scroll;
    max-height: 100px !important;
    margin-right: 18px;
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-desc p {
    font-size: 16px;
    font-weight: 500;
    color: #ececec;
    font-family: var(--font-Satoshi);
}

.Speaker-Section .SpkrMdl-content .SpkrMdl-desc p a {
    color: var(--color-red);
}

.Speaker-Section .SpkrMdl-desc::-webkit-scrollbar {
    width: 3px;
}

.Speaker-Section .SpkrMdl-desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ececec;
}

.Speaker-Section .Speaker-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

/*--------------------------------------------------------------
   End Speaker Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   End Speaker Section
--------------------------------------------------------------*/

.spe-sec-btn {
    border: 2px solid var(--color-green);
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    margin: 40px auto 0px;
    width: 340px;
    color: var(--color-green);
    transition: 0.3s;
}

.spe-sec-btn a {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    font-family: var(--font-Clash-Display);
    color: var(--color-green);
    display: block;
    display: flex;
    justify-content: space-between;
}

.spe-sec-btn a span {
    margin-left: 13px;
}

.spe-sec-btn:hover {
    background-color: var(--color-green);
    transition: 0.3s;
}

.spe-sec-btn:hover a {
    color: rgb(1, 1, 76);
}

/*--------------------------------------------------------------
   End Speaker Section
--------------------------------------------------------------*/

/* side-event-section */
.side-media-card {
    text-align: center;
    padding: 1.5rem;
    border: 1px solid #24009945;
    border-radius: 15px;
    background: #0c0c0c;
}

.sm-card-title {
    color: #ffffff;
    text-shadow: 1px 1px 2px #00ff8c96;
    font-family: var(--font-Clash-Display);
}

.side-media-fit {
    width: 15%;
    margin: 0 auto 10px;
    background: var(--color-green);
    padding: 1rem;
    border-radius: 50%;
}

.side-media-fit img {
    width: 100%;
    object-fit: contain;
}

.sm-card-btn-area {
    margin-top: 1rem;
}

/* side-event-section-end */

/*--------------------------------------------------------------
   Image Content Gallery Section
--------------------------------------------------------------*/
.grid-concept-sec {
    background: #f1f1f1;
}

.grid-concept-sec .padd-change {
    padding: 5px;
}

.grid-concept-sec .grid-content.item1 {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.grid-concept-sec .grid-content .grid-item.inner-flex {
    display: flex;
    justify-content: space-between;
}

.grid-concept-sec .grid-content.item1 .grid-item .fit-img {
    width: 225px;
    height: 300px;
}

.grid-concept-sec .grid-content.item1 .grid-item .fit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-concept-sec .grid-content.item1 .grid-item-two .fit-img {
    width: 100%;
    height: 420px;
}

.grid-concept-sec .grid-content.item1 .grid-item-two {
    margin-top: 10px;
}

.grid-concept-sec .grid-content.item1 .grid-item-two.btm-change {
    margin-bottom: 10px;
    margin-top: 0px !important;
}

.grid-concept-sec .grid-content.item1 .grid-item-two .fit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-concept-sec .grid-content.item1 .grid-item .cont {
    background-color: #0c0036;
    width: 200px;
    height: 300px;
    padding: 10px 10px;
    margin: 0px 0px 0px 10px;
}

.grid-concept-sec .grid-content.item1 .grid-item .cont img {
    width: 50px;
    max-width: 50px;
    height: 45px;
    margin: 13px 0px;
}

.grid-concept-sec .grid-content.item1 .grid-item .cont p {
    font-size: 15px;
    color: var(--color-white);
    font-weight: 400;
    font-family: var(--font-Satoshi);
}

.grid-concept-sec .grid-content.item1 .grid-item .cont h6 {
    color: var(--color-green);
    font-size: 12px;
    font-family: var(--font-Satoshi);
}

.grid-concept-sec .grid-content.item1 .grid-item .cont .lead-cmpy {
    font-size: 10px;
    margin: 0px;
    text-transform: uppercase;
    font-family: var(--font-Satoshi);
}

/*--------------------------------------------------------------
   End Image Content Gallery Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   Ticket Section
--------------------------------------------------------------*/

.Ticket-Section {
    background: var(--color-blue-3);
}

.Ticket-Section .Ticketslist {
    justify-content: center;
    gap: 50px 0px;
}

.Ticket-Section .Ticketslist .Ticket-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 425px;
    background: linear-gradient(163.97deg, #0A002C 59.23%, #58FFB4 102.9%);
    box-shadow:
        rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
        rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    position: relative;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color1 {
    background: linear-gradient(163.97deg, #0A002C 59.23%, #9879FF 102.9%);

}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color2 {
    background: linear-gradient(163.97deg, #0A002C 59.23%, #58FFB4 102.9%);
}


.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color3 {
    background: linear-gradient(163.97deg, #0A002C 59.23%, #FF7575 102.9%);

}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color4 {
    background: linear-gradient(163.97deg, #0A002C 59.23%, #00FFFF 102.9%);

}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color1 .Ticket-title h4 {
    color: #9879FF;

}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color2 .Ticket-title h4 {
    color: #58FFB4;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color3 .Ticket-title h4 {
    color: #FF7575;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color4 .Ticket-title h4 {
    color: #00FFFF;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-tag {
    position: absolute;
    top: -2%;
    left: 0%;
    width: auto;
    max-width: 50%;
    padding: 4px 8px;
    color: var(--color-white);
    background: linear-gradient(90deg, #ff0099 0%, #ff0000 100%);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-tag h5 {
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-title h4 {
    font-size: 31px;
    font-weight: 600;
    padding: 30px 10px;
    line-height: 32px;
    text-align: center;
    color: rgba(88, 255, 180, 1);
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price {
    padding: 15px 10px;
    border-top: 0.8px solid rgba(88, 255, 180, 1);
    border-bottom: 0.8px solid rgba(88, 255, 180, 1);
    line-height: 14px;
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color1 .Ticket-price {
    border-top: 0.8px solid #9879FF;
    border-bottom: 0.8px solid #9879FF;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color2 .Ticket-price {
    border-top: 0.8px solid rgba(88, 255, 180, 1);
    border-bottom: 0.8px solid rgba(88, 255, 180, 1);
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color3 .Ticket-price {
    border-top: 0.8px solid #FF7575;
    border-bottom: 0.8px solid #FF7575;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color4 .Ticket-price {
    border-top: 0.8px solid #00FFFF;
    border-bottom: 0.8px solid #00FFFF;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount {
    min-width: 117px;
    text-align: center;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount.Initial-price h5 {
    /* text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: antiquewhite; */
    position: relative;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount.Initial-price h5::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #7f3f45;
    top: 50%;
    left: 0;
    rotate: 10deg;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount h5 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 1.35;
    color: var(--color-white);
    font-family: var(--font-Clash-Display);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount p {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 0;
    font-family: var(--font-Clash-Display);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount h5 small {
    font-size: 32px;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount.Initial-price h5,
.Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount.Initial-price p {
    color: #847f95;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-feature {
    position: relative;
    padding: 20px 2rem;
    flex: 1;
    width: 100%;
    margin: 0 auto;
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-feature .Tckt-featurelist li {
    font-size: 17px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: start;
    gap: 16px;
    letter-spacing: 0.3px;
    color: var(--color-white);
    margin-bottom: 9.5px;
    font-family: var(--font-Satoshi);
}

.Ticket-Section .Ticketslist .Ticket-card .Ticket-feature .Tckt-featurelist li i {
    font-size: 16px;
    margin-top: 5px;
    color: rgba(0, 255, 140, 1);
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color2 .Ticket-feature .Tckt-featurelist li i {
    font-size: 16px;
    margin-top: 5px;
    color: #FF7575;
}

.Ticket-Section .Ticketslist .Ticket-card.TcktCard-color3 .Ticket-feature .Tckt-featurelist li i {
    font-size: 16px;
    margin-top: 5px;
    color: #00FFFF;
}

.Ticket-Section .Ticketslist .Ticket-btn {
    margin: 0px auto 30px;
}

.Ticket-Section .Ticketslist .Ticket-btn a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    color: var(--color-white);
    padding: 10px 40px;
    text-transform: uppercase;
    text-decoration: none;
    background: var(--color-blue);
    border: 2px solid var(--color-blue);
    font-weight: 500;
    transition: all 0.5s ease;
    font-family: var(--font-Clash-Display);
}

.Ticket-Section .Ticketslist .Ticket-btn a:hover {
    background: #25252500;
    border: 2px solid var(--color-white);
}

/*--------------------------------------------------------------
   End Ticket Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Attended Section
--------------------------------------------------------------*/
.Attended-Section {
    background: var(--color-blue);
}

.Attended-Section .row {
    justify-content: center;
    align-items: center;
    gap: 10px 0px;
    margin-top: 30px;
}

.Attended-Section .BS-Sponsor-Image {
    padding: 10px 0px;
    text-align: center;
}

.Attended-Section .BS-Sponsor-Image img {
    max-width: 160px;
    width: 100%;
    max-height: 70px;
    object-fit: contain;
    transition: 0.4s;
    /* transform: scale(.85); */
}

.Attended-Section .BS-Sponsor-Image img.BSpnr-alterimg {
    max-width: 200px;
}

.blockchain-sec {
    background: url(../../image/Small-Banner/blockchain-bnr-1.jpg) no-repeat center / cover;
}

.blockchain-sec .all-attend-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.blockchain-sec .BS-Sponsor-new {
    width: 15%;
}

.blockchain-sec .BS-Sponsor-new-Image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*--------------------------------------------------------------
    End Attended Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Update section
--------------------------------------------------------------*/
.Update-section {
    background: url(../../image/Small-Banner/Subscribe-Bg.jpg) no-repeat center / cover;
    position: relative;
}

.Update-section .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.051282) 58.81%, rgba(0, 0, 0, 0) 63.87%, #000000 92.07%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.Update-section .Section-title h1 {
    color: var(--color-white);
}

.Update-section .Section-title p {
    color: var(--color-white);
    font-size: 23px;
    position: relative;
    z-index: 3;
    margin-bottom: 35px;
    font-family: var(--font-Satoshi);
}

.Update-section form input {
    position: relative;
    z-index: 3;
    padding: 20px;
    width: 100%;
    font-size: 23px;
    background-color: transparent;
    margin-top: 10px;
    border: 1px solid var(--color-white);
    color: var(--color-white);
}

.Update-section form ::placeholder {
    color: var(--color-white);
    opacity: 1;
}

.Update-section .form-btn a {
    width: 100%;
    font-size: 24px;
    padding: 20px;
}

.Update-section .form-btn a:hover {
    background: var(--background-btn1-gradient);
}

.Subscribe-form form {
    display: grid;
    gap: 11px;
}

.Update-section .final-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

/*--------------------------------------------------------------
    End Update Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  Marquee banner Section
--------------------------------------------------------------*/

.banner-marquee {
    padding: 5px 0px;
    width: 100%;
    background: linear-gradient(86.74deg, #3c00ff -2.83%, #00ff8c 106.52%);
}

.banner-marquee .Marquee-Inner {
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: row !important;
    position: relative;
    width: 100%;
    transform: none;
}

.banner-marquee .Marquee-Inner:hover .Marquee-Child {
    animation-play-state: paused;
}

.banner-marquee .Marquee-Inner:active .Marquee-Child {
    animation-play-state: paused;
}

.banner-marquee .Marquee-Inner .Marquee-Child {
    flex: 0 0 auto;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: Footer-Scroll 40s linear 0s infinite;
    animation-play-state: running;
    animation-delay: 0s;
    animation-direction: normal;
}

.banner-marquee .Marquee-Inner .Marquee-Child .child {
    width: 100%;
    height: 30px;
    transform: none;
    margin: 0px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-marquee .Marquee-Inner .Marquee-Child .child h1 {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
    line-height: normal;
}

.banner-marquee .Marquee-Inner .Marquee-Child .child img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes Footer-Scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/*--------------------------------------------------------------
  End Marquee banner Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Innovative Section
--------------------------------------------------------------*/
.innovative {
    background: rgba(241, 241, 241, 1);
}

.innovative h1 {
    color: #130b2c;
}

.innovate-gallery {
    display: flex;
    flex-wrap: wrap;
}

.innovative-layer {
    position: relative;
    flex: 28%;
    max-width: 100%;
}

.innovative-img img {
    position: relative;
    vertical-align: middle;
    width: 100% !important;
    height: 550px !important;
    object-fit: cover;
}

.innovative-layer .innovative-title {
    position: absolute;
    top: 0px;
    left: 0px;
    color: var(--color-white);
    z-index: 50;
    padding: 20px 0px 20px 80px;
    max-width: 350px;
}

.innovative-title h3 {
    font-size: 55px;
    font-weight: 400;
    padding: 100px 0px;
    font-family: var(--font-Satoshi);
}

.spc-layer1 {
    width: 100% !important;
    height: 550px !important;
    background-color: #000 !important;
}

.innovate-text2 {
    padding: 150px 0px !important;
}

.innovate-text3 {
    width: 550px !important;
    padding: 170px 30px 0px !important;
}

.innovate-text4 {
    width: 450px !important;
}

.carousel-fade .carousel-item {
    transition: opacity 0.5s ease-in-out !important;
    /* Reduced from default 0.6s */
}

.carousel.slide {
    transition: all 0.5s ease-in-out !important;
}

/*--------------------------------------------------------------
    End Innovative Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Premier Section
--------------------------------------------------------------*/

.premier {
    background: url(../../image/Small-Banner/Hashmining-Bg-1.jpg) no-repeat center / cover;
    padding: 200px 0px;
}

.premier .row {
    align-items: center;
    justify-content: center;
    row-gap: 25px;
}

.premium {
    width: 80%;
    margin: 0 auto;
    height: 100%;
}

.premier-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.premier-text p {
    color: var(--color-white);
    font-size: 24px;
    font-weight: 400;
    text-align: justify;
    line-height: 36px;
    margin-bottom: 48px;
    font-family: var(--font-Satoshi);
}

.premier-btn {
    width: 180px !important;
    height: 60px !important;
    border: 1px solid var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
}

.premier .premier-btn a {
    font-size: 22px;
}

.premier-btn span {
    margin-left: 9px;
}

.premier-btn:hover {
    background-color: #ffa500;
    width: 205px !important;
    border: none;
}

/*--------------------------------------------------------------
    End Premier Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    your-brand-section Section
--------------------------------------------------------------*/
.your-brand-section {
    background: #0d0135;
}

/* .your-brand-section .your-brand-content h1 {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 56px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
}
     .your-brand-section .your-brand-content h1 span {
    color: #00FF8C;
} */

.your-brand-section .main-title {
    text-align: left;
}

.your-brand-content {
    padding-right: 1rem;
}

.your-brand-section .your-brand-content p {
    font-family: var(--font-Satoshi);
    font-weight: 300;
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 32px;
}

.your-brand-section .digital-btns a {
    font-family: var(--font-Clash-Display);
    font-weight: 500;
    font-size: 19px;
    padding: 8px 24px;
    color: #190364;
    background: #00ff8c;
    text-transform: uppercase;
    width: fit-content;
    min-width: fit-content;
    border: none;
}

.your-brand-section .right-boxes {
    display: flex;
}

.your-brand-section .right-boxes .box {
    border: 2px solid #00ff8c;
    padding: 20px;
}

.your-brand-section .right-boxes .box img {
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
}

.your-brand-section .right-boxes .box p {
    font-family: var(--font-Clash-Display);
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 22px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
    End your-brand-section Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Digital Assets Section
--------------------------------------------------------------*/
.digital-assets-section {
    background: #3c00ff;
}

.digital-assets-section .row {
    align-items: center;
    justify-content: center;
}

.digital-assets-section .main-title {
    text-align: left;
    font-size: 53px;
    margin-bottom: 1.5rem;
}

/* .digital-assets-section .digital-assets-content h1 {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 54px;
    color: #fff;
    line-height: 56px;
    letter-spacing: 0%;
    margin-bottom: 40px;
    text-transform: uppercase;
} */

.digital-assets-section .digital-assets-content p {
    font-family: var(--font-Satoshi);
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
    line-height: 32px;
}

.digital-assets-section .digital-btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

.digital-assets-section .digital-btns .Section-btn {
    padding: 17px 10px;
    border: none;
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 100%;
    /* text-transform: capitalize; */
}

.digital-assets-section .digital-btns .green-btn {
    background: #00ff8c;
}

.digital-assets-section .digital-btns .green-btn:hover {
    background: #00ff8ce8;
}

.digital-assets-section .digital-btns .normal-btn {
    background: #fff;
}

.digital-assets-section .digital-btns .normal-btn:hover {
    background: #ffffffed;
}

.digital-assets-section .right-img img {
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
    End Digital Assets Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Footer Section
--------------------------------------------------------------*/
.Footer-Section {
    background: var(--color-black);
}

.Footer-Section .footer-inner-details .link-content {
    display: flex;
    justify-content: space-between;
}

.Footer-Section .footer-inner-details .link-content .links,
.Footer-Section .footer-inner-details .link-content .contact-us,
.Footer-Section .footer-inner-details .link-content .timing {
    margin-bottom: 15px;
}

.Footer-Section .footer-inner-details .link-content .Dropdown-qckLink h5 {
    font-size: 24px;
    font-weight: 500;
    color: #00ff8c;
    text-transform: capitalize;
    font-family: var(--font-Neue-Montreal);
    margin-bottom: 10px;
}

.Footer-Section .footer-inner-details .link-content .dropdown-menu {
    background: transparent;
    border: none;
    display: block;
    padding: 0;
    position: relative !important;
    inset: 0 !important;
    transform: none !important;
    z-index: 20;
}

.Footer-Section .footer-inner-details .link-content .links a {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--color-white);
    font-family: var(--font-Neue-Montreal);
}

.Footer-Section .footer-inner-details .link-content .links a:hover {
    text-decoration: underline;
}

.Footer-Section .footer-inner-details .link-content .contact-us p {
    font-size: 20px;
    text-transform: capitalize;
    color: var(--color-white);
    font-family: var(--font-Neue-Montreal);
    margin-bottom: 0;
    font-weight: 500;
}

.Footer-Section .footer-inner-details .link-content .contact-us .emails {
    display: inline-block;
    margin-bottom: 10px;
}

.Footer-Section .footer-inner-details .link-content .contact-us li:last-child .emails {
    margin-bottom: 0px;
}

.Footer-Section .footer-inner-details .link-content .contact-us a {
    font-size: 20px;
    /* text-transform: capitalize; */
    color: var(--color-white);
    font-family: var(--font-Neue-Montreal);
    font-weight: 400;
}

.Footer-Section .footer-inner-details .link-content .contact-us a:hover {
    color: #ee4545;
    /* text-decoration: underline; */
}

.Footer-Section .footer-inner-details .link-content .timing .timi-flex {
    display: flex;
    align-items: center;
    justify-content: baseline;
    gap: 15px;
    margin-bottom: 20px;
}

.Footer-Section .footer-inner-details .link-content .timing .timi-flex img,
.Footer-Section .footer-inner-details .link-content .timing .venue-flex img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.Footer-Section .footer-inner-details .link-content .timing .timi-flex p {
    margin-bottom: 0;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--color-white);
    font-family: var(--font-Neue-Montreal);
    font-weight: 400;
}

.Footer-Section .footer-inner-details .link-content .timing .venue-flex {
    display: flex;
    align-items: center;
    justify-content: baseline;
    gap: 15px;
}

.Footer-Section .footer-inner-details .link-content .timing .venue-flex p {
    margin-bottom: 0;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--color-white);
    font-weight: 400;
    font-family: var(--font-Neue-Montreal);
}

.Footer-Section .footer-inner-details .Ftr-divider {
    grid-column: 1/5;
    width: 100%;
    height: 1px;
    background-color: rgb(232, 232, 232);
    opacity: 0.4;
    margin: 35px 0px;
}

.Footer-Section .footer-inner-details .footer-second-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Footer-Section .footer-inner-details .footer-second-sec.visible-data {
    display: flex;
}

.Footer-Section .footer-inner-details .footer-second-sec.hidden-data {
    display: none;
}

.Footer-Section .footer-inner-details .Ftrlogo-details {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
}

.Footer-Section .footer-inner-details .Ftrlogo-details a img {
    width: 200px;
    height: 64px;
    object-fit: contain;
}

.Footer-Section .footer-inner-details .Ftrlogo-details .Ftr-organized {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    color: var(--color-white);
}

.Footer-Section .footer-inner-details .Ftrlogo-details .Ftr-organized h4 {
    font-size: 20px;
    color: var(--color-white);
    font-family: var(--font-Neue-Montreal);
    font-weight: 400;
}

.Footer-Section .footer-inner-details .Ftr-disclaimer {
    margin: 0;
    width: 50%;
}

.Footer-Section .footer-inner-details .Ftr-disclaimer p {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
    font-weight: 400;
    margin-bottom: 0px;
    font-family: var(--font-Neue-Montreal);
}

.Footer-Section .footer-inner-details .Ftr-Terms {
    color: var(--color-white);
    margin: 0px;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.Footer-Section .footer-inner-details .Ftr-Terms a {
    font-family: var(--font-Neue-Montreal);
    color: var(--color-white);
    font-weight: 400;
}

.Footer-Section .footer-inner-details .Ftr-Terms a:hover {
    color: #ee4545;
    /* text-decoration: underline !important; */
}

.Footer-Section .footer-inner-details .Ftr-media .Ftr-social {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0px 10px;
}

.Footer-Section .footer-inner-details .Ftr-media .Ftr-social .Ftrsocial-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Footer-Section .footer-inner-details .Ftr-media .Ftr-social .Ftrsocial-item img {
    width: 20px;
    height: 20px;
    color: var(--color-white);
    cursor: pointer;
    transition: 0.4s;
}

.Footer-Section .footer-inner-details .ced-footer-community {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border: 1px solid rgba(37, 211, 102, 0.28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(6, 56, 44, 0.95) 0%, rgba(11, 96, 72, 0.95) 100%);
}

.Footer-Section .footer-inner-details .ced-footer-community__content {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.Footer-Section .footer-inner-details .ced-footer-community__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #25d366;
    color: var(--color-white);
    font-size: 27px;
    line-height: 1;
}

.Footer-Section .footer-inner-details .ced-footer-community__title,
.Footer-Section .footer-inner-details .ced-footer-community__text {
    margin: 0;
    font-family: var(--font-Neue-Montreal);
}

.Footer-Section .footer-inner-details .ced-footer-community__title {
    color: var(--color-white);
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.Footer-Section .footer-inner-details .ced-footer-community__text {
    /* max-width: 620px; */
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.Footer-Section .footer-inner-details .ced-footer-community__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 128px;
    min-height: 46px;
    padding: 12px 22px;
    border-radius: 6px;
    background-color: var(--color-white);
    color: #087a5b;
    font-family: var(--font-Neue-Montreal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.Footer-Section .footer-inner-details .ced-footer-community__btn:hover {
    background-color: #25d366;
    color: var(--color-white);
    transform: translateY(-2px);
}

/*--------------------------------------------------------------
    End Footer Section
--------------------------------------------------------------*/

/* footer-bottom-section */
.footer-bottom-section {
    background: #000410;
}

.footer-bottom-content {
    background-color: #00ff8c00;
    padding: 0 0 1rem;
    border-radius: 0.5rem;
    color: var(--color-green);
    border: 1px solid var(--color-green);
    overflow: hidden;
}

.footer-bottom-title {
    padding: 6px 10px;
    font-size: 16px;
    background-color: #04ed94;
    /* border-radius: 4px; */
    color: #000000;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.footer-bottom-content p {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #e0e0e0;
    padding-inline: 1rem;
}

.footer-bottom-content b {
    color: #ffffff;
    font-weight: 500;
}

.footer-bottom-content p a {
    text-decoration: underline;
    color: #ff4f4f;
    font-weight: 500;
}

.footer-bottom-content p a:hover {
    text-decoration-color: #ff0000;
}

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

/* footer-bottom-section-end */

/*--------------------------------------------------------------
  Scroll to Top Button Section
--------------------------------------------------------------*/
.ScrollTop-Section {
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 920;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
}

.ScrollTop-Section.ScrollTop-Active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ScrollTop-Section .ScrollTopBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    font-size: 19px;
    border: none;
    outline: none;
    position: relative;
    background: var(--background-btn1-gradient);
    color: var(--color-white);
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0px 0px 8px 0px rgb(255 255 255 / 21%);
}

.ScrollTop-Section .ScrollTopBtn:hover {
    background: #3c00ff;
    color: var(--color-white);
}

/*--------------------------------------------------------------
   End Scroll to Top Button Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   Page Common Width Settings
--------------------------------------------------------------*/

@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 992px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

/*--------------------------------------------------------------
   End Page Common Width Settings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
   Media Query
--------------------------------------------------------------*/
/*-------------------------------
   Laptop to Tablet View
---------------------------------*/

@media (max-width:2500px) {
    .Spkr-img {
        height: 500px;
    }
}

@media (max-width:2000px) {
    .Spkr-img {
        height: 350px;
    }
}

@media (max-width:1700px) {
    .Spkr-img {
        height: 300px;
    }
}


/* Large Desktop */
@media (max-width: 1600px) {
    .asset-market-title {
        font-size: 64px;
    }
}

/*-----------  max-width: 1200px  -----------*/

@media (max-width: 1200px) {
    header .Section-btn {
        min-width: 153px;
        font-size: 15px;
        padding: 10px 15px;
    }

    header .Web-Logo img:nth-child(1),
    header .Web-Logo img:nth-child(2) {
        display: none !important;
    }

    header .Web-Logo img:nth-child(3) {
        display: block;
    }

    header .Web-Logo img {
        width: 25rem;
    }

    /* ------  Header  ------ */
    header #Primary-menu li {
        margin-left: 17px;
    }

    header {
        padding: 1rem 0px !important;
    }

    header .Web-Logo {
        flex-basis: auto;
    }

    header .Header-inner .Header-topmenu {
        padding-bottom: 0px;
        flex: 1;
    }

    header .Header-inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding: 0px 10px !important;
    }

    header .Header-menu {
        display: none;
    }

    header .Mobile-Header {
        display: block;
    }

    header #Primary-menu {
        display: none;
    }

    header #Primary-menu-toggle {
        display: inline-block;
    }

    header #Primary-menu-toggle.Toggle-cross .Menu-bar:nth-of-type(1) {
        transform: translateY(6px) rotate(-45deg);
    }

    header #Primary-menu-toggle.Toggle-cross .Menu-bar:nth-of-type(3) {
        transform: translateY(-2px) rotate(45deg);
    }

    header #Primary-menu-toggle.Toggle-cross .Menu-bar:nth-of-type(2),
    header #Primary-menu-toggle.Toggle-cross .Menu-bar:nth-of-type(4) {
        opacity: 0;
    }

    /* ------  Banner Section  ------ */
    /* .Banner-Section {
        margin-top: 87px;
    } */

    .Banner-Section {
        margin-top: 7%;
    }

    .asset-market-content {
        padding-top: 50px;
    }

    .asset-market-title {
        font-size: 52px;
        letter-spacing: -1px;
    }

    .asset-market-desc {
        font-size: 19px;
        max-width: 950px;
        margin-top: 34px;
    }

    .asset-market-wrap {
        margin-top: 45px;
    }

    /* ------  About Section - What is Crypto Section ------ */
    .About-Section.About-WhatCryptoBg .About-Spkrs {
        transform: scale(0.9);
        right: -36%;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr1 {
        left: 0%;
        max-width: 321px;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr2 {
        left: 13.5%;
        max-width: 300px;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr3 {
        left: 23.5%;
        max-width: 330px;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr4 {
        left: 40.3%;
        bottom: -13%;
        max-width: 295px;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr5 {
        left: 54%;
        max-width: 240px;
    }

    /* ------  Innovative Section  ------ */
    .innovative-layer {
        max-width: 50% !important;
    }

    .innovative-title h3 {
        font-size: 45px !important;
    }

    .innovative-layer .innovative-title {
        padding: 35px !important;
    }

    .innovate-text3,
    .innovate-text4 {
        width: 350px !important;
    }
}

/*-----------  min-width: 768px and max-width: 1200px  -----------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    /*--------------------------------------------------------------
       Home Page
    --------------------------------------------------------------*/

    /* ------  Premium Section  ------ */
    .premium {
        width: 85%;
    }

    /*--------------------------------------------------------------
       End Home Page
    --------------------------------------------------------------*/
}

/*-----------  max-width: 992px  -----------*/
@media (max-width: 992px) {

    /* ------  Section Title  ------ */
    .Section-title h1 {
        font-size: 40px;
    }

    .Section-title h5 {
        font-size: 30px;
    }

    /* ------  Section Buttons  ------ */
    .Section-btn {
        min-width: 180px;
    }

    header .Section-btn {
        display: none;
    }

    /*--------------------------------------------------------------
       Home Page
    --------------------------------------------------------------*/

    /* ------  Banner Section ------ */
    .Banner-Section {
        margin-top: 10%;
    }

    /* .Banner-Section .Banner-cont {
        padding: 90px 0 90px 0;
    }

    .Banner-Section .Banner-cont .Bnr-top h1 {
        font-size: 45px;
        letter-spacing: 2px;
    }

    .Banner-Section .Banner-cont .Bnr-top h2 {
        font-size: 35px;
        letter-spacing: 2px;
    } */

    .asset-market-content {
        padding-top: 45px;
    }

    .asset-market-title {
        font-size: 42px;
        line-height: 1.08;
    }

    .asset-market-desc {
        font-size: 17px;
    }

    .asset-market-wrap {
        margin-top: 40px;
    }

    /*  */

    .asset-economy-section .main-title {
        width: 100%;
        margin-inline: auto;
    }

    /* ------  About Section ------ */
    .About-Section.AboutImg-Left .About-img,
    .About-Section.AboutImg-Right .About-img {
        width: 65%;
        margin: 0px auto;
        position: relative;
    }

    /* ------  About Section - What is Crypto Section ------ */
    .About-Section.About-WhatCryptoBg .About-Content .Section-title h1 {
        font-size: 40px;
    }

    .About-Section.About-WhatCryptoBg .About-RightImg {
        width: 70%;
        margin: 0px auto;
    }

    .About-Section.About-WhatCryptoBg .About-RightImg img.About-CElogo {
        top: 0;
        left: 0px;
    }

    .About-Section.About-WhatCryptoBg .About-RightImg img.About-Spkrgrp {
        display: block;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrs {
        display: none;
    }

    /* ------  Counter Section ------ */
    .counter-section .counter {
        font-size: 55px;
    }

    .counter-section .counter p {
        font-size: 20px;
    }

    /* ------  Speaker Section ------ */
    .Speaker-Section .Speaker-Title {
        justify-content: center;
    }

    .Speaker-Section .Speaker-Dots {
        display: none;
    }

    .Speaker-Section .Speaker-btn {
        margin-top: 35px;
    }

    /* ------  Attendees Section ------ */
    .Attended-Section .BS-Sponsor-Image img {
        max-width: 130px;
    }

    /*--------------------------------------------------------------
       End Home Page
    --------------------------------------------------------------*/

    /* ------  Footer Section ------ */
    .Footer-section .Left-content .Contact-location {
        margin-bottom: 20px;
    }

    .Footer-section .Left-content .Menus-list li {
        margin-right: 12px;
    }

    .Footer-section .Right-content {
        text-align: left;
    }
}

/*-------------------------------
   End Laptop to Tablet View
---------------------------------*/
@media (max-width: 768px) {

    .web-view {
        display: none;
    }

    /* ------  Section Title  ------ */
    .Section-title h1 {
        font-size: 38px;
    }

    .Section-title h5 {
        font-size: 28px;
    }

    /* ------  Header Section  ------ */
    header .Web-Logo img {
        width: 160px;
    }

    @keyframes headerScrollSlideDown {
        0% {
            transform: translateY(0px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    /*--------------------------------------------------------------
       Home Page
    --------------------------------------------------------------*/

    /* ------  Banner Section ------ */
    /* .Banner-Section {
        margin-top: 75px;
    }

    .Banner-Section .Banner-cont .Bnr-top h1 {
        font-size: 40px;
        text-align: center;
    }

    .Banner-Section .Banner-cont .Bnr-top h3 {
        font-size: 30px;
        text-align: center;
    }

    .Banner-Section .Banner-cont .Bnr-btn {
        justify-content: center;
        margin-top: 30px;
    }

    .Banner-Section .Bnr-bottom {
        margin-top: 30px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown {
        justify-content: center;
    } */
    .asset-economy-content {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    .asset-economy-title {
        font-size: 21px;
    }

    /* ------  About Section ------ */
    .About-Section .About-Content p {
        font-size: 17px;
        line-height: 30px;
    }

    .About-Section.AboutImg-Left .About-img,
    .About-Section.AboutImg-Right .About-img {
        width: 100%;
    }

    .blockchain-sec .all-attend-box {
        gap: 10px;
    }

    /* ------  About Section - What is Crypto Section ------ */
    .About-Section.About-WhatCryptoBg .About-Content .Section-title h1 {
        font-size: 38px;
    }

    .About-Section.About-WhatCryptoBg {
        padding-bottom: 0px;
    }

    /* ------  Counter Section ------ */
    .counter-section .counter {
        font-size: 50px;
    }

    .counter-section .counter p {
        font-size: 16px;
    }

    /* ------  Speaker Section ------ */
    .Speaker-Section .SpkrMdl-content {
        width: 95%;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-desc {
        margin: 13px 0px 0px;
        overflow-y: scroll;
        max-height: 66px !important;
        margin-right: 18px;
    }

    .Speaker-Section .SpkrMdl-content .btn-close {
        right: 22px;
        top: 15px;
        font-size: 14px;
    }

    .Speaker-Section .slick-prev {
        left: -15px;
    }

    .Speaker-Section .slick-next {
        right: -15px;
    }

    .spe-sec-btn a {
        font-size: 18px;
        line-height: 24px;
    }

    .spe-sec-btn {
        padding: 12px 20px;
        width: 270px;
    }

    /* ------  Image Content Gallery Section ------ */
    .grid-concept-sec .grid-content.item1 .grid-item .fit-img {
        width: 100%;
    }

    .grid-concept-sec .grid-content.item1 .grid-item .cont {
        width: 100%;
    }

    .grid-concept-sec .grid-content.item1 .grid-item .cont i {
        padding-top: 40px;
    }

    /*--------------------------------------------------------------
       End Home Page
    --------------------------------------------------------------*/

    /* ------ Footer Section ------ */
    .Footer-Section .footer-inner-details .link-content {
        display: flex;
        gap: 50px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Footer-Section .footer-inner-details .footer-second-sec.visible-data {
        display: none;
    }

    .Footer-Section .footer-inner-details .footer-second-sec.hidden-data {
        display: block;
    }

    .Footer-Section .footer-inner-details .Ftrlogo-details {
        justify-content: center;
        margin-bottom: 20px;
    }

    .Footer-Section .footer-inner-details .Ftr-disclaimer {
        margin: 0;
        width: 100%;
    }

    .Footer-Section .footer-inner-details .footer-second-sec {
        flex-wrap: wrap;
        gap: 15px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community {
        flex-direction: column;
        align-items: center;
        gap: 18px;
        text-align: center;
    }

    .Footer-Section .footer-inner-details .ced-footer-community__content {
        justify-content: center;
    }
}

/*-------------------------------
   Tablet View
---------------------------------*/
@media (max-width: 767px) {
    .main-title {
        font-size: 35px;
        line-height: 35px;
    }

    .d-padding {
        padding-block: 2.5rem;
    }

    /* banner-section */
    .Banner-Section {
        width: 100%;
        height: 91dvh;
        position: relative;
        margin-top: 16%;
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .Banner-Section .container {
        height: 100%;
        align-content: end;
    }

    .Banner-Section .Banner-cont {
        padding: 0px;
    }

    .Banner-Section .Banner-title {
        font-weight: 700;
        font-size: 53.72px;
        line-height: 64.47px;
        letter-spacing: 0%;
    }

    .Banner-Section .Banner-text {
        font-weight: 600;
        font-size: 24px;
        line-height: 25.03px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item p {
        font-size: 8px;
    }

    .Banner-Section .Banner-cont .Bnr-btn {
        margin-top: 35px;
    }

    .Bnr-btn a {
        min-width: 144px;
        padding-inline: 20px;
        padding-block: 8px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item h4 {
        font-size: 21px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item {
        min-width: 55px;
    }

    .Banner-Section .Bnr-bottom {
        margin-top: 35px;
    }

    /* banner-section-end */
    .asset-market-content {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .asset-market-title {
        font-size: 30px;
        line-height: 1.1;
        letter-spacing: -0.5px;
        padding: 0 12px;
    }

    .asset-market-desc {
        font-size: 24px;
        padding: 0;
        line-height: 32px;
    }

    .asset-market-wrap {
        margin-top: 35px;
    }

    .counter-section .counter-box p {
        font-size: 25px;
        line-height: 25px;
    }

    /* speaker-section */
    .Speaker-Section .Speaker-item {
        width: 280px;
    }

    /* speaker-section-end */

    .side-media-fit {
        width: 20%;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-title h4 {
        font-size: 25px;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-feature {
        position: relative;
        padding: 20px 2rem;
        flex: 1;
        width: 100%;
        margin: 0 auto;
        min-height: 200px;
    }

    /* ------  Innovative Section  ------ */
    .innovative-layer {
        flex: 100% !important;
        max-width: 100% !important;
    }

    .innovative-title h3 {
        padding-top: 50px !important;
        font-size: 34px !important;
    }

    .spc-layer1,
    .innovative-img img {
        height: 300px !important;
    }

    .innovate-text3,
    .innovate-text4 {
        width: 300px !important;
        padding: 0px 35px !important;
    }

    /* ------  Premium Section  ------ */
    .premier {
        padding: 100px 0px;
    }

    .premier-text p {
        font-size: 19px !important;
        margin-bottom: 25px;
    }

    .premium {
        width: 80%;
        display: block;
        margin: 0 auto 20px;
        height: auto;
    }

    .your-brand-section .main-title {
        text-align: left;
        font-size: 31px;
        line-height: 31px;
    }

    .digital-assets-section .main-title {
        text-align: left;
        font-size: 33px;
        line-height: 33px;
    }
}

/*-------------------------------
   End Tablet View
---------------------------------*/

/*-------------------------------
   Mobile View
---------------------------------*/
@media (max-width: 576px) {

    /* ------  Section Title  ------ */
    .Section-title h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .Section-title h5 {
        font-size: 25px;
    }

    /* ------  Section Buttons  ------ */
    .Section-btn {
        min-width: 140px;
        font-size: 14px;
    }

    /* ------  Back to Top Section  ------ */
    .ScrollTop-Section .ScrollTopBtn {
        height: 40px;
        width: 40px;
        font-size: 18px;
    }

    /* ------  Header  ------ */
    header .Web-Logo img {
        width: 150px;
    }

    header .Web-Logo img:nth-child(3) {
        width: 220px;
    }

    header .Mobile-Header .Mbl-Logo img {
        width: 150px;
    }

    header .Mobile-Header .Mbl-nav .Mbl-menu a.Hdr-Mblbtn {
        font-size: 13px;
        min-width: 160px;
    }

    /*--------------------------------------------------------------
       Home Page
    --------------------------------------------------------------*/

    /* ------  Banner Section ------ */
    /* .Banner-Section .Banner-cont .Bnr-top h1 {
        font-size: 25px;
    }

    .Banner-Section .Banner-cont .Bnr-top h3 {
        font-size: 20px;
    }

    .Banner-Section .Banner-cont .Bnr-top h1 span {
        display: inline-block;
    }

    .Banner-Section .Banner-cont .Bnr-btn {
        gap: 10px;
    }

    .Banner-Section .Banner-cont .Bnr-btn .Gradient-btn {
        display: block !important;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item {
        min-width: 65px;
        padding: 5px 5px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item h4 {
        font-size: 20px;
    }

    .Banner-Section .Bnr-bottom .Bnr-counterdown .Countdown-item p {
        font-size: 11.5px;
    } */

    /* ------  About Section ------ */
    .About-Section .About-Sec-btn {
        gap: 15px;
    }

    /* ------  About Section - What is Crypto Section ------ */
    .About-Section.About-WhatCryptoBg .About-Content .Section-title h1 {
        font-size: 30px;
    }

    .About-Section.About-WhatCryptoBg .About-RightImg {
        width: 90%;
    }

    /* ------  Counter Section ------ */

    .counter-section .counter p {
        font-size: 14px;
    }

    /* ------  Speaker Section ------ */
    .Speaker-Section .modal-lg {
        max-width: 300px;
    }

    .Speaker-Section .SpkrMdl-content {
        max-height: 100%;
        margin: 0 auto;
    }

    .Speaker-Section .Spk-Cards {
        row-gap: 15px;
    }

    .Speaker-Section .SpkrMdl-content {
        width: 90%;
    }

    .Speaker-Section .modal-lg {
        padding: 0px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .Speaker-Section .modal.SpkrModal-Tag .SpkrMdl-content {
        padding: 8px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img {
        width: 180px;
        height: 180px;
        border-radius: 120px;
        margin: 10px auto;
        text-align: center;
        overflow: hidden;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img img {
        width: 100%;
        max-height: 100%;
        height: 100%;
        object-fit: contain;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info {
        width: auto;
        margin: 0px;
        padding: 25px 10px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-img .SpkrMdl-tag {
        top: 6px;
        left: -7px;
        font-size: 11px;
        padding: 0 7px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-status {
        font-size: 11px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info h3 {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-detail .SpkrMdl-info p {
        font-size: 10px;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-desc {
        margin: 15px 0px 0px 0px;
        overflow-y: scroll;
        max-height: 100px !important;
    }

    .Speaker-Section .SpkrMdl-content .SpkrMdl-desc p {
        font-size: 12px;
    }

    .Speaker-Section .Speaker-item .Spkr-content .Spkr-title h3 {
        font-size: 20px;
    }

    .Speaker-Section .Speaker-item .Spkr-content .Spkr-lc {
        height: auto;
    }

    .Speaker-Section .Speaker-item .Spkr-content .Spkr-lc .Spkr-lead {
        font-size: 14px;
    }

    .Speaker-Section .Speaker-item .Spkr-content .Spkr-lc .Spkr-company {
        font-size: 14px;
    }

    .Speaker-Section .Speaker-item .Spkr-content .Spkr-title a i {
        font-size: 22px;
    }

    .spe-sec-btn a {
        font-size: 14px;
        line-height: 20px;
    }

    .spe-sec-btn {
        padding: 12px 20px;
        width: 220px;
    }

    /* ------  Image Content Gallery Section ------ */
    .grid-concept-sec .grid-content.item1 .grid-item .cont i {
        font-size: 22px;
        padding-top: 0px;
    }

    /* ------  Ticket Section  ------ */
    .Ticket-Section .Ticketslist .Ticket-card .Ticket-title h4 {
        font-size: 32px;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-tag {
        max-width: 70%;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-tag h5 {
        font-size: 10px;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount h5 {
        font-size: 30px;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .Ticket-Section .Ticketslist .Ticket-card .Ticket-feature .Tckt-featurelist li {
        font-size: 16px;
    }

    /* ------  Attendees Section ------ */
    .Attended-Section .BS-Sponsor-Image img {
        max-width: 120px;
    }

    .blockchain-sec .all-attend-box {
        gap: 5px;
    }

    /* ------  Subscribe Form Section ------ */
    .Update-section .Section-title p,
    .Speaker-Section .Speaker-Title .Section-title p {
        font-size: 16px;
    }

    .Update-section form input {
        width: 100%;
    }

    .Update-section .final-btn {
        flex-direction: column;
        gap: 10px;
    }

    /* ----  your brand section ------ */
    .your-brand-section .digital-btns a {
        padding: 5px 14px;
        font-size: 12.36px;
        margin-bottom: 20px;
    }

    .your-brand-section .digital-btns a img {
        width: 12.36px;
    }

    /* ---- digital assets section ---- */
    .digital-assets-section .digital-assets-content h1,
    .digital-assets-section .digital-assets-content p {
        margin-bottom: 30px;
    }

    .digital-assets-section .digital-btns {
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }

    .digital-assets-section .digital-btns .green-btn {
        padding: 12px 43px;
    }

    .digital-assets-section .digital-btns .normal-btn {
        padding: 12px 31px;
    }

    /* ------ Footer Section ------ */
    .Footer-Section {
        padding: 30px 0px;
        margin-bottom: 15px;
    }

    .Footer-Section .footer-inner-details .link-content {
        display: inline-block;
    }

    .Footer-Section .footer-inner-details .link-content h5 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .Footer-Section .footer-inner-details .link-content .links a,
    .Footer-Section .footer-inner-details .link-content .contact-us p {
        font-size: 22px;
    }

    .Footer-Section .footer-inner-details .link-content .dropdown-menu {
        inset: 0px auto auto 0px !important;
        margin: 0px;
        display: none;
    }

    .Footer-Section .footer-inner-details .link-content .dropdown-menu.show {
        display: block;
    }

    .Footer-Section .footer-inner-details .link-content .contact-us a {
        font-size: 16px;
    }

    .Footer-Section .footer-inner-details .link-content .timing .timi-flex p,
    .Footer-Section .footer-inner-details .link-content .timing .venue-flex p {
        font-size: 18px;
    }

    .Footer-Section .footer-inner-details .Ftrlogo-details {
        justify-content: flex-start;
    }

    .Footer-Section .footer-inner-details .Ftr-divider {
        margin: 35px 0px;
    }

    .Footer-Section .footer-inner-details .Ftrlogo-details .Ftr-organized.ft-size h4 {
        font-size: 16px;
    }

    .Footer-Section .footer-inner-details .Ftr-media .Ftr-social {
        gap: 8px;
        margin: 0px 10px;
    }

    .Footer-Section .footer-inner-details .Ftrlogo-details {
        gap: 8px;
    }

    .Footer-Section .footer-inner-details .footer-second-sec {
        gap: 30px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community {
        padding: 18px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community__content {
        flex-direction: column;
        gap: 12px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community__title {
        font-size: 20px;
        line-height: 26px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community__text {
        font-size: 14px;
        line-height: 21px;
    }

    .Footer-Section .footer-inner-details .ced-footer-community__btn {
        width: 100%;
    }

    /*--------------------------------------------------------------
       End Home Page
    --------------------------------------------------------------*/
}

@media (max-width: 480px) {
    .asset-market-title {
        font-size: 25px;
    }

    /* .asset-market-desc {
        font-size: 14px;
    } */
}

/*-------------------------------
   End Mobile View
---------------------------------*/

/*--------------------------------------------------------------
   End Media Query
--------------------------------------------------------------*/

/* beccome-sponsor-contact-form */

.Become-Speaker-Page .Become-sponsor-bg {
    background: url(../../image/Banners/Become-sponsor-bg.jpg) no-repeat top / cover;
}

.iti {
    width: 100%;
}

.ContactForm {
    background-color: #fff;
}

.ContactForm h1 {
    color: #00ff8c;
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    text-shadow: 0px 1px 0px #000;
}

.ContactForm .form-label {
    font-family: var(--font-Clash-Display);
    font-size: 18px;
    font-weight: 600;
    /* text-transform: capitalize; */
    color: #000;
}

.ContactForm .form-control {
    border-radius: 0px;
}

.first-tab-btn,
.become-form-submit-btn {
    padding: 10px 20px;
    border-radius: 0px;
    min-width: 200px;
    background-color: #3c00ff;
    border: 2px solid #3c00ff !important;
    color: #fff;
    font-weight: 600;
    font-family: var(--font-Clash-Display);
    margin-top: 15px;
}

.first-tab-btn:hover,
.become-form-submit-btn:hover {
    background-color: #fff !important;
    color: #3c00ff !important;
}

/* beccome-sponsor-contact-form-end */
/* cookies-section-start */
.cookie-popup {
    position: fixed;
    font-family: var(--font-Rubik);
    bottom: -75%;
    left: 1%;
    width: 20%;
    background-color: #f8f9fa;
    box-shadow:
        rgba(0, 0, 0, 0.4) 0px 2px 4px,
        rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    padding: 20px;
    transition: bottom 2s ease-in-out;
    z-index: 1000;
    font-family: var(--font-Clash-Display);
}

.cookie-popup.active {
    bottom: 2%;
    transition: bottom 2.5s ease-in-out;
}

.cookie-popup p {
    margin: 0;
    font-size: 16px;
}

.cookie-popup button {
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 1px 2px #6a5a5a;
    background-color: #00d475;
    border: none;
    cursor: pointer;
    border: 3px solid #00d475;
}

.cookie-popup button:hover {
    background-color: #00e07b;
}

.cookie-popup .decline {
    color: #dc3545;
    background-color: #fff;
    border-color: #dc3545;
}

.cookie-popup .decline:hover {
    background-color: #dc3545;
    color: #fff;
}

.cookies-button-section {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}

/* cookies-section-end */

/* exhibit-section */
.exhibit-section {
    display: flex;
    overflow: hidden;
    /* background-image: url(../../image/Exhibit/exhibit-bg-2.png); */
}

.exhibit-section .Section-title h1 {
    font-size: 72px;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    text-align: left;
    color: var(--color-green);
    text-transform: uppercase;
    font-family: var(--font-Clash-Display);
}

.exhibit-left {
    max-width: 65%;
    background-color: var(--color-blue);
    padding-right: 5rem;
    padding-block: 4rem;
    padding-left: 10rem;
    position: relative;
}

.exhibit-logo-fit {
    position: absolute;
    width: 45%;
    right: 0;
    rotate: 30deg;
    /* bottom: 0; */
    top: 53%;
}

.exhibit-logo-fit img {
    width: 100%;
    object-fit: contain;
}

.exhibit-title {
    font-family: var(--font-Clash-Display);
    font-weight: 600;
    font-size: 40px;
    line-height: 70.96px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #9879ff;
}

.exhibit-text {
    color: #fff;
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 16px;
    font-family: var(--font-Satoshi);
}

.exhibit-btn a {
    min-width: 240px;
    background: var(--color-green);
    padding: 10px 22px;
    display: block;
    width: fit-content;
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: var(--font-Clash-Display);
    transition: all 200ms linear 0ms;
}

.exhibit-btn a:hover {
    background-color: #fff;
    color: var(--color-blue);
}

.exhibit-right {
    width: 100%;
}

.exhibit-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

/* exhibit-section-end */

/* banner-section */
.location-time-box {
    margin-top: 2rem;
}

.location-time-box span {
    display: block;
    color: var(--color-green);
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0px;
    font-family: var(--font-Satoshi);
}

/* banner-section-end */

.mobile-view {
    display: none;
}

/* event-complete-section */
.event-complete-section {
    background: url(../../image/Small-Banner/Subscribe-Bg.jpg) no-repeat center / cover;
    padding-block: 10rem;
}

.event-day-text-1 {
    font-family: var(--font-Clash-Display);
    color: var(--color-green);
}

.event-day-text-2 {
    font-size: 60px;
    color: #fff;
    text-shadow: 0px 0px 6px #fff;
    /* background: url(../../image/Icon/cele-gif.gif); */
    background-size: contain;
    width: fit-content;
    padding-inline: 3rem;
    margin-inline: auto;
}

/* .ticket-selection-tab,
.ticket-selection-tab-content {
    display: none;
} */

/* Media Query section */

/* 4k view responsive */

@media only screen and (min-width: 1500px) and (max-width: 2560px) {
    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr4 {
        left: 46.8%;
        bottom: -20%;
    }

    .About-Section.About-WhatCryptoBg .About-Spkrimg .About-Spkrimglist img.About-Spkr5 {
        left: 59%;
    }
}

/* 4k view responsive end */

/* small laptop responsive */

@media only screen and (min-width: 1024px) and (max-width: 1439px) {

    /* header .Web-Logo img:nth-child(1),header .Web-Logo img:nth-child(2) {
        display: none !important;
    }
    header .Web-Logo img:nth-child(3){
        display: block;
    } */
    .mobile-view {
        display: block;
    }

    /* header-section */
    /* header .Web-Logo img {
        width:25rem;
    } */
    /* header-section-end */
    /* btn-section */

    .Banner-Cal-btn {
        width: 43.8%;
    }

    /* btn-section-end */

    /* /cookies-section-start */
    .cookie-popup {
        width: 28%;
    }

    .cookie-popup.active {
        bottom: 1%;
    }

    /* /cookies-section-end */
    /* ticket-section */
    .Ticket-Section .Ticketslist .Ticket-card .Ticket-price .Price-amount h5 {
        font-size: 25px;
    }

    /* ticket-section-end */

    /* exhibit-section */
    .exhibit-left {
        padding-right: 2rem;
        padding-block: 4rem;
        padding-left: 2rem;
    }

    .exhibit-logo-fit {
        width: 54%;
        top: 69%;
    }

    /* exhibit-section-end */
}

/* small laptop responsive end*/

/* tab responsive */

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

    header .Web-Logo img:nth-child(1),
    header .Web-Logo img:nth-child(2) {
        display: none !important;
    }

    header .Web-Logo img:nth-child(3) {
        display: block;
    }

    .mobile-view {
        display: block;
    }

    .location-time-box {
        text-align: center;
    }

    /* header-section */
    header .Web-Logo img {
        width: 22rem;
    }

    /* header-section-end */
    /* btn section */
    .Bnr-calendar {
        text-align: center;
    }

    /* btn section end*/
    /* /cookies-section-start */
    .cookie-popup {
        width: 45%;
    }

    .cookie-popup.active {
        bottom: 1%;
    }

    /* /cookies-section-end */
    /* exhibit-section */
    .exhibit-section .Section-title h1 {
        font-size: 3rem;
    }

    .exhibit-left {
        max-width: 55%;
        padding-right: 3rem;
        padding-left: 3rem;
    }

    /* exhibit-section-end */
}

/* tab responsive end*/

/* mobile L responsive */

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

    header .Web-Logo img:nth-child(1),
    header .Web-Logo img:nth-child(2) {
        display: none !important;
    }

    header .Web-Logo img:nth-child(3) {
        display: block;
    }

    .mobile-view {
        display: block;
    }

    .location-time-box {
        text-align: center;
    }

    /* header-section */
    header .Web-Logo img {
        width: 260px;
    }

    /* header-section-end */

    /* btn-section */

    .Bnr-calendar {
        text-align: center;
    }

    .Banner-Cal-btn {
        width: 71.8%;
    }

    /* btn-section-end */
    /* /cookies-section-start */
    .cookie-popup {
        width: 98%;
        z-index: 10000000000;
    }

    .cookie-popup.active {
        bottom: 1%;
    }

    /* /cookies-section-end */

    /* exhibit-section */
    .exhibit-section {
        display: flex;
        flex-direction: column;
    }

    .exhibit-left {
        max-width: 100%;
        padding-right: 2rem;
        padding-block: 4rem;
        padding-left: 2rem;
        position: relative;
    }

    .exhibit-section .Section-title h1 {
        font-size: 33px;
    }

    /* exhibit-section-end */
    /* speaker-dots */
    .Speaker-Section .slick-dots {
        /* display: flex;
        overflow: hidden; */
        display: none;
    }

    /* speaker-dots-end */
}

/* mobile L responsive end */

/* Media Query section end */