@charset "UTF-8";


html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

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

body {
overflow-x: hidden;
font-weight: 400;
font-style: normal;
font-family: 'Montserrat', sans-serif
}

a {
text-decoration: none
}

a:hover {
text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.5px;
letter-spacing: .03em
}

p {
color: #000000;
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: Poppins,sans-serif;
margin-bottom: 15px;
letter-spacing: .03em
}

.black-bg {
background-color: #000000 !important
}

.black-bg p {
color: #333
}

/*.auto-container {
width: 85%;
margin: 0 auto
}*/

a {
color: #6f6f6f;
outline: 0;
text-decoration: none
}

a:focus, a:hover {
text-decoration: none;
outline: 0
}

a:active, a:hover {
color: #000000
}

p a {
color: #000000
}

img {
border-style: none;
height: auto;
max-width: 100%;
vertical-align: middle
}

figure {
margin: 0
}

.ml-3 {
margin-left: 30px
}

.ml-4 {
margin-left: 40px
}

.ml-5 {
margin-left: 50px
}

.mr-3 {
margin-right: 30px
}

.mr-4 {
margin-right: 40px
}

.mr-5 {
margin-right: 50px
}

.slideContent {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
width: 100%;
margin: 0 auto;
background-size: cover;
background-position: center
}

.footerBG {
background: #011546;
background-image: linear-gradient(to left,#012472 10%,#011546 100%);
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0;
padding-bottom: 0;
overflow: hidden
}

.footerBG:before {
position: absolute;
left: -24%;
bottom: -15%;
content: '';
background-image: url(../images/Artwork06.png);
background-repeat: no-repeat;
width: 418px;
height: 530px
}

.footerLogoOuter {
padding: 0;
padding-right: 20px
}

.footerLogoOuter .footerLogo {
margin: 0
}

.ftr-signup {
margin-top: 15%
}

.footerLogoOuter .green-btn {
margin: 10px 0
}

.footer-social {
margin-top: 20px
}

.footer-social ul {
margin: 0;
padding: 0
}

.footer-social li {
display: inline-block;
margin: 0 10px
}

.footer-social li:hover {
color: #dd1414
}

.footer-social li a span {
position: relative;
color: #FFFFFF;
font-size: 20px
}

.footer-Links .accordion-item:first-of-type .accordion-button {
border-top-left-radius: unset;
border-top-right-radius: unset;
padding: 0;
color: #FFFFFF;
background: 0 0;
border: none;
border-radius: 0;
border-bottom: #fff solid .1px
}

.footer-Links .accordion-button {
border-top-left-radius: unset;
border-top-right-radius: unset;
padding: 0;
color: #FFFFFF;
background: 0 0;
border: none;
border-radius: 0;
border-bottom: #fff solid 1px;
line-height: 31px;
font-weight: 500;
font-size: 18px;
font-family: poppins,sans-serif;
font-weight: 600;
font-style: normal
}

.footer-Links .accordion-button::after {
filter: invert(1);
-webkit-filter: invert(1)
}

.footer-Links .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1)
}

.footer-Links .accordion-button::after {
width: 15px;
height: 15px;
background-size: unset
}

.footer-Links .accordion-button:focus {
box-shadow: none
}

.footer-Links .accordion-collapse {
border: unset
}

.footer-Links, .footer-info {
padding-top: 0;
padding-right: 10px
}

.footer-info {
padding-top: 10px
}

.footer-Links .accordion-body {
padding: 10px 0;
padding-bottom: 0
}

.footer-Links .accordion-body ul {
margin: 0
}

.footer-Links .accordion-body ul li a {
color: #FFFFFF;
font-size: 13px
}

.footer-Links .accordion-body ul li a:hover {
color: #bcbcbd
}

.footerBG a.green-btn.m-0.mb-3.text-center, .footerBG a.red-btn.m-0.mb-3.text-center, .footerBG a.whiteOutline-btn.m-0.mb-3.text-center {
width: 280px !important
}

.footer-Links .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.footer-Links .accordion-item {
padding: 10px 0;
background: 0 0;
border: transparent
}

.footer-info h2 {
font-weight: 600;
font-style: normal;
color: #FFFFFF;
border-bottom: #fff solid .1px;
line-height: 31px;
padding: 0;
margin: 0;
line-height: 31px;
font-family: poppins,sans-serif;
font-weight: 500;
font-size: 18px
}

.footer-info p {
padding-bottom: 20px;
color: #FFFFFF;
font-weight: 300;
font-size: 13px;
line-height: 17px;
padding-top: 10px;
padding-bottom: 5px;
margin: 0
}

.footer-info p strong {
font-weight: 600
}

.footer-info p a {
color: #FFFFFF
}

.footer-info p a:hover {
color: #dbd6d6
}

.footer-info h4 {
padding-top: 10px;
color: #FFFFFF
}

.footer-info h4 a {
font-family: poppins,sans-serif;
font-size: 13px;
font-weight: 600;
color: #FFFFFF
}

.footer-info h4:hover a {
color: #bcbcbd
}

.fotter-bottom {
border-top: #ffff solid 1px;
padding: 10px 0;
margin-top: 40px;
padding-bottom: 20px
}

.fotter-bottom .quiklinks {
margin: 0;
padding: 0;
list-style: none;
text-align: right
}

.fotter-bottom .quiklinks li {
list-style: none;
margin: 0 10px;
display: inline-block;
color: #FFFFFF;
font-weight: 400;
font-size: 12px;
opacity: .7
}

.fotter-bottom .quiklinks li:last-child {
margin-right: 0
}

.fotter-bottom .quiklinks li a {
color: #FFFFFF;
font-weight: 400;
font-size: 12px
}

.fotter-bottom .quiklinks li:hover a {
opacity: .8
}

.Registernew {
text-align: left !important;
position: relative
}

.Registernew .form-inline {
margin: 30px 0
}

.Registernew .form-inline .form-group {
border-radius: 10px;
padding: 5px;
display: flex;
justify-content: space-between;
border: .1px solid #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}

.Registernew .form-inline .form-group .form-control {
color: #FFFFFF;
padding: 0 5px;
font-weight: 400;
font-size: 14px;
box-shadow: none;
border: 0;
background: 0 0;
background-color: transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
width: 200px
}

.Registernew .form-inline .form-group .green-btn {
margin: 0;
height: 40px !important;
padding: 0 6px;
min-width: 140px;
font-size: 12px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}

.Registernew .form-inline .form-group .form-control::placeholder {
color: #FFFFFF;
opacity: 1
}

.footerTimeText {
margin-top: 30px
}

.footerTimeText h2 {
font-size: 20px;
margin: 0;
font-family: poppins,sans-serif;
font-weight: 600;
padding: 0;
margin: 0;
color: #FFFFFF;
margin-bottom: 10px
}

.footerTimeText p {
font-size: 12px;
line-height: 20px;
font-family: poppins,sans-serif;
margin: 0;
color: #FFFFFF
}

.websiteby-text {
color: #FFFFFF;
font-weight: 400;
font-size: 12px
}

.websiteby-text a {
color: #FFFFFF;
font-weight: 600;
font-size: 13px
}

.websiteby-text img {
height: 20px;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
margin: 0 -3px 0 3px
}

.gitexafricalogo {
width: 70%;
margin: 50px 0 0
}

.mediaLogo-wrap {
background-color: #dadada
}

.communityLogo-wrap {
background-color: #ededed
}

.sponsorsLogo-wrap {
position: relative;
padding: 50px 0
}

.sponsorItemOuter figure {
height: 120px;
display: inline-flex;
align-items: center;
justify-content: start
}

.sponsorItemOuter figure img {
max-width: 100%;
display: block;
max-height: 100%
}

.sponsorItemOuter h4 {
font-style: normal;
color: #013788;
font-size: 20px
}

.communityLogo-wrap {
background-color: #ededed
}

.sponsors2022Logonew {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px
}

.sponserborder {
position: relative;
height: 12px;
border: 1px solid #cdcbcb;
border-bottom: 0;
padding-bottom: 12px
}

.borderbtm-none {
border-bottom: none
}

.partnerLogoWrap {
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}

.sponosrsLogoItem.effect2 {
height: 85px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px
}

.sponsors2022Logonew figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 5px;
height: 84px
}

.sponsors2022Logonew figure img {
max-width: 100%;
max-height: 100%
}

.provocative-wrap {
position: relative
}

.ProvoTopics {
padding: 50px 150px;
background: #fafafa
}

.ProvoTopics h2 {
font-family: Poppins,sans-serif;
font-weight: 700;
font-size: 28px;
padding-bottom: 30px;
text-decoration: underline;
text-decoration: underline solid #dd1414;
text-underline-offset: 9px;
line-height: 50px;
text-decoration-thickness: 9px
}

.ProvoTopics p {
font-family: Poppins,sans-serif;
font-weight: 400;
font-size: 18px;
color: #050505;
padding-bottom: 30px
}

.provactiveImg {
position: relative;
height: 100%;
background-size: cover !important;
width: 100%;
background-position: center !important
}

.provactiveImg:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(177deg,#00010a00,#00000000,#0f0f0f52,#030303e8)
}

.provactiveImg figcaption {
position: absolute;
bottom: 0;
left: 0;
color: #FFFFFF;
width: 98%;
margin: 0 auto;
padding: 20px 40px;
padding-bottom: 40px;
font-size: 20px;
font-weight: 500
}

.showsectors {
position: relative;
width: 100%;
background: linear-gradient(180deg,rgba(195,20,19,1) 0,#410505 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0 30px 0;
overflow: hidden
}

.showsectors:after {
position: absolute;
content: '';
top: 21px;
right: -23%;
background-image: url(../images/whitedots.png);
background-repeat: no-repeat;
width: 31%;
height: 59px
}

.showsectors:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10%;
content: '';
z-index: 99;
background: #191919;
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(20px);
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: blur(20px)
}

.sectionTitle h1, .showsectors .sectionTitle h2 {
color: #FFFFFF;
font-size: 47px;
line-height: 57px
}

.showsectors .secTitle.left h2:before {
background-color: #FFFFFF
}

.showsectors .red-btn {
width: auto;
padding-left: 20px;
padding-right: 30px;
z-index: 999
}

.showsectors .slick-vertical .slick-slide {
padding: 0 20px;
position: relative;
margin: 0
}

.showsectors .slick-vertical .slick-slide .row {
padding: 10px
}

.sectors-marker {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15px;
height: 109%
}

.sectors-marker:before {
background: #FFFFFF;
border: 3px solid transparent;
border-radius: 100%;
content: "";
display: block;
height: 15px;
position: absolute;
top: -1px;
left: 0;
width: 15px;
transition: background .3s ease-in-out,border .3s ease-in-out;
-webkit-transition: background .3s ease-in-out,border .3s ease-in-out;
-moz-transition: background .3s ease-in-out,border .3s ease-in-out;
-ms-transition: background .3s ease-in-out,border .3s ease-in-out;
-o-transition: background .3s ease-in-out,border .3s ease-in-out
}

.sectors-marker:after {
content: "";
width: 2px;
background: #FFFFFF;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 6px;
height: 92%
}

.showsectors .slick-dots {
display: none !important
}

.showsectors .slick-vertical {
position: relative
}

.tracksItemOuter {
text-align: center;
margin: 20px 0;
width: 16.6%;
display: flex;
align-items: center;
justify-content: center;
min-height: 130px
}

.tracksItemInner {
height: 100%;
border: 1px solid #6d19b5 !important;
background-color: #6d19b5 !important;
cursor: pointer;
width: 100%;
position: relative;
transition: .25s ease-in-out;
padding: 30px 10px;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out
}

.tracksItemInner h2 {
color: #FFFFFF;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-weight: 500;
font-family: Poppins,sans-serif
}

@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0)
}

to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
-o-transform: translate3d(0,-100%,0)
}
}

@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0)
}

to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
-o-transform: translate3d(0,-100%,0)
}
}

.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible;
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0)
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0)
}
}

@keyframes slideInUp {
from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible;
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0)
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0)
}
}

.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}

.showsectors .slick-slide {
margin: 10px
}

.showsectors .slick-carousel {
position: relative
}

.showsectors .slick-slide.slick-current.slick-active {
opacity: unset
}

.showsectors .slick-slide {
opacity: .8
}

.showsectors .slick-slide .tracksItemInner h2 {
opacity: .8
}

.showsectors .slick-slide.slick-current.slick-active .tracksItemInner h2 {
opacity: unset
}

.showsectors .slick-slide .tracksItemOuter:hover .tracksItemInner {
background: unset
}

.showsectors .slick-slide.slick-current.slick-active .tracksItemOuter:hover .tracksItemInner {
background: #dd1414 !important;
border: none;
box-shadow: 1px 7px 28px rgb(215 174 247),0 6px 20px 0 rgb(210 168 241 / 51%) !important;
border: none !important
}

.showsectors .slick-slide.slick-current.slick-active .tracksItemOuter:hover .tracksItemInner h2 {
color: #000000
}

.showsectors .slick-next {
z-index: 99999;
position: absolute;
left: 48%;
bottom: 16%;
margin: 0 auto;
padding-top: 40px;
height: 215px
}

.showsectors .arrow {
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
transform-origin: 50% 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0)
}

.showsectors .arrow-first {
animation: arrow-movement 2s ease-in-out infinite;
-webkit-animation: arrow-movement 2s ease-in-out infinite
}

.showsectors .arrow-second {
animation: arrow-movement 2s 1s ease-in-out infinite;
-webkit-animation: arrow-movement 2s 1s ease-in-out infinite
}

.showsectors .arrow:after, .showsectors .arrow:before {
background: #FFFFFF;
content: '';
display: block;
height: 3px;
position: absolute;
top: 0;
left: 0;
width: 30px
}

.showsectors .arrow:before {
transform: rotate(45deg) translateX(-23%);
transform-origin: top left;
-webkit-transform: rotate(45deg) translateX(-23%);
-moz-transform: rotate(45deg) translateX(-23%);
-ms-transform: rotate(45deg) translateX(-23%);
-o-transform: rotate(45deg) translateX(-23%)
}

.showsectors .arrow:after {
transform: rotate(-45deg) translateX(23%);
transform-origin: top right;
-webkit-transform: rotate(-45deg) translateX(23%);
-moz-transform: rotate(-45deg) translateX(23%);
-ms-transform: rotate(-45deg) translateX(23%);
-o-transform: rotate(-45deg) translateX(23%)
}

@keyframes arrow-movement {
0% {
opacity: 0;
top: 45%
}

70% {
opacity: 1
}

100% {
opacity: 0
}
}

.devslamWraper {
background-color: 20202;
width: 100%;
position: relative;
padding: 50px 0;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
padding-top: 100px;
z-index: 9;
padding-bottom: 0
}

