html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}

body {
overflow-x: hidden;
/*    background: #171B2E;*/
}

a {
text-decoration: none;
}

a:hover {
text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
font-family: 'AmplitudeWide';
}

span,
p {
font-family: 'Helvetica';
font-weight: 400;
font-size: 16px;
/*color: #000;*/
}

.justify-content-space-between {
justify-content: space-between;
}


.NorthStarMainContainer {
overflow: hidden;
}

.black-bg {
background-color: #000 !important;
}

.black-bg p {
color: #e7e7e7;
}

.auto-container {
width: 86%;
margin: 0 auto;
}

.whiteOutline-btn {
border-radius: 40px;
position: relative;
color: #fff;
font-size: 16px;
text-decoration: none;
border: 1px solid transparent;
overflow: hidden;
letter-spacing: 1.2px;
font-family: helveticaneue condensed;
padding: 9px 50px;
z-index: 1;
text-transform: uppercase;
display: inline-block;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-moz-transition: all .3s ease-in-out 0s;
-webkit-font-smoothing: antialiased;
}


.whiteOutline-btn:before {
z-index: -1;
position: absolute;
content: '';
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background: #25a9e0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-moz-transition: all 0.3s ease-in-out 0s;
transform: translate(-50%, -50%);
border-radius: 100px;
}


.whiteOutline-btn:hover:before {
top: 58px;
border-radius: 100px;
width: 0px;
transform: translate(-50%, -50%);
}


.whiteOutline-btn:hover {
color: #fff;
text-decoration: none;
border-color: #25a9e0;
}

.WhiteBtn_ {
border-color: #fff !important;
color: #25a9e0;
}



.WhiteBtn_:before {
background: #fff !important;
}

.ButtonStyle2 {
color: #fff;
border: 1px solid #00C8D0;
}

.ButtonStyle2:before {
top: 58px;
border-radius: 100px;
width: 0px;
transform: translate(-50%, -50%);
}

.ButtonStyle2:hover:before {
top: 50%;
border-radius: 100px;
width: 100%;
transform: translate(-50%, -50%);
}

.ButtonStyle2:hover {
border-color: transparent;
}

.headerBtnMobile {
display: none;
}


header {
position: absolute;
top: 0;
left: 0;
z-index: 999;
padding: 0px 0;
left: 0;
border-bottom: none;
z-index: 9999;
margin-left: auto;
width: 100%;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
}

.HeaderFixed {
    position: fixed;
    /*height: 146px;*/
    height: 160px;
    z-index: 9999;
}
.HeaderFixed .non-sticky-img {
display: none;
}
.HeaderFixed .sticky-img {
display: block !important;
}
.HeaderFixed #menu-wrapper #hamburger-menu {
color:#000;
}

header.HeaderFixed:before {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 71%) 25%, rgb(255 255 255 / 96%) 49%, rgb(255 255 255) 79%, rgb(255 255 255) 100%) !important;
    color: #1b396a;
    /* background: #fff !important; */
}

.header-upper {
position: relative;
width: 100%;
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
display: flex;
align-items: center;
justify-content: space-between
}

.headerBtn-mobile {
display: none
}

/*.logo-box_new {
width: 56%;
}*/

.logo-box_new {
width: 79%;
}
.logo-box_new .top-logo figure {
    margin-top: 10px;
    width: 86%;
}

.top-logo {
position: relative;
}

.nav-menu {
background: 0 0;
top: 0;
right: 0;
-webkit-transition: width .2s, height .4s;
-moz-transition: width .2s, height .4s;
-o-transition: width .2s, height .4s;
transition: width .2s, height .4s;
-ms-transition: width .2s, height .4s;
display: inline-flex;
align-items: center;
justify-content: flex-end;
width: 65%
}

.headerBtn {
position: relative;
top: 0;
right: 0;
display: flex;
align-items: flex-end;
height: 100%;
opacity: unset;
z-index: 9999;
margin-right: 0 !important
}

/*.headerBtn a:last-child {
margin-right: 0 !important
}*/

.searchIcon {
margin-right: 10px;
width: 50px
}

.searchIcon i {
color: #fff;
font-size: 20px
}

.headerBtn .whiteOutline-btn {
margin-right: 20px;
padding-right: 45px;
padding-left: 45px;
}

.headerBtn .red-btn {
width: 160px;
height: 37px;
font-size: 14px;
margin-right: 15px
}

#menu-wrapper {
/*overflow: hidden;*/
max-width: 100%;
/*cursor: pointer;*/
position: relative;
z-index: 999999;
}

#menu-wrapper #hamburger-menu {
position: relative;
margin: 16px;
color: #fff;
font-weight: 500;
/*border: 1px solid #00C8D0;*/
border-radius: 60px;
padding: 13px 18px 13px 18px;
font-size: 16px;
z-index:999999;
}

/*#menu-wrapper #hamburger-menu:hover {
background: #00C8D0;
}*/

#menu-wrapper #hamburger-menu i {
margin-left: 5px
}

.burger-strip {
transition: .5s;
margin-top: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-direction: column;
margin-left: 5px;
}

.strip div {
height: 3px;
width: 35px;
border-radius: 2px;
margin: 4px;
transition: .55s cubic-bezier(.075,.82,.165,1);
-webkit-transition: .55s cubic-bezier(.075,.82,.165,1);
-moz-transition: .55s cubic-bezier(.075,.82,.165,1);
-ms-transition: .55s cubic-bezier(.075,.82,.165,1);
-o-transition: .55s cubic-bezier(.075,.82,.165,1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.burger {
border-radius: 10px;
background: 0 0;
box-shadow: none;
justify-content: center;
align-items: center;
margin: 10px 10px;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 5px;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
flex-direction: row;
margin-right: 25px;
display: flex;
}

#menu-wrapper #hamburger-menu i.fa-solid.fa-sort-down {
background: #A229A6;
height: 26px;
width: 26px;
border-radius: 50%;
right: 0;
display: flex;
justify-content: center;
padding-top: 4px;
font-size: 14px;
}





#menu-wrapper #hamburger-menu span {
opacity: 1;
left: 0;
display: block;
width: 100%;
height: 2px;
border-radius: 10px;
color: #fff;
background-color: #fff;
position: absolute;
transform: rotate(0deg);
transition: .4s ease-in-out
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
top: 0
}

#menu-wrapper #hamburger-menu span:nth-child(2) {
top: 9px
}

#menu-wrapper #hamburger-menu span:nth-child(3) {
top: 18px
}

#menu-wrapper #hamburger-menu.open span:nth-child(1) {
transform: translateY(9px) rotate(135deg)
}

#menu-wrapper #hamburger-menu.open span:nth-child(2) {
opacity: 0;
transform: translateX(-60px)
}

#menu-wrapper #hamburger-menu.open span:nth-child(3) {
transform: translateY(-9px) rotate(-135deg)
}

#menu-container .menu-list .menu-submenu {
padding-top: 0;
padding-bottom: 10px
}

#menu-container .menu-list {
padding-left: 0;
display: block;
position: absolute;
width: 100%;
max-width: 300px;
backdrop-filter: blur(5px);
background-color: rgb(0 0 0 / 88%) !important;
z-index: 999;
overflow-y: auto;
overflow-x: hidden;
right: -100%;
display: none
}

#menu-container .menu-list.active {
display: block
}

#menu-container .menu-list li.accordion-toggle,
#menu-container .menu-list .menu-login {
font-size: 16px;
padding: 20px 10px;
text-transform: uppercase;
border-top: 1px solid #fff6;
padding-left: 20px
}

#menu-container .menu-list li.accordion-toggle a {
color: #fff
}

#menu-container .menu-list li.accordion-toggle span {
color: #fff
}

#menu-container .menu-list li:first-of-type {
border-top: 0
}

#menu-container .menu-list li {
color: #fff;
padding: 3px 5px;
}

#menu-container .menu-list li a {
color: #fff;
transition: all .15s
}

#menu-container .menu-list li a:hover {
color: #fff;
padding-left: 20px
}

#menu-container .menu-list li li a:hover {
color: #eb1b24
}

#menu-container .menu-list li li.parent a {
color: #fff
}

#menu-container .menu-list li li.parent.open ul a:hover {
color: #00A5BA
}

.accordion-toggle,
.accordion-content {
cursor: pointer;
font-size: 16px;
position: relative;
letter-spacing: 1px
}

.accordion-content {
display: none
}

.accordion-toggle a:before,
.accordion-toggle a:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 30px;
width: 15px;
height: 2px;
margin-top: -1px;
background-color: #5a5858;
transform-origin: 50% 50%;
transition: all .3s ease-out
}

.accordion-toggle a:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2
}

.accordion-toggle.active-tab {
background: #000;
transition: all .3s ease
}

.accordion-toggle a.active:before {
transform: rotate(0deg);
background: #fff !important
}

.accordion-toggle a.active:after {
transform: rotate(180deg);
background: #fff !important;
opacity: 0
}

#leftside-navigation ul {
margin: 0;
padding: 0;
display: inline-block;
width: 100%
}

#leftside-navigation ul li {
display: block;
width: 100%;
vertical-align: middle;
list-style-type: none;
border-bottom: 1px solid rgba(255, 255, 255, .05)
}

#leftside-navigation ul li.open > a {
background: #EB1C24;
}

#leftside-navigation ul li.open > a > i {
transform: rotate(90deg)
}

#leftside-navigation ul li.open > a > i:not(:hover) {
color: #fff
}

#leftside-navigation ul li a {
position: relative;
display: block;
color: #aeb2b7;
text-decoration: none;
width: 100%;
padding: 15px 60px 15px 15px;
box-sizing: border-box;
font-size: 16px;
line-height: 22px;
outline: 0;
font-weight: 500
}

#leftside-navigation ul li a:hover {
color: #f3ff09
}

#leftside-navigation ul li a span {
display: inline-block
}

#leftside-navigation ul li a i {
top: 0;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
position: absolute;
touch-action: manipulation
}

#leftside-navigation ul li a i:hover {
color: #fff
}

#leftside-navigation ul li a i .fa-angle-left,
#leftside-navigation ul li a i .fa-angle-right {
padding-top: 3px
}

#leftside-navigation ul ul {
display: none
}

#leftside-navigation ul ul ul {
background-color: unset !important
}

#leftside-navigation ul ul li {
border-bottom: none
}

#leftside-navigation ul ul li a {
padding: 5px 60px 5px 15px;
font-size: 14px;
font-weight: 500
}

#leftside-navigation ul ul li a i {
top: 0;
right: 0;
width: 20px;
height: 100%;
line-height: 34px;
text-align: center;
display: flex;
position: absolute;
touch-action: manipulation;
align-items: center
}

.menu-list .navfooter {
padding-top: 0;
padding-bottom: 0;
background-color: #EB1C24;
}

.menu-list .soc-media {
display: flex;
justify-content: center;
margin: 0
}

.menu-list .soc-media li:nth-child(n+2) {
margin-left: 1rem
}

.menu-list .soc-media a {
font-size: 1.25rem;
color: rgba(255, 255, 255, .65);
transition: color .25s ease-in;
padding: 0 !important
}

.menu-list .soc-media a:focus,
.soc-media a:hover {
font-size: 1.15rem;
color: rgba(255, 255, 255, .2)
}

.text-black {
color: #000 !important;
}

.text-white {
color: #fff !important;
}


.sectionTitle {
position: relative;
margin: 0 AUTO;
}

.sectionTitle h2 {
text-transform: uppercase;
}

.sectionTitle.centered h2, .sectionTitle.centered p, .sectionTitle.centered h4 {
text-align: center;
}

.sectionTitle.text-black p, .sectionTitle.text-black h4 {
color: #4a4a4a !important;
}

.sectionTitle h2 {
color: #1b396a;
font-size: 40px;
line-height: 40px;
}

.InnerIntroWrapper.InnerIntroWrapperHead .sectionTitle h2 {
color: #fff;
}

.sectionTitle h4 {
text-transform: uppercase;
color: #e7e7e7;
font-weight: 300;
font-size: 25px;
}

.sectionTitle p {
text-align: center;
color: #e7e7e7;
font-family: 'Exo 2', sans-serif;
font-weight: 300;
margin: 0;
font-size: 16px;
}



.main-footer {
position: relative;
padding: 80px 0px 20px 0px;
background: #000;
width: 100%;
background-size: contain;
z-index: 9;
}

.main-footer:before {
position: absolute;
content: '';
background: url(../images/footer-bg1.jpg);
background-size: contain;
width: 100%;
height: 100%;
top: -15%;
left: 0;
z-index: -1;
}

.showlogoft {
padding-bottom: 40px;
}

.showlogoft figure {
width: 60%;
margin: 0 auto;
}

.showlogoft figure img {
filter: brightness(5);
}

.inner-footer {
position: relative;
border-bottom: #868585 solid 1px;
padding-bottom: 30px;
}

.inner-footer h2 {
color: #fff;
font-size: 16px;
}

.ftrEmails h3 {
font-size: 13px;
color: #fff;
}

.inner-footer p a {
font-size: 12px;
color: #fff;
text-decoration: none;
line-height: 20px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
}

.inner-footer ul {
margin: 0;
padding: 0;
}

.inner-footer li {
margin: 0;
padding: 0;
}

.inner-footer li a {
color: #fff;
font-size: 12px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
}

.ft-btn {
margin-bottom: 15px;
text-align: right;
}

.ft-btn a {
font-size: 12px;
/* font-family: 'Montserrat', sans-serif; */
/* font-weight: 400; */
width: 220px !important;
padding: 8px 10px;
}

.bottom-ft {
padding: 20px 0px 10px 0px;
display: flex;
align-items: center;
justify-content: space-between;
}

.bottom-ft p {
color: #868585;
font-size: 13px;
margin: 0;
}

.bottom-ft p a {
color: #868585;
margin: 0px 5px;
}

.bottom-ft p a:hover {
color: #fff;
}

.websiteby-text {
color: #868585;
}

.websiteby-text p {
font-size: 13px;
color: #868585;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
}

.websiteby-text img {
height: 20px;
-webkit-filter: brightness(0) invert(1);
margin: 0px -3px 0px 3px;
opacity: 0.7;
}

.websiteby-text a {
color: #868585;
font-weight: 400;
font-size: 13px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
}

.websiteby-text a:hover {
color: #fff;
}

.footer-social {
margin-top: 40px;
}

.footer-social ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}

.footer-social li {
display: inline-block;
margin: 0 10px;
}

.footer-social li a span {
position: relative;
color: #fff;
font-size: 24px;
}

header {
position: absolute;
top: 0;
padding: 0px 0;
left: 0;
border-bottom: none;
z-index: 99;
margin-left: auto;
width: 100%;
background-size: cover;
height: auto;
z-index:999;
}

header:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 260px;
background: linear-gradient(180deg, #1b396a 0%, #1b396aba 48%, #1b396a00 100%);
}


.heroSection {
width: 100%;
height: 100%;
background-color: #000;
position: relative;
}

.heroOverlay {
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: flex-end;
width: 100%;
}
    .heroOverlay:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        background-size: contain;
        height: 100%;
        background: linear-gradient(180deg, rgba(91, 202, 244, 0) 0%, rgba(91, 202, 244, 0) 21%, rgba(91, 202, 244, 0) 43%, rgba(91, 202, 244, 0.03) 63%, rgb(91 202 244 / 22%) 82%, rgba(91, 202, 244, 0.74) 100%);
    }
.videobg {
position: absolute;
top: 2px;
left: 0;
width: 100%;
height: 99%;
z-index: 1;
overflow: hidden;
}

.youtube-container {
overflow: hidden;
width: 100%;
aspect-ratio: 16 / 9;
pointer-events: none;
}

.youtube-container iframe {
width: 300%;
height: 100%;
margin-left: -100%;
}

.videobg video {
height: 100%;
width: 100%;
object-fit: cover;
}

/*.heroOverlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 66%;
z-index: 1;
background: url(../images/Rectangle-2.png);
background-size: cover;
opacity: 0.99;
}*/

.video-tagline {
width: 45%;
padding-bottom: 20px;
border-bottom: #fff solid 1px;
z-index: 9;
}

.video-tagline h4 {
color: #e7e7e7;
font-family: 'Exo 2', sans-serif;
font-weight: 300;
}

.video-tagline h2 {
color: #fff;
font-family: 'Russo One', sans-serif;
font-weight: 400;
font-size: 60px;
line-height: 66px;
}

.video-tagline p {
color: #e7e7e7;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
margin-bottom: 0;
}

.video-bttomText {
margin: 20px 0px;
display: flex;
align-items: center;
width: 55%;
}

.video-bttomText .redSolid-btn {
padding: 5px 40px;
}

/* PLAY NOW */
.play-now {
position: relative;
width: 100%;
height: 100%;
position: absolute;
left: 0%;
right: 0;
top: 0%;
bottom: 0;
z-index: -1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.play-now text {
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
fill: #fff;
}

.play-now svg {
left: 0;
top: 0;
width: 40%;
height: 40%;
/* display: flex;
align-items: center;
justify-content: center; */
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-ms-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-ms-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
}

/* ANIMATIONS */
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(360deg);
}

to {
-webkit-transform: rotate(0);
}
}

@-moz-keyframes rotate {
from {
-moz-transform: rotate(360deg);
}

to {
-moz-transform: rotate(0);
}
}

@-ms-keyframes rotate {
from {
-ms-transform: rotate(360deg);
}

to {
-ms-transform: rotate(0);
}
}

@-o-keyframes rotate {
from {
-o-transform: rotate(360deg);
}

to {
-o-transform: rotate(0);
}
}

@keyframes rotate {
from {
transform: rotate(360deg);
}

to {
transform: rotate(0);
}
}

/* @-webkit-keyframes svg-morph {
0% {
d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
}
100% {
d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
}
} */

.headlinebanner {
display: flex;
align-items: center;
margin-left: 20px;
width: 40%;
}

.headlinebanner .iconSpeaker {
margin-right: 20px;
}

.headlinebanner p {
color: #fff;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 19px;
}


.features-style01 {
position: relative;
padding: 50px 0px;
background: #000;
position: relative;
z-index: 9;
}

.features-style01 .sectionTitle {
position: relative;
padding-bottom: 70px;
}

.features-style01 .testelement02 {
position: absolute;
bottom: unset;
left: -2%;
z-index: 99;
top: 0;
}

.featureInner01 {
height: 100%;
position: relative;
overflow: hidden;
}

.featureInner01 .innerfront01 {
height: 100%;
position: relative;
/* overflow: hidden; */
padding-bottom: 40px;
}

.featureInner01 .innerfront01 figure {
position: relative;
}

.featureInner01 .innerfront01 figure:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(177deg, #00010a00, #00000000, #0f0f0fb5, #030303);
content: '';
}

.featureInner01 .innerfront01 figcaption {
position: relative;
margin-top: -15%;
left: 0;
right: 0;
padding: 5px 20px;
}

.featureInner01 .innerfront01 figcaption p {
color: #fff;
line-height: 20px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.innerback01 {
position: relative;
border-radius: 40px 0px 40px 40px;
border: #fff solid 1px;
padding: 30px 20px 30px 20px;
background: #000;
text-align: center;
height: 100%;
position: absolute;
width: 100%;
height: 100%;
transition: 1s;
top: 100%;
left: 0;
z-index: 9;
visibility: hidden;
}

.innerback01 h2 {
color: #fff;
line-height: 20px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding-bottom: 20px;
text-align: left;
}

.innerback01 p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #fff;
padding-bottom: 30px;
text-align: left;
}

.innerback01 a.viewbtn {
background: #E12F17;
color: #fff;
font-size: 16px;
border-radius: 50px;
padding: 10px 30px;
text-align: center;
text-decoration: none;
margin: 0 auto;
}

.innerback01 a.viewbtn:hover {
background: #fff;
color: #000;
}

.featureInner01:hover .innerfront01 figure {
display: none;
}

.featureInner01:hover .innerfront01 p {
display: none;
}


.featureInner01:hover .innerback01 {
top: 0%;
visibility: visible;
/* background: transparent; */
}


.tickerband {
background: #000;
padding: 100px 0px;
/* height: 40px; */
padding-bottom: 140px;
/* overflow-x: hidden; */
}


.marq-colorbg2 {
background: #000 url(../images/marqueImg.png);
background-size: cover;
width: 100%;
height: 70px;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
animation: scroll-anim 2s linear infinite;
}

@keyframes scroll-anim {
100% {
background-position: 100% 0;
}
}



.marquee {
position: relative;
overflow: hidden;
/* -webkit-transform: rotate(5deg); */
-ms-transform: rotate(5deg);
transform: rotate(4deg);
width: calc(100% + 60px);
/* margin-left: -30px; */
background: #EB1C24;
margin-top: -7%;
}



