body{margin:0px;padding:0px;font-family: "Onest", sans-serif;font-size:16px; line-height:28px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{ font-family: "Onest", sans-serif; color:#0d1a42;}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#e21f36; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}


p{ font-size:14px; text-align:left; line-height:23px; margin-bottom:12px; color:#666666}
.maindiv{ max-width:1920px; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1200px; margin:0 auto; width:100%; position: relative;}

.header-wraper { margin: 0 auto; max-width: 1920px; position: absolute; width: 100%; z-index: 100;  }


.middle-back {  }
.middle-wraper { padding: 0 0; transition: all 0.5s ease 0s; padding: 5px 20px; background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(5.1999998093px); border-bottom: 1px solid #FFFFFF1A;}
.middle-wraper .logo { float: left; margin: 5px 0; transition: all 0.5s ease 0s; width: 250px;}
.middle-wraper .logo img{ max-width:100%; transition:all 0.5s ease 0s;}
.middle-wraper .logo img.logo-white{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}




.middle-wraper .nav-wraper { float:right; width: 100%; max-width:72%; margin-top:15px;}



.sf-menu { float:right; }
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #fff; display:inline-block; font-size: 15px; font-weight:600; line-height: 15px; padding: 15px 20px; transform: translate3d(0px, 0px, 0px);  text-transform:uppercase; letter-spacing: 1px;}	

.sf-menu > li > a{ position:relative;}
.sf-menu > li:last-child > a { position: relative; background:#aa1847; border: 2px solid #aa1847; padding: 13px 30px;  color: #fff;	border-radius: 50px;}
.sf-menu > li:last-child > a:hover{ background:none; color:#fff;}

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li + li { margin-left:0;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span { color: #aa1847; }
.sf-menu > li.current > a{ color: #aa1847  }	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:82px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff ; text-align:left;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 8px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#ff7300;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.africamiddle-wraper.sticky{ background:#00000a;}
.middle-wraper.africamiddle-wraper.sticky .logo{ width:230px;}
.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; box-shadow:2px 2px 6px rgba(0,0,0,.2); background:#0c1436;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo { margin: 5px 0; width: 200px; transition:all 0.5s ease 0s;}
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:10px; margin-bottom: 10px;}
.middle-wraper.sticky .sf-menu > li > a{ }
.middle-wraper.sticky .sf-menu > li:last-child > a{ }
.middle-wraper.sticky .logo img.logo-dark{ display: block;}
.middle-wraper.sticky .logo img.logo-white{/* display: none;*/}
.middle-wraper.sticky .middle-back{ background:none; border: none; margin: 0;}


.banner-wraper{ position:relative; overflow: hidden}

.banner-wraper:before{ }
.banner-block{ position:relative;}
.banner-block{ position:relative; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(0deg, rgba(0, 1, 7, 0.76) 0%, rgba(0, 0, 0, 0.55) 100%); background-position: center top; background-repeat: no-repeat; height: calc(100vh - 92px); padding: 30% 30px 35%}
.banner-block img{ max-width:100%;}
.banner-block .fullwidth-video{position:absolute;top:0;left:0;z-index:1;min-height:100%;min-width:100%;-webkit-transform-style:preserve-3d; overflow:hidden;}
.banner-block .fullwidth-video video{ position:absolute; top:50%; left:50%; z-index:1; min-height:100%; min-width:100%; height:auto; width:auto; -o-object-fit:cover;  object-fit:cover;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.banner-block .fullwidth-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; background-image: linear-gradient(120deg, #000 0%, #000 100%);opacity: .8; }



.banner-img-desc { position: absolute; width: 100%; text-align: center; top: 20%; max-width: 100%; margin: 0 auto 20px;font-weight: 700; left: 0; right: 0; z-index: 10;}

.banner-1:first-child{ }
.banner-1{ float: right; width: 100%;}
.banner-1-inner{ padding: 0 15px; text-align: center; position: relative;}
.bannerimginfo { }
.bannerimginfo img{ max-width: 100%;}
.bannerlogo {text-align: left;max-width: 55%; margin: 0 auto;}
.bannerlogo img{ max-width:100%;}
.bannerlogo h1 { font-size: 70px; line-height: 110px; text-transform: uppercase; font-style: italic;color: #fff;}

.homebtn{ margin-top:30px; text-align: center;  width: 100%;}
.homebtn a.themebtn{ padding:13px 35px;}

.bannerimginfo .tagline { color: #fff; text-align: center; text-transform: uppercase; font-size: 25px;	font-weight: 600; line-height: 35px; margin: 35px auto 35px;}

.bannertag {color: #fff;text-transform: capitalize;font-size: 35px;font-weight: 800;line-height: 45px;margin: 25px auto 20px;	max-width: 800px;text-align: center;}

.bannercity { color: #fff; text-transform: capitalize; font-size: 22px; font-weight: 800; line-height: 35px; margin: 0 auto 20px;	max-width: 1000px;	text-align: center;
}

.date-place { display: flex; align-items: center;margin-bottom: 30px;text-align: center;max-width: 100%;	margin: 0 auto;}
.date-place ul{ text-align: center; width: 100%; display: flex; align-items: center; justify-content: center;}
.date-place ul li{ display: inline-block; font-size: 20px; margin: 0 25px 0 0; color: #fff; vertical-align: top; text-align: center; font-weight: 500;}
.date-place ul li i{ color:#e62561; font-size: 20px; vertical-align: middle; margin: 0 10px 0 0}
.date-place ul li:nth-child(3){ order:1;}
.date-place ul li:nth-child(2){ order:3;}
.date-place ul li:nth-child(1){ order:2;}


.shape-bottom { position: absolute; right: -8%; z-index: 10; top: 20%;}
.shape-bottom img {  max-width: 100%}

.countdown{ display: flex; align-items: center; column-gap: 30px; justify-content: center; margin-top: 40px;}
.count-b { background: rgba(0, 0, 0, .1); backdrop-filter:blur(20px); color:#fff; font-size: 36px; font-weight: 800;  width: 114px; height: 112px; padding-top: 22px; border-radius: 100%; text-align: center; border: 1px solid rgba(212, 27, 85, .5)}
.dig { font-size: 45px; font-weight: 800; line-height: 45px;color: #fff; -webkit-text-stroke-width: .5px; stroke-width: .5px; -webkit-text-stroke-color: #fff; stroke: #fff; text-fill-color: transparent; -webkit-text-fill-color: transparent;}
.count-b .count-t { font-size: 14px; color: #fff; margin-top: 0; font-weight: 700; line-height: 22px;}
.count-cl{ background-color: #05151288;  }

.pagebtn { }
.themebtn { font-size: 15px; color: #fff; padding: 16px 30px; line-height: 18px; transition: all .5s; position: relative; cursor: pointer; text-align: center; overflow: hidden; z-index: 1; background:#aa1847; border: 1px dashed #aa1847; display: inline-block; text-transform: uppercase; font-weight: 700;	border-radius: 50px;}
.themebtn i{position:relative;top:1px;margin-right:5px}
.themebtn:before{top:0;left:0}
.themebtn:after,.themebtn:before{content:"";position:absolute;width:0;height:100%;background:#26000d; z-index:-1; transition:all .5s; color: #000;}
.themebtn:after{bottom:0;right:0}
.themebtn.active{margin-left:10px;color:#000;background-color:#fff}
.themebtn.active:before, .themebtn.active:after{ background-color:#000;}
.themebtn.active:hover{ color:#fff}
.themebtn:hover{color:#fff; text-decoration:none;}
.themebtn:hover:before{left:auto;right:0;width:50%}
.themebtn:hover:after{left:0;right:0;width:50%}


.bottompattern{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
.bottompattern img{ max-width:100%; width: 100%;}

.toppattern{ position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
.toppattern img{ max-width:100%; width: 100%}

.inspire-wraper{ position:relative; margin-top: -60px;}

.inspire-one.inspire1-one { transform: rotate(-5deg); margin-top: 45px; position: relative; z-index: 55;}
.inspire-one.inspire1-one .animation_mode{ background: #460018; border-top: 1px solid #f42868; border-bottom: 1px solid #f42868;}

.inspire-one { position: relative; overflow: hidden; padding: 0 0px 0; transform: rotate(5deg); z-index: 50; margin-top: -60px;}

.inspire-one.alternate{ padding-bottom:120px; }

.inspire-one:before{ position:absolute; content:''; left:0px; top:0; right:0px; height:100%;  background: #734BDF;}
.inspire-one .animation_mode{ position:relative; min-height:70px;  background:#aa1847; border-top: 1px solid #460018; border-bottom: 1px solid #460018;}
.inspire-one .animation_mode h3{ position: relative; font-size: 22px; line-height: 1em; font-weight: 600; margin: 25px 25px 0px; display: inline-block; text-transform: uppercase;color:#fff;}
.inspire-one .animation_mode h3:hover{ }
.inspire-one .animation_mode h3 i{ margin:0 15px 0 0;}

.services-one__bg { width: calc(100% - 60px); height: 100%; position: relative; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 60px; overflow: hidden; background-color:#F1F3FF;}
.services-one__bg__1 { mix-blend-mode: overlay;}
.services-one__bg__1, .services-one__bg__2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: inherit;}
.services-one__bg__2 { z-index: 1;}

.about-wraper { padding: 300px 0 80px; position: relative; background: url("../images/bannerbg.jpg") no-repeat center center; background-size: cover; margin-top: -125px;}
.about-block{ position:relative; z-index: 1;}
.about-1:first-child{ width: 41%; float: right;}
.about-1:first-child .about-1-inner{ }
.about-1:last-child .about-1-inner{ }
.about-1{ width:58%; float:left;}
.about-1-inner{ margin: 0 15px; text-align: center; position: relative;}

.about-1-inner h2 { font-size: 50px; font-weight: 700; margin-bottom: 20px; text-align: left; line-height: 60px; color: #fff;}
.about-1-inner h4{ position: relative; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: normal;	padding-left: 15px; margin-bottom: 15px; color: #f32a69;}
.about-1-inner h4:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #f32a69;border-radius: 50%; width: 6px; height: 6px;}
.about-1-inner p{ text-align:justify; font-weight: 400; font-size: 14px; color: #fff;}
.about-1-img{ display: flex;}
.about-1-img img{ max-width:100%; border-radius: 10px;}
.about-1-info{ text-align: left;}
.about-1-info .sub-text { text-align:left;}
.about-1-info p.lastp{ background: #f6f6f6; padding: 20px; border-left: 4px solid #734BDF; border-radius: 20px;}

.abtbtn{ margin-top:90px;}

.about-us-image-box-1-metal{ position: relative; width: 95%; padding-bottom: 0; background-image: url('../images/about-icon.png');    background-repeat: no-repeat; background-size: 105px auto;background-position: bottom 60px left 6.771vw;}
.about-us-image-metal{ height: 100%;  position: relative; z-index: 1; border: 2px solid #f32a69;}
.about-us-image-metal figure{ height: 100%; display: block; margin: 0;}
.about-us-image-metal figure img{  width: 100%;aspect-ratio: 1 / 1.15; object-fit: cover; }
.about-us-image-box-2-metal { position: absolute; width: 28%; z-index: 1;bottom: 0;right: 0;}
.about-us-image-box-2-metal .about-us-image-metal{ margin-left: -215px;}
.about-us-image-box-2-metal .about-us-image-metal figure{border: 6px solid #fff; margin: 0;}
.about-us-image-box-2-metal .about-us-image-metal img{ aspect-ratio: 1 / 0.97; border-radius: 12px;}

.image-anime{ position: relative; overflow: hidden;}
.image-anime:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1;}
.image-anime:hover:after{ height: 250%; transition: all 600ms linear;background-color: transparent;}

.about-two_image-two{position:relative;overflow:hidden;opacity: 0;transition:all 900ms ease;clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}
.about-two_image-two.now-in-view{opacity: 1;clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);transition-delay: 250ms;}
.about-two_image-two img{position:relative;width:100%;display:block;}

.bg-blur { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 370px; max-height: 370px; width: 100%; height: 100%; border-radius: 50%; 	overflow: hidden; pointer-events: none; filter: blur(80px); background-image: linear-gradient(90deg, #0338df 0%, #08b4d5 100%);}

.about-bg-blur.bg-blur { top: 97%; left: 45%; z-index: 30; background: #aa1847; opacity: .6; mix-blend-mode: color; }

.aboutshape { position: absolute; bottom: -15%; max-width: 200px;}
.aboutshape img{ max-width:100%;}

.rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear;  }
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}

.layershape { position: absolute; top: -50%; left: 0; opacity: .6}
.layershape img{ max-width:100%;}

.unique-wraper{ padding: 100px 0; position: relative; background: #060002;}
.unique-block{ position: relative; z-index: 1;}
.unique-1{ float: left; width: 33.33%}
.unique-1-inner { margin: 10px; padding: 25px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 36px; font-weight: 800; border-radius: 10px; height: 365px; border: 1px solid rgba(243,42,105, .5); position: relative;}
.unique-1-inner:before{ content: '';  display: block; position: absolute; right: 0;  bottom: 0; background: #aa1847; border-radius: 10px; width: 0; height: 0;  transition: all 0.4s ease-in-out;}
.unique-1-inner:hover::before{  width: 100%;height: 100%;}
.unique-1-icon{ position: relative; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; overflow: hidden; color: #0d1a42; font-size: 20px; margin-bottom: 30px; transition:all 0.5s ease 0s; position: relative;}
.unique-1-icon img{ position: relative; max-height: 100%;}
.unique-1-inner:hover .unique-1-icon:before{ border-radius: 0; transform: rotate(0) scale(1);}
.unique-1-inner:hover .unique-1-icon{ color:#fff; filter:brightness( 2000% ) contrast( 200% ) saturate( 0% ) blur( 0px ) hue-rotate( 100deg )}
.unique-1-inner:hover::after { opacity: .8 }
.unique-1-inner::after { position: absolute; right: 0; top: 0; content: ""; background: url("../images/shape-light.png") no-repeat; width: 100%;	height: 100%; background-position: 245px 0; opacity: .1; transition:all 0.5s ease 0s;}

.unique-1-info{ position: relative;}
.unique-1-info h3 { color: #fff; text-transform: capitalize; font-size: 20px; line-height: 30px; margin-bottom: 15px; text-align: left;}
.unique-1-info p{ color: #fff; font-weight: normal;}

.unique-wraper .bg-blur{ top: 60% !important; left: 18% !important; background-image: linear-gradient( 180deg, rgba(255, 236, 26, 0.8) 0%, rgba(255, 236, 26, 0) 100%); opacity: .4}

.trends-wraper{ padding: 100px 0; position: relative; background: #0c0b1c;}
.trends-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/tablayer1.png") no-repeat bottom center; background-size: cover; opacity: .6}
.trends-block{}
.trends-1{ float: left; width: 100%;}
.trends-1-inner{ margin: 10px; padding: 25px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 36px; font-weight: 800; border-radius: 10px; border: 1px solid rgba(243,42,105, .5); position: relative; display: flex; align-items: center; column-gap: 25px; transition: all 0.5s ease 0s;}
.trends-1-img{ max-width: 30%;}
.trends-1-img img{ max-width: 100%; border-radius: 10px;}
.trends-1-info{ max-width: 50%}
.trends-1-info h3 { color: #fff; text-align: left; font-size: 35px; font-weight: 600; margin-bottom: 15px; line-height: 45px;}
.trends-1-info p{ color: #fff; font-weight: normal;}
.trends-1-icon{ max-width: 20%; opacity: .4}
.trends-1-icon img{ max-width: 100%;}

.trends-1-inner:hover{ transform:scale(1.05);}

.trendstxt{ color:#fff; text-align: center; font-size: 20px; max-width: 70%; margin: 50px auto 0;}


.delegate-wraper{ padding: 100px 0; position: relative; background: #0c0b1c;}
.delegate-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/tablayer1.png") no-repeat center left; background-size: cover; opacity: .3}

.delegate-1:nth-child(5) .delegate-1-inner{ background:none; border: none;}
.delegate-1:nth-child(5) .delegate-1-inner .aboutshape{ bottom:0; left: 30%;}

.delegate-1{ float: left; width: 33.33%;}
.delegate-1-inner{ margin: 10px; padding: 15px; background: #050719; min-height: 255px; border-radius: 10px; position: relative; border: 1px solid rgba(243,42,105, .3); transition: all 0.5s ease 0s;}
.delegate-1-icon{ position: relative; width: 50px; height: 50px; background: #aa1847; border-radius: 10px; display: flex; justify-content: center; align-items: center; overflow: hidden; color: #fff; font-size: 20px; margin-bottom: 15px; }
.delegate-1-icon:before {  content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background:#161A2D; width: 100%;	height: 100%; transform: rotate(180deg) scale(0); transition: all 0.4s ease-in-out; z-index: 0;}
.delegate-1-icon i{ position:relative;}
.delegate-1-inner:hover .delegate-1-icon:before{ border-radius: 0; transform: rotate(0) scale(1);}
.delegate-1-info{ }
.delegate-1-info h3{ font-size: 15px; line-height: 26px; text-align: left; color: #fff; font-weight: normal;}
.delegate-1-inner:hover{ background: #aa1847;}

.whyattend-wraper{ padding: 70px 0; position: relative}
.whyattend-block{ position: relative; z-index: 1;}
.whyattend-1{ float: left; width: 25%}
.whyattend-1-inner{ margin: 15px; padding: 8px; background: #f6f6f6; position: relative; border-radius: 10px;}
.whyattend-1-icon{ position: relative; width: 50px; height: 50px; background: #734BDF; border-radius: 10px; display: flex; justify-content: center; align-items: center; overflow: hidden; color: #fff; font-size: 20px; margin: 30px 20px; }
.whyattend-1-icon:before {  content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background:#161A2D; width: 100%;	height: 100%; transform: rotate(180deg) scale(0); transition: all 0.4s ease-in-out; z-index: 0;}
.whyattend-1-inner:hover .whyattend-1-icon:before{ border-radius: 0; transform: rotate(0) scale(1);}
.whyattend-1-icon i{ position: relative}
.whyattend-1-info{ position: relative; background: #fff; border-radius: 10px; padding: 20px; min-height: 220px;}
.whyattend-1-info h3 { text-transform: capitalize; font-size: 20px; line-height: 30px; margin-bottom: 15px; text-align: left;}
.whyattend-1-info p{ margin: 0; }

.section-title{ text-align:center; margin-bottom:50px; position:relative; z-index: 2;}
.section-title h2 { position: relative; color: #000000; font-size: 50px; font-weight: 600; margin-bottom: 15px; line-height: 1.2em; text-transform: uppercase}
.section-title h2 span{ font-weight: normal;}
.section-title h3 { color: #cc2b5e; font-size: 18px; font-weight: 700; letter-spacing: 0; line-height: 26px; margin-bottom: 5px; position: relative; text-transform: uppercase; }
.section-title h4 { position: relative; color: #1a7841; font-size: 20px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;}

.section-title .sub-text{ text-align: center;}
.section-title .sub-text svg{ }
.section-title .sub-text path{ }

.sub-text{ color: #1959fd; display: inline-block; margin-bottom: 15px; text-transform: uppercase; font-weight: 700;}
.sub-text svg{ margin: 0 10px;}
.sub-text path{ fill:#1959fd}

.section-title.white h2{ color:#fff;}
.section-title.white h3{ color:#fff;}
.section-title.white p{ color:#fff;}
.section-title p { text-align: center; font-size: 16px; font-weight: normal; color: #000; max-width: 800px; margin: 0 auto;}
.sectionsubtitle{ position: relative; color: #5a5a5a; font-size: 20px; font-weight: 500; text-transform: capitalize; }
.section-title .big-title { position: relative; color: #f4f4f4; font-weight: 700; 	line-height: 1em; font-size: 72px; margin-top: -26px;	letter-spacing: 3px; text-transform: uppercase;}

.section-title.white .sectionsubtitle{ color: #fff; }

.speakers-wraper{ padding: 80px 0; position: relative; background: #0c0b1c;}
.speakers-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/team.jpg") no-repeat center left; background-size: cover; opacity: .3}
.speaker-element{ position: relative;}
.speaker-block{ text-align:center; margin-bottom:0; position:relative; z-index: 10;}
.speaker-1{ float:left; width:25%; margin:10px 0}
.speaker-1-inner { margin: 10px; padding: 15px; color: #fff; font-size: 36px; font-weight: 800; height: 450px; background: #050719; border: 1px solid rgba(243,42,105, .5); border-radius: 10px;}
.speaker-1-inner h4 { font-size: 20px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 5px; position: relative; text-transform: capitalize;}
.speaker-1-inner h4 a{ color:#000;}
.speaker-1-img {  position: relative; }
.speaker-1-img img { max-width: 100%; transition: all 0.5s ease 0s; border-radius: 10px;}
.speaker-1-info { text-align: left; padding: 10px 0; position: relative;}
.speaker-1-info h4 { position: relative; color: #fff; font-size: 22px; font-weight: 600; margin: 10px 0; text-align: center; padding: 7px 10px; }
.speaker-1-info h4 a{ color: #0d1a42;}
.speaker-1-info h4 a:hover{ text-decoration: none; color: #D032AF;}
.speaker-1-info p { text-align: center; color: #fff; margin: 0 0 10px; font-size: 15px; line-height: 20px; font-weight: normal;}
.speaker-1-info p.designation{ }
.speaker-1-info p.designation1{ font-weight: 600; line-height: 20px; color: #f32a69;}

.team-thumb-box { position: relative; height: 250px; overflow: hidden; border-radius: 10px;}
.team-thumb-box img { width: 100%; height: 100%; border-radius: 10px; position: relative; display: block; object-fit: cover;  -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.team-thumb-box img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;  -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px);}

.speaker-1-inner:hover img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1;  -webkit-filter: blur(0); filter: blur(0);}
.speaker-1-inner:hover img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0;  -webkit-filter: blur(10px); filter: blur(10px);}


.sponsors-wraper{ padding:80px 0; position:relative; background: url("../images/bannerbg.jpg") no-repeat center center; overflow: hidden;}
.sponsor-element{ position:relative;}
.sponsors-wraper:before {}
.sponsors-block{}
.sponsors-row { text-align:center;}
.sponsors-1{ display:inline-block; width:22%;}
.sponsors-1-inner{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); margin:0 15px;}
.sponsors-title{}
.sponsors-title h3 { color: #dc143c; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; margin-bottom: 10px;}
.sponsors-1-img{}
.sponsors-1-img img{ max-width:100%;}
.sponsors-block h4 { font-size: 23px; font-weight: 600; line-height: 33px; margin: 15px 0 20px; text-align: center;}

.sponsors-wraper .side-icons { position: absolute; right: 85px; top: 30%; z-index: 1; left: auto;}

.sponsors-wraper .bg-blur { top: 70%;left: 35%; opacity: .7;}

.formtable { border-collapse: collapse; margin: 0 10px 20px; padding: 0 10px; width: 98.3%;}
.formtable td{ border: 1px solid #5f6879; color: #a3a3a3; padding:10px; width:50%}
.formBlock { float: left; margin-bottom: 15px; padding: 0 10px; width: 50%; color: #fff}
.formBlock .txtbox { border: 1px solid rgba(243,42,105, .5); background: rgba(255, 255, 255, 0.1); border-radius: 5px; color: #000; font-weight: normal; height: 50px; letter-spacing: 1px; opacity: 1; padding: 3px 15px; width: 100%; backdrop-filter: blur(20px); font-size: 15px;}
.formBlock select.txtbox{ color: #fff;}
.formBlockSub { float: left; margin-top: 20px; padding: 0 10px; width: 100%; text-align:left;}
.formBlockSub .submit { background: linear-gradient(90deg, #aa1847 0%, #aa1847 100%); border-radius: 50px; color: #fff; cursor: pointer; font-weight: bold; padding: 15px 45px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); text-transform: capitalize;}
label.error{ color:#e14434; }


.formBlock .txtbox::-webkit-input-placeholder { color: #fff;opacity: 1;}

.formBlock .txtbox:-moz-placeholder { color: #fff; opacity: 1;}

.formBlock .txtbox::-moz-placeholder { color: #fff; opacity: 1;}

.formBlock .txtbox:-ms-input-placeholder { opacity: 1;	color: #fff;}

.register-wraper .side-icons{ top: 15%;}


.register-wraper { padding: 100px 0; position: relative; background: url("../images/register.jpg") no-repeat center center; background-size: cover;}
.register-wraper::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #050719; opacity: .6;	backdrop-filter: blur(100px);}

.register-title{ margin-bottom: 100px; text-align: center;}
.register-title h2{background-color: transparent;font-size: 120px;font-weight: 600;text-transform: uppercase;line-height: 130px;letter-spacing: 0px;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(180deg, #2562FFA6 0%, #FFFFFF00 86%);}
.register-block { position: relative; z-index: 30;} 

.register-1{ position: relative; z-index: 10; float: left; width: 100%;}
.register-1-inner{ }
.register-1-info{}
.register-1-img{}
.register-1-img img{ max-width:100%;}

.newsletter__bg { position: absolute; top: 0; left: 0; 	right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: inherit; mix-blend-mode: multiply;}

.main-footer__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; background-size: cover; background-position: top center; background-repeat: no-repeat; mix-blend-mode: color-dodge;}

.footer-wraper{  padding:100px 0 0; position:relative; background: url("../images/footer.jpg") no-repeat center center; background-size: cover;}
.footer-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #050719; opacity: .8;	backdrop-filter: blur(500px);}

.topfooter-wraper{ position: relative; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.24); margin-bottom: 60px; }
.topfooter-block{ display: flex; align-items: center; justify-content: space-between;}
.topfooter-1:first-child{ width:70%}
.topfooter-1{ width: 30%}
.topfooter-1-inner{}
.topfooter-1-title{}
.topfooter-1-title h2{ color: #fff; text-align: left; font-size: 45px; line-height: 60px; font-weight: 700; text-transform: uppercase;}
.topfooter-1-social{ display: flex; align-items: center; column-gap: 10px; justify-content: flex-end;}
.topfooter-1-social a{ position: relative; font-size: 16px;}
.topfooter-1-social a:hover{ text-decoration: none;}
.topfooter-1-social a span{ opacity: 0; top: -60px; left: -100px; visibility: hidden; position: absolute; -webkit-transition: 800ms cubic-bezier(0.5, -0.75, 0.3, 1.5); transition: 800ms cubic-bezier(0.5, -0.75, 0.3, 1.5); max-width: 120px;}
.topfooter-1-social a span img{ max-width: 100%;}
.topfooter-1-social a i{ color: #fff; width: 64px; height: 64px; display: -webkit-box; display: -ms-flexbox;  display: flex;  border-radius: 6px;  -webkit-box-align: center; -ms-flex-align: center;  align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-transition: 800ms cubic-bezier(0.5, -0.75, 0.3, 1.5); transition: 800ms cubic-bezier(0.5, -0.75, 0.3, 1.5);}

.topfooter-1-social a:nth-child(1) i { background-color: #1877F2;}
.topfooter-1-social a:nth-child(2) i { background: linear-gradient(45deg, #FFD600 8.39%, #FF0100 50%, #D800B9 91.61%);}
.topfooter-1-social a:nth-child(3) i { background: #1877F2; color: #fff;}
.topfooter-1-social a:nth-child(4) i { color: #fff; background-color: #E60024;}
.topfooter-1-social a:hover span { opacity: 1; left: -120px; visibility: visible; -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
.topfooter-1-social a:hover i {-webkit-transform: rotate(-5deg) translateX(5px) translateY(-10px); transform: rotate(-5deg) translateX(5px) translateY(-10px);}
.footer-top{ position:relative; margin-bottom: 60px;}
.footer-logo{ max-width: 90%; margin-top: 40px; }
.footer-logo img{ max-width:100%;}
.footer-logo h4{ color: #fff}
.footer-txt{ font-size:14px; margin-top: 15px; color: #e4e4e4}
.footer-block{ position: relative;}
.footer-1{ float:left; width:33.33%;}
.footer-1-inner{ padding:0 15px;}
.footer-info{}
.footer-info p { color: #e4e4e4; font-size: 15px; line-height: 26px; margin: 15px 0; text-align: left;}
.footer-info a { color: #f7847e; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.footer-info a:hover{ text-decoration:none;}
.footer-1-inner h3 { font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; position: relative; text-transform: uppercase; padding-bottom:7px; color: #fff;}
.footer-1-inner h3:before{ position:absolute; left:0; bottom:0; background:linear-gradient(90deg, #D930AA 0%, #3F5DFE 100%); content:""; width:40px; height:2px;}
.footer-1-inner p{ color:#fff; font-size: 14px;}

.contactinfo { background: rgba(255, 255, 255, .1); padding: 15px 20px; margin: 0 0 10px 0; border-radius: 10px;}
.contactinfo h5 { font-size: 17px; text-align: left; color: #fff; margin-bottom: 5px;}
.contactinfo a{ color: #0338df}

.social-icon-one{ position:relative; margin-top:30px;}
.social-icon-one li { display: inline-block; margin-bottom: 10px; margin-right: 8px; position: relative;}
.social-icon-one li a{ background-color: #D032AF; color: #fff; display: block; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-align: center; transition: all 900ms ease 0s; width: 40px; border-radius: 100%;}
.social-icon-one li a i{ margin:0;color: #fff; }

.social-icon-one li a:hover{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.social-icon-one li a:hover{color: #ffffff;}
.social-icon-one li a:hover i{ color: #ffffff;}

.copyright{ padding:35px 0; margin-top: 50px; position: relative; border-top: 1px solid rgba(255, 255, 255, .1); background: #071156;}
.copyblock{ padding: 30px 0; position: relative; margin-top: 70px; border-top: 1px solid rgba(255, 255, 255, .2);}
.copy-1{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; padding: 0 15px;}
.copy-1-inner{}
.copy-1-inner a{ color:#fff;}
.copy-1:last-child{ text-align:center;}



a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop {  background:#aa1847; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.socialbtnstick{ position:fixed; z-index:9999; right:15px; bottom:65px;}
.socialbtnstick a{ display:block; font-size:16px; border-radius:100%; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; margin-top:5px;}
.socialbtnstick a.fb{ background:#354d8e;}
.socialbtnstick a.lin{ background:#347ed4;}
.socialbtnstick a.tw{ background:#00a3f6;}
.socialbtnstick a:hover{ text-decoration:none;}

.footerpic{ position:absolute; left:0; bottom:80px;}
.footerpic img{ max-width:100%;}

  
#menu-icon{ display:none;}  


@media screen and (min-width:1281px)
	
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1300px;}
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:98%; margin:0 auto; max-width:1000px;}
	.sf-menu > li > a{ font-size:15px; padding: 15px 12px;}
	.lefttitme-block{ left:0;}
	.banner-img-desc{ right:0;}
	.about-1-inner h2{ font-size:50px; line-height: 60px;}
	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:98%; margin:0 auto; max-width:750px;}
	#menu-icon { border: 1px solid #fff; border-radius: 5px; color: #fff; cursor: pointer; display: block; float: right; margin:0; width: 100px; position:relative;}
	#menu-icon i{ font-size:20px; color:#fff; padding:10px; cursor:pointer;}
	#menu-icon span{ color:#fff; text-transform:uppercase; font-weight:bold;} 
	.menu-container-1 { left: 8px; position: absolute; top: 130px;width: 98%;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li + li{ margin:0;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}  
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	
	.middle-wraper .nav-wraper{ max-width:30%;}
	.keythemes-wraper, .box-wraper, .register-wraper{ padding:150px 0;}
	.register-1-info{ padding:0 20px 50px;}
	.keythemes-1-inner{ min-height:100%;}
	.speaker-1{ width:50%;}
	.banner-block { height: 600px; padding: 0 20px;}
	.about-1{ width:100%;}
	.about-1:first-child{ width:100%; margin-bottom: 30px;}
	.about-img1:first-child { width: 56%;}
	.keythemes-1{ width:100%;}
	.box-1 {width: 33%;}
	.sponsors-1{ width:32%;}
	.footer-1{ width:100%;}
	.footer-1:nth-child(2){ margin: 20px 0;}
	.copy-1 { float: left; width: 100%; text-align: center;}
	.copy-1:last-child { text-align: center;}
	.sponsors-wraper{ padding:150px 0 0 0;}
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:98%; margin:0 auto; max-width:600px;}
	.themebtn { font-size: 13px; color: #fff; padding: 11px 18px;}
	.middle-wraper .nav-wraper { max-width: 25%;}
	.banner-block { height: 500px; padding: 0 20px;}
	.about-img1:first-child { width: 70%;}
	.vendor-1 { float: left; width: 33%;}
	.keythemes-wraper.keythemes1-wraper .keythemes-1 { width: 100%;}
	.speaker-1 { width: 100%;}
	.box-1 { width: 50%;}
	.sponsors-1 { width: 48%;}
	.toptitle2{ font-size:32px; line-height: 42px;}
	.topregister-wraper { padding: 70px 0 250px;}
	.vendor-3-img{ width:75px;}
	.vendor-3-img::before, .vendor-3-img::after{ border-left: 38px solid transparent;  border-right: 39px solid transparent;}
	.section-title h2{ font-size:50px; line-height: 60px;}
	.speaker-1-info, .speaker-1-info p{ text-align:center;}
	
	
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container{ width:98%; margin:0 auto; max-width:440px;}
	
	#menu-icon i { font-size: 15px; padding: 8px;}
	#menu-icon span{ font-size:14px;}
	.middle-wraper .logo{ width:230px;}
	#menu-icon{ margin:10px 0;}
	.menu-container-1 { top: 81px; width: 97%;}
	.top-1{ display:none; }
	.top-1:last-child { display: block; width: 100%; text-align: center;}
	.top-social ul { float: none; margin-top: 8px;}
	.middle-wraper .logo { width: 100%; text-align: center; max-width: 250px; float: left;}
	.middle-wraper .nav-wraper{ margin-top:12px;}
	.topsidebtn { float: right; margin-top: 12px;}
	.menu-container-1{ top:185px;}
	.banner-1-inner {padding: 0;}
	.banner-block { height: 400px;}
	.banner-block .fullwidth-video{ height:400px;}
	.banner-block .fullwidth-overlay{ height:400px;}
	.banner-block .fullwidth-video video{ height:400px;}
	.about-img1:first-child { width: 94%;}
	.about-1-inner h2{ font-size:35px; line-height: 45px;}
	.keythemes-wraper, .about-wraper, .vendor-wraper{ padding:60px 0;}
	.box-block{ padding:0;}
	.register-1-info { padding: 25px;}
	.vendor-1 { width: 50%;}
	.section-title h2{ font-size:35px; line-height: 45px;}
	.formBlock{ width:100%;}
	.register-wraper { padding: 120px 0;}
	.toptitle1{ font-size:18px;}
	.vendor-3 { float: left; width: 100%;}
	.box-wraper{ padding:100px 0;}
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}	
	#menu-icon { margin: 0; padding: 3px;}
	.banner-block { height: 300px;}
	.banner-block .fullwidth-video{ height:300px;}
	.banner-block .fullwidth-overlay{ height:300px;}
	.banner-block .fullwidth-video video{ height:300px;}
	.middle-wraper .nav-wraper { max-width: 40%;}
	.topsidebtn { float: right; margin-top: 12px; margin-right: 20px;}
	.menu-container-1{ width:94%; top:70px;}
	.register-1-info { padding: 25px 15px;}
	.about-img1:first-child { width: 116%;}
	.number-1-info span{ font-size:30px; line-height: 40px;}
	.thumb-counter { left: 40px; width: 150px;}
	.keythemes-1-info img { max-width: 70px; margin-bottom: 10px;}
	.vendor-1-inner{ margin:15px;}
	.circle{ width:60px; line-height: 60px; height: 60px;}
	.icon {	font-size: 32px;top: 43px;left: 45px;}
	.vendor-1-info h4{ margin:0; font-size: 16px; line-height: 24px;}
	.box-1-info h4{ font-size:12px; line-height: 24px;}
	.box-1-info { margin-top: 0; position: relative; padding: 0;}
	.box-1-inner{ margin:8px;}
	.middle-wraper .logo { max-width: 200px;}
	h3.vendortitle { font-size: 40px; line-height: 50px;}
	
	
	
	

}