.devslamWraper:after {
content: "";
background: url(../images/devslamBG.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
inset: 0;
z-index: -1;
transform: skewY(6deg);
height: 74%;
width: 100%;
-webkit-transform: skewY(6deg);
-moz-transform: skewY(6deg);
-ms-transform: skewY(6deg);
-o-transform: skewY(6deg)
}

.devslamWraper:before {
position: absolute;
left: -25%;
top: 21%;
content: '';
background-image: url(../images/Artwork06.png);
background-repeat: no-repeat;
width: 418px;
height: 530px
}

.devslamHead {
position: relative;
margin-bottom: 40px
}

.devslamHead:before {
position: absolute;
content: '';
width: 100%;
left: 0;
bottom: -60px;
background: url(../images/lineshape.png);
background-repeat: no-repeat;
background-size: cover;
height: 39px;
background-position: right;
display: none
}

.devslamHead figure {
width: 200px;
height: 100%
}

.devslamHead p {
padding-bottom: 10px;
font-weight: 600;
font-size: 27px;
line-height: 34px;
color: #FFFFFF;
width: 80%
}

.devslamHead h5 {
border-top: #594369 solid 1px;
padding-top: 30px;
font-size: 23px;
color: #FFFFFF;
font-family: Poppins,sans-serif;
font-weight: 600
}

.devslamHead h5 span {
font-size: 25px
}

.devIntro {
position: relative;
padding: 50px 0
}

.devIntro h2 {
color: #000000;
font-size: 30px;
padding-bottom: 30px
}

.devIntro p {
color: #000000;
font-size: 20px;
padding-bottom: 30px
}

.devIntro .purple-btn:hover {
color: #000000
}

.devslamrightImg {
position: relative;
z-index: 99;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 30px
}

.devslamrightImg figure {
width: 65%;
padding: 0;
padding-top: 10px;
padding-right: 0;
text-align: right
}

.devslamrightImg figure img {
clip-path: polygon(100px 0,100% 0,100% calc(100% - 100px),calc(100% - 100px) 100%,0 100%,0 100px);
min-height: 350px
}

.devstats {
position: relative
}

.devQuotes {
padding: 40px 0;
position: relative;
z-index: 9
}

.devQuotes:before {
position: absolute;
content: '';
top: 14%;
right: -31%;
background-image: url(../images/lineSquareBox.png);
width: 1024px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
background-position: center
}

.devQuotes h3 {
color: #FFFFFF;
font-size: 27px;
line-height: 41px;
padding-bottom: 0
}

.devQuotes p {
color: #FFFFFF;
font-size: 16px;
margin: 0;
line-height: 20px
}

.devstatsItem {
text-align: center;
position: relative;
padding: 20px 10px
}

.devstatsItem h2 {
padding: 0 20px;
border: none;
background: 0 0;
outline: 0;
text-align: center;
font-size: 35px;
color: #000000
}

.devstatsItem p {
color: #000000;
font-size: 18px;
text-align: center;
margin: 0
}

.devstatsItem svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}

.devstatsItem svg path {
stroke: #862dcb;
stroke-width: 0;
stroke-dasharray: 0 200
}

.devstatsItem:hover path {
animation: draw 1s forwards;
stroke-width: 10px;
-webkit-animation: draw 1s forwards
}

.devslamFeatures {
padding: 20px 0;
padding-bottom: 0
}

.devFeatureITems {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 5px 10px;
padding: 50px 0;
margin: 0 15px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 calc(23.5% - 20px);
margin: 0 auto;
padding-top: 0
}

.devtItemInner {
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%;
padding-bottom: 20px
}

.devtItemInner .innerClipdev {
display: flex;
padding-top: 15px;
flex-direction: column;
height: 100%
}

.devtItemInner .innerClipdev:before {
position: absolute;
background: #FFFFFF;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
clip-path: polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);
z-index: -1;
padding-top: 20px;
padding-bottom: 40px;
content: ''
}

.devtItemInner .imageaishadowdev {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
position: relative
}

.devtItemInner figure {
position: relative;
height: 130px
}

.devtItemInner figure .devshadow {
box-shadow: rgba(50,50,93,.25) 0 30px 60px -12px,rgba(0,0,0,.3) 0 18px 36px -18px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}

.devtItemInner .imageaishadowdev figure:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%
}

.devtItemInner figure img {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
max-width: 100%
}

.devtItemInner h3 {
font-size: 18px;
color: #000000;
line-height: 24px;
font-family: Poppins,sans-serif;
font-weight: 600;
padding: 0 9px;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 10px
}

.devtItemInner h3 small {
font-size: 12px
}

.devtItemInner p {
color: #000000;
padding: 0 9px;
font-size: 12px;
line-height: 18px;
padding-top: 20px;
margin: 0
}

.devtItemInner:hover .innerClipdev:before {
background: #872ecb
}

.devtItemInner:hover h3 {
color: #FFFFFF
}

.devtItemInner:hover p {
color: #FFFFFF
}

.devcontentArea {
padding-bottom: 50px
}

.cyberValleyWrap {
position: relative;
padding: 50px 0;
z-index: 99;
padding-top: 100px;
margin-top: 50px
}

.cyberValleyWrap:before {
position: absolute;
content: '';
top: 3%;
left: 3%;
background-image: url(../images/whitestar.png);
width: 10%;
height: 97px;
background-repeat: no-repeat;
transform: scale(-.4);
-webkit-transform: scale(-.4);
-moz-transform: scale(-.4);
-ms-transform: scale(-.4);
-o-transform: scale(-.4)
}

.cyberValleyWrap:before {
content: "";
background: url(../images/cyberbg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
inset: 0;
z-index: -1;
transform: skewY(6deg);
height: 83%;
width: 100%;
-webkit-transform: skewY(6deg);
-moz-transform: skewY(6deg);
-ms-transform: skewY(6deg);
-o-transform: skewY(6deg)
}

.cyberintrotag h2 {
font-size: 40px;
color: #FFFFFF;
line-height: 55px;
padding-bottom: 20px;
padding-top: 30px
}

.cybersectionTitle {
position: relative;
margin-bottom: 80px
}

.cybersectionTitle:before {
position: absolute;
content: '';
width: 100%;
left: 0;
bottom: -60px;
background: url(../images/lineshape.png);
background-repeat: no-repeat;
background-size: cover;
height: 39px;
background-position: right
}

.cybersectionTitle h2 {
color: #FFFFFF;
font-size: 45px;
text-transform: uppercase;
padding-top: 10px;
text-align: center;
padding-bottom: 20px
}

.cybersectionTitle p {
font-size: 23px;
color: #FFFFFF;
font-family: Poppins,sans-serif;
font-weight: 600;
text-align: center
}

.cybersectionTitle p span {
font-size: 25px
}

.cyberintroText {
position: relative
}

.cyberintroText h2 {
font-size: 30px;
line-height: 35px;
padding-bottom: 40px
}

.cyberintroText h5 {
font-size: 23px;
color: #1a31d5;
font-family: Poppins,sans-serif;
font-weight: 600
}

.cyberintroText h4 {
font-size: 30px;
line-height: 35px;
padding-bottom: 20px
}

.cyberintroText p {
font-size: 20px;
font-family: Poppins,sans-serif;
line-height: 26px
}

.cyberBtn:hover {
border: #fff solid 1px;
background: 0 0;
color: #FFFFFF
}

.cyberrightImg {
position: relative
}

.cyberrightImg figure {
width: 70%;
padding: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-top: 0
}

.cyberrightImg figure img {
clip-path: polygon(100px 0,100% 0,100% calc(100% - 0),calc(100% - 100px) 100%,0 100%,0 100px)
}

.cyberrightImg figure:before {
position: absolute;
content: '';
top: 0;
left: -21%;
background-image: url(../images/lineSquareBox.png);
width: 1024px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
background-position: center
}

.cyberrightImg figcaption {
background: #1931d5d9;
clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%,0 50px);
width: 300px;
padding: 20px;
position: absolute;
right: 0;
bottom: -40px
}

.cyberrightImg figcaption p {
font-size: 20px;
color: #FFFFFF;
font-family: Poppins,sans-serif;
line-height: 26px;
margin: 0
}

.cyberintroWrap {
position: relative;
padding-bottom: 40px;
margin-bottom: 60px
}

.cyberValleyWrap:after {
position: absolute;
content: '';
top: 5%;
left: 30px;
background-image: url(../images/whitestar.png);
width: 68px;
height: 106px
}

.cyberstats {
position: relative;
padding-top: 20px;
padding-bottom: 50px
}

.circleLightWrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center
}

.cybercircle01 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
z-index: 3
}

.cybercircle01 img {
transform: scale(6.5);
-webkit-transform: scale(6.5);
-moz-transform: scale(6.5);
-ms-transform: scale(6.5);
-o-transform: scale(6.5)
}

.cybercircle02 {
position: absolute;
top: 0;
right: 0;
width: 350px;
height: 350px;
z-index: 2
}

.cybercircle02 img {
transform: scale(7.5);
-webkit-transform: scale(7.5);
-moz-transform: scale(7.5);
-ms-transform: scale(7.5);
-o-transform: scale(7.5)
}

.cybercircle03 {
position: absolute;
bottom: 0;
left: 10%;
width: 350px;
height: 350px;
z-index: 3
}

.cybercircle03 img {
transform: scale(4.5);
-webkit-transform: scale(4.5);
-moz-transform: scale(4.5);
-ms-transform: scale(4.5);
-o-transform: scale(4.5)
}

.cyberstatsInner {
text-align: center;
position: relative;
padding: 30px 0
}

.cyberstatsInner h2 {
padding: 8px 16px;
border: none;
background: 0 0;
outline: 0;
text-align: center;
font-size: 30px;
color: #000000
}

.cyberstatsInner p {
color: #000000;
font-size: 18px;
font-family: Poppins,sans-serif;
font-weight: 400;
text-align: center;
margin: 0
}

.cyberstatsInner svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}

.cyberstatsInner svg path {
stroke: #1931d5;
stroke-width: 0;
stroke-dasharray: 0 200
}

.cyberstatsInner:hover path {
animation: draw 1s forwards;
stroke-width: 10px;
-webkit-animation: draw 1s forwards
}

.cyberFeatureITems {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 5px 10px;
padding: 50px 0;
margin: 0 15px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 calc(23.2% - 20px);
margin: 0 auto;
padding-bottom: 0
}

.cybereatItemInner {
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%;
padding-bottom: 20px
}

.cybereatItemInner .innerClip2 {
display: flex;
padding-top: 7px;
flex-direction: column;
justify-content: space-between;
height: 100%
}

.cybereatItemInner .innerClip2:before {
position: absolute;
background: #FFFFFF;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
clip-path: polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);
z-index: -1;
padding-top: 20px;
padding-bottom: 40px;
content: ''
}

.cybereatItemInner:hover .innerClip2:before {
background: #1931d5
}

.cybereatItemInner .imageaishadowcyber {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
position: relative
}

.cybereatItemInner figure {
position: relative;
height: 190px
}

.cybereatItemInner .imageaishadowcyber figure:before {
position: absolute;
top: 0;
left: 0;
content: '';
box-shadow: unset;
width: 100%;
height: 100%
}

.cybereatItemInner figure img {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
max-width: 100%
}

.cybereatItemInner h3 {
font-size: 18px;
color: #000000;
line-height: 24px;
font-family: Poppins,sans-serif;
font-weight: 600;
padding: 0 15px;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 10px
}

.cybereatItemInner:hover h3 {
color: #FFFFFF
}

.cybereatItemInner p {
color: #000000;
font-size: 12px;
line-height: 18px;
padding: 10px 10px;
padding-bottom: 0;
margin: 0
}

.cybereatItemInner:hover p {
color: #FFFFFF
}

.mt-50 {
margin-top: 50px
}

.cybercontentArea {
position: relative;
padding-bottom: 100px
}

.aiIntro {
position: relative;
padding: 50px 0 50px 0;
z-index: 99
}

.aiIntro:after {
content: "";
background: #01a5ba;
position: absolute;
inset: 0;
z-index: -1;
transform: skewY(4deg);
height: 70%;
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg)
}

.aiIntro:before {
content: "";
position: absolute;
top: 23%;
right: 5%;
background-image: url(../images/neonstar.png);
background-repeat: no-repeat;
background-size: cover;
width: 69px;
height: 106px
}

.aiIntroHead {
position: relative;
padding-top: 30px
}

.aiIntroHead figure {
width: 155px;
height: 100%
}

.aiIntroHead figure img {
max-width: 100%
}

.aiIntroHead p {
padding-bottom: 10px;
font-weight: 600;
font-size: 27px;
line-height: 34px;
color: #FFFFFF;
width: 90%
}

.aiIntroHead h5 {
border-top: #fff solid 1px;
padding-top: 30px;
font-size: 23px;
color: #FFFFFF;
font-family: Poppins,sans-serif;
font-weight: 600
}

.aiIntroHead h5 span {
font-size: 25px
}

.aiFeatures {
position: relative;
padding: 50px 0
}

.aiFeatures .sectionTitle h2, .sectionTitle h1 {
color: #FFFFFF;
line-height: 50px;
font-size: 45px
}

.fetaureBoxItem {
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%;
padding-bottom: 30px
}

.fetaureBoxItem .innerClip {
display: flex;
padding-top: 10px;
flex-direction: column;
justify-content: space-between;
height: 100%
}

.fetaureBoxItem .innerClip:before {
position: absolute;
background: #FFFFFF;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
clip-path: polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);
z-index: -1;
padding-top: 20px;
padding-bottom: 40px;
content: ''
}

.fetaureBoxItem:hover .innerClip:before {
background: #dd1414
}

.fetaureBoxItem figure {
position: relative
}

.fetaureBoxItem figure img {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)
}

.imageaishadow {
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
padding: 10px 10px 30px 10px;
margin-bottom: 0;
position: relative
}

.imageaishadow figure:before {
position: absolute;
top: 0;
left: 0;
content: '';
box-shadow: 0 11px 22px -5px rgba(0,135,177,.5);
width: 100%;
height: 100%
}

.fetaureBoxItem h3 {
text-align: center;
font-size: 20px;
font-family: Poppins,sans-serif;
font-weight: 600;
padding-bottom: 0;
padding: 0 30px 0 30px
}

.fetaureBoxItem p {
text-align: center;
padding: 10px 20px;
font-size: 14px;
line-height: 20px;
color: #050505;
margin: 0
}

p.newTagStyle {
background-color: #dd1414;
font-size: 20px !important;
font-family: Poppins,sans-serif;
font-weight: 600;
color: #FFFFFF;
width: 100px;
margin: 0;
padding: 10px 5px;
clip-path: polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 0))
}

.joinGovtTech {
position: relative;
padding: 30px 0 50px 0
}

.joinGovtTech:before {
position: absolute;
content: '';
top: -50px;
left: -30px;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 191px;
height: 59px
}

.joinGovtTech h5 {
font-size: 28px;
font-family: Poppins,sans-serif;
font-weight: 600;
padding-bottom: 30px;
line-height: 37px
}

.joinGovtTech p {
color: #050505;
font-size: 18px;
margin-bottom: 60px;
line-height: 25px
}

.joinAITechText {
height: 100%;
width: 85%
}

.joinAIStats {
position: relative;
height: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 40px 0 40px 40px;
padding: 40px 30px 40px 30px
}

.mb-80 {
margin-bottom: 80px
}

.mt-80 {
margin-top: 80px
}

.aiStatsItem {
padding-bottom: 30px
}

.aiStatsItem.pb90 {
padding-bottom: 90px
}

.aiStatsItem h2 {
color: #FFFFFF;
padding: 0;
font-size: 25px;
line-height: 31px
}

.aiStatsItem p {
color: #FFFFFF;
padding: 0;
font-size: 20px;
margin: 0
}

.aiBrandsWrap {
position: relative;
padding-bottom: 50px
}

.mousNumber-GA {
position: relative;
padding: 50px 0;
padding-bottom: 100px
}

.mousNumber-GA:before {
position: absolute;
content: '';
bottom: 0;
left: 0
}