.marquee .slide-har {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.scrolltext {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-animation: slide-har-revers 30s linear infinite;
animation: slide-har-revers 30s linear infinite;
}

.scrolltext .item {
padding: 0 10px;
}

.scrolltext .item h4 {
color: #000 !important;
-webkit-text-stroke: 0 !important;
white-space: nowrap;
margin: 0;
text-transform: uppercase;
font-size: 40px;
font-family: 'Russo One', sans-serif;
font-weight: 400;
padding: 10px 0px;
}

@-webkit-keyframes slide-har {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes slide-har {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes slide-har-revers {
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}

@keyframes slide-har-revers {
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}





.LogoSlider01 {
padding: 50px 0px;
position: relative;
position: relative;
margin-bottom: 0%;
z-index: 99;
}

.mediapartners.sectionTitle {
margin-bottom: 50px;
text-align: center;
}

.mediapartners.sectionTitle h2 {
color: #000;
position: relative;
display: inline-block;
margin: 0 auto;
text-align: center;
}

.mediapartners.sectionTitle h2:before {
position: absolute;
bottom: -20%;
right: -5%;
content: '';
width: 45%;
height: 13px;
background: #FF0000;
}

.logoscrollStyle {
position: relative;
overflow-x: hidden;
}

.logoscrollStyle .swiper-marquee .swiper-wrapper {
transition-timing-function: linear !important;
position: relative;
}

/* .swiper-container.swiper--logo.swiper-marquee {
overflow: hidden;
} */

.logoscrollStyle .swiper-marquee .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 20px 20px;
width: 200px !important;
height: 100px;
position: relative;
/* background-color: #ccc; */
margin: 10px 0;
}

.logoscrollStyle .swiper-marquee .swiper-slide > div {
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 20px 20px;
width: 200px !important;
height: 100px;
position: relative;
/* background-color: #ccc; */
margin: 10px 0;
}

.logoscrollStyle .swiper-marquee .swiper-slide img {
mix-blend-mode: multiply;
filter: contrast(1);
max-width: 100%;
max-height: 100%;
filter: grayscale(1);
}

.logoscrollStyle .swiper-marquee .swiper-slide > div img {
mix-blend-mode: multiply;
filter: contrast(1);
max-width: 100%;
max-height: 100%;
filter: grayscale(1);
}

.africa-accelerates {
position: relative;
padding: 50px 0px;
}

.africa-accelerates .sectionTitle h2 {
/* line-height: 50px; */
}

.africa-accelerates.features-style01 {
background-color: #fff;
z-index: 99;
}

.africa-accelerates .featureInner01 .innerfront01 figure:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(177deg, #ffffff0f, #ffffff59, #ffffffb5, #ffffff);
content: '';
}

.africa-accelerates .featureInner01 .innerfront01 figcaption p {
color: #000;
}

.africa-accelerate .featureInner01:before .innerback01 {
border: #000 solid 1px !important;
background: #fff !important;
}

/*.testimonialStyle02 {
position: relative;
padding: 50px 0px;
}*/
.testimonialStyle02 {
position: relative;
padding: 40px 0px;
padding-bottom: 20px;
}

.testimonialSlider {
padding-top: 40px;
}


/*    .testimonialSlider figure {
width: 350px;
height: 350px;
margin: 0 auto;
position: relative;
z-index: 9;
background: linear-gradient(180deg, rgba(137, 121, 255, 1) 0%, rgba(0, 0, 0, 1) 96%);
border-radius: 24px;
overflow: hidden;
padding: 7px;
}

*/
.testimonialSlider figure {
width: 300px;
height: 300px;
margin: 0 auto;
position: relative;
z-index: 9;
overflow: hidden;
border-radius: 50%;
border: 7px solid transparent;
background: linear-gradient(344deg, #1488c2 0%, #2973a2 25%, #3db1df 50%, #0097C8 75%, #00C8D0 100%) border-box;
}
.testimonialSlider figure .quoteimg {
width: 40% !important;
z-index: -1;
position: absolute;
top: -5%;
left: -17%;
}       

.testimonialSlider figure .quoteimg img {
filter: grayscale(0) !important;
}   


.testimonialItemOuter figure img {
width: 100%;
border-radius: 22px;


}

.testimonial-Content {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left: 0px;
}

.testimonial-Content p.testText {
font-size: 18px;
color: #e7e7e7;
margin: 0;
margin-bottom: 12px;
font-weight: 300;
position:relative;
}
p.testText img {
width: 50px !important;
position: absolute;
top: 0px;
left: -33px;
z-index: -1;
opacity: 0.5;
transform: rotate(-5deg);
}

.testimonial-Content h2 {
font-size: 22px;
font-style: normal;
color: #fff;
padding: 0;
margin: 0;
line-height: 31px;
padding-top: 20px;
font-family: 'Helvetica';
font-weight: 400;
}

.testimonial-Content p.testiDesig {
font-size: 24px;
font-family: 'Base Neue Cond';
font-weight: 600;
color: #fff;
line-height: 26px;
text-transform: uppercase;
margin: 9px 0 6px 0px;
}

.testimonialSlider .owl-stage-outer {
padding-bottom: 22px;
}

.testimonial-Content p.TestiCompany {
color: #1b396a;
font-family: 'Base Neue Cond';
font-weight: 600;
padding-top: 0;
margin: 0;
text-transform: uppercase;
font-size: 24px;
}

.testimonialItemOuter .testilogo img {
width: 100px;
}

.testelement01 {
position: absolute;
top: 0;
right: 0;
}

.testelement02 {
position: absolute;
bottom: -20%;
left: -2%;
z-index: 99;
}

.testelement02 img {
width: 60%;
}

.logoboard-grey {
position: relative;
padding: 50px 0px;
background: #EFF0F0;
}

.redlinehead {
width: 35%;
height: 10px;
background: #FF0000;
display: inline-block;
vertical-align: middle;
}

.logoboard-grey .sectionTitle.centered h2 {
width: 70%;
margin: 0 auto;
}

.logoboard-grey .text-right {
text-align: right;
}


.logoboard-grey .logoscrollStyle {
padding-top: 50px;
}

.logoboard-grey .logoscrollStyle .swiper-marquee .swiper-slide {
background-color: #eff0f0;
/* filter: grayscale(1); */
}


.logoboardstyle01 {
position: relative;
padding: 50px 0px;
/* padding-top: 0px; */
z-index: 99;
}

.logoboardstyle01 .redlinehead {
width: 25%;
margin-right: 20px;
}

.logoboardstyle01 .text-left {
text-align: left;
}

.logoboardstyle01 .sectionTitle {
text-align: center;
/* margin-bottom: 50px; */
}

.logoboardstyle01 .sectionTitle h2 {
display: inline-block;
}

.logoboardstyle01 .logoscrollStyle {
padding-top: 50px;
}

.logoboardstyle01 .element-right {
position: absolute;
right: -10.4%;
top: 5%;
width: 19%;
}

.logoboardstyle01 .element-right img {
width: 45%;
text-align: right;
}

.logoboard-grey .element-left {
position: absolute;
left: -5%;
top: -17%;
width: 51%;
}

.logoboard-grey .element-left img {
width: 25%;
}

.elementlinebeat {
position: absolute;
bottom: -16%;
left: 0;
background-size: cover !important;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 33%;
z-index: 99;
}


.speakerStyle01 {
position: relative;
padding: 50px 0px;
background: #000;
z-index: 99;
/* overflow: hidden; */
/* margin-bottom: 100px; */
}

.speakerStyle01 .sectionTitle {
width: 100%;
}


.linitlessOPP {
position: relative;
padding: 50px 0px;
z-index: 99;
padding-bottom: 100px;
}

/* .linitlessOPP:before{
position: absolute;
top:-10%;
left: 0;
background-image: url(../images/bg03.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: '';
z-index: -1;
} */

.globalpower:before {
position: absolute;
bottom: -150%;
left: 0;
background-image: url(../images/bg02.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
/* background-position: top; */
height: 200%;
content: '';
z-index: -1;
}

.linitlessOPP .sectionTitle {
margin-bottom: 50px;
width: 100%;
}

.linitlessOPP .sectionTitle h2 {
color: #fff;
}

.linitlessOPP .sectionTitle h4 {
color: #fff !important;
}

.boxLEft {
position: relative;
width: 100%;
margin-bottom: 10px;
background-color: #292929;
}

.starupText {
padding: 20px 20px;
background-color: #292929;
}

.starupText figure {
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
height: 100%;
border-radius: 20px;
width: 100%;
margin: 0;
}

.innovateStartup {
padding: 20px 20px;
background-color: #292929;
}


.boxLEft h2 {
color: #fff;
font-family: 'Russo One', sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 41px;
margin-bottom: 20px;
}

.boxLEft p {
color: #e7e7e7;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
margin: 0;
}

.boxLEft p.text-black {
color: #4a4a4a;
;
}

.innovateStartup figure {
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
height: 100%;
border-radius: 20px;
width: 100%;
margin: 0;
}

.rightText-innovt {
padding: 20px 25px;
}

.generationTalents {
background-color: 292929;
}

.generationTalents figure {
width: 100%;
height: 300px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
/* 
.generationTalents figure img{
max-width: 100%;
max-height: 100%;
} */

.talentsText {
padding: 20px 30px;
}

.innovateStartup {
position: relative;
border: #292929 solid 1px;
border-radius: 20px;
background: #fff;
}

.innovateStartup h2 {
color: #000;
}

.leftText-innovt {
padding: 20px 25px;
}

.bigtechLeft {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 49%;
display: flex;
align-items: self-start;
flex-direction: column;
justify-content: flex-end;
z-index: 99;
padding: 10px 20px;
margin-bottom: 10px;
}

.bigtechLeft:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(177deg, #00010a00, #00000000, #0f0f0f47, #03030354);
z-index: -1;
}

.bigtechLeft h2 {
color: #fff;
}


.bigtechLeft p {
color: #fff;
font-size: 16px;
}

.govofficials {
background: #000;
padding: 0px 0px;
width: 100%;
height: 49%;
background: #000;
position: relative;
overflow: hidden;
}

.govofficials h2 {
text-align: center;
color: #fff;
}

.govofficials p {
color: #e7e7e7;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
margin: 0;
text-align: center;
}


.govofficials .bgimggov {
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}

.govoff-Text {
padding: 30px 40px;
}

.ga-card {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
width: 100%;
height: 300px;
text-align: center;
color: whitesmoke;
background-color: #000;
}

.ga-card .imagecard {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* transition: transform calc(700ms * 1.5) cubic-bezier(0.19, 1, 0.22, 1); */
pointer-events: none;
background-size: cover !important;
background-position: center bottom !important;
background-repeat: no-repeat !important;
}

.ga-card .imagecard:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(177deg, #00010a00, #00000000, #0f0f0fb5, #030303);
content: '';
}

.ga-card:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
transform: translateY(-50%);
transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
}

.ga-card .content01 {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 10px;
transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
z-index: 1;
}

.ga-card .content > * + * {
margin-top: 10px;
}

.ga-card .title {
color: #fff;
line-height: 20px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-align: left;
padding-bottom: 20px;
}

.ga-card .copy {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #fff;
padding-bottom: 20px;
text-align: left;
}

.ga-card .btn01 {
background: #E12F17;
color: #fff;
font-size: 14px;
border-radius: 50px;
padding: 8px 20px;
text-align: center;
text-decoration: none;
margin: 0 auto;
font-weight: 600;
}

.ga-card .btn01:hover {
background-color: #fff;
color: #000;
}

.ga-card:hover .imagecard {
display: none;
}


.ga-card:after {
transform: translateY(0);
}

.ga-card .content01 {
transform: translateY(calc(100% - 4.5rem));
}

.ga-card .content01 > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
}

.ga-card:hover {
border: #fff solid 1px;
padding: 30px 20px;
border-radius: 30px 0px 30px 30px;
}

.ga-card:hover,
.ga-card:focus-within {
align-items: center;
}

.ga-card:hover:after,
.ga-card:focus-within:after {
background: #000;
transform: translateY(0%);
}

.ga-card:hover .content01,
.ga-card:focus-within .content01 {
transform: translateY(0);
}

.ga-card:hover .content01 > *:not(.title),
.ga-card:focus-within .content01 > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(700ms / 8);
}
/* .ga-card:focus-within .imagecard, .ga-card:focus-within:after,
.ga-card:focus-within .content01,
.ga-card:focus-within .content01 > *:not(.title) {
transition-duration: 0s;
} */


.africa-accelerates .ga-card .imagecard:before {
background: linear-gradient(177deg, #ffffff00, #ffffff1a, #ffffffe6, #ffffff);
}

.africa-accelerates .ga-card .title {
color: #000;
}

.africa-accelerates .ga-card:hover:after,
.africa-accelerates .ga-card:focus-within:after {
background: #fff;
}

.africa-accelerates .ga-card .copy {
color: #000;
}

.africa-accelerates .ga-card:hover {
border: #0a0909 solid 1px;
}

.africa-accelerates .ga-card:after {
background-image: unset;
}

.speakerSlider {
padding: 20px 0px;
padding-top: 70px;
position:relative;
}

.SpeakersSlider_ .owl-nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}

.SpeakersSlider_ .owl-nav i img {
width: 20px;
display: inline-block;
}

.SpeakersSlider_ .owl-nav i {
font-size: 35px;
position:relative;
left: -50px;
}

.SpeakersSlider_ .owl-nav .owl-next i {
right: -50px;
left:inherit;
}


.speakerITem {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
text-align: center;
overflow: hidden;
}

.speakerITem figure {
position: relative;
overflow: hidden;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
border-radius: 20px;
margin: 0 auto;
width: 90%;
}

.speakerITem figcaption {
padding: 5px 15px 15px 15px;
margin-top: 24px;
z-index: 9;
text-align: center;
left: 0px;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.speakerITem figure img {
max-width: 100%;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}


.speakerITem figcaption h2.speakername {
margin: 0;
padding: 0;
color: #1b396a;
font-size: 24px;
text-transform: capitalize;
line-height: normal;
font-family: helveticaneue condensed;
}


.speakerITem figcaption p.speakDesg {
padding: 0;
color: #1b396a;
font-size: 20px;
line-height: normal;
font-family: helveticaneue condensed;
margin: 8px 0 5px 0;
}


.speakerITem figcaption p.speakComapny {
margin: 0;
padding: 0;
color: #1b396a;
font-size: 20px;
text-transform: uppercase;
/* font-family: 'Aquilone'; */
padding-bottom: 10px;
line-height: normal;
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-transition: all 0.8s ease-in-out 0s;
-ms-transition: all 0.8s ease-in-out 0s;
font-family: 'AmplitudeWide';
}




.SpeakersSlider_ .owl-nav div {
display: inline-block;
margin: 22px 12px 0 12px;
color:#fff;
}

/*.speakerITem:hover figcaption p.speakComapny {
margin-top: -12px;
}*/

.gradientmove {
position: absolute;
/* top: -20%;
right: -30%; */
/* animation: yellow 8s infinite ease; */
width: 80%;
animation: blurb 8s infinite ease;
z-index: 99;
}

.gradientmove2 {
position: absolute;
/* top: -20%;
right: -30%; */
/* animation: yellow 8s infinite ease; */
width: 100%;
animation: blurb2 8s infinite ease;
z-index: -1;
}

.gradientmove3 {
position: absolute;
/* top: -20%;
right: -30%; */
/* animation: yellow 8s infinite ease; */
width: 100%;
animation: blurb3 20s infinite ease;
z-index: -1;
}

.gradientmove img, .gradientmove2 img, .gradientmove3 img {
max-width: 100%;
max-height: 100%;
}

@keyframes blurb {
0% {
top: -20%;
right: -0%;
transform: scale(1.2);
width: 60%;
}

25% {
top: -10%;
right: 20%;
transform: scale(1.2);
width: 60%;
}

55% {
top: -5%;
right: 90%;
transform: scale(1.2);
width: 60%;
}

85% {
top: -10%;
right: 20%;
transform: scale(1.2);
width: 60%;
}

100% {
top: -10%;
right: -30%;
transform: scale(1.2);
width: 60%;
}
}

@keyframes blurb2 {
0% {
top: -10%;
right: -40%;
transform: scale(1.2);
width: 100%;
}

25% {
top: -15%;
right: 20%;
transform: scale(1.2);
width: 80%;
}

55% {
top: -20%;
right: 60%;
transform: scale(1.2);
width: 100%;
}

85% {
top: -15%;
right: 20%;
transform: scale(1.2);
width: 80%;
}

100% {
top: -10%;
right: -30%;
transform: scale(1.2);
width: 100%;
}
}

@keyframes blurb3 {
0% {
top: -50%;
left: -40%;
transform: scale(1.2);
width: 80%;
}

25% {
top: -25%;
left: 30%;
transform: scale(1.2);
width: 80%;
}

55% {
top: -10%;
left: 40%;
transform: scale(1.2);
width: 100%;
}

85% {
top: -25%;
left: 30%;
transform: scale(1.2);
width: 80%;
}

100% {
top: -50%;
left: -40%;
transform: scale(1.2);
width: 100%;
}
}




.globalpower {
position: relative;
padding: 50px 0px;
background: #000;
position: relative;
transition: 0.5s ease;
padding-bottom: 100px;
z-index: 99;
}

.globalpower .sectionTitle {
width: 100%;
padding-bottom: 40px;
}


.postList-wrap {
position: relative;
border-top: #292929 solid 1px;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(to right, #292929 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}

.postList-wrap.borderbtmlast {
border-bottom: #292929 solid 1px;
border-left: none;
}

.postList-wrap h2 {
color: #e7e7e7;
padding: 10px 30pxs;
margin: 0;
font-family: 'Exo 2', sans-serif;
font-weight: 400;
font-size: 25px;
padding-bottom: 10px;
}

.postList-wrap p {
font-size: 14px;
width: 70%;
line-height: 20px;
margin: 0;
display: none;
transition: all .5s ease-out;
}

.postList-wrap:hover p {
display: block;
}

.postList-wrap:hover h2 {
color: #fff;
font-family: 'Russo One', sans-serif;
font-weight: 300;
}



.postList-wrap:hover {
background-position: left bottom;
}

.imghoverlist {
position: absolute;
right: 10%;
width: 140px;
height: 140px;
z-index: 99;
top: -50%;
transform: rotate(-25deg);
-webkit-transition: all .35s ease;
transition: all .35s ease;
display: none;
/* justify-content: center; */
}

.imghoverlist figure {
background: linear-gradient(177deg, #2d2d31, #373737, #0f0f0f, #2f2b2b);
display: flex;
align-items: center;
width: 100%;
height: 100%;
justify-content: center;
border-radius: 20px 0px 20px 20px;
}

.imghoverlist img {
width: 50%;
/* padding: 30px;
background: #000; */
}

.imghoverlist:before {
left: -13px;
top: 13px;
background: #EB1C24;
width: 100%;
height: 100%;
border-radius: 20px;
content: '';
position: absolute;
z-index: -1;
}


.postList-wrap:hover .imghoverlist {
position: absolute;
right: 10%;
width: 140px;
height: 140px;
z-index: 99;
top: -31%;
/* display: none; */
transform: rotate(0deg);
display: block;
background: #000;
}

.arrowImg {
width: 50px;
height: 50px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
background: transparent;
padding: 10px;
position: relative;
z-index: 99;
}

.arrowImg:before {
background-color: #eb1b24;
content: "";
display: block;
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}

.arrowImg:hover:before {
top: 0;
}

.arrowImg:hover:hover {
transition: 0.25s;
}


.arrowImg:hover img {
filter: brightness(0) invert(1);
}


.d-rotate {
-webkit-perspective: 1000px;
perspective: 1000px;
}

.d-rotate .rotate-text {
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
opacity: 0;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}

.d-rotate.animated .rotate-text {
-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
opacity: 1;
}

.d-slideup .sideup-text {
overflow: hidden;
display: block;
}

.d-slideup .sideup-text:first-of-type .up-text {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}

.d-slideup .sideup-text:nth-of-type(2) .up-text {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}

.d-slideup .sideup-text:nth-of-type(3) .up-text {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}

.d-slideup .sideup-text:nth-of-type(4) .up-text {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}

.d-slideup .sideup-text:nth-of-type(5) .up-text {
-webkit-transition-delay: 1.6s;
-o-transition-delay: 1.6s;
transition-delay: 1.6s;
}

.d-slideup .sideup-text .up-text {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.d-slideup.animated .up-text {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.headerBtnMobile {
display: none;
}

.red-pattern01 {
position: absolute;
top: -30%;
right: -38%;
z-index: -1;
width: 47%;
height: 100%;
}

.red-pattern01:before {
position: absolute;
top: 0;
right: 0;
background-image: url(../images/red-pattern.png);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: '';
}

.red-pattern02 {
position: absolute;
top: -30%;
left: -38%;
z-index: -1;
width: 47%;
height: 100%;
}

.red-pattern02:before {
position: absolute;
top: 0;
left: 0;
background-image: url(../images/red-pattern.png);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
content: '';
}

.newsBlockItem {
position: relative;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 15px 0 rgb(0 0 0 / 3%);
background: #fff;
height: 100%;
display: flex;
flex-wrap: wrap;
border-radius: 6px;
border: 1px solid #eceaea;
-moz-transition: .5s;
-ms-transition: .5s;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
text-align: center;
z-index: 99;
}

.newsBlockItem figure {
display: flex;
flex-wrap: wrap;
height: 220px;
width: 100%;
margin: 0;
border-radius: 6px 6px 0 0;
background: top/cover no-repeat #dddbdb;
width: 100%;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0;
-o-border-radius: 6px 6px 0 0;
height: 250px;
position: relative;
filter: grayscale(100%);
background-size: cover !Important;
}

.newsBlockItem figure img {
filter: grayscale(100%);
}

.newsBlockItem figure:before {
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 20%;
content: '';
background: linear-gradient(179deg, #ffffff00, #ffffff96, #ffffff, #ffffff);
}

.newsContent {
padding: 10px;
min-height: 100px;
z-index: 99;
}

.newsContent h5 {
line-height: 20px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #000;
padding: 0;
text-align: left;
padding-top: 0px;
padding-bottom: 0;
}

.newsContent h5 a {
color: #000;
text-align: left;
}

.newsContent .news-meta {
font-size: 13px;
padding-bottom: 8px;
text-align: center;
display: none;
}

.newsContent .news-meta a {
text-align: center;
text-decoration: none;
letter-spacing: -.4px;
}



.news-author-meta .pr-news-more a:hover:after {
width: 100%;
}

.news-author-meta .pr-news-more a:after {
left: 0;
bottom: 0;
content: '';
width: 0%;
height: 1px;
position: absolute;
background-color: #df1e3b;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
}

.news-author-meta {
border-top: 1px solid #eaeaea;
padding: 5px 10px;
width: 100%;
/* height: 30px; */
display: flex;
align-items: center;
justify-content: space-between;
}

.news-author-meta .newssourcename a {
width: 100%;
color: #df1e3b;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
}

.news-author-meta .pr-news-more {
color: #000;
font-size: 13px;
font-weight: 300;
}

.news-author-meta .pr-news-more a {
position: relative;
color: #000;
text-decoration: none;
font-weight: 300;
}

.news-author-meta .pr-news-more a em {
color: #000;
}

.news-author-meta .pr-news-more a:after {
left: 0;
bottom: 0;
content: '';
width: 0%;
height: 1px;
position: absolute;
background-color: #df1e3b;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
}

.equalHeight .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.equalHeight .owl-stage .item {
height: 100%;
flex-wrap: wrap
}


.latestnews .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 1;
/* max-width: 69px;
margin-left: 20px; */
}

.latestnews .owl-nav .owl-prev {
position: absolute;
left: -5%;
font-family: flaticon;
font-size: 20px;
}

.latestnews .owl-nav .owl-next {
position: absolute;
right: -5%;
font-family: flaticon;
font-size: 20px;
}


.innerBanner {
background: #000;
padding: 100px 0 0;
position: relative;
background-position: center;
background-size: cover;
z-index: 99;
height: 70%;
width: 100%;
}

.innerBanner:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
/* background-image: linear-gradient(to bottom,rgb(6 7 10),rgb(0 0 0 / 75%),rgb(26 26 27/0%)); */
z-index: -1;
background-image: linear-gradient(to bottom,rgb(6 7 10),rgb(0 0 0/37%),rgb(26 26 27/0%));
}

.innerBanner:after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 40%;
/* background: #000; */
z-index: 1;
background: linear-gradient(178deg, #00010a00, #00000000, #0f0f0f, #030303);
display: flex;
align-items: flex;
align-items: center;
padding-top: 10%;
z-index: -1;
}

.innerOverlay {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.innerBanner .bannerheading {
width: 80%;
padding-top: 50px;
position: relative;
margin: 0 auto;
/* padding-top: 140px; */
}

.innerBanner h1 {
text-align: center;
color: #fff;
font-size: 40px;
line-height: 48px;
text-shadow: 2px 2px #0a0a0a;
}

.twocolStyle {
background: #000;
position: relative;
padding: 50px 0px;
z-index: 9;
}

.twocolStyle .testelement02 {
position: absolute;
top: 10%;
left: -2%;
bottom: unset;
z-index: 99;
}

.singletext-fw p {
color: #e7e7e7;
font-size: 16px;
}

.singletext-fw p a {
color: #E31E33;
}

.startupecosytem {
background: #000;
position: relative;
padding: 50px 0px;
}

.superstartwrap {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.superstartwrap figure img {
border-radius: 20px;
}

.superstartwrap p strong {
color: #FFE075;
}

.startupStats-time {
position: relative;
}


.startupStats-time ul {
margin: 0;
padding: 0;
}

.startupStats-time ul li {
list-style: none;
margin: 0px 0px;
color: #e7e7e7;
position: relative;
padding-bottom: 30px;
padding-left: 50px;
display: flex;
align-items: center;
}

.startupStats-time ul li p {
font-size: 18px;
margin: 0;
vertical-align: middle;
height: 100%;
}

.startupStats-time ul li span {
font-size: 30px;
color: #FFE075;
font-family: 'Russo One', sans-serif;
margin: 0 5px 0px 5px;
border-bottom: dotted 1px #fff;
text-align: center;
}

.text-marker {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15px;
height: 100%;
}

.text-marker:before {
/* background: #E31E33; */
border: 3px solid transparent;
border-radius: 100%;
font: 14px/1 FontAwesome;
content: "\f058";
color: #767676;
display: block;
font-size: 30px;
/* height: 40px; */
position: absolute;
top: 4px;
left: -10px;
/* width: 40px; */
transition: background .3s ease-in-out, border .3s ease-in-out;
}

/* .text-marker:after {
content: "";
width: 2px;
background: #E31E33;
display: block;
position: absolute;
top: 4px;
bottom: 0;
left: 6px;
height: 100%;
} */

.africaRocks {
position: relative;
padding: 50px 0px;
z-index: 9;
}

.rocks_logos {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0px;
}

.rocks_logos li {
padding: 10px;
width: 14.2%;
}

.rocks_logos .CGMFigure {
margin: 0;
padding: 10px;
text-align: center;
background: #FFF;
box-shadow: 0px 0px 14px -10px #222222c4;
border-radius: 10px;
}

.CGMFigure h5 {
font-size: 16px !important;
color: #df1e3b;
padding-top: 10px;
}

.statsWraper {
position: relative;
background: #EFF0F0;
padding: 40px 0px;
padding-bottom: 150px;
margin-bottom: 80px;
}

.statsWraper .elementlinebeat {
position: absolute;
bottom: -38%;
top: unset;
left: 0;
background-size: cover !important;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 85%;
z-index: 9;
}


.statsItem {
display: table-cell;
flex: 0 1 calc(20.0% - 0px);
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}

.statsItem h2 {
font-size: 40px;
text-align: center;
color: #fff;
}

.statsItem p {
color: #e7e7e7;
text-align: center;
}

.showmobile {
display: none;
}

.col4box {
position: relative;
padding: 100px 0px;
z-index: 9;
}

.col4box .red-pattern01 {
top: -50%;
}

.col4box-item {
border: #000 solid 2px;
position: relative;
border-radius: 40px 0px 40px 40px;
padding: 30px 20px;
height: 100%;
}

.col4box-item img {
width: 30%;
margin-bottom: 20px;
}

.col4box-item h2 {
font-size: 20px;
padding-bottom: 20px;
}

.col4box-item p {
color: #4a4a4a;
margin: 0;
}

.leftRightContent {
padding: 50px 0px;
position: relative;
z-index: 99;
}

.leftRightContent figure {
position: relative;
}


.leftRightContent figure img {
border-radius: 30px 30px
}

.leftRightContent p {
color: #4a4a4a;
}

.contentRGLT {
padding: 0px 0px;
display: flex;
align-items: flex-start;
height: 100%;
flex-direction: column;
justify-content: center;
}

.contentRGLT h2 {
padding-bottom: 10px;
font-size: 35px;
}

.contentRGLT p {
padding-bottom: 20px;
}

.mediapartners .sectionTitle h2.withoutbefore:before {
display: none;
}

.internaltest {
z-index: 99;
}

.internaltest .red-pattern02 {
position: absolute;
top: unset;
bottom: -30%;
}

.internaltest .testimonialSlider figure {
width: unset;
height: unset;
}

.internaltest .testimonial-Content p.testText {
font-size: 18px;
line-height: 29px;
font-weight: 800;
color: #000;
}

.internaltest .testimonial-Content {
justify-content: flex-start;
}

.internaltest .testimonial-Content p.TestiCompany {
padding-top: 0;
}

.internaltest .testimonial-Content img {
width: 200px;
}

.internaltest .testimonialSlider {
padding-left: 5%;
z-index: 99;
}

.testimonialSlider .owl-nav {
width: 100%;
}


.testimonialSlider .owl-nav span {
color: #00C8D0;
font-size: 32px;
}

.testimonialSlider .owl-nav .owl-prev {
position: absolute;
left: 0;
font-size: 20px;
top: 50%;
}
.testimonialSlider .owl-nav .owl-next {
position: absolute;
right: -12px;
font-size: 20px;
top: 50%;
}

.supporters-partners {
position: relative;
padding: 50px 0px;
}

.institutionalPArtner-inner {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.mediaPartner-inner {
position: relative;
padding: 50px 0px;
background-color: #EFF0F0;
}

.mediaPartner-inner .col-6.col-sm-3.col-md-3.col-lg-2.mb-3 {
width: 14% !important;
margin: 20px 0;
}

.mediaPartner-inner .sectionTitle {
padding-bottom: 30px;
}

.mediapartner02 {
border: 2px solid #fff;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: #fff;
box-shadow: -1px 6px 13px 0 #0c0c0c21;
cursor: pointer;
min-height: 100px;
}

.mediapartner02:hover {
border: 2px solid #df1e3b;
}

.mediapartner02 figure {
text-align: center;
margin: 0 auto;
width: 100%;
padding: 0;
overflow: hidden;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.mediapartner02 figure img {
max-width: 100%;
max-height: 100%;
}

.communityPartner-inner {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.communityPartner-inner .col-6.col-sm-3.col-md-3.col-lg-2.mb-3 {
width: 14% !important;
margin: 20px 0;
}

.logoStyle01 {
width: 14% !important;
margin: 20px 0;
}

.logoStyle02 {
width: 20% !important;
margin: 20px 20px;
}

.partnersBoard {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.partnersBoard .red-pattern02 {
position: absolute;
top: -49%;
left: -31%;
z-index: -1;
width: 38%;
height: 100%;
}


.partnerLogoWrap {
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
border-bottom: 2px dotted #cdcbcb;
padding-bottom: 10px;
}

.logoborderbtm {
border-bottom: 2px dotted #cdcbcb;
}

.sponsorslogoTitle {
text-transform: uppercase;
font-size: 14px;
padding: 5px 0 10px;
line-height: 18px;
background: 0 0;
text-align: center;
color: #000;
font-weight: 600;
min-height: 44px;
font-family: 'Montserrat', sans-serif;
}

.sponsors2022Logonew figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1rem;
}

.sponosrsLogoItem figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1rem;
}

.planvisitBoard {
position: relative;
padding: 50px 0px;
padding-top: 200px;
}

.planvisitBoard .elementlinebeat {
position: absolute;
top: -5%;
left: 0;
background-size: cover !important;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 16%;
z-index: 9;
}

.planvisitITem {
position: relative;
padding: 0px 0px;
padding-bottom: 0;
border: #000 solid 1px;
border-radius: 40px 0px 40px 40px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
/* align-items: flex-start; */
justify-content: space-between;
z-index: 99;
}

.visititemtop {
padding: 10px 15px;
}

.visititemtop figure {
height: 180px;
width: 100%;
margin: 0;
}

.visititemtop figure img {
width: 100%;
height: 100%;
/* max-width: 100%;
min-height: 100%; */
object-fit: cover;
border-radius: 40px 0px 0px 0px;
}

.visititemtop h2 {
font-size: 19px;
padding-top: 20px;
}

.visititemtop p {
font-size: 14px;
margin: 0;
padding-bottom: 20px;
color: #4a4a4a;
}


.visititembottom {
background-color: #000;
border-radius: 0px 0px 40px 40px;
}



a.vistilinkbar {
background-color: #000;
border-radius: 0px 0px 40px 40px;
width: 100%;
padding: 10px 20px 10px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
padding-right: 30px;
font-size: 14px;
height: 80px;
font-weight: 600;
text-transform: uppercase;
}

.planvisitITem:hover a.vistilinkbar {
background-color: #E31E33;
}


.modalContentBox {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
width: 100%;
flex-wrap: nowrap;
flex-direction: column;
}

.commonModal .modal-content {
border: 8px solid #aaa8a787;
overflow: auto;
background: #fff;
border-radius: 5px;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.commonModal .close {
padding: 10px 10px;
margin: 0;
position: absolute;
right: 0;
color: #df1e3b;
font-size: 20px;
/* background: #efefef; */
opacity: .8;
z-index: 999;
outline: none;
box-shadow: unset !important;
border: none;
top: 0
}

.commonModal .close

.modalIndex {
z-index: 9999;
}

ul.PopupContactList {
padding: 0;
margin: 10px 0px 0 0px;
list-style: none;
}

ul.PopupContactList li {
display: block;
margin: 0px 0 6px 0;
font-size: 16px;
}

ul.PopupContactList li a {
color: #df1e3b;
}

.travelpopup {
align-items: start;
}

.imgwhite {
-webkit-filter: brightness(0) invert(1);
--filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}


.hotelListWrap {
padding: 50px 0px;
position: relative;
z-index: 99;
}

.hotelListWrap .sectionTitle {
width: 100%;
}

.hotelListWrap .sectionTitle h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 20px;
}

p.hotellistpar {
font-size: 18px;
color: #000;
}

p.hotellistpar strong {
font-weight: 600;
}

.flightAfricaTable {
margin: 0 auto;
padding: 30px 0px;
text-align: center;
position: relative;
}

.flightAfricaTable.allhotelslist {
padding: 30px 0px;
z-index: 99;
}

.flightAfricaTable table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
}

.flightAfricaTable td, .flightAfricaTable th {
border-right: 1px solid #E8E8E8;
empty-cells: show;
padding: 10px;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
font-size: 14px;
}

.flightAfricaTable th {
font-weight: normal;
padding: 0;
border-top: 0px solid #E8E8E8;
border-bottom: 0px solid #E8E8E8;
}

.flightAfricaTable .product, .flightAfricaTable .tl {
color: #FFF;
padding: 10px;
font-size: 14px;
}

.flightAfricaTable .product {
background: #0098A4;
height: 40px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.4px;
width: 22%;
text-align: center;
}

.flightAfricaTable.allhotelslist tr th:first-child {
width: 36%;
}

.flightAfricaTable.allhotelslist tr th:nth-child(2) {
width: 15%;
}

.tablewidthrow tr th:first-child {
width: 55% !important;
}

.tablewidthrow tr th:nth-child(2) {
width: 10% !important;
}

.tablewidthrow .product {
width: 35% !important;
}

.flightAfricaTable table tbody {
box-shadow: -1px 6px 8px 0 #0c0c0c8c;
border: 1px solid #E8E8E8;
}

.flightAfricaTable.allhotelslist tbody tr:nth-child(odd) {
display: table-row;
background: #f6f6f6;
}

.hotelListItem01 {
position: relative;
padding: 10px 10px;
border: #dedddd solid 1px;
background: #fff;
border-radius: 5px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.hotelListItem01 figure {
position: relative;
}

.hotelListItem01 h2 {
font-size: 16px;
/* color: #0098A4; */
text-align: center;
}

.hotelListItem01 ul {
margin: 0;
padding: 0;
}

.hotelListItem01 li {
list-style: none;
margin: 10px 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-size: 14px;
}

.hotelListItem01 a {
color: #df1e3b !important;
}

.hotelListItem01 li span .fa {
font-size: 20px;
margin-right: 15px;
color: #000;
}

.stroke-transparent {
-webkit-text-stroke: 1px #000 !important;
-webkit-text-fill-color: transparent;
}

.fellowInvestors {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.stageinvst10 {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.gettingMorocco {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.gettingMorocco figure {
margin: 0;
}

.gettingflightsWrap {
padding: 40px 40px;
position: relative;
}

.flightsDEtBtn {
position: relative;
margin: 30px 0px;
}

.flightsDEtBtn a {
padding: 20px 20px;
padding-left: 15px;
background: #000;
color: #fff;
display: block;
padding-right: 35px;
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
}

.flightsDEtBtn a:hover {
background: #000;
}

a.redlinkbtn {
background-color: #E31E33;
}

a.greenlinkbtn {
background-color: #0098A4;
}

.flightsDEtBtn a:before {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
content: '\e93a';
font-family: 'icomoon' !important;
text-transform: none;
line-height: 1;
letter-spacing: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
transform: rotate(0.003deg);
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
}

.hotelsMarrakech {
position: relative;
padding: 50px 0px;
z-index: 99;
background: #EFF0F0;
}

.starhotelsITem {
margin-top: 0;
border: #000 solid 1px;
position: relative;
border-radius: 45px 0px 40px 40px;
padding: 0px 0px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.starhotelsITem h2 {
font-size: 18px;
padding: 0px 10px;
padding-bottom: 10px;
text-align: center;
font-family: 'Exo 2', sans-serif;
font-weight: 300;
}

.starhotelsITem figure img {
border-radius: 42px 0px 0px 0px;
/* border: #000 solid 1px; */
}

.starhotelsITem a {
background-color: #E31E33;
border-radius: 0px 0px 40px 40px;
width: 100%;
padding: 20px 10px 20px 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
/* padding-right: 30px; */
font-size: 15px;
/* height: 80px; */
font-weight: 600;
text-transform: uppercase;
}

.starhotelsITem a:hover {
background-color: #000;
}

.starsRating {
display: block;
padding-bottom: 20px;
}

.staractive {
color: #ffa600 !important;
}

.starsRating .fa {
font-size: 19px;
color: #cfcfcf;
}

.otherttravel03 {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.travelothertab {
}

.travelothertab .accordion-button i {
background: #000;
width: 50px;
height: 50px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 20px;
}

.travelothertab .accordion-button {
outline: unset;
}

.travelothertab .accordion-button:focus {
border-color: unset;
outline: unset;
box-shadow: unset
}

.travelothertab .accordion-button:not(.collapsed) {
background-color: #f0f0f0;
color: #171616;
border: none;
border-right: #dee2e6 1px solid;
border-left: #dee2e6 1px solid;
border-radius: 4px;
}

.travelothertab .accordion-button:not(.collapsed) i {
background: #E31E33;
}

.travelothertab .accordion-body a {
color: #E31E33;
font-weight: 600;
}

.travelothertab .accordion-body {
padding: 30px 20px;
}

.travelothertab .accordion-body p {
font-size: 15px;
color: #4a4a4a;
}

.accordion-body h4 {
font-size: 18px;
color: #0098A4;
}

.mobileAppItem {
border-bottom: #f9f3f3 solid 1px;
padding: 5px 10px 5px 20px;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
}

.appLogovenue {
display: flex;
width: 10%;
margin-right: 10px;
}

.travelpopup figure {
width: 300px;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}

.appLogovenue figure img {
max-height: 100%;
max-width: 100%;
border-radius: 10px;
}

.appsContentright {
width: 90%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}



.appsContentright h2 {
text-align: left !important;
margin: unset;
padding: 5px 0px;
color: #df1e3b !important;
font-size: 17px;
}

.travelpopup p {
text-align: left !important;
width: 100%;
flex-direction: column;
line-height: 26px;
margin-bottom: 5px !important;
font-size: 15px !important;
color: #4a4a4a;
}

.travelpopup .listStyle li {
font-size: 15px !important;
}

.appbtnstyle {
/* margin-top: 5px; */
display: block;
width: 100%;
}

.appbtnstyle a {
width: 10%;
display: inline-block;
}

.travelpopup a {
color: #df1e3b;
}

.travelpopup a img {
display: inline-block;
max-width: 100%;
height: auto;
}

.numberinfoTag p {
text-align: left !important;
width: 100%;
flex-direction: column;
line-height: 26px;
margin-bottom: 5px;
display: inline-flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
}

.tophiglightwrap {
margin: -3% auto 0;
position: relative;
z-index: 99;
text-align: center;
margin-bottom: 30px;
}

.airportshortinfo .innwebannertagline {
width: 80% !Important;
margin: 0 auto;
padding: 20px 30px;
background: #d9d9d9;
width: auto;
box-shadow: 1px 3px 11px 0 #0c0c0c87;
text-align: center;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}

.airportshortinfo h2 {
color: #fff;
font-size: 25px;
font-family: nunito, sans-serif;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.airportshortinfo h3 {
padding-top: 25px;
}

.airportshortinfo h3 a {
font-size: 30px;
color: #ffbb1a;
font-family: nunito, sans-serif;
}

.airportshortinfo h2 span .fa {
font-size: 40px;
margin-bottom: 15px;
color: #fff;
}

.airportshortinfo h2 span .fa.stroke-transparent {
-webkit-text-stroke: 1px #fff !important;
-webkit-text-fill-color: transparent;
}

.listStyle {
margin: 0;
padding: 0;
}

.listStyle li {
position: relative;
list-style: none;
padding: 5px 0 5px 20px;
font-size: 16px;
margin: 0;
line-height: 21px;
/*color: #fff !important;*/
font-family: 'Helvetica';
}

.listStyle li:before {
position: absolute;
top: 11px;
left: 0;
font: 14px / 1 FontAwesome;
content: "\f192";
color: #ffffff;
}




.listStyleBlack li {
color: #000 !important;
}

.listStyleBlack li:before {
color: #000;
}

.ColumCount{
column-count: 4;
}

.flightAfricaTable {
margin: 0 auto;
padding: 30px 0px;
text-align: center;
position: relative;
}

.flightAfricaTable table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
}

.flightAfricaTable table tbody {
box-shadow: -1px 6px 8px 0 #0c0c0c8c;
}

.flightAfricaTable td,
.flightAfricaTable th {
border-right: 1px solid #E8E8E8;
empty-cells: show;
padding: 10px;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
}

.flightAfricaTable td {
font-size: 15px;
text-align: center;
padding: 20px 20px;
}

.flightAfricaTable tbody tr:nth-child(odd) {
display: none;
}

.flightAfricaTable .compare-row {
background: #ffffff;
}

.flightAfricaTable th {
font-weight: normal;
padding: 0;
border-top: 0px solid #E8E8E8;
border-bottom: 0px solid #E8E8E8;
}

.flightAfricaTable tr td:first-child {
text-align: left;
padding: 15px;
border-left: 1px solid #1898a2;
border-top: 1px solid #1898a2;
background: #1898a2;
color: #fff;
border-bottom: #15434675 solid 1px;
border-right: 1px solid #1898a2;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}

.flightAfricaTable .product,
.flightAfricaTable .tl {
color: #FFF;
padding: 10px;
font-size: 14px;
}

.flightAfricaTable .tl2 {
border-right: 0;
}

.flightAfricaTable .product {
background: #1898a2;
height: 40px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.4px;
width: 22%;
}

.flightAfricaTable .price-info {
padding: 15px;
}

.flightAfricaTable .price-now,
.flightAfricaTable .price-now span {
color: #808080;
}

.flightAfricaTable .price-now span {
font-size: 36px;
color: #545454;
}

.flightAfricaTable .price-now p {
font-size: 14px;
text-align: center;
line-height: 16px;
display: inline;
}

.flightAfricaTable .price-buy {
background: #EC671A;
padding: 10px 20px;
font-size: 14px;
display: inline-block;
color: #fff;
text-decoration: none;
border-radius: 3px;
text-transform: uppercase;
margin: 5px 0 10px 0;
letter-spacing: 1px;
cursor: pointer;
-webkit-transition: .3s all ease;
transition: .3s all ease;
-moz-transition: .3s all ease;
-ms-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

.flightAfricaTable .price-buy:hover {
background: #E84D00;
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
.table_ul li {
letter-spacing: 0px;
}

.flightAfricaTable .price-now span {
font-size: 32px;
}

.flightAfricaTable .price-now p {
display: block;
}
}

@media screen and (max-width: 720px) {
.table_ul {
padding: 0px;
}

.table_ul li {
font-size: 10px;
line-height: 16px;
padding: 3px 0;
}

.flightAfricaTable {
max-width: 100%;
}

.flightAfricaTable td:first-child,
.flightAfricaTable th:first-child {
display: none;
}

.flightAfricaTable tbody tr:nth-child(odd) {
display: table-row;
background: #F7F7F7;
}

.flightAfricaTable .row {
background: #FFF;
}

.flightAfricaTable td,
.flightAfricaTable th {
border: 1px solid #CCC;
border-top: none;
padding: 10px;
}

.price-info {
border-top: 0 !important;
padding: 10px 0 !important;
}

.price-info p {
line-height: 8px;
font-size: 8px !important;
}

.flightAfricaTable .compare-row {
background: #ffffff;
}

.flightAfricaTable .price-now p {
display: block;
}

.flightAfricaTable .price-now span {
font-size: 24px;
}

.flightAfricaTable .qbse {
font-size: 1.2em;
}

.flightAfricaTable td {
font-size: 14px;
}

.flightAfricaTable th {
font-size: 14px;
}

.flightAfricaTable .product {
background: #1898a2;
height: 40px;
font-size: 8px;
width: 16%;
}
}


.gettingGFStyle {
position: relative;
padding: 50px 0px;
background-color: #EFF0F0;
z-index: 99;
}

.africamarketInner {
padding: 30px 40px;
}

.africamarketItem {
background: #000;
padding: 30px 20px;
height: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
min-height: 200px;
}

.usefulinfoITems .africamarketItem {
background: unset;
background-image: linear-gradient(to right, rgb(0 0 0), rgb(0 0 0 / 60%), rgb(0 0 0 / 81%));
border: #f3f3f3 solid 3px;
min-height: 350px;
}

.africamarketItem h2 {
font-size: 20px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.2px;
}

.usefulinfoITems .africamarketItem h2 {
font-size: 21px;
padding-bottom: 20px;
}

.africamarketItem p {
letter-spacing: 0.6px;
font-size: 14px;
color: #fff;
line-height: 22px;
}

.usefulinfoITems .africamarketItem a {
color: #1898a2;
}

.imageStylehover {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}


.imageStylehover {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.imageStylehover figure {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 350px;
margin: 0;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}

.imageStylehover h2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #df1e3b;
color: #fff;
padding: 10px 10px;
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin: 0;
font-family: nunito, sans-serif;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}

.imageStylehover h2:before {
position: absolute;
top: 0;
right: 0;
font: normal normal normal 14px/1 FontAwesome;
content: '\f178';
width: 50px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 0;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}

.imageStylehover:hover h2 {
text-align: left;
}

.imageStylehover:hover h2:before {
opacity: 1
}

.imageStylehover:hover figure {
filter: grayscale(100%);
transform: scale(1.1);
-webkit-filter: grayscale(100%);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}

.travelpopup22 {
}

.travelpopup22 h2 {
font-size: 30px;
padding-bottom: 30px;
color: #0098A4;
text-transform: uppercase;
}

.travelpopup22 p {
color: #000;
font-size: 14px;
text-align: left;
width: 100%;
}

.travelpopup22 p a {
color: #E31E33;
}

.travelpopup22 figure {
width: 300px;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}

.africamarketWrap {
position: relative;
z-index: 99;
}

.super-categories {
position: relative;
padding: 50px 0px;
/* z-index: 99; */
}

.super-categories .testelement02 {
position: absolute;
bottom: 20%;
left: -2%;
z-index: 99;
}

.super-categories .testelement01 {
position: absolute;
top: 50%;
right: 0;
}



.novafetures-Item {
position: relative;
padding: 30px 20px;
border-radius: 20px;
border: #fff solid 1px;
height: 100%;
/* background: #0098A4; */
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
z-index: 99;
}

.novafetures-Item.colorblock-1 {
background: #0098a4ad;
background-image: linear-gradient(to bottom,rgb(6 7 10),rgb(0 0 0/37%),rgb(26 26 27/0%));
}

.novafetures-Item.colorblock-2 {
background: #e31e33b8;
background-image: linear-gradient(to bottom,rgb(6 7 10),rgb(0 0 0/37%),rgb(26 26 27/0%));
}

.novafetures-Item.colorblock-3 {
background: #055d3182;
background-image: linear-gradient(to bottom,rgb(6 7 10),rgb(0 0 0/37%),rgb(26 26 27/0%));
}


.novafetures-Item h2 {
color: #fff;
font-size: 23px;
/* height: 80px; */
line-height: 25px;
padding-bottom: 30px;
min-height: 80px;
}

.novafetures-Item p {
color: #fff;
font-size: 14px;
margin: 0;
}

.faqwrap {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.speakerWraper {
position: relative;
padding: 50px 0px;
}



.prizedistr {
position: relative;
padding: 50px 0px;
background: #EFF0F0;
z-index: 99;
}

.prizedistr .red-pattern02 {
position: absolute;
top: 4;
right: -30%;
left: unset;
z-index: -1;
width: 44%;
height: 59%;
}

.prizedistr-item {
margin-top: 0;
border: #000 solid 1px;
position: relative;
border-radius: 40px 0px 40px 40px;
padding: 10px 10px;
text-align: left;
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
/* justify-content: space-between; */
}

.prizedistr-item figure {
margin: 0 0px 20px 0px;
}

.prizedistr-item figure img {
border-radius: 40px 0px 5px 5px;
}

.prizedistr-item h2 {
font-size: 18px;
padding-bottom: 20px;
}


.prizedistr-item p {
font-size: 16px;
padding-bottom: 20px;
margin: 0;
color: #4a4a4a;
}

.testimonialstyle03 {
position: relative;
padding: 50px 0px;
background: #EFF0F0;
padding-bottom: 140px;
}

.testimonialstyle03 .elementlinebeat {
position: absolute;
bottom: -11%;
top: unset;
left: 0;
background-size: cover !important;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 45%;
z-index: 99;
}

.single_testimonials_2 {
text-align: center;
position: relative;
z-index: 2;
/* height: 100%; */
display: flex;
flex-direction: column;
/* justify-content: space-between; */
/* border: #E31E33 solid 1px; */
width: 90%;
/* background: #fff; */
border-top: 0 solid;
border-right: 0 solid;
border: 3px solid #0098A4;
-webkit-border-radius: 0 10px 200px/0 200px 14px 250px;
border-radius: 0 10px 200px/0 200px 14px 250px;
}

.big_font3 .item .single_testimonials_2 {
/* background-color: #fbfefd;
position: relative;
border: 1px solid #bdebe5; */
padding: 25px;
width: 100%;
}

.big_font3 .item .single_testimonials_2:before {
background: url(../images/testi-pattern2.png?v=1) no-repeat;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 72%;
right: 0;
opacity: 0.5;
background-size: 50%;
}

.organiser_world2 .single_testimonials_2 span {
font-size: 20px;
line-height: 20px;
color: #1898a2;
font-weight: 800;
}

p.description {
position: relative;
padding-top: 20px;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #000;
font-family: 'Exo 2', sans-serif;
}

.big_font3 .item .slider_content {
text-align: center;
padding: 0px;
}

.big_font3 .item .slider_content p {
color: #000;
}

.big_font3 .item .slider_content {
text-align: center;
padding: 20px;
}

.big_font3 p.description img {
display: inline-block !important;
max-width: 18px !important;
margin-right: 10px;
}

.single_testimonials_2 span {
font-size: 18px;
line-height: 20px;
color: #1898a2;
font-weight: 600;
}

.big_font3 p.description::after {
position: absolute;
content: '';
bottom: 2px;
background: url(../images/quote-dobble2.png?v=1.4) no-repeat;
width: 18px;
background-size: 100%;
padding-bottom: 50px;
transform: rotate(180deg);
margin-right: 0px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
margin-left: 10px;
}

.big_font3 .item .single_testimonials_2:after {
background: url(../images/testi-pattern2.png?v=1) no-repeat;
background-size: cover;
background-size: 50%;
content: "";
position: absolute;
top: 70%;
right: 0 !important;
bottom: 0;
right: 0 !important;
opacity: 0.3;
z-index: 0;
transform: rotate(180deg);
left: 0;
background-color: transparent !important;
}

.testimonial-carousel {
z-index: 99;
}

.testimonial-carousel .owl-stage {
display: flex;
flex-wrap: wrap;
}

.testimonial-carousel .owl-nav {
position: absolute;
right: 3%;
bottom: 35%;
width: 100%;
z-index: 1;
max-width: 69px;
margin-left: 20px;
}

.testimonial-carousel .owl-nav .owl-prev {
position: absolute;
left: 0;
font-family: flaticon;
font-size: 20px;
}

.testimonial-carousel .owl-nav .owl-next {
position: absolute;
right: -12px;
font-family: flaticon;
font-size: 20px;
}

.logo-details {
align-items: start;
}

.logo-details h2 {
font-size: 20px;
padding: 0 0 20px;
text-align: center;
margin: 0 auto;
font-weight: 600;
text-transform: uppercase;
color: #1898a2 !important;
}

.logo-details figure {
width: 200px;
height: 150px;
display: flex;
align-items: center;
margin: 0;
background: #fff;
box-shadow: 1px 5px 4px 0 #0c0c0c2b;
padding: 10px;
margin-bottom: 20px;
}

.logo-details p {
line-height: 22px;
text-align: center;
font-size: 14px;
}

.visit-incredible {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.visit-incredible .testelement02 {
position: absolute;
bottom: 0;
left: -2%;
z-index: 99;
}

.visit-incredible .col4box-item img {
width: 35%;
margin-bottom: 30px;
}

.visit-incredible .col4box-item {
padding: 10px 10px 20px 20px;
}


.visittracks .newlabel {
line-height: 25px;
color: #000;
background: #FFE075;
font-size: 14px;
padding: 4px 10px;
border-radius: 1px;
transform: rotate(355deg);
margin-bottom: 15px;
margin-top: -20px;
}


.newsletterSec {
position: relative;
padding: 40px 0px;
z-index: 99;
}

.testimonialWrap {
position: relative;
padding: 50px 0px;
background: #000;
}

.visittagline h4 {
line-height: 40px;
}

.pitech-timeline {
padding: 50px 0px;
background: #EFF0F0;
position: relative;
z-index: 99;
}

.timeline-horzt {
padding: 50px 0px 0px 0px;
}

.timelineItemOuter {
position: relative;
display: table-cell;
width: 19%;
padding: 0 0;
vertical-align: top;
margin-bottom: 20px;
margin: 0 auto;
position: relative;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 999;
text-align: center;
}

.timelineCircle {
width: 160px;
height: 160px;
/* border: #E31E33 solid 2px; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
/* margin: 0 10px; */
/* -webkit-border-radius: 100%; */
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
background: #dbdbdb;
padding: 10px 10px;
}

.timelineCircle:before {
content: " ";
position: absolute;
right: 0;
top: 0;
height: 50%;
width: 25px;
margin-right: -8%;
/* margin-top: 20px; */
-ms-transform: skewX(15deg);
-webkit-transform: skewX(15deg);
-o-transform: skewX(-15deg);
-moz-transform: skewX(15deg);
background: #E31E33;
z-index: 9;
}

.timelineCircle:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
height: 50%;
width: 25px;
margin-right: -8%;
margin-top: 20px;
-ms-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
background: #E31E33;
}

.timelineCircle p {
font-weight: 800;
color: #000;
margin: 0;
font-size: 16px;
}

.timelineItemOuter h4 {
padding: 10px 0px;
font-size: 18px;
}

.quoteslideItem {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
padding: 40px 0px 0px 0px;
padding-top: 80px;
}

.quoteOuter {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
padding: 40px 0px;
padding-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
}

.quotesInner {
position: relative;
width: 90%;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.quotesInner p {
background: #000;
padding: 30px 30px;
color: #fff;
width: 80%;
font-size: 20px;
padding-bottom: 60px;
padding-right: 60px;
position: relative;
margin: 0;
min-height: 200px;
}

.quotesInner p strong {
font-weight: 600;
color: #FFE075;
}

.blackoverlay {
background: #000;
position: absolute;
bottom: 0;
height: 60px;
width: 90%;
left: 0;
}

.quotesInner p:before {
content: "";
position: absolute;
top: -15%;
left: -5%;
width: 100%;
height: 100%;
background: transparent;
border-bottom: 7px solid #E31E33;
border-left: 7px solid #E31E33;
box-sizing: border-box;
}

.quotesInner p:after {
content: "";
position: absolute;
top: -15%;
left: -30px;
width: 100%;
height: 100%;
background: transparent;
border-top: 7px solid #E31E33;
border-right: 7px solid #E31E33;
box-sizing: border-box;
/* border-bottom: #000 solid 10px; */
}

.quotesInner .fa-quote-left {
position: absolute;
top: -34%;
left: 10%;
font-size: 60px;
background: #EFF0F0;
padding: 5px 10px 0 10px;
color: #E31E33;
z-index: 9;
}

.quotesInner .fa-quote-right {
position: absolute;
bottom: 4%;
right: 18%;
font-size: 50px;
background: #101111;
padding: 0px 10px;
z-index: 9;
padding-right: 20px;
color: #E31E33;
}

.quotBtm {
position: relative;
width: 60%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 50px 0px;
margin: 0 auto;
}

.quotBtm:before {
position: absolute;
top: -20px;
left: 20%;
content: '';
border-top: 60px solid #000;
border-left: 120px solid transparent;
}

.quotBtm figure {
width: 180px;
margin-bottom: 10px;
background-color: #EFF0F0;
}

.quotBtm figure img {
width: unset !important;
max-width: 100%;
-webkit-transform-style: unset;
mix-blend-mode: multiply;
filter: contrast(1);
}

.quotBtm h4 {
background: #E31E33;
font-size: 16px;
color: #fff;
padding: 5px 20px;
font-family: 'Exo 2', sans-serif;
}

.visitquote {
position: relative;
padding: 50px 0px 10px 0px;
z-index: 99;
background-color: #EFF0F0;
}


.visitquote .owl-nav {
position: absolute;
right: 11%;
bottom: 25%;
width: 100%;
z-index: 1;
max-width: 69px;
margin-left: 20px;
}

.visitquote .owl-nav .owl-prev {
position: absolute;
left: 0;
font-family: flaticon;
font-size: 20px;
}

.visitquote .owl-nav .owl-next {
position: absolute;
right: -12px;
font-family: flaticon;
font-size: 20px;
}

.mediapartners .logoscrollStyle {
z-index: 99;
}

.speakersInner {
position: relative;
padding: 50px 0px;
z-index: 99;
}

.speakerItem01 {
padding: 0px;
text-align: center;
z-index: 2;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
height: 100%;
position: relative;
margin: 0px !important;
background: #000;
}

.speakerItem01 figure {
position: relative;
margin: 0;
overflow: hidden;
max-height: 400px;
}

.speakerItem01 figure img {
width: 100%;
}

.speakerItem01 figure:before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(181deg, #0c0c0c33, #14141400, #00000021, #000000);
}

.speakerItem01 .speakerInfo {
position: relative;
padding: 20px 20px;
}

.speakerItem01 .speakerInfo h2 {
margin: 0;
padding: 0;
color: #fff;
font-size: 20px;
text-align: left;
}

.speakerItem01 .speakerInfo p.speakDesg {
margin: 0;
padding: 5px 0px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
text-align: left;
}

.speakerItem01 .speakerInfo p.speakComapny {
margin: 0;
padding: 0;
color: #fff;
font-weight: 600;
font-size: 16px;
padding-bottom: 10px;
text-align: left;
line-height: 20px;
}


.speakerpop {
position: relative;
padding: 0px 0px;
}

.speakerpop .modalContentBox, .speakerpop .modal-body {
padding: 0;
width: 100%;
display: block;
}

.PopupLeftSide {
height: 100%;
padding: 12px;
background-color: #000 !important;
padding: 50px 20px;
}

.PopupLeftSide figure {
width: 100%;
text-align: center;
margin: 0 auto 16px;
border: 5px solid #fff;
}

.SpeakersLeftInfo h2 {
font-size: 16px;
text-align: center;
color: #fff;
}

.popdesignation {
font-size: 18px;
color: #fff;
text-align: center;
}

.popcompanyName {
font-size: 18px;
color: #EB1C24;
text-align: center;
}

.popcountry {
font-size: 18px;
color: #fff;
text-align: center;
}

.popclaimtofame {
text-align: center;
}

.popclaimtofame p {
font-size: 12px;
font-style: italic;
}

.PopupRightSide {
position: relative;
padding: 50px 10px;
}

.PopupRightSide .section-title h2 {
font-size: 20px;
text-align: center;
}

.Sepeaker_Bio {
padding: 0px 10px;
padding-top: 30px;
}

.Sepeaker_Bio p {
color: #4a4a4a;
font-size: 13px;
}

.ToggleMenu {
position: absolute;
right: 0px;
width: 120px;
padding: 40px;
border-radius: 100px;
/*top: 46px;*/
top:0;
height: 0px;
overflow: hidden;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 0.9s ease-in-out 0s;
-webkit-transition: all 0.9s ease-in-out 0s;
-moz-transition: all 0.9s ease-in-out 0s;
-o-moz-transition: all 0.9s ease-in-out 0s;
}

.ToggleMenu.Open {
width: 1180px;
opacity: 1;
visibility: visible;
height: 320px !important;
z-index: 99999;
padding-top: 50px;
background: #50b2d7;
border: 1px solid #50b2d7;
border-radius: 22px;
}

.ToggleMenu.Open:before {
opacity: 0;
        
}


/*.ToggleMenu:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
background: #00C8D0;
height: 100%;
border-radius: 50%;
z-index: -1;
border: 1px solid #000;
box-shadow: 0px 0px 12px -4px #000;
opacity: 0.6;
transition: all 0.9s ease-in-out 0s;
-webkit-transition: all 0.9s ease-in-out 0s;
-moz-transition: all 0.9s ease-in-out 0s;
-o-moz-transition: all 0.9s ease-in-out 0s;
}*/

.OurPartnersContainer span.partner-logo-title {
position: absolute;
top: -10px;
background: #fff;
display: inline-table;
width: auto;
margin: auto;
padding: 0 15px;
left: 0;
right: 0;
height: auto;
font-weight: 700;
text-transform: uppercase;
color: #000;
text-align: center;
font-size: 14px;
}

section.OurPartnersContainer .InnerShowLogoBox:before {
display: none;
}


div#menu-wrapper span {
position: absolute;
content: '';
right: 11px;
top: 3px;
width: 86%;
height: 90%;
border-radius: 60px;
border: 1px solid #25a9e0;
box-shadow: 0 0 48px -6px #000;
z-index: -1;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-moz-transition: all 1s ease-in-out 0s;
}
div#menu-wrapper:hover span {
background: #25a9e0;
}



div#menu-wrapper.Width span {
width: 580px !important;
height: 310px !important;
border-radius: 100px !important;
opacity: 0;
}

.burger.Width {
border-color:transparent;
}


#menu-wrapper #hamburger-menu img {
width: 27px;
margin: 0 0 0 10px;
}

.ToggleMenu .InnerToggleMenu p {
font-size: 18px;
font-weight: 600;
margin: 4px 0 7px 0;
opacity: 0;
visibility: hidden;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-moz-transition: all 1s ease-in-out 0s;
width: 100%;
font-family: 'HelveticaNeue Condensed';
letter-spacing: 1.3px;
color: #fff !important;
}


.ToggleMenu.Open .InnerToggleMenu ul li a,
.ToggleMenu.Open .InnerToggleMenu p {
opacity: 1;
visibility: visible;
}

.ToggleMenu .InnerToggleMenu ul li a {
color: #fff;
font-size: 14px;
margin-bottom: 5px;
display: inline-block;
opacity: 0;
visibility: hidden;
width: 100%;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-moz-transition: all 1s ease-in-out 0s;
}

.ToggleMenu .InnerToggleMenu {
width: 16%;
float: left;
}
section.MainIntroWrapper:before {
position: absolute;
content: '';
left: 0;
width: 100%;
z-index: -4;
top: 0;
background: url(../../../images/Rectangle2.png);
background-size: contain;
display: none;
height: 100%;
}


header .auto-container,
section.MainIntroWrapper .auto-container {
width: 80%;
}

section.MainIntroWrapper .ElementBox_1, section.MainIntroWrapper .ElementBox_2, section.MainIntroWrapper .ElementBox_3 {
position: absolute;
content: '';
left: -17%;
top: 3%;
width: 800px;
height: 800px;
background: radial-gradient(
circle,
rgba(91, 202, 244, 1)   0%,   /* solid centre */
rgba(91, 202, 244, 1)   4%,   /* solid */
rgba(91, 202, 244, 0.77) 17%, /* 77 % opacity */
rgba(91, 202, 244, 0.37) 34%, /* 37 % opacity */
rgba(91, 202, 244, 0.15) 46%, /* 15 % opacity */
rgba(91, 202, 244, 0.05) 56%, /* 5 % opacity */
rgba(91, 202, 244, 0.01) 64%, /* 1 % opacity */
rgba(91, 202, 244, 0)    76%, /* fully transparent */
rgba(91, 202, 244, 0)    88%  /* fully transparent */
); z-index: -1;
border-radius: 50%;
opacity: 0.2;
}

.ElementBox_3.ElementBox_4_1 {
left: inherit !important;
right: -11%;
top: inherit !important;
bottom: -25%;
opacity: 0.115 !important;
}

/*section.MainIntroWrapper .ElementBox_2 {
left: inherit;
right: -13%;
top: 0;
z-index: 9;
}*/

section.MainIntroWrapper .ElementBox_2 {
left: inherit;
right: -11%;
top: 52%;
width: 750px;
height: 750px;
opacity: 0.3;
}

/*section.MainIntroWrapper .ElementBox_3 {
right: -20% !important;
left: inherit;
top: inherit;
bottom: -23%;
z-index: -1;
opacity: 0.3;
}*/
section.MainIntroWrapper {
/* background: linear-gradient(180deg, rgb(23 27 46 / 0%) 0%, rgb(23 27 46 / 50%) 48%); */
padding: 50px 0 16px 0;
position: relative;
z-index: 2;
width: 100%;
}

/*section.MainIntroWrapper {
background: linear-gradient(180deg,rgb(23 27 46) 0%,rgba(23,27,46,1) 48%);
padding: 41px 0 120px;
position: relative;
z-index: 2;
margin-top: -180px;
}*/

section.MainIntroWrapper .IntroInnerWrapper {
border-bottom: 1px solid #fff;
padding-bottom: 0px;
}

.InnerIntroWrapper h3 {
color: #fff;
font-size: 20px;
font-family: 'Helvetica';
font-weight: 600;
letter-spacing: 0.7px;
}

.InnerIntroWrapper.InnerIntroWrapperHead {
margin-bottom: 18px;
}

.InnerIntroWrapper.InnerIntroWrapperHead h2 {
margin-bottom: 6px;
font-size: 54px;
line-height: 54px;
}

.InnerIntroWrapper p {
color: #fff;
font-size: 18px;
line-height: normal;
margin: 5px 0 3px 0;
display: inline-block;
}

.InnerIntroWrapper a.whiteOutline-btn.ButtonStyle2 {
font-size: 16px;
padding-right: 48px;
padding-left: 48px;
z-index:9;
}

section.MainIntroWrapper .IntroInnerWrapper a.whiteOutline-btn.ButtonStyle2:nth-child(2) {
padding-right: 34px;
padding-left: 34px;
margin-left: 16px;
}

.InnerIntroWrapper h32 {
font-size: 24px;
color: #fff;
font-family: 'HelveticaNeue Condensed';
font-weight: 500;
}

/*.InnerIntroWrapper span {
color: #00C8D0;
font-size: 50px;
position: relative;
overflow: hidden;
}
*/


a.ArrowAnimationBG {
background: #00C8D0;
margin: 0;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
}


a.ArrowAnimationBG img {
margin: 0 !important;
display: inline-block;
}




a.ArrowAnimationBG:before {
position: absolute;
content: '';
left: 0;
top: 0px;
width: 60%;
height: 97%;
background: #fff;
animation: arrowleftright 1.6s ease 0s infinite normal none;
-webkit-animation: arrowleftright 1.6s ease 0s infinite normal none;
z-index: -1;
}

.ArrowBox {
position: relative;
display: inline-block;
}

.ArrowBox a.ThisIsForArrowLink {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 999;
}



@keyframes arrowleftright {
0% {
transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
}

100% {
transform: translateX(150px);
-webkit-transform: translateX(150px);
-moz-transform: translateX(150px);
-ms-transform: translateX(150px);
-o-transform: translateX(150px);
}
}

.RelativeBg {
background: #f4f4f4;
border-radius: 0px 0px 95px 95px;
}

.IntroTagLines {
margin: 45px 0 46px 0;
}

.IntroTagLinesInner{
text-align: left;
position:relative;
}

.IntroTagLinesInner:after {
position: absolute;
content: '';
top: 22%;
height: 60%;
width: 1px;
background: #6C6C6C;
right: 0;
}

.IntroTagLinesInner.LineHide_:after {
display: none
}

.IntroTagLinesInner span {
display: inline-block;
font-size: 16px;
color: #00C8D0;
text-align: left;
line-height: normal;
font-weight: 600;
text-transform:uppercase;
}


.IntroTagLinesInner h2 {
display: inline-block;
font-size: 50px;
color: #fff;
margin: 0 14px 0 0;
}

.InnerIntroWrapper.text-right {
text-align: right;
}

.InnerIntroWrapper img {
width: 150px;
}
.EventLogos_ {
position: relative;
z-index: 9;
}

.EventLogos_InnerWrapper .Four_LogoBox img {
width: 64%;
}

.EventLogos_InnerWrapper .Four_LogoBox.One_LogoBox img {
width: 50%;
margin: 0 auto;
}

.EventLogos_InnerWrapper .Four_LogoBox.One_LogoBox.One_LogoBoxBottom img {
width: 100% !important;
margin: 0 auto;
}


.EventLogos_InnerWrapper {
padding: 50px 0 50px 0;
/*border: 1px solid #787878;*/
border-radius: 36px;
display: flex;
align-items: center;
justify-content: space-evenly;
text-align: center;
position: relative;
height: 160px;
}

.EventLogos_InnerWrapper.BorderRight:before {
position: absolute;
content: '';
right: -18px;
top: 40px;
width: 2px;
height: 50%;
background: #9b9b9b;
}

.auto-container.IntroTagLinesWrapper_ .IntroTagLines {
width: 70%;
float: right;
margin-bottom: -150px;
position: relative;
}

.auto-container.IntroTagLinesWrapper_ .IntroTagLines .sectionTitle h2 {
font-size: 46px;
}

.auto-container.IntroTagLinesWrapper_ {
border-top: 1px solid #78787899;
margin-top: 56px;
}

.EventBoxHeading .sectionTitle p {
font-size: 18px;
text-transform: uppercase;
font-family: 'HelveticaNeue Condensed';
margin: 30px 0 30px 0;
letter-spacing: 0.9px;
/*-webkit-text-stroke: 0.2px white;*/
}


.StartupWrapper_ {
padding: 0px 0 50px 0;
}

.StartupInnerContainer_ .row {
justify-content: space-evenly;
}
.StartupCounter h3 {
font-size: 64px;
color: #fff;
font-family: base neue cond;
font-weight: 700;
position:relative;
top:0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}

.StartupCounter.BoxWrapper:hover h3 {
top: 6px;
position: relative;
}

.StartupCounter span {
font-size: 22px;
color: #ffffff;
width: 100%;
}


.BoxWrapper {
position: relative;
border-radius: 22px
}




/*@-webkit-keyframes bg-spin {
to {
--border-angle: 1turn;
}
}*/
/*@keyframes bg-spin {
to {
--border-angle: 1turn;
}
}

*/
@keyframes bg-spin {
0% {
--border-angle: -0deg;
}

100% {
--border-angle: -360deg;
}
}


@property --border-angle {
syntax: "<angle>";
inherits: true;
initial-value: 1turn;
}


.StartupInnerContainer_ {
margin-top: 60px;
}


.StartupCounter.BoxWrapper {
position: relative;
border-radius: 22px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 40px 0 40px 0;
overflow: hidden;
}

.BoxWrapper:before {
--border-angle: 0turn;
--main-bg: conic-gradient(from var(--border-angle), #213, #171b2e -5%, #4364c1 -60%, #a229a6 -95%);
border: solid 4px transparent;
border-radius: 22px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
--gradient-border: conic-gradient(from var(--border-angle), #000000 0%, #a229a6, #00C8D0 20%, transparent);
background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
background-position: center center;
-webkit-animation: bg-spin 3s linear infinite;
animation: bg-spin 3s linear infinite;
z-index: -4;
/*opacity: 0;
visibility: hidden;*/
}

.StartupCounter.BoxWrapper:after {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 98.5%;
height: 97.2%;
z-index: -4;
border-radius: 22px;
background: url(../../../images/Element_6.png);
background-size: cover;
background-repeat: no-repeat;
background-position: revert-layer;
}

/*.StartupCounter.BoxWrapper:hover:before {
opacity: 1;
visibility: visible;
}
*/
.HeadingColor {
color: #00C8D0 !important;
}



section.DiscoverWrapper .ColoredBox {
background: #DD5746;
padding: 16px;
border-radius: 14px;
border-top-right-radius: 0;
width: 100%;
margin: 0 auto;
height: 290px;
position: relative;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-moz-transition: all 0.6s ease-in-out 0s;
background-size: cover !important;
border-top-right-radius: 13px;
}



.ColoredBox:before {
position: absolute;
content: '';
top: -13px;
right: 0px;
background: #DD5746;
width: 114px;
z-index: 9999;
height: 20px;
border-top-right-radius: 14px;
clip-path: polygon(104% 0, 100% 98%, 0 100%, 17% 0);
display:none;
}

section.DiscoverWrapper .ColoredBox:hover {
height: 470px;
}

.ColoredBoxContent h3 {
font-size: 18px;
color: #fff;
margin: 20px 0 10px 0;
text-transform: uppercase;
letter-spacing: 1px;
}

.ColoredBoxContent p {
font-size: 12px;
position: relative;
margin-top: 50px;
opacity: 0;
visibility: hidden;
color: transparent;
line-height: 1.3;
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-moz-transition: all 0.8s ease-in-out 0s;
}


section.DiscoverWrapper .ColoredBox:hover .ColoredBoxContent p {
opacity: 1;
visibility: visible;
margin-top: 0;
color: #fff;
}


section.DiscoverWrapper {
background: #fff;
padding: 190px 0 50px 0;
position: relative;
margin-top: -100px;
z-index: revert-layer;
}

.DiscoverInnerContainer .owl-stage-outer {
padding: 17px 0 0 0;
}


section.DiscoverWrapper .sectionTitle {
margin: 0 0 90px 0;
}

.ColoredBoxContent img {
position: absolute;
bottom: 16px;
width: 22px !important;
}

.ColoredBoximg img {
margin-top: 10px;
}


section.DiscoverWrapper .ColoredBox.Colored1 {
background: url(../../../images/Vector.png) !important;
background-size: cover !important;
}

section.DiscoverWrapper .ColoredBox.Colored2 {
background: url(../../../images/Vector1.png) !important;
background-size: cover !important;
}

section.DiscoverWrapper .ColoredBox.Colored4 {
background: url(../../../images/Vector3.png) !important;
background-size: cover !important;
}

section.DiscoverWrapper .ColoredBox.Colored3 {
background: url(../../../images/Vector4.png) !important;
background-size: cover !important;
}
section.DiscoverWrapper .ColoredBox.ColoredBox1_1 {
background: url(../../../images/Vector5.png) !important;
background-size: cover !important;
}





.DiscoverInnerContainer {
height: 500px;
}


/*.swiper-container_ {
width: 100%;
height: 425px;
overflow: hidden;
padding-bottom: 17px;
margin-top: -14px;
padding-top: 0px;
position: relative;
}*/

.swiper-container_ {
width: 100%;
height: 425px;
overflow: hidden;
padding-bottom: 17px;
margin-top: 0px;
padding-top: 0px;
position: relative;
https: //design.myworldofexpo.com/north-star/;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}

/*.swiper-container_:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 150px;
z-index: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 82%) 26%, rgb(255 255 255 / 78%) 49%, rgb(255 255 255 / 0%) 88%);
}*/

.swiper-container_:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 150px;
z-index: 1;
background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 26%, rgb(255 255 255 / 78%) 49%, rgb(255 255 255) 88%);
}


.TextSliderInnerContainer {
position: relative;
/*padding-left:30px;*/
padding-left:10px;
margin-top: 00px;
}
/*.TextSliderInnerContainer:before {
position: absolute;
content: '';
left: 3px;
bottom: 10px;
width: 100%;
height: 150px;
background: #00C8D0;
border-radius: 36px;
}*/

.TextSliderInnerContainer:before {
position: absolute;
content: '';
left: -10px;
bottom: 26px;
width: 100%;
height: 118px;
background: #00C8D0;
border-radius: 36px;
}

/*.TextSliderInnerContainer:after {
position: absolute;
content: '';
left: 29px;
bottom: 10px;
width: 88%;
height: 70px;
background: #00C8D0;
border-radius: 36px;
}*/


.swiper-container_Bottom {
height: 25px;
overflow: hidden;
position: relative;
top: -34px;
}
.TextSliderInnerContainer .swiper-container_ .swiper-slide h4 a {
font-size: 60px;
color: transparent;
-webkit-text-stroke: 0.6px black;
text-shadow: none;
pointer-events:none;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-moz-transition: all 0.6s ease-in-out 0s;
}

.TextSliderInnerContainer .swiper-container_ .swiper-slide h4 {
font-size: 60px;
top: -89px;
position: relative;
text-transform: uppercase;
color: transparent;
-webkit-text-stroke: 0.6px black;
text-shadow: none;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-moz-transition: all 0.6s ease-in-out 0s;
z-index:1
}

.TextSliderInnerContainer .swiper-container_ .swiper-slide h4 img{
width:150px;
}

.TextSliderInnerContainer .swiper-container_ .swiper-slide h4 span {
margin: 0 10px 0 10px;
position: relative;
top: -12px;
color: #fff !important;
-webkit-text-stroke: 0px !important;
}
.TextSliderInnerContainer .swiper-slide.swiper-slide-prev h4 a,
.TextSliderInnerContainer .swiper-slide.swiper-slide-prev p,
.TextSliderInnerContainer .swiper-slide.swiper-slide-prev h4 {
opacity: 0;
color: #00C8D0 !important;
-webkit-text-stroke: inherit !important;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-moz-transition: all 0.6s ease-in-out 0s;
}

.TextSliderInnerContainer .swiper-container_ .swiper-slide.swiper-slide-active h4 a,
.TextSliderInnerContainer .swiper-container_ .swiper-slide.swiper-slide-active h4 {
color: #fff !important;
-webkit-text-stroke: inherit !important;
pointer-events:auto !important;
cursor:pointer !important;
}

.TextSliderBox_ .sectionTitle h2.text-black {
/*border-bottom: 2px solid #787878;*/
position:relative;
padding-bottom: 20px;
display: inline-block;
}


.TextSliderBox_ .sectionTitle h2.text-black:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 82%;
height: 2px;
background: #787878;
}


section.FutureOffWrapper .sectionTitle h2 {
font-size: 48px;
line-height: 52px;
}


.SmallInnerTitle .sectionTitle h2.text-black {
border-bottom: 0;
padding-top: 0px;
font-size: 60px;
line-height: 60px;
}

.SmallInnerTitle .sectionTitle h2.text-black:before{
display:none;
}


.SmallInnerTitle {
text-align: right;
margin-top: 141px;
margin-right: 50px;
}


ul.FutterNav li {
display: inline-block;
text-transform: uppercase;
}

ul.FutterNav li a {
color: #9E9E9E;
font-size: 16px;
margin: 10px 24px 0 0;
display: block;
cursor:pointer;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
}

ul.FutterNav li a.hover,
ul.FutterNav li a:hover {
color: #00C8D0 !important;
font-weight: 700;
}

/*

.TextSliderInnerContainer .swiper-container_ .swiper-slide {
position: relative;
}
*/
.TextSliderInnerContainer .swiper-container_ .swiper-slide {
position: relative;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}


.TextSliderInnerContainer .swiper-container_ .swiper-slide p {
position: absolute;
bottom: -80px;
left: 0;
transition: all 0.7s ease-in-out 0s;
-webkit-transition: all 0.7s ease-in-out 0s;
-moz-transition: all 0.7s ease-in-out 0s;
-o-moz-transition: all 0.7s ease-in-out 0s;
color: #fff;
opacity: 0;
visibility: hidden;
}



.FutureOffWrapper {
background: #fff;
width: 100%;
position: relative;
padding: 20px 0 130px 0;
bottom: 0px;
z-index: 2;
overflow:hidden;
}

img.FutureOffWrapperElemet {
position: absolute;
bottom: 0;
width: 48%;
left: -10%;
z-index: -1;
opacity: 0.3;
}

section.SpeakersContainer {
position: relative;
padding: 100px 0 130px 0;
overflow: hidden;
}
section.SpeakersContainer img.UnlockSusccess_2 {
opacity: 0.4;
}
.SupernovaWrapper .sectionTitle p {
text-align: left;
}
section.SupernovaContainer {
/*background: #25a9e0 url(../../../images/SC-Homepage-Image.png?v=1.2) no-repeat;*/
background: #25a9e0 url(../../../images/BroadcardBottomBanner.jpg?v=1.2) no-repeat;
background-size: contain;
background-position: right;
padding: 120px 0 120px 10px;
position: relative;
overflow: hidden;
}
/* section.SupernovaContainer:before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(270deg, rgb(0 200 208 / 0%) 0%, rgb(37 169 224 / 52%) 29%, rgb(37 169 224 / 98%) 57%, rgb(37 169 224) 78%);
} */

.BottomText {
position: relative;
z-index: 9;
}

.SupernovaWrapper .BottomText p {
margin-bottom: 25px;
font-size: 18px;
line-height: 1.4;
width:100%;
color: #000;
}

.SupernovaWrapper .sectionTitle h2 {
font-size: 32px;
line-height: 50px;
margin-bottom: 0px;
color: #000;
}
.KobaLogo {
width: 36%;
margin: 0 auto;
margin-bottom: 10px;
}
.SupernovaWrapper .sectionTitle h3 {
color: #fff;
font-size: 27px;
margin-top: 10px;
margin-bottom;
}

.SupernovaWrapper .sectionTitle h3 color
{
color: #fdf98f;
}

section.NothStarGallery {
background: #fff;
padding: 0px 0 60px 0;
}

.GalleryDots {
display: none !important;
}

.youtube-container {
overflow: hidden;
width: 100%;
aspect-ratio: 16 / 9;
pointer-events: none;
}

.youtube-container iframe {
width: 300%;
height: 100%;
margin-left: -100%;
}

.fancybox-overlay {
background: #ffffffa6 !important;
}

section.NothStarGallery .sectionTitle {
margin-bottom: 60px;
}

section.NothStarGallery .PhotoGallery .owl-item {
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-ttransition: all 0.6s ease-in-out 0s;
transform: scale(1);
opacity: 0.6;
}

section.NothStarGallery .PhotoGallery .owl-item.active.center {
/*            transform: scale(1.4);*/
z-index: 1 !important;
opacity: 1 !important; /*
border-right: 20px solid #fff;
border-left: 20px solid #fff;*/
position: relative;
}


section.NothStarGallery .PhotoGallery .owl-item.active.center:before {
position: absolute;
content: '';
left: -66px;
top: 0;
width: 66px;
height: 100%;
background: #fff;
}

section.NothStarGallery .PhotoGallery .owl-item.active.center:after {
position: absolute;
content: '';
right: -66px;
top: 0;
width: 66px;
height: 100%;
background: #fff;
}


.PhotoGallery.owl-carousel.owl-theme.equalHeight.owl-loaded.owl-drag .owl-stage-outer {
overflow: inherit;
margin: 30px 0 0 0;
}

section.NothStarGallery .PhotoGallery {
position:relative;
}

section.NothStarGallery .PhotoGallery .owl-nav {
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
width: 71%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.DiscoverWrapperBox_ .owl-nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}

.DiscoverWrapperBox_ .owl-nav i img {
width: 20px;
display: inline-block;
}

.DiscoverWrapperBox_ .owl-nav i {
font-size: 35px;
position: relative;
left: -50px;
}

.DiscoverWrapperBox_ .owl-nav .owl-next i {
right: -50px;
left: inherit;
}


.DiscoverDots_,
.GalleryDots {
text-align: center;
width: 100%;
margin-top: 38px;
display: inline-block;
}

.DiscoverDots_ .owl-dot,
.GalleryDots .owl-dot {
display: inline-block;
}

.DiscoverDots_ .owl-dot span,
.GalleryDots .owl-dot span {
width: 10px;
height: 10px;
border: 2px solid #00C8D0;
display: inline-block;
margin: 0px 7px 0px 4px;
border-radius: 50%;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-ttransition: all 0.6s ease-in-out 0s;
}

.DiscoverDots_ .owl-dot.active span,
.GalleryDots .owl-dot.active span {
background: #A229A6;
transform:scale(1.2)
}



section.BottomThree {
background: #fff;
position: relative;
padding: 70px 0 90px 0;
overflow: hidden;
}

.ThreeBoxElement_ {
position: absolute;
width: 1000;
height: 1000px;
right: -5%;
top: -50%;
background: radial-gradient(circle, rgba(140,151,255,1) 0%, rgba(140,151,255,1) 0%, rgba(140,151,255,0.7679446778711485) 13%, rgba(140,151,255,0.36738445378151263) 27%, rgba(140,151,255,0.14609593837535018) 42%, rgba(140,151,255,0.053658963585434205) 57%, rgba(140,151,255,0.014443277310924318) 71%, rgba(140,151,255,0) 85%, rgba(140,151,255,0) 100%);
opacity: 0.2;
}

.ThreeBoxElement_2 {
background: linear-gradient(180deg, rgb(140 151 255 / 4%) 0%, rgb(140 151 255 / 84%) 51%, rgba(140, 151, 255, 0) 100%);
position: absolute;
width: 200px;
height: 200px;
left: -3%;
bottom: -48%;
border-radius: 50%;
opacity: 0.7;
}

img.ElementPlus {
position: absolute;
left: 0;
top: 0px;
width: 110px;
}

img.ElementPlus_2 {
position: absolute;
left: 0;
bottom: 0;
width: 45%;
opacity: 0.5;
}

.InnerThreeBox {
text-align: center;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: center;
border-radius: 21.8px !important;
position: relative;
overflow: hidden;
z-index: 1;
padding: 2px;
background-image: linear-gradient(to bottom, #00C8D0 0%, #A229A6);
height: 100%;
}

.InnerThreeBoxInner_ {
background: #fff;
width: 100%;
height: 100%;
border-radius: 22px;
/* padding: 16px 8px 12px 8px; */
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

section.BottomThree .col-xl-3.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
margin-bottom: 20px;
}

section.BottomThree .auto-container {
position: relative;
z-index: 999;
}


.InnerThreeBoxInner_.InnerThreeBoxInner_Hover {
background: url(../../../images/ExploreShow_1.png);
background-size: cover;
background-position: center;
position: absolute;
left: 0;
bottom: -100%;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-moz-transition: all 0.4s ease-in-out 0s;
}

.InnerThreeBox:hover .InnerThreeBoxInner_Hover {
bottom: 0;
}


.InnerThreeBoxInner_.InnerThreeBoxInner_Hover h4,
.InnerThreeBoxInner_.InnerThreeBoxInner_Hover p,
.InnerThreeBoxInner_.InnerThreeBoxInner_Hover span {
color: #fff !important;
}

.InnerThreeBox h4 {
width: 100%;
margin: 0;
color: #171B2E;
font-size: 38.16px;
text-transform: uppercase;
font-family: 'Base Neue Cond';
font-weight: 700;
}

.InnerThreeBox span {
width: 100%;
margin: 0;
color: #8677FF;
font-size: 28.38px;
}

.InnerThreeBox p {
width: 100%;
margin: 0;
color: #171B2E;
font-size: 20px;
padding: 0 20px 0 20px;
}


section.testimonialStyle02 {
position: relative;
z-index: 9;
box-shadow: 0px 3px 12px -8px #0000008a;
}

section.testimonialStyle02:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(29px);
background: url(../../../images/Element_6.png);
background-size: cover;
}

section.testimonialStyle02 .ThreeBoxElement_ {
right: inherit;
top: -63%;
left: -24%;
opacity: 0.2;
}

section.testimonialStyle02 .ThreeBoxElement_.ThreeBoxElement_3 {
left: inherit;
top: inherit;
right: -7%;
width: 560px;
height: 560px;
bottom: 0%;
display: block !important;
}

section.StartupBoxeContainer .auto-container {
border-bottom: 1px solid #78787899;
padding-bottom: 78px;
}

section.StartupBoxeContainer {
background: #171B2E;
padding: 130px 0 0px 0;
position: relative;
}

.StartupBoxSlider{
position:relative;
}
.StartupBoxSlider .owl-nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
top: 50%;
position: absolute;
z-index:-1;
left: 50%;
transform: translate(-50%, -50%);
}

.StartupBoxSlider .owl-nav i {
left: -50px;
position: relative;
}

.StartupBoxSlider .owl-nav .owl-next i {
left: inherit;
right: -50px;
}

section.StartupBoxeContainer .sectionTitle {
margin-bottom: 70px;
}

section.StartupBoxeContainer .ThreeBoxElement_2 {
left: inherit;
right: -2%;
top: -360px;
bottom: inherit;
background: linear-gradient(0deg, rgba(134, 119, 255, 1) 0%, rgba(134, 119, 255, 0.5466561624649859) 50%, rgba(134, 119, 255, 0) 100%);
width: 300px;
height: 300px;
}


section.StartupBoxeContainer .StartupInnerBoxes img.HoverImage_ {
position: absolute;
left: 0px;
top: 0;
width: 100%;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
opacity: 0;
visibility: hidden;
z-index: 1;
}

section.StartupBoxeContainer .StartupInnerBoxes:hover img.HoverImage_{
visibility:visible;
opacity:1;
}
/*section.StartupBoxeContainer .StartupInnerBoxes:hover img.StrHoverImg {
opacity: 1 !important;
visibility: visible !important;
transform: rotate(0deg) scale(1) !important;
}*/
section.StartupBoxeContainer .StartupInnerBoxes {
position: relative;
/*height: 336px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;*/
}

section.StartupBoxeContainer .StartupInnerBoxes h3 {
color: #fff;
position: absolute;
text-align: center;
left: 0;
bottom: 40px;
width: 100%;
font-weight: 500;
font-size: 23px;
font-family: 'HelveticaNeue Condensed';
line-height: 30px;
letter-spacing: 3px;
transform: scale(1, 1.3);
-webkit-text-stroke: 0.2px white;
}


section.SpeakersContainer .sectionTitle h2, .StartupBoxeContainer .sectionTitle h2 {
font-size: 44px;
line-height: 50px;
}

img.Overlay_ {
position: absolute;
bottom: 0px;
height: 100%;
}

section.FlashBackContainer {
padding: 80px 0px 80px 0px;
position: relative;
z-index: 1;
background: linear-gradient(180deg, rgb(27 57 106) 0%, rgb(37 169 224) 46%, rgb(91 202 244 / 97%) 68%, rgba(0, 65, 203, 0) 100%);
}

.FlashBackLeft {
width: 82%;
}


section.FlashBackContainer .sectionTitle h2 {
position: relative;
margin-bottom: 90px;
font-size:60px;
}



.FlashBackRight .FlashBackInnerBoxes {
width: 70%;
margin-bottom: 78px;
}

.FlashBackRight .FlashBackInnerBoxes h4 {
font-size: 53px;
color: #fff;
position: relative;
font-family: 'Base Neue Cond';
font-weight: 700;
}

.FlashBackRight .FlashBackInnerBoxes h4:before {
position: absolute;
content: '';
left: -27px;
top: 0;
width: 8px;
height: 80%;
background: #00C8D0;
}

.FlashBackInnerBoxes p {
font-size: 16px;
}

section.ExploreShow {
background-position: center !important;
padding: 80px 0 80px 0;
/*background: url(../../../images/Element_6.png) no-repeat;
background-size: cover;*/
}

.BottomShowLogoWrapper .col-xs-12:last-child .InnerShowLogoBox:before {
display: none;
}

section.ExploreShow .ExploreLeftBox p {
color: #000;
font-size: 18px;
margin: 28px 0 28px 0;
}

.ExploreRightBox {
text-align: center;
}

.ExploreRightBox ul li {
display: block;
align-items: center;
position: relative;
padding: 0 0 0 0;
margin: 60px 0 60px 0;
width: 100%;
}


.ExploreRightBox ul li img {
width: 44%;
}

.ExploreRightBox ul li .Line_Element_1 {
position: absolute;
left: -248px;
width: 93%;
top: 56px;
}


.ExploreRightBox ul li:nth-child(2) img.Line_Element_1 {
width: 73%;
left: -204px;
top: 30px;
}


.ExploreRightBox ul li:nth-child(3) img.Line_Element_1 {
width: 70%;
left: -198px;
top: 46px;
}


.ExploreRightBox ul li:nth-child(4) img.Line_Element_1 {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
width: 73%;
left: -204px;
top: -2px;
}


.ExploreRightBox ul li:nth-child(5) img.Line_Element_1 {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
left: -247px;
width: 93%;
top: -52px;
}


section.NorthStarFooter {
padding: 50px 0 15px 0;
/*background: url(../../../images/ExploreShow_1.png);*/
/* background: url(../../../images/Element_6.png); */
background-size: cover;
background-position: bottom;
}

.FooterHeading h3 {
font-size: 40px;
text-transform: uppercase;
color: #fff;
}

.FooterHeading h4 {
font-size: 18.34px;
color: #fff;
font-family: 'HelveticaNeue Condensed';
font-weight: 500;
letter-spacing: 0.8px;
margin: 0px 0 30px 0;
}

.FooterMenu h4 {
font-size: 20px;
color: #000;
font-family: 'HelveticaNeue Condensed';
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 18px;
}


.BorderLine {
width: 100%;
border-bottom: 1px solid #25a9e0;
opacity: 0.6;
margin: 40px 0 40px 0;
}

.FooterMenu ul li, .FooterMenu ul li a {
    color: #000;
    font-size: 16px;
    font-family: 'HelveticaNeue Condensed';
    font-weight: 500;
    margin-bottom: 6px;
}
.FooterMenu ul li a em, .FooterMenu ul li em {
    color:#000;
}

.FooterMenu ul li a {
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}

.FooterMenu ul li a:hover {
border-bottom: 1px solid #fff;
}


.FooterMenu {
margin: 0 0 21px 0;
}

.FooterRightMenu {
/* background: #25a9e0; */
margin-top: 0px;
/* padding: 35px 35px 35px 35px; */
width: 100%;
z-index: 999;
/* border-radius: 14px; */
/* box-shadow: 0px 9px 20px -10px #00000075; */
position: relative;
overflow:hidden;
}

/* .FooterRightMenu:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../../images/ExploreShow_1.png);
    background-size: cover;
    background-position: right;
    z-index: -1;
    transform: rotate(-180deg);
    opacity: 0.5;
} */

.FooterRightMenu h4 {
color: #000;
font-size: 20px;
font-family: 'HelveticaNeue Condensed';
font-weight: 600;
letter-spacing: 1.6px;
}
.FooterRightMenu ul li {
display: inline-block;
border: 0;
border-right: 1px solid #0000001a;
}
.FooterRightMenu ul li:last-child {
border: 0;
}

.FooterRightMenu ul li a {
color: #000;
font-size: 18px;
font-family: 'HelveticaNeue Condensed';
font-weight: 400;
display: inline-block;
margin: 0px 9px 0px 0;
padding: 0 0 0px 0;
width: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}

.FooterRightMenu ul li a em {
color:#000;
}

.FooterRightMenu ul li a:hover {
color: #000000;
}

section.SupernovaContainer.SupernovaContainerInner {
margin: 0;
padding: 110px 0 110px 0;
border-radius: 0;
background: transparent !important;
}

section.SupernovaContainer.SupernovaContainerInner:before{
display:none;
}

.InnerBannerWrapper {
margin: 154px 0 0 0;
overflow: hidden;
}

.InnerBannerWrapper img {
width: 100%;
}

section.SupernovaContainer.SupernovaContainerInner .BottomText p {
font-size: 18px;
line-height: inherit;
color:#fff;
}

.LeftImgBox {
position: relative;
z-index: 1;
background: url(../../../images/BOO_7570.jpg);
width:100%;
height:100%;
}


.CommonImgBox {
position: relative;
z-index: 1;
background: url(../../../images/BOO_7570.jpg) no-repeat;
width: 100%;
background-size: cover;
background-position: center;
align-items: center;
justify-content: center;
}

.ForBgHeight
{
height: 350px;
}


SupernovaContainerInner .ThreeBoxElement_ {
right: -13%;
top: -20%;
}


/**/

.BottomFourLogo .InnerThreeBoxInner_ {
background: #fff;
width: 100%;
height: 100%;
border-radius: 21px;
padding: 20px 12px 56px 12px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

section.BottomThree.BottomFourLogo .InnerThreeBoxInner_ span {
width: 100%;
display: block;
position: absolute;
bottom: 11px;
text-align: center;
left: 0;
font-size: 24px;
color: #000;
}
section.BottomThree.BottomFourLogo .InnerThreeBoxInner_ img {
width: 78%;
margin-bottom: 8px;
}


/*---Workshop CSS===*/

.schedule-block a.whiteOutline-btn:hover {
color: #000;
}



.schedule-block p {
color: #000;
margin: 20px 0 0 0;
}

.workshopsWrap {
position: relative;
padding: 50px 0px;
}

section.WorkshopWrapper {
background: #fff !important;
border-radius: 100px 100px 0 0;
position: relative;
}

.workshopsWrap hr {
border-top: #c5c4c3 solid;
margin: 20px 0px 0px 0px;
}

.workshopInner {
position: relative;
z-index: 999;
}

.workshoproomTab {
position: relative;
margin: 0 auto;
margin-bottom: 40px;
}

.workshoproomTab ul {
margin: 0;
text-align: center;
width: 100%;
}

.workshoproomTab ul li {
list-style: none;
display: inline-block;
text-align: center;
margin-left: 0;
margin: 10px 10px;
}

.workshoproomTab ul li a {
color: #fff;
padding: 5px 20px;
display: block;
text-decoration: none;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: #000 solid 1px;
margin-bottom: 24px;
border-radius: 40px
}

.workshoproomTab ul li.purpleTab a {
background: #69359a;
color: #fff;
}

.workshoproomTab ul li.purpleTab a:hover,
.workshoproomTab ul li.purpleTab.active a {
background: #fff;
color: #69359a;
}

.workshoproomTab ul li.greenTab a {
background: #5e813f;
color: #fff;
}

.workshoproomTab ul li.greenTab a:hover,
.workshoproomTab ul li.greenTab.active a {
background: #fff;
color: #5e813f;
}

.workshoproomTab ul li.blueTab a {
background: #5071be;
color: #fff;
}

.workshoproomTab ul li.blueTab a:hover,
.workshoproomTab ul li.blueTab.active a {
background: #fff;
color: #5071be;
}


.schedule-section {
position: relative;
padding: 120px 0 100px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #fafafa;
overflow: hidden;
}

.schedule-section .icon-circle-4 {
right: -200px;
bottom: 160px;
}

.schedule-section .icon-circle-3 {
left: -375px;
top: 340px;
opacity: .30;
}

.tabs-box {
position: relative;
}

.tabs-box .tab {
display: none;
}

.tabs-box .tab.active-tab {
display: block;
}

.schedule-tabs {
position: relative;
}

.schedule-tabs .btns-box {
position: relative;
display: block;
margin-bottom: 100px;
}

.schedule-tabs .tab-buttons {
position: relative;
text-align: center;
margin: 0 auto;
width: 100%;
display: flex;
justify-content: center;
}

.schedule-tabs .tab-buttons .tabbox {
position: relative;
display: inline-block;
height: 130px;
width: 240px;
border-radius: 10px;
background-color: #171b2e;
font-size: 20px;
line-height: 28px;
color: #cfcfcf;
font-weight: 600;
text-align: left;
padding: 15px 15px;
padding-top: 50px;
padding-left: 90px;
cursor: pointer;
margin: 0 15px 20px;
border: 1px solid #4d4949;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.schedule-tabs .tab-buttons .tabbox.active {
background-color: #d5d5d5;
color: #000;
border: 1px solid #dddddd;
}

.schedule-tabs .tab-buttons .tabbox .day {
position: absolute;
left: -1px;
top: 14px;
padding: 5px 20px;
background-color: #222222;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #fff;
border-radius: 0 15px 15px 0;
}

.schedule-tabs .tab-buttons .tabbox.active .day {
color: #ffffff;
}

.schedule-tabs .tab-buttons .tabbox .date {
position: absolute;
left: -0;
top: 65px;
width: 100px;
text-align: center;
font-size: 40px;
line-height: 20px;
font-weight: 600;
color: #222222;
}

.schedule-tabs .tab-buttons .tabbox .month {
display: block;
font-size: 21px;
line-height: 23px;
font-weight: 600;
color: #222222;
text-transform: uppercase;
}

.schedule-tabs .tab-buttons .tabbox.active .month,
.schedule-tabs .tab-buttons .tabbox.active .date,
.schedule-tabs .tab-buttons .tabbox.active .day {
opacity: 0.8;
}

.schedule-tabs .tab-buttons .tabbox .year {
font-size: 30px;
}


.schedule-tabs #purpleRoom .tab-buttons .tabbox .day {
background-color: #00C8D0;
border: 1px solid #fff;
border-left: 0;
}


.schedule-tabs #purpleRoom .tab-buttons .tabbox .month,
.schedule-tabs #purpleRoom .tab-buttons .tabbox .date {
color: #fff;
}

.schedule-tabs #purpleRoom .tab-buttons .tabbox.active span.date,
.schedule-tabs #purpleRoom .tab-buttons .tabbox.active span.month{
color: #000;
}

.schedule-tabs #purpleRoom .tab-buttons .tabbox.active {
box-shadow: 0 11px 19px -3px rgb(157 145 255 / 58%);
border: 1px solid #9d91ff7d;
background: #fff;
}


.schedule-tabs #greenRoom .tab-buttons .tabbox.active {
box-shadow: 0 20px 30px rgba(0, 0, 0, .10);
}

.schedule-tabs #greenRoom .tab-buttons .tabbox .day {
background-color: #5e813f;
}


.schedule-tabs #greenRoom .tab-buttons .tabbox .month,
.schedule-tabs #greenRoom .tab-buttons .tabbox .date {
color: #5e813f;
}

.schedule-tabs #greenRoom .tab-buttons .tabbox.active {
box-shadow: 0 0px 30px rgba(255, 194, 11, .30);
border: 1px solid #5e813f;
background: #fff;
}

.schedule-tabs #blueRoom .tab-buttons .tabbox.active {
box-shadow: 0 20px 30px rgba(0, 0, 0, .10);
}

.schedule-tabs #blueRoom .tab-buttons .tabbox .day {
background-color: #5071be;
}


.schedule-tabs #blueRoom .tab-buttons .tabbox .month,
.schedule-tabs #blueRoom .tab-buttons .tabbox .date {
color: #5071be;
}

.schedule-tabs #blueRoom .tab-buttons .tabbox.active {
box-shadow: 0 0px 30px rgba(255, 194, 11, .30);
border: 1px solid #5071be;
background: #fff;
}


.schedule-timeline {
position: relative;
}

.schedule-block {
position: relative;
margin-bottom: 30px;
}

.schedule-block:after {
display: table;
clear: both;
content: "";
}

.schedule-block .inner-box {
position: relative;
/* float: left; */
width: 90%;
margin: 0 auto;
text-align: left;
}

.schedule-block .inner-box .inner {
position: relative;
padding: 20px 30px 20px;
background-color: #e8e8e8;
border: 1px solid #dddddd;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
margin-left: 80px;
border-radius: 20px;
}

.schedule-block .inner:before {
position: absolute;
top: 0;
bottom: -30px;
right: 100%;
border-left: 2px dashed #dddddd;
content: "";
margin-right: 80px;
}

.schedule-block .inner:after {
position: absolute;
right: 100%;
top: 35px;
border-top: 15px solid transparent;
border-right: 20px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: "";
}

.schedule-block .date {
position: absolute;
left: -132px;
width: 104px;
top: 0px;
height: 100px;
background-color: #9d91ff;
text-align: center;
font-size: 14px;
line-height: 26px;
color: #fff;
font-weight: 600;
padding: 30px 5px 0;
padding-top: 5px;
border-radius: 10px;
border: 2px dashed #dddddd;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}


.schedule-block .speaker-info {
position: relative;
padding-left: 80px;
padding-top: 10px;
min-height: 60px;
}

.schedule-block .speaker-info .thumb {
position: absolute;
left: 0;
top: 0;
width: 60px;
border-radius: 50%;
overflow: hidden;
}

.schedule-block .speaker-info .name {
font-size: 16px;
color: #212639;
font-weight: 500;
line-height: 1.2em;
}

.schedule-block .speaker-info .designation {
font-size: 13px;
}

.schedule-block h4 {
position: relative;
font-size: 22px;
line-height: 1.2em;
color: #0f1925;
font-weight: 600;
margin-bottom: 15px;
padding-top: 15px;
}

.schedule-block h4 a {
color: #212639;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.schedule-block h4 a:hover {
color: #f14b59;
}

.schedule-block .text {
position: relative;
font-size: 16px;
line-height: 26px;
color: #888888;
margin-bottom: 15px;
}

.schedule-block .btn-box {
position: relative;
padding: 6px 0;
}

.schedule-block .btn-box a {
padding: 10px 20px;
line-height: 20px;
font-size: 14px;
background-color: #444444;
color: #ffffff;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
border-radius: 5px;
}

.schedule-block .btn-box a:hover {
color: #ffffff;
/* box-shadow: 0 10px 20px rgba(0,0,0,0.10); */
}

.schedule-block.even .inner-box {
float: left;
text-align: right;
}

.schedule-block.even .inner-box .inner {
margin-left: 0;
margin-right: 80px;
}

.schedule-block.even .inner:before {
right: auto;
left: 100%;
margin-left: 80px;
margin-right: 0;
}

.schedule-block.even .inner:after {
right: auto;
left: 100%;
border-right: 0;
border-left: 20px solid #ffffff;
}

.schedule-block:last-child .inner:before {
display: none;
}

.schedule-block.even .date {
left: auto;
right: -132px;
}

.schedule-block.even .speaker-info {
padding-left: 0;
padding-right: 80px;
}

.schedule-block.even .speaker-info .thumb {
left: auto;
right: 0;
}

#purpleRoom .schedule-block .date,
#purpleRoom .schedule-block .inner:before {
border-color: #171b2e;
}

#greenRoom .schedule-block .date,
#greenRoom .schedule-block .inner:before {
border-color: #8677FF;
}


#blueRoom .schedule-block .date,
#blueRoom .schedule-block .inner:before {
border-color: #5071be;
}


.metascheduleText {
position: relative;
padding-bottom: 20px;
border-bottom: #e3dcdcab solid 1px;
}

.metascheduleText ul {
margin: 0;
padding: 0;
}

.metascheduleText li {
list-style: none;
font-size: 14px;
color: #000;
/* margin: 0 10px; */
display: inline-block;
position: relative;
width: auto;
padding: 0px 15px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
}

.metascheduleText li:first-child {
padding-left: 0;
}

.metascheduleText li:before {
position: absolute;
top: 0;
right: 0;
content: '';
width: 1px;
height: 100%;
background: #dedede;
}

.metascheduleText li:last-child:before {
display: none;
}

.metascheduleText li .fa-circle-dot {
margin-right: 7px;
font-size: 16px;
color: #565656;
}

.metascheduleText li .metaicon {
margin-right: 7px;
font-size: 16px;
color: #565656;
}

.metaicon {
color: #fff;
}

/*===*/


section.BottomShowLogo {
position: relative;
background: #fff;
padding: 100px 0 60px 0;
z-index: 1;
overflow: hidden;
}
img.UnlockSusccess {
position: absolute;
bottom: 0%;
right: 0%;
width: 40%;
z-index: -1;
opacity: 0.3;
}

img.UnlockSusccess_2 {
position: absolute;
left: 0;
top: -6px;
width: 40%;
opacity: 0.3;
}

.InnerShowLogoBox span {
display: block;
color: #000;
font-weight: 700;
margin: 10px 0 10px 0;
font-size: clamp(12px, 1vw, 16px);
}

.InnerShowLogoBox p {
font-size: clamp(8px, 1vw, 12px);
color: #000;
font-weight: 600;
text-transform: uppercase;
}

/*.InnerShowLogoBox {
text-align: center;
padding: 0 12px 0 12px;
margin-bottom: 40px;
position:relative;
}*/
.InnerShowLogoBox {
text-align: center;
padding: 0px 12px 0 12px;
margin-bottom: 30px;
position: relative;
border: 1px solid #00000012;
height: 146px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
box-shadow: 0px 4px 20px -10px #0000004d;
}

.InnerShowLogoBox:before {
position: absolute;
right: -19px;
top: 8px;
width: 1;
height: 156px;
background: #969696;
content: '';
}

.InnerShowLogoBox a img {
width: 80%;
height: 110px;
object-fit: contain;
}

.BottomTextInner p{
width:100% !important;
}

.schedule-tabs .tab-buttons .tabbox:nth-child(2) {
background: url(https://design.myworldofexpo.com/Northstar2/images/Vector3.png);
background-position: left;
}

.schedule-tabs .tab-buttons .tabbox:nth-child(1) {
background: url(https://design.myworldofexpo.com/Northstar2/images/Vector1.png);
background-position: left;
}

.schedule-tabs .tab-buttons .tabbox:nth-child(3) {
background: url(https://design.myworldofexpo.com/Northstar2/images/Vector.png);
background-position: left;
}

.schedule-tabs .tab-buttons .tabbox:nth-child(4) {
background: url(https://design.myworldofexpo.com/Northstar2/images/Vector4.png);
background-position: left;
}

section.SupernovaContainer.GitexYouthX:before,
section.SupernovaContainer.SupernovaContainerInner:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../../../images/UnlockSusccess.png);
z-index: 1;
background-size: cover;
display: block;
mix-blend-mode: multiply;
filter: contrast(2);
opacity: 0.5;
}
section.heroSectionInnerBanner {
height: 370px;
background-size: cover !important;
position: relative;
}

.heroSectionInnerBanner .heroOverlay:before{
display:none;
}

.heroSectionInnerBanner .heroOverlay {
position: absolute;
bottom: 0;
display: flex;
align-items: flex-end;
background: #2c315470;
z-index: 1;
width: 100%;
height: 100%;
}

.InnerPagesTitle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.InnerPagesTitle h3 {
color: #fff;
font-size: 54px;
margin: 0;
text-transform: uppercase;
margin-top: 60px;
}


.tophiglightwrap2 {
width: 62%;
margin: 0 auto;
background: #00C8D0;
position: absolute;
z-index: 9;
padding: 20px 0 20px 0;
margin-top: -40px;
display: block;
left: 0;
right: 0;
border-radius: 12px;
box-shadow: 0px 6px 14px -6px #0000008c;
text-align: center;
}

.tophiglightwrap2 h4 {
color: #fff;
font-size: 30px;
position: relative;
margin: 0;
padding: 0;
}


.BottomShowLogoInnerPage .InnerShowLogoBox:before {    
height: 110px;
}

section.FourBox_Container {
background: #fff;
padding: 70px 0 70px 0px;
}

.FourBox_Container .icon-xl img {
height: 50px;
vertical-align: middle;
max-width: 100%;
width: auto;
}
.FourBox_Container .icon-count-2-outer .icon-count-2 span.icon-count-number {
position: absolute;
right: 30px;
top: 0px;
font-size: 60px;
font-weight: 600;
color: rgb(197 197 197);
line-height: 120px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
section.FourBox_Container .icon-content2 h4 {
color: #171b2e;
font-size: 25px;
min-height: 70px;
max-height: 100px;
margin-top: 26px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}


section.FourBox_Container .icon-content2 ul li,
section.FourBox_Container .icon-content2 p {
color: #171b2e !important;
line-height: 24px;
font-size: 16px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}

section.FourBox_Container .icon-count-2 {
border: 1px solid #000e;
padding: 30px 20px 10px 20px;
border-radius: 4px;
z-index: 2;
clip-path: polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px);
width: 100%;
background: #050505;
position: relative;
height: 100%;
z-index: 9;
}

.SingleBoxContainer .icon-count-2 {
padding: 40px 30px 20px 30px !important;
}

section.FourBox_Container .icon-count-2:before {
clip-path: polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px);
width: 100%;
background: #ffffff;
position: absolute;
left: 0;
top: 0;
content: '';
height: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}


section.FourBox_Container .icon-count-2:after {
clip-path: polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px);
width: 100%;
background: rgba(133, 118, 255, 1) 95% ;
position: absolute;
left: 0;
top: 0;
content: '';
height: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
opacity: 0;
z-index: -1;
}



section.FourBox_Container .icon-count-2:hover:after{
opacity: 1 !important;
}

section.FourBox_Container .icon-count-2:hover:before{
background: transparent !important;
}


section.FourBox_Container .icon-count-2:hover p,
section.FourBox_Container .icon-count-2:hover h4{
color: #fff;
}

.ForBgHeight_100 {
height: 580px;
}

section.InvestorCardsBottom {
background: #fff;
padding: 80px 0 60px 0;
}

.Investor-cards:nth-child(1) .box .icon .iconBox {
background: #DD5746;
}
.Investor-cards:nth-child(2) .box .icon .iconBox {
background: #6A0D20;
}
.Investor-cards:nth-child(3) .box .icon .iconBox {
background: #00C8D0;
}

.Investor-cards:nth-child(4) .box .icon .iconBox {
background: #1C1678;
}

.card .content p {
margin: 0.625rem 0 1.25rem;
color: #565656;
}
.card-inner {
position: relative;
width: inherit;
height: 18.75rem;
background: var(--clr);
border-radius: 1.25rem;
border-bottom-right-radius: 0;
overflow: hidden;
width: 100%;
}
.card-inner .box {
width: 100%;
height: 100%;
background: #000;
border-radius: 1.25rem;
overflow: hidden;
border: 2px solid #675cc7;
position: relative;
}

.card-inner .box .imgBox img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-inner .box .icon {
position: absolute;
bottom: -0.375rem;
right: -0.375rem;
width: 6rem;
height: 6rem;
background: #fff;
border-top-left-radius: 50%;
}
.card-inner .box .icon:hover .iconBox {
transform: scale(1.1);
}
.card-inner .box .icon::before {
position: absolute;
content: "";
bottom: 0.375rem;
left: -1.25rem;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}
.card-inner .box .icon::after {
position: absolute;
content: "";
top: -1.25rem;
right: 0.375rem;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);
}
.card-inner .box .icon .iconBox {
position: absolute;
inset: 0.625rem;
background: #282828;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.card-inner .box .icon .iconBox span {
color: #fff;
font-size: 1.5rem;
}