.mousNumber-GA:before {
position: absolute;
content: '';
bottom: 40%;
left: 3%;
background-image: url(../images/blackstar.png);
width: 10%;
height: 97px;
background-repeat: no-repeat;
transform: scale(-.4);
-webkit-transform: scale(-.4);
-moz-transform: scale(-.4);
-ms-transform: scale(-.4);
-o-transform: scale(-.4)
}

.mousNumber-GA:after {
position: absolute;
content: '';
bottom: 30%;
left: 30px;
background-image: url(../images/blackstar.png);
width: 68px;
height: 106px
}

.mousNumStats {
position: relative;
padding: 20px 20px;
display: flex;
align-items: center;
flex-direction: column;
height: 100%;
padding-bottom: 0;
justify-content: center
}

.mousNumStats h3 {
color: #dd1414;
font-size: 60px;
text-align: center
}

.mousNumStats p {
color: #000000;
font-size: 25px;
text-align: center;
line-height: 34px;
margin: 0
}

.mousItem {
padding: 10px 0;
border: #dd1414 solid 1px;
text-align: center;
height: 100%
}

.mousItem figure {
width: 100%;
display: block
}

.mousItem figure img {
display: block
}

.mousItem p {
font-size: 16px;
color: #050505;
text-align: left;
padding: 10px 10px;
margin: 0;
line-height: 20px
}

.publicpartnershipPro {
position: relative;
padding: 50px 0
}

.publicpartnershipPro:before {
position: absolute;
content: '';
bottom: -30px;
left: -8%;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 208px;
height: 59px
}

.publicpartnershipPro:after {
position: absolute;
content: '';
bottom: -30px;
right: 9%;
background-image: url(../images/triangle.png);
background-repeat: no-repeat;
width: 55px;
height: 48px
}

.partnershipInnerPro {
position: relative;
background: #e8e8e8;
padding: 50px 50px 50px 80px;
border-radius: 90px 0 0 0;
width: 90%;
z-index: 99;
margin: 0 auto;
-webkit-border-radius: 90px 0 0 0;
-moz-border-radius: 90px 0 0 0;
-ms-border-radius: 90px 0 0 0;
-o-border-radius: 90px 0 0 0
}

.partnershipInnerPro:before {
position: absolute;
content: '';
top: 0;
right: -20%;
width: 60%;
background: #e8e8e8 url(../images/privateProjects.jpg);
background-size: cover;
background-position: center right;
height: 100%;
z-index: -1
}

.partnershipInnerPro h2 {
color: #dd1414;
font-size: 38px;
padding-bottom: 40px
}

.publicStatsNum {
display: flex
}

.publicStatsNum > div {
margin-right: 40px;
display: flex
}

.publicStatsNum h3 {
color: #000000;
font-size: 45px;
padding: 0
}

.publicStatsNum p {
font-size: 21px;
color: #050505
}

.publicStatsNum h3 span {
font-family: Poppins,sans-serif;
font-weight: 400;
font-size: 21px;
display: block;
color: #050505;
line-height: 25px
}

.cityTakeover {
position: relative;
padding: 50px 0;
padding-bottom: 0
}

.cityTakeover:before {
position: absolute;
left: -22%;
top: 5%;
content: '';
background-image: url(../images/Artwork06.png);
background-repeat: no-repeat;
width: 418px;
height: 530px
}

.cityTakeover .sectionTitle {
padding-bottom: 50px
}

.takeoverOuter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 calc(3% - 0px);
margin: 0 auto;
margin-top: 40px;
margin-bottom: 50px
}

.takeoverNum {
position: relative;
display: flex;
align-items: flex-start;
padding: 10px 0
}

.takeoverNum h2 {
margin-right: 20px;
font-size: 50px;
line-height: 45px;
margin-top: -3px
}

.borderRight {
position: relative
}

.borderRight:after {
position: absolute;
top: 0;
right: -9%;
content: '';
height: 100%;
border-right: #acacac solid 1px
}

.takeoverNum p {
font-size: 18px;
line-height: 22px;
color: #050505;
margin: 0
}

.testimonialSlide {
position: relative;
padding-top: 0;
padding: 50px 0;
overflow: hidden
}

.testimonialSlide .quotesslide {
overflow: hidden
}

.quotesInner {
height: 100%;
position: relative
}

.quotesInner > div {
border: #000 solid 1px;
height: 100%;
text-align: center;
padding: 30px 30px;
border-radius: 20px;
position: relative;
min-height: 250px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
transition: 1s all ease;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.quotesInner > div:before {
position: absolute;
top: 18%;
left: -4px;
width: 5px;
height: 68%;
bottom: 0;
background-color: #FFFFFF;
content: '';
display: flex;
align-items: center;
justify-content: center
}

.quotesInner > div:after {
position: absolute;
top: 18%;
right: -4px;
width: 5px;
height: 68%;
bottom: 0;
background-color: #FFFFFF;
content: '';
display: flex;
align-items: center;
justify-content: center
}

.quotesInner > div .iconQuotes {
width: 40%;
padding-bottom: 30px;
text-align: center;
margin: 0 auto
}

.quotesInner > div p {
font-size: 18px;
color: #000000;
line-height: 20px
}

.quotesInner > div .quotesLogo {
width: 60%;
margin: 0 auto;
text-align: center
}

.quotesInner > div:hover {
background: #872ecb;
position: relative;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.quotesInner > div:hover:after, .quotesInner > div:hover:before {
display: none
}

.quotesInner > div:hover .iconQuotes img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1)
}

.quotesInner > div:hover .quotesLogo img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1)
}

.quotesInner > div:hover p {
color: #FFFFFF
}

.statsSection {
position: relative;
padding: 50px 0;
padding-bottom: 10px
}

.introSection {
position: relative;
width: 100%;
padding: 50px 0 150px 0;
overflow: hidden;
z-index: 99
}

.introSection:before {
position: absolute;
content: '';
top: -61%;
right: -7%;
background-image: url(../images/Artwork01.png);
background-repeat: no-repeat;
width: 420px;
height: 411px
}

.introSection:after {
position: absolute;
content: '';
bottom: 21px;
right: -5%;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 208px;
height: 59px
}

.introSection h5 {
background: #862dcb;
padding: 10px 60px;
font-size: 20px;
font-family: Poppins,sans-serif;
font-weight: 700;
color: #FFFFFF;
display: inline-block;
text-align: center;
margin: 10px auto
}

.videoSection {
position: relative;
padding-bottom: 50px;
z-index: 99
}

.videocirclelement {
position: absolute;
top: -20%;
left: -10%
}

.videocirclelement:before {
position: absolute;
content: '';
top: 0;
left: 0;
background-image: url(../images/Artwork03.png);
background-repeat: no-repeat;
width: 500px;
height: 500px;
background-size: cover;
z-index: 9
}

.ytVideo {
width: 80%;
height: 450px;
background: #000000;
position: relative;
margin: 0 auto;
margin-top: -6%;
z-index: 99
}

.ytVideo iframe {
position: absolute;
background: border-box padding-box,border-box transparent;
border-image-slice: 1;
margin: 0 auto;
text-align: center;
display: flex;
top: 0;
left: 0
}

.techCommunites {
position: relative;
padding: 50px 0;
z-index: 9;
padding-bottom: 100px
}

.techCommunites:after {
content: "";
background: #e4e4e4;
position: absolute;
inset: 0;
z-index: -1;
transform: skewY(4deg);
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg)
}

.techCommunites:before {
position: absolute;
content: '';
top: -20px;
right: -5%;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 208px;
height: 59px
}

.reveal-effect {
float: left;
overflow: hidden;
position: relative
}

.reveal-effect.animated:before {
content: "";
width: 100%;
height: 100%;
background: #eee;
position: absolute;
left: 0;
top: 0;
animation: 1s cubic-bezier(.785,.135,.15,.86) forwards reveal;
-webkit-animation-duration: 1s;
z-index: 1;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.785,.135,.15,.86);
-webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
-moz-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
-o-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
-ms-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
-webkit-animation: 1s cubic-bezier(.785,.135,.15,.86) forwards reveal
}

.reveal-effect.animated > * {
animation: 1s linear forwards reveal-inner;
-webkit-animation: 1s linear forwards reveal-inner
}

@-webkit-keyframes reveal {
0% {
left: 0;
width: 0
}

50% {
left: 0;
width: 100%
}

51% {
left: auto;
right: 0
}

100% {
left: auto;
right: 0;
width: 0
}
}

@keyframes reveal {
0% {
left: 0;
width: 0
}

50% {
left: 0;
width: 100%
}

51% {
left: auto;
right: 0
}

100% {
left: auto;
right: 0;
width: 0
}
}

@-webkit-keyframes reveal-inner {
0%,50% {
visibility: hidden;
opacity: 0
}

100%,51% {
visibility: visible;
opacity: 1
}
}

@keyframes reveal-inner {
0%,50% {
visibility: hidden;
opacity: 0
}

100%,51% {
visibility: visible;
opacity: 1
}
}

.techcommtInner .nav {
display: block
}

.techcommtInner .tabcustombtn {
color: #000000;
font-size: 18px;
margin-bottom: 0;
background: 0 0;
border: none;
padding: 5px 0 5px 0 !important;
margin: 0;
border-bottom: 1px solid #70707063;
font-weight: 400;
border-radius: unset;
width: 100%;
text-align: left;
position: relative;
height: 50px !important
}

.techcommtInner button:focus {
outline: unset;
outline: unset
}

.techcommtInner .tabcustombtn.active {
color: #dd1414;
font-size: 18px;
margin-bottom: 0;
background: 0 0;
border: none;
padding: 5px 0 5px 0 !important;
margin: 0;
border-bottom: 1px solid #707070;
font-weight: 400;
border-radius: unset;
width: 100%;
text-align: left;
position: relative
}

.techcommtInner .tabcustombtn .ico {
visibility: hidden;
font-size: 20px;
transform: rotate(-45deg);
right: 3px;
top: 17px;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}

.techcommtInner .nav-pills .nav-link.active.tabcustombtn .ico {
transition: all .5s;
color: #dd1414;
visibility: visible;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s
}

.tab-content figure {
margin: 0 auto;
text-align: center;
width: 90%
}

.tab-content figure img {
margin: 0 auto;
box-shadow: 10px 13px 16px rgba(0,0,0,.2)
}

.newsmain {
background: #f1f1f1;
position: relative;
overflow: hidden;
padding-top: 65px;
padding-bottom: 70px
}

.newsmain:before {
position: absolute;
content: '';
top: 3%;
left: 3%;
background-image: url(../images/blackstar.png);
width: 10%;
height: 97px;
background-repeat: no-repeat;
transform: scale(-.4);
-webkit-transform: scale(-.4);
-moz-transform: scale(-.4);
-ms-transform: scale(-.4);
-o-transform: scale(-.4)
}

.newsmain:after {
position: absolute;
content: '';
top: 5%;
left: 30px;
background-image: url(../images/blackstar.png);
width: 68px;
height: 106px
}

.newsection .owl-stage .item {
height: 100%;
flex-wrap: wrap
}

.newsmain .owl-stage-outer {
padding: 15px 0
}

.newsection .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.newsmain .inner-box {
position: relative;
border-radius: 20px;
padding: 0;
padding-bottom: 25px;
background-color: #FFFFFF;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
box-shadow: 0 0 10px rgba(0,0,0,.1);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.newsmain .inner-box div {
width: 100%
}

.newsmain .inner-box .image {
position: relative;
border-radius: 20px 20px 0 0;
overflow: hidden;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-ms-border-radius: 20px 20px 0 0;
-o-border-radius: 20px 20px 0 0;
height: 250px;
background: #000000;
object-fit: fill
}

.newsmain .inner-box .image::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 0;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.newsmain .inner-box .image img {
position: relative;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
max-height: 100%;
object-fit: fill
}

.newsmain .inner-box .lower-content {
position: relative;
padding: 10px 15px
}

.newsmain .inner-box .post-info {
position: relative;
top: -25px;
border-radius: 50px;
padding: 0;
margin: 0 10px;
background-color: #dd1414;
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
width: auto;
font-weight: 400;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px
}

.newsmain .inner-box .post-info li {
position: relative;
display: inline-block;
font-size: 15px;
color: #FFFFFF;
min-width: 80px;
text-align: center;
line-height: 16px;
vertical-align: middle;
padding: 0 20px 5px;
font-weight: 600;
padding-bottom: 4px;
text-transform: uppercase
}

.newsmain .inner-box h4 {
padding: 0 10px;
color: #333;
margin-bottom: 0;
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
font-size: 14px;
font-weight: 600;
line-height: 20px;
font-family: poppins,sans-serif
}

.newsmain .inner-box h4 a {
color: #333;
font-family: poppins,sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 22px
}

.newsmain .inner-box .buttonbox {
width: 100%;
display: block;
text-align: center;
padding: 0 15px
}

.newsmain .newsbox {
padding: 0;
margin-right: -120px
}

.newsmain .inner-box .buttonbox .btn-style {
text-align: center;
display: block;
padding: 6px 10px;
color: #797979;
font-size: 15px;
line-height: 1.5;
font-weight: 600;
background: #f1f1f1;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s
}

.newsmain .inner-box .buttonbox .btn-style:hover {
background: #d9d9d9
}

.newsmain .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s
}

@-webkit-keyframes circle {
0% {
opacity: 1
}

40% {
opacity: 1
}

100% {
width: 200%;
height: 200%;
opacity: 0
}
}

@keyframes circle {
0% {
opacity: 1
}

40% {
opacity: 1
}

100% {
width: 200%;
height: 200%;
opacity: 0
}
}

.greenBG {
background-color: #dd1414 !important
}

.leftImg-col {
position: relative;
width: 100%;
padding: 80px 0 80px 0;
overflow: hidden;
z-index: 99
}

.leftImg-col:before {
position: absolute;
left: -22%;
top: 5%;
content: '';
background-image: url(../images/Artwork06.png);
background-repeat: no-repeat;
width: 418px;
height: 530px
}

.leftImg-col:after {
position: absolute;
content: '';
bottom: 21px;
right: -5%;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 208px;
height: 59px
}

.leftImg-col img {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.rightImg-col {
position: relative;
width: 100%;
padding: 50px 0 50px 0;
overflow: hidden;
z-index: 99
}

.rightImg-col:before {
position: absolute;
content: '';
bottom: 38%;
left: -1%;
background-image: url(../images/blackstar.png);
width: 10%;
height: 97px;
background-repeat: no-repeat;
transform: scale(-.4);
-webkit-transform: scale(-.4);
-moz-transform: scale(-.4);
-ms-transform: scale(-.4);
-o-transform: scale(-.4)
}

.rightImg-col:after {
position: absolute;
content: '';
bottom: 30%;
left: 1px;
background-image: url(../images/blackstar.png);
width: 68px;
height: 106px
}

.rightImg-col img {
border-radius: 20px
}

.aboutggshows {
position: relative;
width: 100%;
overflow: hidden;
z-index: 99;
padding-bottom: 100px
}

.aboutggshows .greenBG {
position: relative;
padding: 100px 0 150px 0;
background-color: transparent;
background: linear-gradient(180deg,rgba(195,20,19,1) 0,#410505 100%)
}

.aboutggshows .greenBG:before {
position: absolute;
content: '';
top: -50%;
right: -8%;
background-image: url(../images/Artwork01.png);
background-repeat: no-repeat;
width: 420px;
height: 411px
}

.aboutggshows h6 {
font-size: 25px;
line-height: 39px
}

.imgoverlap01 {
position: relative;
margin-top: -10%
}

.imgoverlap01 figure {
width: 70%;
margin: 20px auto
}

.imgoverlap01 figure img {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.introTag {
position: relative;
padding-bottom: 0;
font-family: poppins,sans-serif;
font-weight: 700;
text-transform: uppercase;
background: #862dcb;
color: #FFFFFF;
display: inline-block;
padding: 10px 20px;
margin-bottom: 40px
}

.exhibitStats .statsInner h2 {
font-family: Poppins,sans-serif;
font-weight: 800;
padding-top: 10px
}

.aboutggshows .sectionTitle h5 {
background: #862dcb;
padding: 10px 60px;
font-size: 20px;
font-family: Poppins,sans-serif;
font-weight: 700;
color: #FFFFFF;
display: inline-block;
text-align: center;
margin: 10px auto
}

.statsBoxItemLeft {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border: #013788 solid 1px;
margin: 0 5px 10px;
padding: 20px 10px;
margin: 0 15px;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
min-height: 180px;
background: #FFFFFF;
-ms-transition: all .5s;
-o-transition: all .5s
}

.statsBoxInnerLeft {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}

.statsBoxInnerLeft h3 {
color: #013788;
margin-bottom: 10px;
font-size: 30px;
line-height: 1.2;
font-family: poppins,sans-serif;
font-weight: 800
}

.statsBoxInnerLeft p {
font-size: 16px;
margin: 0;
line-height: 25px;
color: #666
}

.statsBoxItemLeft:hover {
background-image: linear-gradient(to left,#022b87 10%,#001038 100%);
border: none;
box-shadow: 0 20px 35px 0 #022b8661
}

.statsBoxItemLeft:hover .statsBoxInnerLeft h3 {
color: #dd1414
}

.statsBoxItemLeft:hover .statsBoxInnerLeft p {
color: #FFFFFF
}

.statsBoxItemLeft:after {
position: absolute;
content: '';
bottom: 21px;
right: -5%;
background-image: url(../images/Artwork02.png);
background-repeat: no-repeat;
width: 208px;
height: 59px
}

.poppinsheading {
font-weight: 800;
font-family: poppins,sans-serif
}

.speakerStatics {
position: relative;
padding: 40px 0 30px
}

.SpeakerWrap {
position: relative;
padding: 30px 0 10px
}

.speakersItemSlide {
text-align: center;
position: relative;
overflow: hidden;
color: #FFFFFF;
background: #7d2dc2;
background-image: linear-gradient(to left,#862dca 10%,#031c54 100%);
clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
height: 100%
}

.speakersItemSlide img {
width: 100%;
height: auto
}

.speakersItemSlide figure {
position: relative;
margin: 0
}

.speakersItemSlide figure img {
filter: grayscale(1);
clip-path: polygon(20px 0,100% 0,100% calc(100% - 0),calc(100% - 20px) 100%,0 100%,0 20px);
-webkit-filter: grayscale(1)
}

.speakersItemSlide figure .claimtofame {
display: none !important;
position: absolute;
top: 0;
left: 0;
padding: 10px;
margin-top: 0;
margin-left: -101%;
background: #dd1414e3;
line-height: 1.4;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: .5s ease-out;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-ms-transition: .5s ease-out;
-o-transition: .5s ease-out;
clip-path: polygon(20px 0,100% 0,100% calc(100% - 0),calc(100% - 20px) 100%,0 100%,0 20px)
}

.speakersItemSlide:hover figure .claimtofame {
margin-left: 0
}

.speakersItemSlide .claimtofame p {
color: #000000;
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-align: left
}

.speakersItemSlide .speakerboxText {
position: relative;
width: 100%;
transition: all .5s ease 0s;
height: 100%;
display: flex;
align-items: start;
flex-direction: column;
justify-content: start;
padding: 20px 20px;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s
}

.speakersItemSlide .speakerboxText .spname {
font-size: 18px;
margin: 0;
display: block;
letter-spacing: 0;
color: #FFFFFF;
padding: 5px 0;
line-height: 20px;
font-style: normal;
text-align: left;
font-family: poppins,sans-serif;
font-weight: 800
}

.speakersItemSlide .speakerboxText p {
font-size: 14px;
font-family: poppins,sans-serif;
color: #FFFFFF;
line-height: 18px;
margin: 0;
text-align: left;
padding: 5px 0 !important
}

.speakersItemSlide .speakerboxText p .sppost {
font-size: 18px;
line-height: 24px
}

.speakersItemSlide .speakerboxText .comapnynm {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #dd1414;
margin: 0
}

.faqsection {
position: relative;
padding-left: 30px;
padding-bottom: 50px;
padding: 20px 0;
background: #f8f8f8
}

.faqtab .accordion-button em, .faqtab .accordion-button i {
background: #032c87;
width: 50px;
height: 50px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%
}

.faqtab .accordion-button {
outline: unset;
font-family: poppins,sans-serif;
font-size: 16px;
font-weight: 800
}

.faqtab .accordion-button:focus {
border-color: unset;
outline: unset;
box-shadow: unset
}

.faqtab .accordion-button:not(.collapsed) {
background-color: #f0f0f0;
color: #171616;
border: none;
border-right: #dee2e6 1px solid;
border-left: #dee2e6 1px solid;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px
}

.faqtab .accordion-button:not(.collapsed) i {
background: #dd1414
}

.faqtab .accordion-body a {
color: #dd1414;
font-weight: 600
}

.faqtab .accordion-body {
padding: 30px 20px
}

.faqtab .accordion-body p {
font-size: 16px;
color: #000000
}

.faqtab h4 {
font-size: 18px;
color: #dd1414
}

.mediapartnerinner {
padding: 60px 0 60px;
position: relative
}

.mediapartner02 {
border: 2px solid #FFFFFF;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
height: 100%;
background: #FFFFFF;
box-shadow: -1px 6px 13px 0 #0c0c0c21;
cursor: pointer
}

.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%
}

.mediapartner02:hover {
border: 2px solid #dd1414
}

.commonModal .modal-content {
border: 2px solid #aaa8a787;
overflow: auto;
background: #FFFFFF;
border-radius: 5px;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0 20px 35px 0 #898989e6
}

.commonModal .modal-content {
border: 2px solid #aaa8a787;
overflow: auto;
background: #FFFFFF;
border-radius: 5px;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: unset
}

.commonModal .modal-body {
background: #FFFFFF
}

.commonModal .btn-close {
padding: 10px 10px;
margin: 0;
position: absolute;
right: 0;
color: #dd1414;
font-size: 16px;
opacity: .8;
color: #FFFFFF;
top: 0;
display: block;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.modalContentBox {
position: relative;
padding: 0
}

.modalContentBox h2 {
position: relative;
color: #dd1414;
font-size: 24px;
line-height: 30px;
font-style: normal;
padding: 10px 0 0;
text-align: center;
margin: 0 auto;
text-transform: uppercase;
margin-bottom: 20px
}

.modalContentBox figure {
height: 200px;
display: flex;
align-items: center;
margin: 0;
background: #FFFFFF;
box-shadow: 1px 1px 10px 0 #0c0c0c2b;
padding: 10px;
margin-bottom: 20px;
justify-content: center;
width: 200px;
margin: 10px auto 15px
}

.modalContentBox p {
color: #333;
font-size: 15px;
line-height: 26px;
text-align: center
}

.modalContentBox .text-center .green-btn {
margin-top: 16px
}

.new-detail {
border: 1px solid #d6d6d6;
padding: 10px 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
position: relative;
z-index: 99 !important;
background: #FFFFFF;
width: 90%;
margin: 30px auto !important
}

.new-detail h2 {
color: #000000;
font-size: 28px;
line-height: 38px;
text-align: center;
padding: 20px 0;
padding-top: 0;
margin-top: 20px;
margin-bottom: 20px
}

.new-detail figure {
margin: 0 auto;
text-align: center
}

.new-detail p {
position: relative;
line-height: 28px;
font-size: 16px;
margin-bottom: 10px !important
}

.new-detail p em {
color: #000000
}

.showlogoPArtner {
position: relative;
padding: 40px 0
}

.logoITemShow {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 15px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 calc(16.5% - 20px);
margin: 0 auto;
padding-top: 0
}

div#Backdropone {
background: #000000c9
}

#Backdropone.modal.show .modal-dialog {
transform: none !important;
height: 100%;
display: flex;
align-items: center;
transition: unset !important;
width: 100%;
overflow: hidden;
max-width: 720px;
margin-top: 0
}

.onloadpopup .btn-close {
position: absolute;
right: 0;
top: 0;
padding: 10px;
z-index: 999;
opacity: unset;
color: #FFFFFF;
font-size: 25px;
background-color: #e7e0e0;
border-radius: 0 0 0 10px
}

div#Backdropone a img {
border: 1px solid #d0f53d;
padding: 1px
}

.SpeakerCarousel .owl-dots {
text-align: center;
margin: 25px 0 10px
}

.SpeakerCarousel .owl-dots .owl-dot {
display: inline-block
}

.SpeakerCarousel .owl-dots .owl-dot span {
background: #dd1414;
width: 10px;
height: 10px;
margin: 5px;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: all .5s linear;
backface-visibility: visible;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: opacity .2s ease;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.SpeakerCarousel .owl-dots .owl-dot.active span {
width: 12px;
height: 12px;
background: #862dcb
}

.SpeakerCarousel .speakersItemSlide .speakerboxText p .sppost {
font-size: 16px;
line-height: 22px
}

.speakerSlider .SpeakerCarousel .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.speakerSlider .SpeakerCarousel .item {
height: 100%;
margin: 0
}

.steering-committee {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 15px;
margin: 0;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
width: 100%
}

.steering-committee img {
width: 75% !important;
max-width: 100%;
max-height: 100%;
filter: contrast(1);
-webkit-filter: contrast(1)
}

.modalContentBox .modalspeakerbios h2 {
padding: 0;
margin-bottom: 10px
}

.modalContentBox .modalspeakerbios .designation span {
color: #dd1414;
font-size: 14px;
line-height: 20px;
display: block;
margin-top: 0
}

.modalContentBox .modalspeakerbios p {
margin-bottom: 10px
}

.modalContentBox .speaker-bio p {
text-align: left
}

.commonModal .modalContentBox .modalspeakerbios {
padding-right: 10px;
margin-right: 20px;
border-right: #7d2dc2 solid 1px;
height: 100%
}

.SpeakerCarousel .speakersItemSlide .speakerboxText .steering-committee, .speakersItemSlide .speakerboxText .steering-committee {
display: none !important
}

.speakersItemSlide .speakerboxText .Biotxt {
line-height: 22px !important
}

.modalContentBox .modalspeakerbios .Biotxt {
line-height: 20px !important
}

.speakersItemSlide .speakerboxText .comapnynm {
font-weight: 700 !important
}

.SpeakerCarousel .speakersItemSlide .speakerboxText p .sppost, .speakersItemSlide .speakerboxText .comapnynm, .speakersItemSlide .speakerboxText .comapnynm .sppost {
font-size: 17px;
line-height: 1.4
}

.modalContentBox .modalspeakerbios .designation span, .speakersItemSlide .speakerboxText .countrytxt {
font-size: 16px !important
}

.planvisitITem {
position: relative;
padding: 0 0;
padding-bottom: 0;
border: #000 solid 1px;
height: 100%;
width: 100%;
z-index: 99;
border-radius: 40px 0 40px 40px;
-webkit-border-radius: 40px 0 40px 40px;
-moz-border-radius: 40px 0 40px 40px;
-ms-border-radius: 40px 0 40px 40px;
-o-border-radius: 40px 0 40px 40px
}

.visititemtop {
padding: 30px
}

.visititemtop h4 {
color: #000000;
font-size: 28px;
line-height: 36px;
text-transform: uppercase
}

.visa-info-block .partnershipInnerPro:before {
width: 55%
}

.enquiries-heading h4 {
font-size: 30px
}

.text-lightred {
color: #dd1414;
text-decoration: underline;
font-weight: 600
}

.countries-list-box h6 {
font-size: 18px;
font-weight: 500;
font-family: Poppins
}

.countries-list-box h6 small {
display: inline-block;
width: 100%;
font-size: 14px
}

.problematic-heading {
margin-top: 40px;
color: #862dcb;
text-align: center;
margin-bottom: 25px
}

.countries-list-box {
border-right: 1px solid #3e89c7;
height: 100%
}

.important-text h4 {
color: #FFFFFF;
font-size: 30px;
margin-bottom: 15px
}

.important-text p {
color: #FFFFFF;
font-size: 18px
}

.important-text p a {
color: #FFFFFF;
text-decoration: none !important
}

.important-text p a:hover {
text-decoration: underline !important
}

.visa-section-block.leftImg-col:before {
display: none
}

section.visatagline-new {
padding: 60px 0;
background-image: url(../images/cyberbg.jpg);
margin: 0 0 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}

.visatagline-new .secTitle h2 {
color: #FFFFFF
}

.visatagline-new .secTitle p {
color: #FFFFFF;
font-size: 16px;
line-height: 26px;
margin-bottom: 15px
}

.couponcode {
text-align: center;
border: 1px solid #dd1414;
border-radius: 20px
}

.planvisitList figure {
background-size: cover !important;
background-repeat: no-repeat;
height: 100%;
min-height: 450px;
background-position: center
}

.planvisitList .contText.align-items-center {
display: flex;
justify-content: center;
flex-direction: column;
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
position: relative;
padding: 40px;
height: 100%
}

.planvisitList .contText h3 {
color: #000000;
font-size: 30px;
margin-bottom: 12px
}

.planvisitList .contText.align-items-center p {
font-size: 16px;
line-height: 29px;
margin-bottom: 15px
}

.planvisitList .RightText:before {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
box-shadow: 1px 10px 20px 0 #003760;
opacity: 30%
}

.planvisitList .RightText:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
box-shadow: 0 50px 50px 0 #003760;
opacity: 30%
}

.planvisitList .LeftText:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
box-shadow: 0 0 50px 0 #003760;
opacity: 30%
}

.planvisitList {
display: inline-block;
width: 100%
}

.whiteOutline-btn {
position: relative;
display: block;
color: #FFFFFF;
font-size: 18px;
font-weight: 400;
font-family: Poppins,sans-serif;
text-decoration: none;
border: 1px solid #FFFFFF;
padding: 0;
overflow: hidden;
transition: 1s all ease;
background: 0 0;
display: inline-block;
font-style: normal;
width: unset !important;
padding: 10px 35px;
height: unset !important;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
-ms-transition: 1s all ease;
-o-transition: 1s all ease
}

.whiteOutline-btn:hover {
background: #dd1414;
border-color: #dd1414;
color: #FFFFFF;
text-decoration: none
}

.redSolid-btn {
position: relative;
color: #FFFFFF;
font-size: 16px;
text-decoration: none;
border: 1px solid transparent;
border-radius: 40px;
padding: 0;
overflow: hidden;
transition: 1s all ease;
background: #dd1414;
display: inline-block;
font-style: normal;
width: unset !important;
padding: 5px 20px;
height: unset !important;
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: uppercase
}

.redSolid-btn:hover {
background: #FFFFFF;
border: 1px solid #dd1414;
color: #000000;
text-decoration: none
}

.headerBtn .whiteOutline-btn {
font-size: 16px;
margin-right: 25px;
padding: 8px 10px;
min-width: 210
}

.headerBtnMobile {
display: none
}

header {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
padding: 0 0;
border-bottom: none;
z-index: 9999;
margin-left: auto;
width: 100%
}

.header-upper {
position: relative;
width: 100%;
padding-right: 0;
padding-left: 0;
padding-top: 10px;
margin-right: auto;
margin-left: auto;
display: flex;
align-items: center;
justify-content: space-between
}

.headerBtn-mobile {
display: none
}

.logo-box_new {
width: auto;
}

.logo-box_new .top-logo figure {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.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: 42%
}

.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: #FFFFFF;
font-size: 20px
}