section.InvestorCardsBottom .content h3 {
font-size: 20px;
margin: 16px 0 0 0;
}

section.TimeLineWrapper {
position: relative;
padding: 80px 0 80px 0;
background: #00C8D0 url(../../../images/SpeakersBanner.png?v=1.2) no-repeat;
background-size: cover;
background-attachment:fixed;
}

.TimeLineBoxes {
z-index: 9;
overflow: hidden;
border-radius: 24px;
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: center;
padding: 50px 12px 50px 12px;
height: 200px;
position: relative;
border: 3px solid #7e70f1;
}

.TimeLineBoxes span {
display: block;
margin: 11px 0 0 0;
font-size: 16px;
line-height: 28px;
}

.TimeLineBoxes h3 {
color: #fff;
}

section.FlashBackContainer.InverTagBoxInner_ .InverTagBox_ {
text-align: center;
}

section.FlashBackContainer.InverTagBoxInner_ .InverTagBox_ .sectionTitle h2 {
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;
}

.ForWidth {
width: 25% !important;
flex: 0 0 auto;
}

section.MainIntroWrapper.MainIntroWrapperInnerPage {
background: #fff;
padding: 0 0 70px 0;
}

section.MainIntroWrapper.MainIntroWrapperInnerPage .StartupCounter.BoxWrapper h3 {
font-size: 48px;
}

section.MainIntroWrapper.MainIntroWrapperInnerPage .StartupCounter.BoxWrapper {
padding: 30px 14px 30px 14px;
height: 100%;
}

body .mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed !important;
outline: none !important;
-webkit-backface-visibility: hidden;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}

section.Ebentvideobox {
background: #f1f1f1;
padding: 80px 0 60px 0;
}

section.Ebentvideobox .img-holder:before {
position: absolute;
content: '';
left: 0;
top: 0;
background: #0000007a;
width: 100%;
height: 100%;
}

section.Ebentvideobox .img-holder {
position: relative;
}


section.Ebentvideobox .img-holder .youtube{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

section.Ebentvideobox .img-holder .youtube:before {
position: absolute;
content: '';
left: 69%;
top: 22%;
transform: translate(-50%, -50%) rotate(35deg);
width: 34px;
height: 34px;
border-radius: 13px;
border-top: 3px solid #fff;
}

section.Ebentvideobox .img-holder .youtube span.icon-multimedia {
color: #fff;
font-size: 50px;
position: relative;
}

.FlashBackContainerInner .FlashBackInnerBoxes{
width: 100% !important;
margin: 0 !important;

}

.FlashBackContainer.FlashBackContainerInner{
padding-top: 160px;
}

/*section.SupernovaContainer.GitexYouthX:before {
display: none;
}*/

section.SupernovaContainer.GitexYouthX {
background: #fff !important;
position: relative;
}


section.MainIntroWrapper.IncedibleImpact .StartupCounter.BoxWrapper h3 {
font-size: 48px;
}

section.MainIntroWrapper.IncedibleImpact{
padding-bottom: 70px;
}

section.MainIntroWrapper.IncedibleImpact .StartupCounter.BoxWrapper {
padding: 30px 14px 30px 14px;
height: 100%;
}

.YouthXLineBoxes .TimeLineBoxes img {
filter: unset;
-webkit-filter: unset;
width: 28%;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}

.YouthXLineBoxes .TimeLineBoxes {
padding-top: 30px;
margin-bottom: 28px;
}

section.ExhibitionBenefits {
background: url(../../../images/investors_new.jpg) !important;
background-size: contain !important;
background-position: right !important;
padding: 70px 0 70px 10px;
z-index: 999;
}

ul.listStyleNew li {
position: relative;
color: #fff;
margin: 20px 0px;
font-size: 16px;
padding-left: 28px;
}


ul.listStyleNew li:before {
position: absolute;
top: 0px;
left: -5px;
font: 22px / 1 FontAwesome;
content: "\f058";
color: #171a30;
}

section.FlashBackContainer.InverTagBoxInner_.Bg-white {
background: #fff !important;
overflow: hidden;
}

.BottomTagLineP a, .BottomTagLineP {
font-size: 18px;
color: #fff;
letter-spacing: 0.5px;
text-transform: uppercase;
}

.InverTagBox_.InverTagBox_FontSize p {
font-size: 20px;
}

section.SpeakersContainer.SpeakersContainerInnerBox .speakerITem figure {
width: 100%;
display: block;
height: auto !important;
}


section.SpeakersContainer.SpeakersContainerInnerBox .speakerITem figure img{
width: 100%;
}


p.speakDesg.speakCountry {
margin-top: -2px !important;
}

.statsBox {
margin: 30px 0 0px 0;
text-align: center;
}


.statsBox h2 {
font-size: 40px;
display: inline-block;
width: 50%;
background: url(../../../images/Vector1.png) !important;
background-position: center !important;
background-size: cover !important;
border-radius: 10px;
color: #fff;
padding: 8px 0 8px 0;
}

.statsBox p {
color: #000;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
display: block;
margin: 10px 0 0px 0;
}

section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2{
background: #fff;
padding-top: 70px;
}

section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2 .speakerSlider{
padding-bottom: 0;
}

section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2 .speakerITem figcaption h2.speakername,
section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2 .speakerITem figcaption p.speakDesg,
section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2 .speakerITem figcaption p.speakComapny,
section.SpeakersContainer.SpeakersContainerInnerBox.SpeakersContainerInnerBox_2 .speakerITem figcaption p.speakDesg.speakCountry{
color: #000;
}

.TextBlackHover:hover {
color: #000;
}


.FlashBackContainerInner.PlayYourVisit_1 .FlashBackLeft,
.FlashBackContainerInner.PlayYourVisit_2 .FlashBackLeft {
width: 94%;
}


.FlashBackContainerInner.PlayYourVisit_1 .FlashBackLeft img,
.FlashBackContainerInner.PlayYourVisit_2 .FlashBackLeft img {
width: 100%;
}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_2 {
padding: 70px 0 70px 0;
background: #fff;
}

.HotelsWrapper h4 {
font-size: 34px !important;
}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_1.HotelsWrapper h4:before {
position: absolute;
left: -13px;
width: 5px;
height: 90%;
}

.PromotionalCode {
border: 2px dotted #fff;
display: inline-block;
padding: 10px 10px 10px 10px;
color: #fff;
}


section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_1.HotelsWrapper .FlashBackLeft {
width: 98% !important;
}

.HotelsWrapper .FlashBackRight {
width: 100%;
border: 1px solid #fff;
padding: 10px 10px 10px 30px;
}

.HotelsWrapper .FlashBackRight .FlashBackInnerBoxes p a {
color: #fff;
}

.HotelsWrapper .FlashBackRight {
width: 100%;
border: 1px solid #fff;
padding: 10px 10px 10px 30px;
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
}

.FlashBackRight {
margin: 0 0 24px 0;
}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_1.HotelsWrapper {
padding-top: 90px;
}

section.SupernovaContainer.GitexYouthX p a {
color: #373768;
font-weight: 600;
}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_1 p a {
color: #fff;
}

.commonModal {
z-index: 99999;
}

.commonModal ul.listStyle li {
color: #000 !important;
text-align: left;
}

.commonModal ul.listStyle li a {
color: #000 !important;
font-weight: 700;
}

button.btn-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 999;
opacity: 1;
border: 1px solid #8979ff;
outline: 0;
}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_2 ul li{
color: #000 !important;

}