.headerBtn .red-btn {
font-size: 16px;
margin-right: 0;
font-weight: 500;
min-width: 210px;
padding: 8px 18px;
border: #dd1414 solid 1px;
background: #dd1414
}

.headerBtn .red-btn:hover {
border-color: #000000;
background: #000000
}

.headerBtn .red-btn::after {
margin-left: 1.125em
}

.nav-menu .headerBtn .dropdown {
margin-right: 20px
}

.headerBtn .dropdown-menu {
width: 100%;
border-radius: 0;
background: #dd1414;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.headerBtn .dropdown-menu li a {
color: #FFFFFF
}

.headerBtn .dropdown-menu li a:focus, .headerBtn .dropdown-menu li a:hover {
color: #000000
}

#menu-wrapper {
overflow: hidden;
max-width: 100%;
cursor: pointer
}

#menu-wrapper #hamburger-menu {
color: #FFFFFF;
position: relative;
margin: 15px;
font-size: 18px;
font-weight: 400;
font-family: Poppins,sans-serif
}

#menu-wrapper #hamburger-menu i {
margin-left: 5px;
position: relative;
top: -2px
}

.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;
width: 82px;
height: 58px;
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
}

.burger span {
font-size: 16px;
margin-right: 11px;
color: #FFFFFF
}

.burger .strip div {
background: #FFFFFF
}

.burger-strip div:first-child {
width: 25px;
height: 3px
}

.burger-strip div:last-child {
width: 42px
}

.open.burger:hover .burger-strip div:first-child {
transform: rotate(45deg) translateY(1px) translateX(5px);
-webkit-transform: rotate(45deg) translateY(1px) translateX(5px);
-moz-transform: rotate(45deg) translateY(1px) translateX(5px);
-ms-transform: rotate(45deg) translateY(1px) translateX(5px);
-o-transform: rotate(45deg) translateY(1px) translateX(5px)
}

.open .burger:hover .burger-strip div:nth-child(2), .open.burger .burger-strip div:nth-child(2) {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}

.open.burger .burger-strip div:first-child {
transform: rotate(45deg) translateY(1px) translateX(5px);
-webkit-transform: rotate(45deg) translateY(1px) translateX(5px);
-moz-transform: rotate(45deg) translateY(1px) translateX(5px);
-ms-transform: rotate(45deg) translateY(1px) translateX(5px);
-o-transform: rotate(45deg) translateY(1px) translateX(5px);
width: 16px;
display: none
}

.open.burger .burger-strip div:last-child {
transform: rotate(45deg) translateY(-13px) translateX(2px);
-webkit-transform: rotate(45deg) translateY(-8px) translateX(3px);
-moz-transform: rotate(45deg) translateY(-13px) translateX(2px);
width: 42px;
-ms-transform: rotate(45deg) translateY(-13px) translateX(2px);
-o-transform: rotate(45deg) translateY(-13px) translateX(2px)
}

#menu-wrapper #hamburger-menu span {
opacity: 1;
left: 0;
display: block;
width: 100%;
height: 2px;
border-radius: 10px;
color: #FFFFFF;
background-color: #FFFFFF;
position: absolute;
transform: rotate(0);
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}

#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);
-webkit-transform: translateY(9px) rotate(135deg);
-moz-transform: translateY(9px) rotate(135deg);
-ms-transform: translateY(9px) rotate(135deg);
-o-transform: translateY(9px) rotate(135deg)
}

#menu-wrapper #hamburger-menu.open span:nth-child(2) {
opacity: 0;
transform: translateX(-60px);
-webkit-transform: translateX(-60px);
-moz-transform: translateX(-60px);
-ms-transform: translateX(-60px);
-o-transform: translateX(-60px)
}

#menu-wrapper #hamburger-menu.open span:nth-child(3) {
transform: translateY(-9px) rotate(-135deg);
-webkit-transform: translateY(-9px) rotate(-135deg);
-moz-transform: translateY(-9px) rotate(-135deg);
-ms-transform: translateY(-9px) rotate(-135deg);
-o-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 .menu-login, #menu-container .menu-list li.accordion-toggle {
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: #FFFFFF
}

#menu-container .menu-list li.accordion-toggle span {
color: #FFFFFF
}

#menu-container .menu-list li:first-of-type {
border-top: 0
}

#menu-container .menu-list li {
color: #FFFFFF;
padding: 3px 5px
}

#menu-container .menu-list li a {
color: #FFFFFF;
transition: all .15s;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s
}

#menu-container .menu-list li a:hover {
color: #FFFFFF;
padding-left: 15px
}

#menu-container .menu-list li li a:hover {
color: #dd1414
}

#menu-container .menu-list li li.parent a {
color: #FFFFFF
}

#menu-container .menu-list li li.parent.open ul a:hover {
color: #00a5ba
}

.accordion-content, .accordion-toggle {
cursor: pointer;
font-size: 16px;
position: relative;
letter-spacing: 1px
}

.accordion-content {
display: none
}

.accordion-toggle a:after, .accordion-toggle a:before {
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;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out
}

.accordion-toggle a:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg)
}

.accordion-toggle.active-tab {
background: #000000;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease
}

.accordion-toggle a.active:before {
transform: rotate(0);
background: #FFFFFF !important;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0)
}

.accordion-toggle a.active:after {
transform: rotate(180deg);
background: #FFFFFF !important;
opacity: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg)
}

#leftside-navigation ul {
margin: 0;
padding: 0;
display: inline-block;
width: 100%
}

#leftside-navigation ul li {
display: block;
width: 100%;
list-style-type: none;
border-bottom: 1px solid rgba(255,255,255,.05)
}

#leftside-navigation ul li.open > a {
background: #dd1414
}

#leftside-navigation ul li.open > a > i {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg)
}

#leftside-navigation ul li.open > a > i:not(:hover) {
color: #FFFFFF
}

#leftside-navigation ul li a {
position: relative;
display: block;
color: #aeb2b7;
text-decoration: none;
width: 100%;
padding: 10px 40px 10px 10px;
box-sizing: border-box;
font-size: 15px;
line-height: 18px;
outline: 0;
font-weight: 400;
font-family: Poppins,sans-serif
}

#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: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: absolute;
touch-action: manipulation
}

#leftside-navigation ul li a i:hover {
color: #FFFFFF
}

#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 .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.15rem;
color: rgba(255,255,255,.65);
transition: color .25s ease-in;
padding: 0 !important;
-webkit-transition: color .25s ease-in;
-moz-transition: color .25s ease-in;
-ms-transition: color .25s ease-in;
-o-transition: color .25s ease-in
}

.menu-list .soc-media a:focus, .soc-media a:hover {
color: rgba(255,255,255,.2)
}

.text-black {
color: #000000 !important
}

.text-white {
color: #FFFFFF !important
}

.sectionTitle.centered h2, .sectionTitle.centered h4, .sectionTitle.centered p {
text-align: center
}

.sectionTitle.text-black h4, .sectionTitle.text-black p {
color: #4a4a4a !important
}

.sectionTitle h4 {
text-transform: uppercase;
color: #000000;
font-size: 54px;
line-height: 74px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase
}

.sectionTitle p {
text-align: center;
color: #333;
margin: 0;
font-size: 16px
}

.main-footer {
position: relative;
padding: 80px 0 20px 0;
background: #000000;
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);
-webkit-filter: brightness(5)
}

.inner-footer {
position: relative;
border-bottom: #868585 solid 1px;
padding-bottom: 30px
}

.inner-footer h2 {
color: #FFFFFF;
font-size: 16px
}

.ftrEmails h3 {
font-size: 13px;
color: #FFFFFF
}

.inner-footer p a {
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
line-height: 20px
}

.inner-footer ul {
margin: 0;
padding: 0
}

.inner-footer li {
margin: 0;
padding: 0
}

.inner-footer li a {
color: #FFFFFF;
font-size: 12px
}

.ft-btn {
margin-bottom: 15px;
text-align: left
}

.ft-btn a {
font-size: 12px;
width: 220px !important;
padding: 10px 10px
}

.bottom-ft {
padding: 20px 0 10px 0;
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: 0 5px
}

.bottom-ft p a:hover {
color: #FFFFFF
}

.websiteby-text {
color: #868585
}

.websiteby-text p {
font-size: 13px;
color: #868585
}

.websiteby-text img {
height: 20px;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
margin: 0 -3px 0 3px;
opacity: .7
}

.websiteby-text a {
color: #868585;
font-weight: 400;
font-size: 13px
}

.websiteby-text a:hover {
color: #FFFFFF
}

.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: #FFFFFF;
font-size: 24px
}

.heroSection {
width: 100%;
height: 100%;
background-color: #000000;
position: relative
}

.videobg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden
}

.videobg video {
height: 100%;
width: 100%;
object-fit: cover
}

.heroOverlay {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(177deg,#00010a00,#00000000,#0f0f0fb5,#030303);
display: flex;
align-items: flex;
align-items: center;
padding-top: 10%
}

.video-tagline {
width: 45%;
padding-bottom: 20px;
border-bottom: #fff solid 1px;
z-index: 9
}

.video-tagline h4 {
color: #333;
font-size: 18px
}

.video-tagline h2 {
color: #FFFFFF;
font-size: 54px;
line-height: 64px
}

.video-tagline p {
color: #333;
font-size: 16px;
margin-bottom: 0
}

.video-bttomText {
margin: 20px 0;
display: flex;
align-items: center;
width: 55%
}

.video-bttomText .redSolid-btn {
padding: 5px 40px
}

.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: #FFFFFF
}

.play-now svg {
left: 0;
top: 0;
width: 40%;
height: 40%;
-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
}

@-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);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg)
}

to {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0)
}
}

.headlinebanner {
display: flex;
align-items: center;
margin-left: 20px;
width: 40%
}

.headlinebanner .iconSpeaker {
margin-right: 20px
}

.headlinebanner p {
color: #FFFFFF;
margin: 0;
font-size: 16px;
line-height: 19px
}

.features-style01 {
position: relative;
padding: 50px 0;
background: #000000;
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;
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: #FFFFFF;
line-height: 20px;
font-size: 16px
}

.innerback01 {
position: relative;
border-radius: 40px 0 40px 40px;
border: #fff solid 1px;
padding: 30px 20px 30px 20px;
background: #000000;
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: #FFFFFF;
line-height: 20px;
font-size: 16px;
padding-bottom: 20px;
text-align: left
}

.innerback01 p {
font-size: 13px;
color: #FFFFFF;
padding-bottom: 30px;
text-align: left
}

.innerback01 a.viewbtn {
background: #dd1414;
color: #FFFFFF;
font-size: 16px;
border-radius: 50px;
padding: 10px 30px;
text-align: center;
text-decoration: none;
margin: 0 auto
}

.innerback01 a.viewbtn:hover {
background: #FFFFFF;
color: #000000
}

.featureInner01:hover .innerfront01 figure {
display: none
}

.featureInner01:hover .innerfront01 p {
display: none
}

.featureInner01:hover .innerback01 {
top: 0;
visibility: visible
}

.tickerband {
    background: #000000;
    padding: 92px 0;
    padding-bottom: 70px;
    position: relative;
    z-index: 99;
}

.marq-colorbg2 {
    background: #000 url(https://design.myworldofexpo.com/themes/atcatech/design2/contents/Theme-2024/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;
    -webkit-animation: scroll-anim 2s linear infinite;
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    opacity: 0.5;
}

@keyframes scroll-anim {
100% {
background-position: 100% 0
}
}

.marquee {
position: relative;
overflow: hidden;
-ms-transform: rotate(4deg);
transform: rotate(4deg);
width: calc(100% + 60px);
background: #dd1414;
margin-top: -7%;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg)
}

.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: #ffffff !important;
    -webkit-text-stroke: 0 !important;
    white-space: nowrap;
    margin: 0;
    text-transform: uppercase;
    font-size: 30px;
    padding: 10px 0;
}

@-webkit-keyframes slide-har {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0)
}

100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%)
}
}

@keyframes slide-har {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0)
}

100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%)
}
}

@-webkit-keyframes slide-har-revers {
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0)
}

0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%)
}
}

@keyframes slide-har-revers {
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0)
}

0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%)
}
}

.LogoSlider01 {
padding: 50px 0;
position: relative;
position: relative;
margin-bottom: 0;
z-index: 99
}

.mediapartners.sectionTitle {
margin-bottom: 50px;
text-align: center
}

.mediapartners.sectionTitle h2 {
color: #000000;
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: #dd1414
}

.logoscrollStyle {
position: relative;
overflow-x: hidden
}

.logoscrollStyle .swiper-marquee .swiper-wrapper {
transition-timing-function: linear !important;
position: relative
}

.logoscrollStyle .swiper-marquee .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 8px 10px;
width: 160px !important;
height: 75px;
position: relative;
margin: 8px 0
}

.logoscrollStyle .swiper-marquee .swiper-slide > div {
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 8px 10px;
width: 180px !important;
height: 75px;
position: relative;
margin: 8px 0
}

.logoscrollStyle .swiper-marquee .swiper-slide figure {
margin: 0;
background: #FFFFFF;
border: #f8f8f8 solid 1px;
box-shadow: 1px 11px 12px 0 rgb(0 0 0 / 27%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}

.logoscrollStyle .swiper-marquee .swiper-slide figure img {
width: 85%
}

.logoscrollStyle .swiper-marquee .swiper-slide img {
mix-blend-mode: multiply;
max-width: 100%;
max-height: 100%;
mix-blend-mode: multiply;
filter: contrast(1);
-webkit-filter: contrast(1)
}

.logoscrollStyle .swiper-marquee .swiper-slide > div img {
mix-blend-mode: multiply;
max-width: 100%;
max-height: 100%;
filter: grayscale(1);
-webkit-filter: grayscale(1)
}

.africa-accelerates {
position: relative;
padding: 50px 0
}

.africa-accelerates.features-style01 {
background-color: #FFFFFF;
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,#fff);
content: ''
}

.africa-accelerates .featureInner01 .innerfront01 figcaption p {
color: #000000
}

.africa-accelerate .featureInner01:before .innerback01 {
border: #000 solid 1px !important;
background: #FFFFFF !important
}

.testimonialStyle02 {
position: relative;
padding: 50px 0
}

.testimonialSlider {
padding-left: 11%;
padding-top: 20px
}

.testimonialSlider .item {
padding-left: 5%;
padding-top: 40px
}

.testimonialSlider figure {
width: 350px;
height: 350px;
margin: 0 auto;
position: relative;
z-index: 9;
padding: 30px 30px 30px 0
}

.testimonialSlider figure .quoteimg {
width: 40% !important;
z-index: -1;
position: absolute;
top: -5%;
left: -17%
}

.testimonialSlider figure .quoteimg img {
filter: grayscale(0) !important;
-webkit-filter: grayscale(0) !important
}

.testimonialItemOuter figure img {
filter: grayscale(1);
width: unset !important;
-webkit-filter: grayscale(1)
}

.testimonial-Content {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding-left: 0
}

.testimonial-Content p.testText {
font-size: 28px;
color: #333;
line-height: 35px;
margin: 0;
padding-top: 30px
}

.testimonial-Content h2 {
font-size: 18px;
font-style: normal;
color: #000000;
padding: 0;
margin: 0;
line-height: 31px;
padding-top: 20px
}

.testimonial-Content p.testiDesig {
font-size: 16px;
color: #4a4a4a;
line-height: 23px;
margin: 0;
width: 70%
}

.testimonial-Content p.TestiCompany {
color: #000000;
font-size: 28px;
padding-top: 10px;
margin: 0
}

.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 0;
background: #eff0f0
}