section.FlashBackContainer.FlashBackContainerInner.PlayYourVisit_2 ul li a{
color: #000;
font-weight:700 ;

}

.pt-80{
padding-top: 80px !important;
}
.pb-80{
padding-bottom: 80px !important;
}


.TextCorrection p{
line-height: inherit;
}

.HoverAndPlayBtn {
position: relative;
}

.FlashBackLeft.HoverAndPlayBtn:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #3332679e;
}

.HoverAndPlayBtn span a{
color: #fff;
}

.HoverAndPlayBtn span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 50px;
}

.HoverAndPlayBtn span:before {
position: absolute;
content: '';
left: 69%;
top: 22%;
transform: translate(-50%, -50%) rotate(35deg);
width: 34px;
height: 34px;
border-radius: 13px;
border-top: 3px solid #fff;
}


.CommonAccordion .card-body {
padding: 20px 20px 10px 20px;
}

.CommonAccordion .card-body ul li,
.CommonAccordion .card-body p{
color: #000 !important;
}

.CommonAccordion .card-body p a{
color: #000 !important;
font-weight: 600;
}

.ForThisSection span.text-black {
display: block;
font-size: 20px;
width: 80%;
margin: 0 auto;
margin-bottom: 11px;
}

.WhiteBulltes li:before {
color: #fff !important;
}