.redlinehead {
width: 35%;
height: 10px;
background: #dd1414;
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
}

.logoboardstyle01 {
position: relative;
padding: 50px 0;
z-index: 99
}

.logoboardstyle01 .redlinehead {
width: 25%;
margin-right: 20px
}

.logoboardstyle01 .text-left {
text-align: left
}

.logoboardstyle01 .sectionTitle {
text-align: center
}

.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 0;
background: #000000;
z-index: 99
}

.speakerStyle01 .sectionTitle {
width: 100%
}

.linitlessOPP {
position: relative;
padding: 50px 0;
z-index: 99;
padding-bottom: 100px
}

.globalpower:before {
position: absolute;
bottom: -150%;
left: 0;
background-image: url(../images/bg02.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 200%;
content: '';
z-index: -1
}

.linitlessOPP .sectionTitle {
margin-bottom: 50px;
width: 100%
}

.linitlessOPP .sectionTitle h2 {
color: #FFFFFF
}

.linitlessOPP .sectionTitle h4 {
color: #FFFFFF !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: #FFFFFF;
font-size: 36px;
line-height: 41px;
margin-bottom: 20px
}

.boxLEft p {
color: #333;
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;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.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
}

.talentsText {
padding: 20px 30px
}

.innovateStartup {
position: relative;
border: #292929 solid 1px;
border-radius: 20px;
background: #FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.innovateStartup h2 {
color: #000000
}

.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: #FFFFFF
}

.bigtechLeft p {
color: #FFFFFF;
font-size: 16px
}

.govofficials {
background: #000000;
padding: 0 0;
width: 100%;
height: 49%;
background: #000000;
position: relative;
overflow: hidden
}

.govofficials h2 {
text-align: center;
color: #FFFFFF
}

.govofficials p {
color: #333;
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: 370px;
text-align: center;
color: #f5f5f5;
background: rgb(112 109 117);
background: linear-gradient(-75deg,rgb(112 109 117) 20%,rgb(64 64 73 / 100%) 100%);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px
}

.ga-card .imagecard {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-size: cover !important;
background-position: center bottom !important;
background-repeat: no-repeat !important;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px
}

.ga-card .imagecard:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000066;
content: ''
}

.ga-card .content01 {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px;
z-index: 1;
transition: transform .5s cubic-bezier(.19,1,.22,1);
-webkit-transition: transform .5s cubic-bezier(.19,1,.22,1);
-moz-transition: transform .5s cubic-bezier(.19,1,.22,1);
-ms-transition: transform .5s cubic-bezier(.19,1,.22,1);
-o-transition: transform .5s cubic-bezier(.19,1,.22,1)
}

.ga-card .content > * + * {
margin-top: 10px
}

.ga-card .title {
color: #FFFFFF;
font-size: 20px;
line-height: 30px;
text-align: center
}

.ga-card .copy {
color: #FFFFFF;
font-size: 14px;
line-height: 24px;
padding-bottom: 20px;
text-align: left
}

.ga-card .btn01 {
background: #dd1414;
color: #FFFFFF;
font-size: 14px;
border-radius: 0;
padding: 8px 20px;
text-align: center;
width: 100%;
text-decoration: none;
margin: 0 auto;
font-weight: 400;
transition: .4s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s
}

.ga-card .btn01:hover {
color: #FFFFFF;
background-color: #000000
}

.ga-card:hover .imagecard {
opacity: 0;
visibility: hidden
}

.ga-card:after {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}

.ga-card .content01 {
width: 100%;
height: 100%;
transform: translateY(calc(100% - 5.4rem));
-webkit-transform: translateY(calc(100% - 5.4rem));
text-align: left !important;
align-items: flex-start;
}

.ga-card:after {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 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%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
/* -webkit-transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1); */
-moz-transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
}

.ga-card .content01 > :not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1);
-webkit-transform: translateY(1rem);
-moz-transform: translateY(1rem);
-ms-transform: translateY(1rem);
-o-transform: translateY(1rem);
-webkit-transition: transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1);
-moz-transition: transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1);
-ms-transition: transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1);
-o-transition: transform .7s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1)
}

.ga-card:hover {
border: #fff solid 1px;
padding: 30px 20px
}

.ga-card:focus-within, .ga-card:hover {
align-items: center
}

.ga-card:hover .content01 .title {
font-size: 18px;
line-height: 26px;
text-align: left
}

.ga-card:focus-within:after, .ga-card:hover:after {
background: #000000;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}

.ga-card:focus-within .content01, .ga-card:hover .content01 {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}

.ga-card:focus-within .content01 > :not(.title), .ga-card:hover .content01 > :not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(700ms / 8);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}

.ga-card:focus-within .content01 .title, .ga-card:hover .content01 .title {
display: none;
opacity: 0
}

.africa-accelerates .ga-card .imagecard:before {
background: linear-gradient(177deg,#ffffff00,#ffffff1a,#ffffffe6,#fff)
}

.africa-accelerates .ga-card .title {
color: #000000
}

.africa-accelerates .ga-card:focus-within:after, .africa-accelerates .ga-card:hover:after {
background: #FFFFFF
}

.africa-accelerates .ga-card .copy {
color: #000000
}

.africa-accelerates .ga-card:hover {
border: #0a0909 solid 1px
}

.africa-accelerates .ga-card:after {
background-image: unset
}

.speakerSlider {
padding: 50px 0;
padding-top: 100px
}

.speakerITem {
position: relative;
transition: all .4s ease-in-out;
-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;
transform: scale(1);
border-radius: 15px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px
}

.speakerITem:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1)
}

.speakerITem figure {
position: relative;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all .4s ease-in-out;
border-radius: 15px 15px 0 0;
-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;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0
}

.speakerITem figure img {
max-width: 100%;
min-height: 100%;
width: 100%;
border-radius: 15px 15px 0 0;
transition: all .4s ease-in-out;
-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;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0
}

.speakerITem figcaption {
position: relative;
padding: 15px 15px 15px 15px;
z-index: 9;
margin-top: -5%
}

.speakerITem figure:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 0 0 15px 15px;
background: #706d75;
background: linear-gradient(to top,rgb(112 109 117) 32%,rgb(64 64 73 / 0) 65%);
transition: .3s;
-webkit-border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-ms-border-radius: 0 0 15px 15px;
-o-border-radius: 0 0 15px 15px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s
}

.speakerITem figure::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: #d0080a;
background: linear-gradient(to top,rgba(208,8,10,1) 32%,rgba(127,37,43,0) 65%);
border-radius: 0 0 15px 15px;
transition: .4s;
-webkit-border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-ms-border-radius: 0 0 15px 15px;
-o-border-radius: 0 0 15px 15px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s
}

.speakerITem:hover figure::after {
opacity: 1
}

.speakerITem figcaption h2.speakername {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 18px;
line-height: 20px
}

.speakerITem figcaption p.speakDesg {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 16px;
line-height: 20px;
text-transform: uppercase
}

.speakerITem figcaption p.speakComapny {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 18px;
line-height: 24px;
padding-bottom: 10px;
text-transform: uppercase
}

.gradientmove {
position: absolute;
width: 80%;
animation: blurb 8s infinite ease;
z-index: 99;
-webkit-animation: blurb 8s infinite ease
}

.gradientmove2 {
position: absolute;
width: 100%;
animation: blurb2 8s infinite ease;
z-index: -1;
-webkit-animation: blurb2 8s infinite ease
}

.gradientmove3 {
position: absolute;
width: 100%;
animation: blurb3 20s infinite ease;
z-index: -1;
-webkit-animation: blurb3 20s infinite ease
}

.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%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