.TimeLineWrapperForBefore .TimeLineBoxes h3 {
font-size: 40px !important;
}

.TimeLineWrapperForBefore {
z-index: 1;
}

.TimeLineWrapperForBefore:before {
position: absolute;
content: '';
left: 0;
top: 0;
background: #5500fb;
width: 100%;
height: 100%;
opacity: 0.4;
z-index: -1;
}

.TimeLineWrapperForBefore .TimeLineBoxes {
border-color: #ffffff;
}

.card-inner .box


.OverlayContent {
position: absolute;
top: 0;
left: -90%;
background: #A229A6cf;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transform: scale(0.8);
flex-wrap: wrap;
}

.OverlayContent p{
margin: 0;
}

.card-inner .box:hover .OverlayContent {
left: 0;
opacity: 1;
transform: scale(1);
}

.OverlayContent ul {
column-count: 2;
}

.OverlayContent ul li {
color: #fff;
gap: 0px;
display: flex;
flex-wrap: wrap;
}

.MarketingManiaSpeakers p.speakComapny {
font-size: 18px !important;
color: #f99e2d !important;
}

.MarketingManiaSpeakers p.speakDesg,
.MarketingManiaSpeakers h2.speakername {
font-size: 20px !important;
}


.testimonailStyle .testimonial-Single {
width: 62%;
float: left;
padding-top: 30px;
padding-left: 20px;
}

.testimonailStyle .pic {
width: 38%;
padding: 0;
float: left;
position: relative;
z-index: 1;
}

section.testimonailStyle {
background: #fff;
padding: 80px 0 80px 0;
position: relative;
overflow: hidden;
}

section.testimonailStyle img.UnlockSusccess{
z-index: revert-layer;
}


.SingleTestiWrapper {
width: 100%;
display: block;
float: left;
height: 100%;
padding: 10px 10px 10px 10px;
display: flex;
align-items: self-end;
border-radius: 11px;
box-shadow: 0px 10px 30px -17px #0000009c;
position: relative;
z-index: 1;
}

section.BottomShowLogo.BottomShowLogoInnerPage.BottomShowLogoMarketing {
background: linear-gradient(00deg, rgba(23, 27, 46, 1) 29%, rgb(133 118 255 / 28%) 95%);
}

section.SupernovaContainer.SupernovaContainerInner.BgWhite_ {
background: #fff !important;
}

.OurPartnersContainer span {
    color: #1b396a;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    height: 50px;
}

.ForBorderTop {
border-top: 2px dotted #9a87ff;
padding-top: 30px;
}

.CommunityPartnersLogoSlider .InnerShowLogoBox:before {
display: none;
}
.CommunityPartnersLogoSlider .InnerShowLogoBox {
background: #fff;
box-shadow: 0px 0px 13px -6px #000;
border-radius: 4px;
}

.CommunityPartnersLogoSlider .owl-stage-outer {
padding: 14px 0 0 0;
}

.MediaParterSingleLogo {
text-align: center;
padding: 20px;
box-shadow: 0px 0px 20px -9px #0006;
border-radius: 8px;
}


.MediaParterSingleLogo {
text-align: center;
padding: 20px;
box-shadow: 0px 0px 20px -9px #0006;
border-radius: 8px;
margin-bottom: 40px;
}

.MediaPartnersLogoSlider .owl-carousel{
display: flex;
justify-content: center;
}


.tracksStyle01 .services-item {
text-align: center;
flex: 0 1 calc(13.2% - 1px);
margin: 0 5px 20px;
width: 12%;
display: flex;
align-items: center;
justify-content: center;
}


.trackItemstyle figure img {
width: 60px !important;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
object-fit: contain;
}


.trackItemstyle figure {
width: 100%;
padding-top: 10px;
}

.trackItemstyle {
height: 210px;
border: 1px solid #ffffff !important;
cursor: pointer;
box-shadow: 0 9px 31px 6px rgb(0 0 0 / 3%) !important;
width: 100%;
margin-bottom: 10px;
padding: 30px 5px 40px 5px;
border-radius: 8px;
}

.tracksStyle01 .services-item h4 {
font-size: 16px;
color: #fff;
position: relative;
z-index: 99;
}

.CommunityPartnersContainer .InnerShowLogoBox:before {
display: none;
}

.CommunityPartnersContainer .InnerShowLogoBox {
padding: 10px 10px 10px 10px !important;
box-shadow: 0px 4px 20px -8px #0000003d;
border-radius: 18px;
}


.DarkCommunityPartnersContainer .InnerShowLogoBox {
background: #fff;
height: 100%;
margin-bottom: 0;
}

.DarkCommunityPartnersContainer .InnerShowLogoBox .CommunityContentBox p {
font-weight: 500;
text-align: left;
padding: 24px 10px 10px 10px;
border-top: 1px solid #A229A6;
font-size: 13px;
}

.DarkCommunityPartnersContainer .InnerShowLogoBox {
background: #fff;
height: 90%;
margin-bottom: 10%;
}


.DarkCommunityPartnersContainer .CommunityLogoBox {
margin-bottom: 10px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}

.PhotoGalleryInner{
position: relative;
overflow: hidden;
}

.PhotoGalleryInner .UnlockSusccess{
z-index: revert-layer;
}

.PhotoGalleryInner .GalleryITem.galleryimg img {
object-fit: cover;
height: 100%;
position: relative;
z-index: 9;
}

.PhotoGalleryInner .GalleryITem.galleryimg{
position: relative;
}

.PhotoGalleryInner .GalleryITem.galleryimg a.fancybox {
position: absolute;
left: 50%;
top: 50%;
display: block;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}


.PhotoGalleryInner .GalleryITem.galleryimg:before{
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.4;
z-index: 99;
}


.FutureMediaWrapper{
overflow: hidden;
}

.FutureMediaWrapper:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
background: #3d88c77d;
height: 160px;
width: 100000px;
transform: translate(-50%, -50%) rotate(-16deg);
z-index: -1;
}

.FutureMediaWrapper .FlashBackInnerBoxes p {
line-height: inherit;
}


.PlayYourVisit_2.FutureMediaWrapper:before{
transform: translate(-50%, -50%) rotate(16deg);
}


.card2-content {
clip-path: polygon(10% -20%, 90% 10%, 100% 100%, 0% 100%);
background-color: #f5f5f5;
padding: 0 40px 40px 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px 0;
}

.card2-content h4 {
font-size: 18px;
font-weight: 700;
color: #ffffff;
text-align: center;
max-width: 315px;
margin-bottom: 20px;
position: relative;
padding: 24px 5px;
letter-spacing: 0.5;
}

.card2-content h4::before {
position: absolute;
content: "";
background-color: #00C8D0;
width: 100%;
transform: skew(38deg) translateX(0%);
z-index: -1;
right: 0;
right: 0;
top: 0px;
height: 100%;
}

.card2-content p {
font-size: 16px;
font-weight: 500;
color: #333;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}


.card3-section .card3 {
clip-path: polygon(15% -120%, 110% 30%, 100% 90%, 3% 100%);
background-color: #171b2e;
padding: 30px;
height: 500px;
border-radius: 10px;
padding: 20px 25px 20px 50px;
}

.card3-section {
padding: 0 !important;
background-image: url(../../../images/three-card-section-image.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


.card3-section .card3 ul li:before {
color: #f6b625;
}

.card3-section .card3 h4 {
font-size: 18px;
color: #080d34;
position: relative;
z-index: 0;
padding: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60px;
}

.card3-section .card3 h4::before {
position: absolute;
content: "";
clip-path: polygon(1% 2%, 92% 0, 100% 100%, 0% 100%);
width: 100%;
height: 100%;
background-color: #f6b625;
z-index: -1;
}


.participateOrange {
background: #f7582e;
clip-path: polygon(15% -120%, 110% 30%, 100% 90%, 3% 100%);
width: 100%;
height: 100%;
padding: 40px 90px;
}

.whyParticipate{
position: relative;
overflow: hidden;
}

.whyParticipate:before {
position: absolute;
top: 0;
right: 0;
background: #0000003d;
width: 100%;
height: 100%;
content: '';
}

.TechTransferBoxes .card2-content h4:before {
background: #FFC107 !important;
}

.TechTransferBoxes .card2-content h4 {
padding: 18px 20px 18px 20px;
}

.canparticipate {
position: relative;
padding: 10px 0px;
z-index: 1;
}

.canparticipateInner:before {
position: absolute;
top: 0px;
right: 0%;
width: 100%;
height: 90%;
background: #f6f6f6;
content: '';
z-index: -1;
clip-path: polygon(10% -20%, 90% 10%, 100% 100%, 0% 100%);
border-radius: 0;
}

.canparticipateInner:after {
position: absolute;
top: -10px;
left: 0%;
width: 90%;
height: 90%;
background: #00C8D0;
content: '';
z-index: -2;
clip-path: polygon(10% -20%, 90% 10%, 100% 100%, 0% 100%);
border-radius: 0;

}

.canparticipateInner {
position: relative;
padding: 50px 130px;
}

.canparticipateInner ul li {
color: #000;
}

.canparticipate2 {
position: relative;
padding: 10px 0px;
z-index: 1;
}

.canparticipateInner2:before {
position: absolute;
top: 0px;
right: 0%;
width: 100%;
height: 90%;
background: #f6f6f6;
content: '';
z-index: -1;
clip-path: polygon(10% -20%, 90% 10%, 100% 100%, 0% 100%);
border-radius: 0;
}

.canparticipateInner2:after {
position: absolute;
top: -10px;
left: 0%;
width: 90%;
height: 90%;
background: #00C8D0;
content: '';
z-index: -2;
clip-path: polygon(10% -20%, 90% 10%, 100% 100%, 0% 100%);
border-radius: 0;

}

.canparticipateInner2 {
position: relative;
padding: 50px 70px;
}

.canparticipateInner2 ul li {
color: #000;
}
.canparticipate2-heading {
font-size: 24px;
}

.cs-heading {
min-height: 50px !important;
}



section.testimonialStyle02.SingleTestimonial:before{
z-index: -1;
}

.QuotesBox {
margin: 18px 0 0 0;
display: inline-block;
border-left: 2px solid #00C8D0;
padding: 2px 0px 2px 16px;
}

.OpportunitiesBox section.FourBox_Container {
background: transparent !important;
}




.OpportunitiesBox_Botttom{
background: url(../../../images/img_1212.jpg) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
z-index: 1;
position: relative;
}

.OpportunitiesBox_Botttom:before {
background: #000 !important;
position: absolute;
content: '';
opacity: 0.6 !important;
z-index: -1 !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block !important;
}




.OpportunitiesAccordion {
background: #fff url(../../../images/NorthStarImage2.png) !important;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}

.OpportunitiesAccordion .accordion {
--bs-accordion-bg: #ffffff99 !important;
border: 1px solid #0000003b;
border-radius: 4px;
}


section.FourBox_Container.FourBox_ContainerTimeLine {
background: #00C8D0 url(../../../images/SpeakersBanner.png?v=1.5) no-repeat;
background-size: cover;
background-attachment: fixed;
}

.BottomTimeLineBox h4 {
max-height: 40px !important;
min-height: 40px !important;
}

.MoonshotChallenge{
position: relative;
overflow: hidden;
z-index: 1;
}

.MoonshotChallenge .Investor-cards {
margin-bottom: 46px;
}

.MoonshotChallenge img.UnlockSusccess_2 {
position: absolute;
left: -8%;
top: -110px;
}

section.TimeLineWrapper.TimeLineWrapperMoonshot {
background: #fff;
}

section.TimeLineWrapper.TimeLineWrapperMoonshot .TimeLineBoxes h3, section.TimeLineWrapper.TimeLineWrapperMoonshot .TimeLineBoxes span {
color: #000;
font-size: 36px;
}


.ForTimeLineBoxes .TimeLineBoxes span,
section.TimeLineWrapper.TimeLineWrapperMoonshot .TimeLineBoxes span {
font-size: 20px;
}


.ForTimeLineBoxes .TimeLineBoxes,
.TimeLineWrapperMoonshot .TimeLineBoxes {
height: 100%;
align-items: center;
}
section.InvestorCardsBottom.MoonshotChallenge .Investor-cards {
text-align: center;
}

.MoonshotLogo_ {
width: 36%;
margin: 60px 0 -40px 0;
}


section.FourBox_Container .after-img:after {
background: linear-gradient(180deg, rgb(27 57 106) 0%, rgb(37 169 224) 46%, rgb(91 202 244 / 97%) 68%, rgba(0, 65, 203, 0) 100%);
background-size: cover !important;
transform: scale(1.2) !important;
height: 100%;
}


section.FourBox_Container .after-img:hover p, section.FourBox_Container .after-img:hover h4, section.FourBox_Container .after-img:hover li {
color: #fff !important;
}


@media screen and (min-device-width: 768px) and (max-device-width: 1500px) { 
/* STYLES HERE */
.HotelsWrapper .FlashBackRight {
width: 100%;
border: 1px solid #fff;
padding: 10px 10px 10px 30px;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
}

@media screen and (min-width: 1500px) {
/* STYLES HERE */
.HotelsWrapper .FlashBackRight {
width: 100%;
border: 1px solid #fff;
padding: 10px 10px 10px 30px;
height: 86vh;
display: flex;
align-items: center;
justify-content: center;
}
}

.ButtonStyle2 {
color: #00C8D0;
border: 1px solid #00C8D0;
margin-top: 20px;
}

ul.quiklinks li {
font-family: helveticaneue condensed;
display: inline-block;
}

.quiklinks li a {
font-family: helveticaneue condensed;
color: #fff !important;
font-weight: 400;
font-size: 18px !important;
text-decoration: none;
}
.footer-bottom {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 15px 10px;
background: #e5e4e463;
border-radius: 10px;
color: #fff !important;
position: relative;
overflow: hidden;
}
.footer-bottom::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
/* background: url(../../../images/ExploreShow_1.png);
background-size: cover;
background-position: right; */
background: #1b396a;
z-index: 1;
transform: rotate(-180deg);
opacity: 1;
}
.footer-bottom .copyrightText, .footer-bottom .designedby {
position: relative;
z-index: 9;
}
.designedby p {
font-family: helveticaneue condensed;
text-align: right;
padding-right: 10px;
color:#fff;
}

.designedby p a {
font-family: helveticaneue condensed;
color: #fff;
font-weight: bold;
}
.designedby img {
width: 5%;
filter: brightness(0) invert(1);
}

section.SupernovaContainer.HeldWithBox_ {
/* padding: 70px 0 70px 0;
background: url(../../../images/Element_6.svg) no-repeat;
background-size: cover; */
padding: 0;
background: transparent;
}

section.SupernovaContainer.HeldWithBox_ .BottomText p {
width: 100%;
}
h2.DiffColor_as {
color: transparent !important;
-webkit-text-stroke: 1px white;
}

.NorthStarCenterBox {
padding: 40px;
border: 1px solid #ffffff7d;
display: flex;
align-items: baseline;
justify-content: center;
height: 100%;
border-radius: 30px;
flex-wrap: wrap;
box-shadow: 0px 16px 20px -18px #000000c7;
background: url(../../../images/Element_6.png) no-repeat;
background-size: cover;
}

.NorthStarCenterBox img {
width: 75%;
}
.BoxButton a {
font-size: 15px;
border: 1px solid #fff;
    display: table;
}

.BoxButton {
width: 100%;
}
section.ThreeBoxeWrapper_ .lower-content .BoxButton{
    position: absolute;
    bottom: 0;
        top: 219px;
       
}

.ThreeBoxeWrapper_{
margin: 50px 0 50px 0;
}

.inner-box {
position: relative;
border-radius: 20px;
padding: 0;
padding-bottom: 0;
background-color: #000000;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / .1);
box-shadow: 0 0 10px rgb(0 0 0 / .1);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
overflow: hidden;
}
.lower-content {
position: relative;
z-index: 1;
padding: 40px 20px 0px 20px;
/* height: 160px; */
height: 260px;
}
.lower-content:before {
position: absolute;
content: '';
background: #353535;
z-index: -1;
left: 0;
top: 0;
width: 100%;
/* height: 320px; */
height: 400px;
background: linear-gradient(180deg, rgb(27 57 106) 0%, rgb(37 169 224) 46%, rgb(91 202 244 / 97%) 68%, rgba(0, 65, 203, 0) 100%);
}
.lower-content h4 {
color: #fff;
font-size: 27px;
margin-bottom: 14px;
}
.lower-content p {
color: #fff;
font-size: 15.8px;
margin: 0px 0 9px 0 !important;
line-height: inherit;
}
h6.ByInvitation_ {
position: absolute;
top: 18px;
right: -41px;
z-index: 999;
color: #fff;
font-family: poppins, sans-serif;
font-weight: 500;
background: #b3282e;
padding: 5px 0 5px 0;
transform: rotate(27deg);
width: 180px;
text-align: center;
font-size: 12px;
margin:0;
}
.LogooAdjust_as img {
width: 110px !important;
display: inline-block !important;
margin-right: 10px;
}
p.locationtxt5 {
font-weight: 600;
}
.FooterLogo.FooterLogoRight {
width: 100%;
text-align: center;
position: relative;
}
.FooterLogo.FooterLogoRight img {
width: 38%;
border-right: 1px solid #000;
padding: 0px 17px 0px 9px;
}
.FooterLogo.FooterLogoRight img.SecondLogo {
padding-right: 0;
border: 0;
}
.FooterLogo.FooterLogoRight h4 {
font-size: 20px;
margin-bottom: 10px;
color: #000 !important;
}
.justify-content-space-between {
justify-content: space-between;
}


.logoBoxSponsors figure {
text-align: center;
margin: 0 auto;
width: 100%;
padding: 0;
overflow: hidden;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.logoBoxSponsors figure img {
max-width: 100%;
max-height: 100%;
}

.logoBoxSponsors {
border: 2px solid #fff;
padding: 10px;
display: flex
;
align-items: center;
justify-content: center;
margin: 10px 0;
height: 100%;
height: 160px;
background: #fff;
box-shadow: 0 4px 8px 2px rgb(12 12 12 / 18%);
cursor: pointer;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}


.video-box {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 10px;
}

.video-box iframe {
border: none;
border-radius: 8px;
}

.video-box:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}


.broadcast-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

    .broadcast-gallery-item:hover {
        transform: scale(1.02);
    }

.image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

    .image-wrapper img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.4s ease;
    }

    .image-wrapper:hover img {
        transform: scale(1.05);
    }

.image-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.image-wrapper:hover .overlay {
    opacity: 1;
}

.view-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 16px;
    border-radius: 20px;
}

.gallery-section {
    padding: 20px 0;
}


.press-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 1rem;
}

.press-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.press-image img {
transition: transform 0.4s ease;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
height: 230px;
object-fit: cover;
}

.press-card:hover .press-image img {
transform: scale(1.05);
}

.press-title {
font-size: 1.05rem;
line-height: 1.4;
color: #333;
}

.read-more {
transition: all 0.3s ease;
}

.read-more:hover {
text-decoration: underline;
color: #0d6efd;
}


.news-section-two {
position: relative;
padding: 30px 140px;
background: #FFFFFF
}

.news-section-two .title-row .link-box {
position: relative;
float: right;
padding-top: 50px;
margin-bottom: 30px
}

.news-block-three {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.news-block-three .inner-box {
position: relative;
display: block;
margin-bottom: 30px
}

.news-block-three .image-box {
position: relative;
display: block;
overflow: hidden
}

.news-block-three .inner-box:hover .link-box a span {
color: #25a9e0 !important
}

.news-block-three .image-box img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.news-block-three .image-box .link-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(66 182 227 / 58%);
color: #FFFFFF;
-webkit-transform: scaleY(0) translateY(-100px);
-ms-transform: scaleY(0) translateY(-100px);
transform: scaleY(0) translateY(-100px);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
opacity: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}

.news-block-three .inner-box:hover .image-box .link-layer {
opacity: 1;
-webkit-transform: scaleY(1) translateY(0);
-ms-transform: scaleY(1) translateY(0);
transform: scaleY(1) translateY(0)
}

.news-block-three .image-box .link-layer .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #FFFFFF;
color: #c54d53;
font-size: 24px;
border-radius: 50%
}

.news-block-three .image-box .post-date {
right: 20px;
top: 20px;
width: 100%;
padding: 6px 5px;
text-align: center;
line-height: 24px;
background: #f2f2f2;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
z-index: 1
}

.news-block-three .image-box .post-date .day {
color: #52385b;
font-size: 24px
}

.news-block-three .image-box .post-date .month {
color: #52385b;
font-size: 13px;
margin-top: 5px
}