25% {
top: -10%;
right: 20%;
transform: scale(1.2);
width: 60%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

55% {
top: -5%;
right: 90%;
transform: scale(1.2);
width: 60%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

85% {
top: -10%;
right: 20%;
transform: scale(1.2);
width: 60%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

100% {
top: -10%;
right: -30%;
transform: scale(1.2);
width: 60%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}
}

@keyframes blurb2 {
0% {
top: -10%;
right: -40%;
transform: scale(1.2);
width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

25% {
top: -15%;
right: 20%;
transform: scale(1.2);
width: 80%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

55% {
top: -20%;
right: 60%;
transform: scale(1.2);
width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

85% {
top: -15%;
right: 20%;
transform: scale(1.2);
width: 80%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

100% {
top: -10%;
right: -30%;
transform: scale(1.2);
width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}
}

@keyframes blurb3 {
0% {
top: -50%;
left: -40%;
transform: scale(1.2);
width: 80%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

25% {
top: -25%;
left: 30%;
transform: scale(1.2);
width: 80%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

55% {
top: -10%;
left: 40%;
transform: scale(1.2);
width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

85% {
top: -25%;
left: 30%;
transform: scale(1.2);
width: 80%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}

100% {
top: -50%;
left: -40%;
transform: scale(1.2);
width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2)
}
}

.globalpower {
position: relative;
padding: 50px 0;
background: #000000;
position: relative;
transition: .5s ease;
padding-bottom: 100px;
z-index: 99;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease
}

.globalpower .sectionTitle {
width: 100%;
padding-bottom: 40px
}

.postList-wrap {
position: relative;
border: 0;
border-top: #989898 solid 1px;
padding: 10px 20px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
background-position: right bottom;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out
}

.postList-wrap.borderbtmlast {
border-bottom: #292929 solid 1px;
border-left: none
}

.postList-wrap h2 {
position: relative;
color: #000000;
font-size: 22px;
line-height: 24px;
font-weight: 400;
padding: 10px 30px 10px 70px;
margin: 0;
z-index: 5;
transition: color 350ms ease;
font-family: Poppins,sans-serif;
-webkit-transition: color 350ms ease;
-moz-transition: color 350ms ease;
-ms-transition: color 350ms ease;
-o-transition: color 350ms ease
}

.postList-wrap p {
font-size: 14px;
width: 70%;
line-height: 20px;
margin: 0;
display: none;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out
}

.postList-wrap:hover {
overflow: unset
}

.postList-wrap:hover p {
display: block
}

.postList-wrap:hover h2 {
color: #FFFFFF
}

.postList-wrap::after {
content: " ";
display: block;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,rgba(165,21,19,0) 0,#a51513 10%,#a51513 90%,rgba(165,21,19,0) 100%);
z-index: 0;
opacity: 0;
transform: translateX(-100%);
transition: transform .3s ease;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease
}

.postList-wrap:hover:after {
opacity: 1;
transform: translateX(0);
transition: transform .5s ease;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transition: transform .5s ease;
-moz-transition: transform .5s ease;
-ms-transition: transform .5s ease;
-o-transition: transform .5s ease
}

.imghoverlist {
position: absolute;
right: 10%;
width: 240px;
height: 190px;
z-index: 99;
top: -50%;
transform: rotate(-10deg);
-webkit-transition: all .35s ease;
transition: all .35s ease;
opacity: 0;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg)
}

.imghoverlist figure {
background: linear-gradient(177deg,#2d2d31,#373737,#0f0f0f,#2f2b2b);
display: flex;
align-items: center;
width: 100%;
height: 100%;
margin: 0;
justify-content: center;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}

.imghoverlist img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%
}

.postList-wrap:hover .imghoverlist {
position: absolute;
right: 10%;
width: 240px;
height: 190px;
z-index: 99;
top: -100%;
transform: rotate(0);
display: block;
opacity: 1;
background: #000000;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0)
}

.arrowImg {
width: 50px;
height: 50px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
background: 0 0;
padding: 10px;
position: relative;
z-index: 99;
-ms-transition: all .2s linear
}

.arrowImg:before {
background-color: #dd1414;
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;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease
}

.arrowImg:hover:before {
top: 0
}

.arrowImg:hover:hover {
transition: .25s;
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s
}

.arrowImg:hover img {
filter: brightness(0) invert(1);
-webkit-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(0,50px,-50px) rotateX(-45deg) scale(.95);
transform: translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
opacity: 0;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
-moz-transform: translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
-ms-transform: translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
-o-transform: translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
-moz-transition: all .8s;
-ms-transition: all .8s
}

.d-rotate.animated .rotate-text {
-webkit-transform: translate3d(0,0,0) rotateX(0) scale(1);
transform: translate3d(0,0,0) rotateX(0) scale(1);
opacity: 1;
-moz-transform: translate3d(0,0,0) rotateX(0) scale(1);
-ms-transform: translate3d(0,0,0) rotateX(0) scale(1);
-o-transform: translate3d(0,0,0) rotateX(0) scale(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;
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-moz-transition: all .8s;
-ms-transition: all .8s
}

.d-slideup.animated .up-text {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-moz-transform: translateY(0);
-o-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: #FFFFFF;
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;
background-size: cover !important;
}

.newsBlockItem figure img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}

.newsBlockItem figure:before {
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 20%;
content: '';
background: linear-gradient(179deg,#ffffff00,#ffffff96,#fff,#fff)
}

.newsContent {
padding: 10px;
min-height: 100px;
z-index: 99
}

.newsContent h5 {
line-height: 20px;
font-size: 14px;
color: #000000;
padding: 0;
text-align: left;
padding-top: 0;
padding-bottom: 0
}

.newsContent h5 a {
color: #000000;
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: #dd1414;
-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%;
display: flex;
align-items: center;
justify-content: space-between
}

.news-author-meta .newssourcename a {
width: 100%;
color: #dd1414;
font-size: 13px;
text-decoration: none;
text-transform: uppercase
}

.news-author-meta .pr-news-more {
color: #000000;
font-size: 13px;
font-weight: 400
}

.news-author-meta .pr-news-more a {
position: relative;
color: #000000;
text-decoration: none;
font-weight: 400
}

.news-author-meta .pr-news-more a em {
color: #000000
}

.news-author-meta .pr-news-more a:after {
left: 0;
bottom: 0;
content: '';
width: 0%;
height: 1px;
position: absolute;
background-color: #dd1414;
-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
}

.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, .innerBanner2 {
background: #000000;
background: linear-gradient(90deg,rgba(0, 107, 173, 1) 0%, rgba(128, 181, 214, 1) 100%) !important;
padding: 130px 0 80px;
position: relative;
background-position: center;
background-size: cover;
z-index: 99;
height: 70%;
width: 100%
}

.innerBanner2:before {
left: -28px;
width: 486px;
content: "";
z-index: 1;
bottom: 0px;
height: 486.71px;
position: absolute;
background-image: url("https://atca.org/ATCA-Connect/images/pattern.svg");
opacity: 0.2;
}

/*.innerBanner:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
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%;
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, .innerBanner2 .bannerheading {
width: 90%;
padding-top: 60px;
position: relative;
margin: 0 auto
}

.innerBanner h1, .innerBanner2 h1 {
text-align: center;
color: #FFFFFF;
font-size: 44px;
line-height: 50px;
text-shadow: 2px 2px #0a0a0a;
text-transform:uppercase;
}

.twocolStyle {
background: #000000;
position: relative;
padding: 50px 0;
z-index: 9
}

.twocolStyle .testelement02 {
position: absolute;
top: 10%;
left: -2%;
bottom: unset;
z-index: 99
}

.singletext-fw p {
color: #333;
font-size: 16px
}

.singletext-fw p a {
color: #e31e33
}

.startupecosytem {
background: #000000;
position: relative;
padding: 50px 0
}

.superstartwrap {
position: relative;
padding: 50px 0;
z-index: 99
}

.superstartwrap figure img {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-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: 0 0;
color: #333;
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;
margin: 0 5px 0 5px;
border-bottom: dotted 1px #FFFFFF;
text-align: center
}

.text-marker {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15px;
height: 100%
}

.text-marker:before {
border: 3px solid transparent;
border-radius: 100%;
font: 14px/1 FontAwesome;
content: "\f058";
color: #767676;
display: block;
font-size: 30px;
position: absolute;
top: 4px;
left: -10px;
transition: background .3s ease-in-out,border .3s ease-in-out;
-webkit-transition: background .3s ease-in-out,border .3s ease-in-out;
-moz-transition: background .3s ease-in-out,border .3s ease-in-out;
-ms-transition: background .3s ease-in-out,border .3s ease-in-out;
-o-transition: background .3s ease-in-out,border .3s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%
}

.africaRocks {
position: relative;
padding: 50px 0;
z-index: 9
}

.rocks_logos {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0
}

.rocks_logos li {
padding: 10px;
width: 14.2%
}

.rocks_logos .CGMFigure {
margin: 0;
padding: 10px;
text-align: center;
background: #FFFFFF;
box-shadow: 0 0 14px -10px #222222c4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}

.CGMFigure h5 {
font-size: 16px !important;
color: #dd1414;
padding-top: 10px
}

.statsWraper {
position: relative;
background: #eff0f0;
padding: 40px 0;
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% - 0px);
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column
}

.statsItem h2 {
font-size: 40px;
text-align: center;
color: #FFFFFF
}

.statsItem p {
color: #333;
text-align: center
}

.showmobile {
display: none
}

.col4box {
position: relative;
padding: 100px 0;
z-index: 9
}

.col4box .red-pattern01 {
top: -50%
}

.col4box-item {
border: #000 solid 2px;
position: relative;
border-radius: 40px 0 40px 40px;
padding: 30px 20px;
height: 100%;
-webkit-border-radius: 40px 0 40px 40px;
-moz-border-radius: 40px 0 40px 40px;
-ms-border-radius: 40px 0 40px 40px;
-o-border-radius: 40px 0 40px 40px
}

.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 0;
position: relative;
z-index: 99
}

.leftRightContent figure {
position: relative
}

.leftRightContent figure img {
border-radius: 30px 30px;
-webkit-border-radius: 30px 30px;
-moz-border-radius: 30px 30px;
-ms-border-radius: 30px 30px;
-o-border-radius: 30px 30px
}

.leftRightContent p {
color: #4a4a4a
}

.contentRGLT {
padding: 0 0;
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: #000000
}

.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 {
position: absolute;
right: 3%;
bottom: 25%;
width: 100%;
z-index: 1;
max-width: 69px;
margin-left: 20px
}

.testimonialSlider .owl-nav .owl-prev {
position: absolute;
left: 0;
font-family: flaticon;
font-size: 20px
}

.testimonialSlider .owl-nav .owl-next {
position: absolute;
right: -12px;
font-family: flaticon;
font-size: 20px
}

.supporters-partners {
position: relative;
padding: 50px 0
}

.institutionalPArtner-inner {
position: relative;
padding: 50px 0;
z-index: 99
}

.mediaPartner-inner {
position: relative;
padding: 50px 0;
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 #FFFFFF;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: #FFFFFF;
box-shadow: -1px 6px 13px 0 #0c0c0c21;
cursor: pointer;
min-height: 100px
}

.mediapartner02:hover {
border: 2px solid #dd1414
}

.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 0;
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 0;
z-index: 99
}

.partnersBoard .red-pattern02 {
position: absolute;
top: -49%;
left: -31%;
z-index: -1;
width: 38%;
height: 100%
}

.logoborderbtm {
border-bottom: 2px dotted #cdcbcb
}

.sponsorslogoTitle {
color: #000000;
font-size: 20px;
line-height: 24px;
min-height: 44px;
letter-spacing: 1px;
padding: 12px 0 12px;
background: 0 0;
text-align: center;
text-transform: uppercase
}

.sponsors2022Logonew figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0
}

.sponosrsLogoItem figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0
}

.planvisitBoard {
position: relative;
padding: 50px 0;
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
}

.visititemtop figure {
height: 180px;
width: 100%;
margin: 0
}

.visititemtop figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px 0 0 0;
-webkit-border-radius: 40px 0 0 0;
-moz-border-radius: 40px 0 0 0;
-ms-border-radius: 40px 0 0 0;
-o-border-radius: 40px 0 0 0
}

.visititemtop h2 {
font-size: 19px;
padding-top: 20px
}

.visititemtop p {
font-size: 14px;
margin: 0;
padding-bottom: 20px;
color: #4a4a4a
}

.visititembottom {
background-color: #000000;
border-radius: 0 0 40px 40px;
-webkit-border-radius: 0 0 40px 40px;
-moz-border-radius: 0 0 40px 40px;
-ms-border-radius: 0 0 40px 40px;
-o-border-radius: 0 0 40px 40px
}

a.vistilinkbar {
background-color: #000000;
border-radius: 0 0 40px 40px;
width: 100%;
padding: 10px 20px 10px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #FFFFFF;
padding-right: 30px;
font-size: 14px;
height: 80px;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 0 0 40px 40px;
-moz-border-radius: 0 0 40px 40px;
-ms-border-radius: 0 0 40px 40px;
-o-border-radius: 0 0 40px 40px
}

.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: 5px solid #aaa8a787;
overflow: auto;
background: #FFFFFF;
border-radius: 5px;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}

.commonModal .modal-content .modal-body {
width: 100%
}

.commonModal .close {
padding: 10px 10px;
margin: 0;
position: absolute;
right: 0;
color: #dd1414;
font-size: 20px;
opacity: .8;
z-index: 999;
outline: 0;
box-shadow: unset !important;
border: none;
top: 0
}

.commonModal .close .modalIndex {
z-index: 9999
}

ul.PopupContactList {
padding: 0;
margin: 10px 0 0 0;
list-style: none
}

ul.PopupContactList li {
display: block;
margin: 0 0 6px 0;
font-size: 16px
}

ul.PopupContactList li a {
color: #dd1414
}

.travelpopup {
align-items: start
}

.imgwhite {
-webkit-filter: brightness(0) invert(1);
--filter: brightness(0) invert(1);
filter: brightness(0) invert(1)
}

.hotelListWrap {
padding: 50px 0;
position: relative;
z-index: 99
}

.hotelListWrap .sectionTitle {
width: 100%
}

.hotelListWrap .sectionTitle h4 {
font-size: 20px
}

p.hotellistpar {
font-size: 18px;
color: #000000
}

p.hotellistpar strong {
font-weight: 600
}

.flightAfricaTable {
margin: 0 auto;
padding: 30px 0;
text-align: center;
position: relative
}

.flightAfricaTable.allhotelslist {
padding: 30px 0;
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: 400;
padding: 0;
border-top: 0 solid #e8e8e8;
border-bottom: 0 solid #e8e8e8
}

.flightAfricaTable .product, .flightAfricaTable .tl {
color: #FFFFFF;
padding: 10px;
font-size: 14px
}

.flightAfricaTable .product {
background: #dd1414;
height: 40px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .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: #FFFFFF;
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;
text-align: center
}

.hotelListItem01 ul {
margin: 0;
padding: 0
}

.hotelListItem01 li {
list-style: none;
margin: 10px 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-size: 14px
}

.hotelListItem01 a {
color: #dd1414 !important
}

.hotelListItem01 li span .fa {
font-size: 20px;
margin-right: 15px;
color: #000000
}

.stroke-transparent {
-webkit-text-stroke: 1px #000000 !important;
-webkit-text-fill-color: transparent
}

.fellowInvestors {
position: relative;
padding: 50px 0;
z-index: 99
}

.stageinvst10 {
position: relative;
padding: 50px 0;
z-index: 99
}

.gettingMorocco {
position: relative;
padding: 50px 0;
z-index: 99
}

.gettingMorocco figure {
margin: 0
}

.gettingflightsWrap {
padding: 40px 40px;
position: relative
}

.flightsDEtBtn {
position: relative;
margin: 30px 0
}

.flightsDEtBtn a {
padding: 20px 20px;
padding-left: 15px;
background: #000000;
color: #FFFFFF;
display: block;
padding-right: 35px;
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600
}

.flightsDEtBtn a:hover {
background: #000000
}

a.redlinkbtn {
background-color: #e31e33
}

a.greenlinkbtn {
background-color: #dd1414
}

.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(.003deg);
color: #FFFFFF;
font-size: 20px;
display: flex;
align-items: center;
-webkit-transform: rotate(.003deg);
-moz-transform: rotate(.003deg);
-ms-transform: rotate(.003deg);
-o-transform: rotate(.003deg)
}

.hotelsMarrakech {
position: relative;
padding: 50px 0;
z-index: 99;
background: #eff0f0
}

.starhotelsITem {
margin-top: 0;
border: #000 solid 1px;
position: relative;
border-radius: 45px 0 40px 40px;
padding: 0 0;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}

.starhotelsITem h2 {
font-size: 18px;
padding: 0 10px;
padding-bottom: 10px;
text-align: center
}

.starhotelsITem figure img {
border-radius: 42px 0 0 0;
-webkit-border-radius: 42px 0 0 0;
-moz-border-radius: 42px 0 0 0;
-ms-border-radius: 42px 0 0 0;
-o-border-radius: 42px 0 0 0
}

.starhotelsITem a {
background-color: #e31e33;
border-radius: 0 0 40px 40px;
width: 100%;
padding: 20px 10px 20px 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 0 0 40px 40px;
-moz-border-radius: 0 0 40px 40px;
-ms-border-radius: 0 0 40px 40px;
-o-border-radius: 0 0 40px 40px
}

.starhotelsITem a:hover {
background-color: #000000
}

.starsRating {
display: block;
padding-bottom: 20px
}

.staractive {
color: #ffa600 !important
}

.starsRating .fa {
font-size: 19px;
color: #cfcfcf
}

.otherttravel03 {
position: relative;
padding: 50px 0;
z-index: 99
}

.travelothertab .accordion-button i {
background: #000000;
width: 50px;
height: 50px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-right: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%
}

.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;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-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: #dd1414
}

.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;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-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 0;
color: #dd1414 !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 {
display: block;
width: 100%
}

.appbtnstyle a {
width: 10%;
display: inline-block
}

.travelpopup a {
color: #dd1414
}

.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: #FFFFFF;
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}

.airportshortinfo h3 {
padding-top: 25px
}

.airportshortinfo h3 a {
font-size: 30px;
color: #ffbb1a
}

.airportshortinfo h2 span .fa {
font-size: 40px;
margin-bottom: 15px;
color: #FFFFFF
}

.airportshortinfo h2 span .fa.stroke-transparent {
-webkit-text-stroke: 1px #FFFFFF !important;
-webkit-text-fill-color: transparent
}

.listStyle {
margin: 0;
padding: 0
}

.listStyle li {
position: relative;
color: #000000 !important;
font-size: 16px;
line-height: 24px;
list-style: none;
padding: 5px 0 5px 24px;
margin: 0;
margin-bottom: 8px
}

.listStyle li:before {
position: absolute;
top: 8px;
left: 0;
font: 14px/1 FontAwesome;
content: "\f192";
color: #dd1414
}

.flightAfricaTable {
margin: 0 auto;
padding: 30px 0;
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: 400;
padding: 0;
border-top: 0 solid #e8e8e8;
border-bottom: 0 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: #FFFFFF;
border-bottom: #15434675 solid 1px;
border-right: 1px solid #1898a2;
font-size: 14px;
font-weight: 500;
text-transform: uppercase
}

.flightAfricaTable .product, .flightAfricaTable .tl {
color: #FFFFFF;
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: .4px;
width: 22%
}

.flightAfricaTable .price-info {
padding: 15px
}

.flightAfricaTable .price-now, .flightAfricaTable .price-now span {
color: grey
}

.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: #FFFFFF;
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: 0
}

.flightAfricaTable .price-now span {
font-size: 32px
}

.flightAfricaTable .price-now p {
display: block
}
}

@media screen and (max-width:720px) {
.table_ul {
padding: 0
}

.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: #FFFFFF
}

.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 0;
background-color: #eff0f0;
z-index: 99
}

.africamarketInner {
padding: 30px 40px
}

.africamarketItem {
background: #000000;
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: #FFFFFF;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.2px
}

.usefulinfoITems .africamarketItem h2 {
font-size: 21px;
padding-bottom: 20px
}

.africamarketItem p {
letter-spacing: .6px;
font-size: 14px;
color: #FFFFFF;
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: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s
}

.imageStylehover h2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #dd1414;
color: #FFFFFF;
padding: 10px 10px;
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin: 0;
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: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 0;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .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 h2 {
font-size: 30px;
padding-bottom: 30px;
color: #dd1414;
text-transform: uppercase
}

.travelpopup22 p {
color: #000000;
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 0
}

.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%;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
z-index: 99;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}

.novafetures-Item.colorblock-1 {
background: #dd1414ad;
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: #FFFFFF;
font-size: 23px;
line-height: 25px;
padding-bottom: 30px;
min-height: 80px
}

.novafetures-Item p {
color: #FFFFFF;
font-size: 14px;
margin: 0
}

.faqwrap {
position: relative;
padding: 50px 0;
z-index: 99
}

.speakerWraper {
position: relative;
padding: 50px 0
}

.prizedistr {
position: relative;
padding: 50px 0;
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 0 40px 40px;
padding: 10px 10px;
text-align: left;
height: 100%;
display: flex;
flex-direction: column;
background-color: #FFFFFF;
-webkit-border-radius: 40px 0 40px 40px;
-moz-border-radius: 40px 0 40px 40px;
-ms-border-radius: 40px 0 40px 40px;
-o-border-radius: 40px 0 40px 40px
}

.prizedistr-item figure {
margin: 0 0 20px 0
}

.prizedistr-item figure img {
border-radius: 40px 0 5px 5px;
-webkit-border-radius: 40px 0 5px 5px;
-moz-border-radius: 40px 0 5px 5px;
-ms-border-radius: 40px 0 5px 5px;
-o-border-radius: 40px 0 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 0;
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;
display: flex;
flex-direction: column;
width: 90%;
border-top: 0 solid;
border-right: 0 solid;
border: 3px solid #dd1414;
-webkit-border-radius: 0 10px 200px/0 200px 14px 250px;
border-radius: 0 10px 200px/0 200px 14px 250px;
-moz-border-radius: 0 10px 200px/0 200px 14px 250px;
-ms-border-radius: 0 10px 200px/0 200px 14px 250px;
-o-border-radius: 0 10px 200px/0 200px 14px 250px
}

.big_font3 .item .single_testimonials_2 {
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: .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: #000000
}

.big_font3 .item .slider_content {
text-align: center;
padding: 0
}

.big_font3 .item .slider_content p {
color: #000000
}

.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: 0;
-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: .3;
z-index: 0;
transform: rotate(180deg);
left: 0;
background-color: transparent !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg)
}

.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 30px;
text-align: center;
margin: 0 auto;
font-weight: 600;
text-transform: uppercase;
color: #dd1414 !important
}

.logo-details figure {
width: 200px;
height: 150px;
display: flex;
align-items: center;
margin: 0;
background: #FFFFFF;
box-shadow: 2px 2px 8px 0 #0c0c0c2b;
padding: 10px;
margin-bottom: 20px
}

.logo-details p {
text-align: center;
font-size: 14px;
line-height: 26px
}

.visit-incredible {
position: relative;
padding: 50px 0;
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: #000000;
background: #ffe075;
font-size: 14px;
padding: 4px 10px;
border-radius: 1px;
transform: rotate(355deg);
margin-bottom: 15px;
margin-top: -20px;
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
-ms-transform: rotate(355deg);
-o-transform: rotate(355deg);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px
}

.newsletterSec {
position: relative;
padding: 40px 0;
z-index: 99
}

.testimonialWrap {
position: relative;
padding: 50px 0;
background: #000000
}

.visittagline h4 {
line-height: 40px
}

.pitech-timeline {
padding: 50px 0;
background: #eff0f0;
position: relative;
z-index: 99
}

.timeline-horzt {
padding: 50px 0 0 0
}

.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;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
background: #dbdbdb;
padding: 10px 10px;
-webkit-border-radius: 100%
}

.timelineCircle:before {
content: " ";
position: absolute;
right: 0;
top: 0;
height: 50%;
width: 25px;
margin-right: -8%;
transform: skewX(15deg);
-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;
transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
background: #e31e33
}

.timelineCircle p {
font-weight: 800;
color: #000000;
margin: 0;
font-size: 16px
}

.timelineItemOuter h4 {
padding: 10px 0;
font-size: 18px
}

.quoteslideItem {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
padding: 40px 0 0 0;
padding-top: 80px
}

.quoteOuter {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
padding: 40px 0;
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: #000000;
padding: 30px 30px;
color: #FFFFFF;
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: #000000;
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: 0 0;
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: 0 0;
border-top: 7px solid #e31e33;
border-right: 7px solid #e31e33;
box-sizing: border-box
}

.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: 0 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 0;
margin: 0 auto
}

.quotBtm:before {
position: absolute;
top: -20px;
left: 20%;
content: '';
border-top: 60px solid #000000;
border-left: 120px solid transparent
}

.quotBtm figure {
width: 180px;
margin-bottom: 10px;
background-color: #eff0f0
}

.quotBtm figure img {
width: unset !important;
max-width: 100%;
transform-style: unset;
-webkit-transform-style: unset;
mix-blend-mode: multiply;
filter: contrast(1);
-webkit-filter: contrast(1)
}

.quotBtm h4 {
background: #e31e33;
font-size: 16px;
color: #FFFFFF;
padding: 5px 20px
}

.visitquote {
position: relative;
padding: 50px 0 10px 0;
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 0;
z-index: 99
}

.speakerItem01 {
padding: 0;
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: 0 !important;
background: #000000
}

.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: #FFFFFF;
font-size: 20px;
text-align: left
}

.speakerItem01 .speakerInfo p.speakDesg {
margin: 0;
padding: 5px 0;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
text-align: left
}

.speakerItem01 .speakerInfo p.speakComapny {
margin: 0;
padding: 0;
color: #FFFFFF;
font-weight: 600;
font-size: 16px;
padding-bottom: 10px;
text-align: left;
line-height: 20px
}

.speakerpop {
position: relative;
padding: 0 0
}

.speakerpop .modal-body, .speakerpop .modalContentBox {
padding: 0;
width: 100%;
display: block
}

.PopupLeftSide {
height: 100%;
padding: 12px;
background-color: #000000 !important;
padding: 50px 20px
}

.PopupLeftSide figure {
width: 100%;
text-align: center;
margin: 0 auto 16px;
border: 5px solid #FFFFFF
}

.SpeakersLeftInfo h2 {
font-size: 16px;
text-align: center;
color: #FFFFFF
}

.popdesignation {
font-size: 18px;
color: #FFFFFF;
text-align: center
}

.popcompanyName {
font-size: 18px;
color: #dd1414;
text-align: center
}

.popcountry {
font-size: 18px;
color: #FFFFFF;
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: 0 10px;
padding-top: 30px
}

.Sepeaker_Bio p {
color: #4a4a4a;
font-size: 13px
}


.zeguten-column-video {
border-radius: 16px !important;
overflow: hidden;
}

.sectiontitleNew h2 {
color: #FFFF;
font-size: 35px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.01em;
position: relative;
margin-bottom: 10px;
text-transform: uppercase;
margin: 0;
}

footer.custom-fotter {
padding: 0;
background: radial-gradient(circle, #392739, #152a3f);
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
padding-top: 60px;
padding-bottom: 40px;
border-top: 1px solid #ffffff61;
}

.footer .footer-links .footer-title {
position: relative;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
padding-bottom: 10px;
margin-bottom: 25px;
letter-spacing: 2px;
}
.footer .footer-links .footer-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 15px;
height: 2px;
background-color: #fff;
}

footer a, footer p {
color: rgb(246 246 246 / 92%);
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
/* text-transform: uppercase; */
letter-spacing: 1.2px;
line-height: 20px;
font-variant-numeric: unset;
font-family: unset;
font-family: montserrat, sans-serif;
font-weight: 500;
}

.footer .footer-links .footer-block .footer-logo {
width: 56%;
}
.footer .copyright .copright-text {
color: #a7a7a7;
margin-top: 5px;
font-weight: 500;
text-align: right;
}

.PrimaryButton i, .PrimaryButton em {
background: #fff;
color: #000;
margin: 0 7px 0px 0;
padding: 5px 7px 5px 7px;
border-radius: 50%;
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;
}

.PrimaryButton {
background: #F1DFB3;
color: #000;
padding: 12px 22px 12px 22px;
border-radius: 26px;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1.2px;
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;
border: 2px solid transparent;
}

.PrimaryButton:hover {
background: #F1DFB3;
color: #c81c24 !important;
border: 2px solid rgb(139 138 138 / 41%) !important;
}

.PrimaryButton:hover i,
.PrimaryButton:hover em {
background: #c81c24;
color: #fff !important;
}

section.greekOnStyle.brand-client {
padding: 30px 0 10px 0;
}
.footer .copyright {
padding-top: 30px;
font-size: 14px;
letter-spacing: 2.67px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.footer .footer-links {
padding-top: 30px;
padding-bottom: 25px;
}
.footer .footer-links .footer-block .footer-social ul li a i, .footer .footer-links .footer-block .footer-social ul li a em {
font-size: 18px !important;
}

.footer .footer-links .footer-block .footer-social ul li a {
color: #000;
border: 1px solid #bebebe;
z-index:1;
}

.footer .footer-links .footer-block .footer-social ul li a i {
position: relative;
z-index: 2;
-webkit-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.footer .footer-links .footer-block .footer-social ul li a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
border-radius: 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background-color: #fff;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1);
transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
-moz-transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
-ms-transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
-moz-transform: scale(0);
-o-transform: scale(0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
z-index:-1;
}

.footer .footer-links .footer-block .footer-social ul li a:hover i {
color: #000;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg)
}

.v-light .footer .footer-links .footer-block .footer-social ul li a:hover i {
color: #fff
}

.footer .footer-links .footer-block .footer-social ul li a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-o-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s;
transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-moz-transform: scale(1);
-o-transform: scale(1);
-moz-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-ms-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s
}

.footer .footer-links .footer-block .footer-social ul li a {
position: relative;
color: #c81c24 !important;
border-radius: 50%;
letter-spacing: 0;
border: 1px solid rgba(255, 255, 255, .07);
height: 40px;
width: 40px;
line-height: 35px;
text-align: center;
-webkit-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.footer .footer-links .footer-block .footer-social ul li a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-o-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s;
transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-moz-transform: scale(1);
-o-transform: scale(1);
-moz-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
-ms-transition: transform .5s cubic-bezier(.23, 1, .32, 1) .2s, opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1) .2s;
}

.atca-sponsor-section ul.custom-list li {
position: relative;
padding-left: 25px;
margin-bottom: 12px;
}

.atca-sponsor-section ul.custom-list li::before {
content: "\f26e";
font-family: "bootstrap-icons";
position: absolute;
left: -2px;
color: #c81c24;
font-size: 18px;
top: 3px;
border: 1px solid #c81c24;
border-radius: 50%;
height: 18px;
width: 18px;
display: flex;
align-items: center;
justify-content: center;
}

.atca-sponsor-section .card-body ul li strong, .atca-sponsor-section .card-body h3 {
color: #152a3f;
}
.atca-sponsor-section .card {
border-radius: 0;
border: 0;
border-right: 2px solid #152a3f17 !important;
padding: 3px;
}

.atca-sponsor-section .card-body {
background-color: #ffffff;
border: 0 !important;
border-right: 2px solid #c81c241a !important;
}
.atca-sponsor-section .card-body.border-0,
.atca-sponsor-section .card.border-0 {
border: 0 !important;
}

.atca-sponsor-section {
padding-bottom: 50px;
}

.atca-sponsor-section .icon {
width: 48px;
height: 48px;
position: relative;
margin-bottom: 40px;
}

.atca-sponsor-section .icon i, .atca-sponsor-section .icon em {
color: #52565e;
font-size: 56px;
transition: ease-in-out 0.3s;
z-index: 2;
-webkit-transition: ease-in-out 0.3s;
-moz-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-text-stroke: 1px #c81c24;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 60px;
}

footer a:hover {
color: red;
}

.editionbuilt1 .hub-content {
-webkit-box-align: center;
-ms-flex-align: start;
align-items: center;
}

.ImageBox_ img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}

.ImageBox_ {
height: 350px;
width: 350px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
border-right: 5px solid #152a3f;
border-left: 5px solid #c81c24;
padding: 6px;
}

.SingleTextBox_ {
padding: 35px 14px 35px 14px !important;
background: #f7f7f7;
border: 1px solid #e5e5e5ee;
border-right: 2px solid #c81c24;
border-left: 2px solid #c81c24;
margin: 0 auto !important;
}

.SingleTextBox_ h4 {
margin: 0;
}

.hub-image.HubImageStyling_as {
border-radius: 40px;
border: 4px solid #cfcfcfee;
}

.atcamaincontainer {
overflow: hidden;
}

div#hotelAccordion h2 button {
font-size: 22px;
}

.accordion-button:focus {
border-color: transparent !important;
outline: 0 !important;
box-shadow: inherit !important;
border-bottom: 1px solid #fff;
}

div#hotelAccordion h2 button.accordion-button {
border-bottom: 1px solid #fff !important;
}

div#hotelAccordion h2 button.accordion-button.collapsed {
border: 0 !important;
}

.heroSectionnew {
    height: 100vh !important;
}
.heroSectionnew .ms-main {
background-image:url("https://atca.org/ATCA-Connect/images/atca-bg-img.jpg");
background-position:center;
background-repeat: no-repeat;
background-size: cover;
}
.heroSectionnew .ms-main .videobg {
top:0 !important;
}
.heroSectionnew .innerTextSlide {
padding-bottom: 150px !important;
}
/*Pass card*/
.pass-sec {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 60px 0;
    }
    .pass-card {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 380px;
    background-image: url(https://www.atca.org/ATCA-Technical-Symposium/images/3409297.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .pass-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    top: 0;
    left: 0;
    z-index: 1;
    }
    .pass-card::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.6;
    }
    .headingwrap {
    padding: 20px;
    background: linear-gradient(
    90deg,
    rgba(21, 42, 63, 1) 0%,
    rgba(200, 28, 36, 1) 100%
    );
    position: relative;
    z-index: 9;
    }
    .headingwrap h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin: 0;
    padding: 0;
    color: #fff;
    }
    .maincontentwrap {
    padding: 10px 20px 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    }
    .contentwrap p,
    .contentwrap ul,
    .vap-btn {
    position: relative;
    z-index: 9;
    color: #fff;
    }
    .contentwrap p {
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    }
    .contentwrap p span {
    font-weight: bolder;
    }
    .contentwrap ul {
    margin: 20px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    }
    .contentwrap ul li {
    list-style: none;
    font-size: 12px;
    color: #152a3f;
    font-weight: 600;
    background: #fff;
    padding: 3px 10px;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    }
    .contentwrap ul li svg {
    fill: #c81c24;
    }
    .vap-btn {
    padding: 10px 20px 20px;
    }
    .vap-btn .PrimaryButton {
    padding: 8px 10px;
    font-size: 12px;
    }
    .vap-btn .PrimaryButton i, .vap-btn .PrimaryButton em {
    padding: 5px 6px 4px;
    }
    /* Media Quries */
    @media (max-width: 1399.98px) {
    .contentwrap ul li {
    font-size: 9.5px;
    }
    .headingwrap h2 {
    font-size: 18px;
    }
    .pass-card {
    height: 370px;
    }
    .vap-btn .PrimaryButton {
    padding: 5px 10px;
    font-size: 9px;
    }
    }
    @media (max-width: 991.98px) {
    .pass-card {
    height: 430px;
    }
    .contentwrap ul li {
    font-size: 10px;
    }
    }
    @media (max-width: 767.98px) {
    .pass-card {
    height: auto;
    }
    }
    @media (max-width: 575.98px) {
    .contentwrap ul li {
    font-size: 12px;
    }
    }
    .hotndc h3 {
    color: #152a3f;
    margin: 0;
    font-size: 30px;
    }
    .hotndc p {
    color: #c81c24;
    font-size: 18px;
    }
    .hotndc h6 {
    margin:0;
    padding: 0;
    }
    .hotndc h6 a {
    color: #c81c24;
    }
/*Pass card*/

/*Countdown*/
#countdown-new {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    background: #152a3f;
    padding: 20px 10px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

    #countdown-new::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(https://www.atca.org/ATCA-Technical-Symposium/contents/theme2023/images/rm373batch2-04.jpg);
        background-position: center 75%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        opacity: 0.2;
        mix-blend-mode: luminosity;
    }

.box-new {
    color: #c81c24;
    padding: 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    width: 110px;
    position: relative;
    z-index: 9;
}

.label-new {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    color: #fff;
    position: relative;
    z-index: 9;
}

.line {
    background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100% );
    width: 2px;
    height: 60px;
    display: block;
}

@media (max-width: 575.98px) {
    #countdown-new {
        width: 100%;
    }

    .box-new {
        width: 20%;
    }
}
@media (max-width: 480px) {
    #countdown-new {
        width: 100%;
    }

    .box-new {
        width: 24%;
    }
}
/*Countdown*/


    .sponsor_Logo {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px;
    margin-bottom: 30px;
    }
    .sponsor_Logo {
    display: flex
    ;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px;
    width: 95%;
    }
    .sponsor_Logo p {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0px 0px 10px 10px;
    width: 100%;
    padding: 10px 0;
    background: linear-gradient(0deg, #382739 0, #152a3f 51%);
    font-family: Calibri;
    font-weight: 700;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    }
    .sponsor_Logo figure {
    margin: 0;
    padding: 10px 15px;
    width: 100%;
    height: 140px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
    }

    .dynamic-sponsor .sectiontitleNew h6 {
    font-size: 70px;
}

.dynamic-sponsor {
    padding-bottom: 60px !important;
}

header.headfixed {
    background: #006BAD;
    position: fixed;
    z-index: 9999;
}