.news-block-three .image-box .info {
position: absolute;
bottom: 15px;
right: 20px;
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three .inner-box:hover .image-box .info {
opacity: 1;
-webkit-transition: all .3s ease .3s;
-o-transition: all .3s ease .3s;
transition: all .3s ease .3s
}

.news-block-three .image-box .info li {
position: relative;
float: left;
font-size: 15px;
line-height: 24px;
margin-right: 31px
}

.news-block-three .image-box .info li:after {
content: '';
position: absolute;
right: -16px;
top: 5px;
height: 14px;
border-right: 1px solid rgba(255, 255, 255, .4)
}

.news-block-three .image-box .info li:last-child {
margin-right: 0
}

.news-block-three .image-box .info li:last-child:after {
display: none
}

.news-block-three .image-box .info li a {
color: #FFFFFF;
font-weight: 500
}

.news-block-three .image-box .info li .icon {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 5px;
font-weight: 400
}

.news-block-three .image-box .info li a:hover {
color: #c54d53
}

.news-block-three .lower-content {
position: relative;
padding-top: 30px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%
}

.news-block-three .lower-content .cat-info {
position: relative;
color: #7f8a99;
text-transform: uppercase;
font-size: 13px;
line-height: 24px;
margin-bottom: 5px
}

.news-block-three .lower-content .cat-info a {
color: #7f8a99
}

.news-block-three .content {
position: relative;
display: block;
padding: 0 20px;
margin-top: 10px
}

.news-block-three h4 {
font-size: 16px;
line-height: 1.4em;
color: #52385b;
text-transform: capitalize;
margin-bottom: 20px
}

.news-block-three h4 a {
color: #000;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three h4 a:hover {
color: #25a9e0;
text-decoration: none
}

.news-block-three .link-box a span {
position: relative;
display: inline-block;
vertical-align: middle;
font-weight: 500;
text-transform: uppercase;
color: #171b2e;
font-size: 12px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three .link-box {
position: relative;
display: block;
overflow: hidden
}

.news-block-three .link-box a {
position: relative;
display: inline-block;
vertical-align: middle;
font-weight: 600;
text-transform: uppercase;
color: #7e568d;
font-size: 13px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three .link-box:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -.5px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three .inner-box:hover .link-box:before {
border-bottom-color: #25a9e0
}

.news-block-three .link-box a .icon {
position: absolute;
left: 15px;
top: 0;
font-size: 18px;
font-weight: 400;
vertical-align: middle;
padding-right: 5px;
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.news-block-three .inner-box:hover .link-box a .icon {
opacity: 1;
-webkit-transition: opacity .3s ease .3s;
-o-transition: opacity .3s ease .3s;
transition: opacity .3s ease .3s
}

.link-text {
text-decoration: none;
color: #171b2e !important
}

.news-block-three .lower-content {
padding: 12px 14px 20px 13px;
}
.news-block-three .lower-content:before{
display: none;
}

.news-block-three .inner-box{
background: transparent;
}

.news-block-three .image-box figure.image {
height: 210px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}


section.FlashBackContainer.WhyExhi_ {
padding: 80px 0px 80px 0px;
position: relative;
z-index: 1;
background: linear-gradient(268deg, rgb(27 57 106) 0%, rgb(37 169 224) 46%, rgb(91 202 244 / 97%) 68%, rgb(0 65 203 / 35%) 100%);
}

.news-block-three.Partnership_as figure.image {
width: 100%;
padding: 0;
height: 260px;
overflow: hidden;
}

.news-block-three.Partnership_as p.text-black {
font-size: 16px;
margin: 0 !important;
}

.news-block-three.Partnership_as {
height: 100%;
}

.news-block-three.Partnership_as h6 {
margin: 0;
}

.VenueBox{
background: url(../../../images/ExploreShow_1.png);
background-size: cover;
}

.Location_ {
font-size: 60px;
margin-bottom: 20px;
}

/* .fixedlines {
    position: relative;
}

.statsOuter {
    position: relative;
    border: #25a9e0 solid 1px;
    border-radius: 100px;
    padding: 20px 20px;
    margin: 0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.fixedlines:before,
.fixedlines:after {
    content: '';
    position: absolute;
    transition: 0s;
}

.fixedlines:before {
    top: -5px;
    left: 6%;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
    -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fixedlines:after {
    bottom: -8px;
    right: 10%;
    width: 250px;
    height: 13px;
    background-color: #25a9e0;
    transform: skewX(321deg);
    transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.fixedlines:hover:before,
.fixedlines:hover:after {
    display: none;
}

.statsItem:before,
.statsItem:after {
    content: '';
    position: absolute;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.statsItem-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.statsItem-inner h3, .statsItem-inner h3 span {
    color: #000;
    font-size: 55px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 63px;
    font-family: 'AmplitudeWide';
}

.statsItem-inner p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.statsItem {
    flex-direction: column;
    border-right: #01a5ba solid 1px;
    transition: all .3scubic-bezier(.25, .8, .25, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3scubic-bezier(.25, .8, .25, 1);
    flex: 0 1 calc(25% - 0px);
    padding: 15px 10px;
    -webkit-transition: all .3scubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.count-text {
    display: flex;
    gap: 5px;
}

.statsItem .count-text .from-text {
    transform: rotate(-0.25turn) translateY(48%);
    -moz-transform: rotate(-0.25turn) translateY(48%);
    -webkit-transform: rotate(-0.25turn) translateY(48%);
    -ms-transform: rotate(-0.25turn) translateY(48%);
    -o-transform: rotate(-0.25turn) translateY(48%);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
}

.statsItem:last-child {
    border-right: 0
}

.statsItem:hover.stats01:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
    -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.statsItem:hover.stats01:after {
    bottom: -8px;
    right: 10%;
    width: 250px;
    height: 13px;
    background-color: #25A9E0;
    transform: skewX(321deg);
    transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
    -webkit-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.statsItem:hover.stats02:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
    -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.statsItem:hover.stats02:after {
    bottom: -5px;
    right: 20%;
    width: 250px;
    height: 13px;
    background-color: #25a9e0;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats03:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
    -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.statsItem:hover.stats03:after {
    bottom: -5px;
    right: 30%;
    width: 250px;
    height: 13px;
    background-color: #25A9E0;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats04:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats04:after {
    bottom: -5px;
    right: 40%;
    width: 250px;
    height: 13px;
    background-color: #25a9e0;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats05:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats05:after {
    bottom: -5px;
    right: 50%;
    width: 250px;
    height: 13px;
    background-color: #25a9e0;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats06:before {
    top: -5px;
    width: 90px;
    height: 12px;
    background-color: #1b396a;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.statsItem:hover.stats06:after {
    bottom: -5px;
    right: 70%;
    width: 250px;
    height: 13px;
    background-color: #25a9e0;
    transform: skewX(321deg);
    -webkit-transform: skewX(321deg);
    -moz-transform: skewX(321deg);
    -ms-transform: skewX(321deg);
    -o-transform: skewX(321deg);
}

.showmobile {
    display: none;
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .statsItem {
        padding: 10px;
        margin: 16px;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(1, 165, 186);
        border-image: initial;
        flex: 0 1 calc(100% - 10px) !important;
    }

    .showmobile {
        display: inline-block;
    }
} */

.testimonialstyle04 {
    position: relative;
    width: 100%;
    padding: 5vw 0;
    /* background: #000; */
    z-index: 99;
    overflow: hidden;
    padding-bottom: 1vw;
}

.testimonialstyle04:before {
    position: absolute;
    bottom: 0px;
    content: "";
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* background: linear-gradient(#00004700, #25a9e0) !important; */
    /* background: linear-gradient(180deg, rgba(37, 169, 224, 1) 0%, rgba(158, 217, 241, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(146, 212, 240, 0) 75%, rgba(37, 169, 224, 1) 100%) !important; */
    /* background: linear-gradient(180deg, rgba(37, 169, 224, 1) 0%, rgba(37, 169, 224, 0.25) 25%, rgba(255, 255, 255, 0) 50%, rgba(37, 169, 224, 0.25) 75%, rgba(37, 169, 224, 1) 100%); */
    background-position: center center;
}

.auto-container {
    width: 90%;
    margin: 0 auto;
}

.testimonialstyle04 .testimonialcard {
    position: relative;
    display: block;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    padding: 15px 15px 15px;
    width: 100%;
    height: 100% !important;
    border: 1px solid #01a5ba;
    transition: 0.3s;
    z-index: 1;
    border-radius: 15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.testimonialstyle04 .testimonialcard::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/epic-gaming-setup2.jpg); */
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/images/mega-menu-bg3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    z-index: -1;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.testimonialcard .quoteicon, .testimonialcard .testimonialtext {
    position: relative;
    z-index: 99;
}

.testimonialstyle04 .testimonialcard::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: 0 0;
    border-radius: 15px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.testimonialstyle04 .testimonialcard .quoteicon {
    position: relative;
    padding: 20px 0 5px;
    margin-bottom: 20px;
}

.testimonialstyle04 .testimonialcard .quoteicon img {
    width: 40px;
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.testimonialstyle04 .testimonialcard .testimonialtext {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    width: 100%;
    min-height:190px;
    z-index: 1;
    flex-direction: column;
    /* padding-bottom: 2vw; */
}

.testimonialstyle04 .testimonialcard .testimonialtext figure {
    width: 130px !important;
    height: 70px !important;
    position: relative;
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
    /* border: #000 solid 1px; */
    margin-bottom: 0px;
    margin-left: auto;
    background: #fff;
    padding: 0 8px;
    border-radius: 10px;
}

.testimonialstyle04 .testimonialcard .testimonialtext figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

    .testimonialstyle04 .testimonialcard .testimonialtext p {
        color: #fff;
        font-size: 18px;
        margin: 0 0 20px;
        font-family: poppins, sans-serif;
        font-weight: 400 !important;
    }

.testimonialstyle04 .testimonialcard .testimonialtext h4 {
    font-size: 18px;
    text-align: left;
    line-height: 20px;
    padding: 0;
    color: #fff;
}

.testimonialstyle04 .testimonialcard .testimonialtext h3 {
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 18px;
    font-weight: 400;
    font-family: Poppins, serif;
    padding: 0;
}

/* .testimonialstyle04 .testimonialcard:hover::before {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/images/mega-menu-bg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
} */

.testimonialstyle04 .testimonialcard:hover::after {
    background: #000;
}

.testimonialstyle04 .owl-nav {
    position: absolute;
    top: 50% !important;
    left: 0;
    right: 0;
    width: 100%;
    color: #fff;
    z-index: 99;
    display: flex;
    align-items: center;
}

.testimonialstyle04 .owl-nav .owl-prev,
.testimonialstyle04 .owl-nav .owl-next {
    position: absolute;
}

.testimonialstyle04 .owl-nav .owl-prev, .testimonialstyle04 .owl-nav .owl-prev span {
    font-size: 40px !important;
    left: -50px;
    color: #1b396a;
}

.testimonialstyle04 .owl-nav .owl-next, .testimonialstyle04 .owl-nav .owl-next span {
    right: -40px;
    font-size: 40px !important;
    color: #1b396a;
}

.testimonialstyle04 .owl-dots {
    display: block !important;
    text-align: center;
    margin: 50px 0 15px;
}

.testimonialstyle04 .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 1px solid #ffffff;
    margin: 5px 10px;
    border-radius: 50%;
    -webkit-backface-visibility: visible;
    -webkit-transition: 0.5s linear;
    backface-visibility: visible;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonialstyle04 .owl-dots .owl-dot.active {
    border: 2px solid #ffffff;
}

.testimonialstyle04 .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sjbanjqo {
    padding: 60px 0 20px;
}

.whiteintrocontainer {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    padding: 40px 40px;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / .16);
    box-shadow: 0 0 15px rgb(0 0 0 / .16);
    border-radius: .125rem;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
    box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    -ms-border-radius: .125rem;
    -o-border-radius: .125rem;
}

.uassiihb {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    overflow: hidden;
}

.uassiihb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    filter: grayscale(1);
    transition: 0.5s all ease-out;
}
.uassiihb:hover img {
    filter: grayscale(0);
    transition: 0.5s all ease-in;
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    transition: transform 1.2s ease-in;
    transition: transform 1.2s ease-out;
}

.socialSticky {
    position: fixed;
    right: 0;
    top: 50%;
    width: 42px;
    z-index: 999;
    display: block;
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%)
}

.socialSticky ul {
    position: relative;
    z-index: 99;
    margin: 0;
    padding: 0;
    list-style: none;
    background: -o-linear-gradient(180deg, rgba(27, 57, 106, 1) 0%, rgba(35, 143, 196, 1) 50%, rgba(27, 57, 106, 1) 100%);
    background: -webkit-gradient(180deg, rgba(27, 57, 106, 1) 0%, rgba(35, 143, 196, 1) 50%, rgba(27, 57, 106, 1) 100%);
    background: linear-gradient(180deg, rgba(27, 57, 106, 1) 0%, rgba(35, 143, 196, 1) 50%, rgba(27, 57, 106, 1) 100%);
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px
}

.socialSticky ul li {
    padding: 6px 6px;
    border-bottom: #fff solid 1px
}

.socialSticky ul li a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.socialSticky ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.socialSticky ul li a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

figure {
    margin: 0;
}

.auto-container {
    width: 90%;
    margin: 0 auto;
}

.sectorsWraper .nav-tabs {
    border-bottom: none;
}

.sectorsWraper button.owl-prev {
    position: absolute;
    left: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 20px;
    height: 20px;
    border-radius: 100% !important;
    color: #000 !important;
}

.sectorsWraper button.owl-next {
    position: absolute;
    right: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 20px;
    height: 20px;
    border-radius: 100% !important;
    color: #000 !important;
}

.sectorsWraper .owl-dots {
    display: none;
}

.sectorsWraper .item {
    display: flex;
    justify-content: center;
}

.sectorsWraper .item li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    text-transform: uppercase;
    flex-wrap: wrap;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
}

.sectorsWraper .item li.active a {
    background-color: #009688;
    color: #fff;
}

.sectorsWraper .tab-content {
    padding: 0px;
    background-color: transparent;
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    margin-top: 0px;
    border-radius: 20px;
}

.equalHeight .owl-stage .item {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.equalHeight .owl-stage {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-tabs .customtab {
    height: 100%;
    width: 96%;
    background: transparent;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

.nav-tabs .customtab .nav-link {
padding: 42px 10px 47px 10px;
margin: 0;
width: 100%;
height: 100%;
border-radius: 20px;
border-bottom-left-radius: 0 !important;
}

li.nav-item.customtab button p {
    color: #000000 !important;
}

li.nav-item.customtab:before, li.nav-item.customtab {
    background: #fff !important;
    border: 0.2px solid #d9d9d9ee;
}
li.nav-item.customtab.aigovtcolor button.nav-link.active {
    background: #c9c6f3;
}

li.nav-item.customtab.aigovtcolor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt:before,
div#aigovt:after {
    background: #C9C6F3 !important;
}

div#aigovt6 h2, div#aigovt6 p,
div#aigovt5 h2, div#aigovt5 p,
div#aigovt4 h2, div#aigovt4 p,
div#aigovt3 h2, div#aigovt3 p,
div#aigovt2 h2, div#aigovt2 p,
div#aigovt h2, div#aigovt p {
    color: #000;
}



li.nav-item.customtab.datacentercolor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt2:after,
div#aigovt2:before {
    background: #A9D8F7 !important;
}

li.nav-item.customtab.datacentercolor button.nav-link.active {
    background: #A9D8F7 !important;
}

li.nav-item.customtab.digicolor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt3:after,
div#aigovt3:before {
    background: #F9D4C7 !important;
}

li.nav-item.customtab.digicolor button.nav-link.active {
    background: #F9D4C7 !important;
}

li.nav-item.customtab.cybercolor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt4:after,
div#aigovt4:before {
    background: #BFF0DA !important;
}

li.nav-item.customtab.cybercolor button.nav-link.active {
    background: #BFF0DA !important;
}

li.nav-item.customtab.enscolor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt5:after,
div#aigovt5:before {
    background: #A7E3E3 !important;
}

li.nav-item.customtab.enscolor button.nav-link.active {
    background: #A7E3E3 !important;
}

li.nav-item.customtab.enscolor.LastColor .nav-link.active em.expandicon.fa-solid.fa-caret-down,
div#aigovt6:after,
div#aigovt6:before {
    background: #F7E3B4 !important;
}

li.nav-item.customtab.enscolor.LastColor button.nav-link.active {
    background: #F7E3B4 !important;
}

.nav-tabs .customtab .nav-link figure {
    width: 70px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding-bottom: 50px; */
    padding: 0px 10px;
    padding-bottom: 10px;
    display:none;
}

.nav-tabs .customtab .nav-link img {
    display: block;
    margin: 0 auto;
    filter: invert(1);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav-tabs .customtab .nav-link p {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.nav-tabs .customtab .nav-item.show .nav-link,
.nav-tabs .customtab .nav-link.active {
    color: unset;
    background-color: unset;
    border-color: #dee2e6 #dee2e6 #fff;
}

.aigovtcolor,
.datacentercolor,
.digicolor,
.cybercolor,
.enscolor {
    position: relative;
    z-index: 99;
}

.aigovtcolor:before,
.datacentercolor:before,
.digicolor:before,
.cybercolor:before,
.enscolor:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000094;
    content: "";
    border-radius: 20px;
    z-index: -1;
    background: linear-gradient(#1b396aa2, #000);
}

.borderbox {
    border-radius: 20px;
    position: relative;
    z-index: 99;
    padding: 30px;
    text-align: left;
    color: #fff;
}

.borderbox:before {
    border-radius: 20px;
    position: absolute;
    z-index: -1;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: "";
    animation: rotation2 3s linear infinite;
    border-radius: inherit;
    background: conic-gradient(from var(--gradient-angle),
            transparent,
            #25a9e0,
            #000000,
            #ffffff,
            #1b396a,
            transparent);
}

.borderbox:after {
    border-radius: 20px;
    background: #000;
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/mega-menu-bg3.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

@keyframes rotation2 {
    0% {
        --gradient-angle: 0deg;
    }

    100% {
        --gradient-angle: 360deg;
    }
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.borderbox h2 {
    color: #fff;
    font-size: 2vw;
    text-align: left;
    font-weight: 700;
    line-height: 2.4vw;
    padding-bottom: 20px;
    padding-top: 30px;
    text-transform: uppercase;
    /* color: transparent;
        background: linear-gradient(
          to right,
          #25a9e0 0,
          #1b396a 25%,
          #25a9e0 50%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; */
}

.borderbox p {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

.rightimgsect {
    height: 350px;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 40px;
}

.newLabel {
    position: absolute;
    top: 4px;
    right: -36px;
    z-index: 999;
    color: #fff;
    font-family: poppins, sans-serif;
    font-weight: 500;
    background: #d00000;
    padding: 5px 0 5px 0;
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg);
    width: 150px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    font-weight: 600;
}

.expandicon {
    background: #ffffff;
    padding: 2px;
    position: absolute;
    width: 30%;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    color: #000000;
    font-size: 16px;
}

.nav-link.active .expandicon {
    border-top: #fff solid 1px;
    transform: rotate(180deg);
    border-radius: 0 0 10px 10px;
    background: #fff !important;
    color: #000;
    font-size: 16px;
}

.overlay-img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    filter: invert(0);
    top: 15%;
    left: 28%;
    opacity: 0.07;
    animation: myAnim 0.7s ease 0s 1 normal forwards;
}

.overlay-img1 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/artificial-intellegence.png);
}

.overlay-img2 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/network-infrastructure.png);
}

.overlay-img3 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/virtual-reality.png);
}

.overlay-img4 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/video-streaming.png);
}

.overlay-img5 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/cdn.png);
}

.overlay-img6 {
    background-image: url(https://design.myworldofexpo.com/themes/bis-2025/Images/blockchain.png);
}

@keyframes myAnim {
    0% {
        transform: scale(0);
        transform-origin: 100% 50%;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .nav-tabs .customtab {
        height: 180px;
    }

    .nav-tabs .customtab .nav-link {
        padding-bottom: 70px;
    }

    .nav-tabs .customtab .nav-link figure {
        width: 70px;
        height: 100px;
    }

    .nav-tabs .customtab .nav-link p {
        font-size: 24px;
        line-height: 1.5;
    }

    .nav-tabs .customtab.datacentercolor .nav-link figure {
        width: 80%;
    }

    .newLabel {
        font-size: 10px;
        width: 116px;
        padding: 10px 0 5px 0;
        top: -3px;
        right: -39px;
    }

    .nav-tabs .customtab.enscolor .nav-link figure {
        width: 60%;
    }

    .borderbox h2 {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .sectlogo .col-sm-2 {
        width: 30%;
        margin: 0;
        padding: 10px 5px;
    }

    .sectlogo figure {
        height: 50px;
        padding: 10px 5px;
    }

    .sectlogo {
        padding-bottom: 10px;
    }

    .borderbox p {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
    }

    .statswraptab .statsItemSET p {
        font-size: 12px !important;
        margin: 0;
        line-height: 14px !important;
    }

    .statswraptab .statsItemSET p span {
        font-size: 19px !important;
        line-height: 23px !important;
    }

    .statswraptab .statsItemSET {
        border: #000 solid 2px;
        padding: 10px 10px;
    }

    .rightimgsect {
        height: 250px;
    }

    .ensContent .statswraptab .statsItemSET p strong {
        font-size: 18px;
        line-height: 25px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .sectlogo .col-sm-2 {
        width: 33%;
    }

    .sectlogo figure {
        height: 100px;
    }
}

.statsWrapV3BG02 {
    background: #ffff;
    z-index: 99;
    position: relative;
}
.statsInnerv3 {
    position: relative;
    border-radius: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.statsInnerv3:before {
    background: #fff;
    position: absolute;
    top: 10%;
    left: 0;
    border-radius: 20px;
    bottom: 0;
    width: 100%;
    height: 80%;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
    box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
}

.statscol {
    width: 20vw;
    padding: 0;
}

.statsItemv3 {
    padding: 4.5vw 0.9vw 4.5vw;
    vertical-align: top;
    margin: auto 0;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
    height: 100%;
    width: 100%;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
}

.statscol .statsItemv3:before {
    background-image: url("https://design.myworldofexpo.com/themes/bis-2025/images/mega-menu-bg3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    border-radius: 20px;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-moz-transition: all 0.2s ease-in-out 0s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-transition: all 0.2s ease-in-out 0s;
}

.statsItemv3:after {
    content: "";
    height: 50%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 27%;
    background: #a0a0a0b3;
    margin: auto;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.statscol:last-child .statsItemv3:after {
    display: none;
}

.statscol:hover .statsItemv3:before {
    bottom: 0;
    height: 100%;
}

.statsItemv3:hover {
    color: #fff;
    position: relative;
}

.statsItemv3:hover h4, .statsItemv3:hover h4 span,
.statsItemv3:hover p {
    color: #fff;
}

.statsItemv3 h4, .statsItemv3 span {
    font-weight: 400 !important;
    font-size: 3vw;
    color: #000;
    line-height: 2.25vw;
    text-align: center;
    font-family: 'AmplitudeWide';
    letter-spacing: 1.4px;
}

.statsItemv3 p {
    color: #000;
    font-size: 22px;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.848vw;
    text-align: center;
    margin: 0;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .statscol {
        width: 42.16vw;
        padding: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
        box-shadow: 0 0 15px rgb(0 0 0 / 0.16);
        margin: 10px;
        border-radius: 20px;
    }

    .statsInnerv3:before {
        display: none;
    }

    .statsItemv3:after {
        display: none;
    }

    .statsItemv3 h4, .statsItemv3 span {
        font-size: 7.119vw;
        line-height: 9.25vw;
    }

    .statsItemv3 p {
        font-size: 3.635vw;
        line-height: 3.848vw;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .heroSection .videobg {
        height: auto;
    }

    .heroSection .youtube-container {
        height: 95vh !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .heroSection .youtube-container {
        height: 94vh !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .youtube-container, .heroSection {
        height: 50vh !important;
    }

    .videobg {
        position: relative;
        height: 100%;
    }

    section.NothStarGallery .PhotoGallery .owl-nav {
        display: none;
    }

    .NorthStarFooter .quiklinks {
        display: flex;
        justify-content: center;
    }

    .lower-content p {
        font-size: 20.8px;
    }

    .mob-sec {
        width:48%;
    }
    .uassiihb {
        height: 300px;
    }
    section.NothStarGallery {
        padding: 0px 20px 60px;
    }
    .testimonialstyle04 .testimonialcard .testimonialtext {
        min-height: 170px;
    }
    .pt-80 {
        padding-top: 40px !important;
    }
}