body{margin:0px;padding:0px;font-family: 'Poppins', sans-serif;font-size:14px; 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: 'Poppins', sans-serif; color: #010F34;}


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:#6D2CF9; -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:15px; text-align:left; line-height:25px; margin-bottom:12px;}
.maindiv{ max-width:1600px; 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: 99999;  }


.middle-wraper{ transition:all 0.5s ease 0s; border-bottom: 1px solid rgba(35, 191, 153, .3); backdrop-filter: blur(28px); }
.middle-element{ }
.middle-back{ }
.middle-wraper .logo { float: left; transition: all 0.5s ease 0s; width: 250px; margin: 10px 0;}
.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: 70%; margin-top: 20px; }
.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: 14px; font-weight: 700; line-height: 15px; padding: 16px 22px; transform: translate3d(0px, 0px, 0px); text-transform: uppercase; }

.sf-menu > li > a{ position:relative;}
.sf-menu > li:last-child{ }
.sf-menu > li.theme-btn { margin: 0 10px 0 0; background: linear-gradient(90deg, #06eb60 0%, #1425f0 100%); padding: 16px 30px;}
.sf-menu > li.theme-btn a{ color:#fff; padding: 0; }
.sf-menu > li.theme-btn a:hover{ 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: #06eb60; }
.sf-menu > li.current > a{ color: #06eb60  }	
/*================================>> 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;}

.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:rgba(0, 4, 65, .5);}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo { margin: 5px 0; width: 180px; transition:all 0.5s ease 0s;}
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:5px; margin-bottom: 0;}
.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;}
.middle-wraper.sticky .top-info-box{ display: none;}
.middle-wraper.sticky .middle-element{ display:block;}
.middle-wraper.sticky .middlelogo{ float:left;}


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

.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; padding: 27% 15px 27%; height: 650px;	}
.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 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 5; background: #000; opacity: .5; }



.banner-img-desc { position: absolute; width: 100%; text-align: center; top: 18%; 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: center; max-width: 55%; margin: 0 auto;}
.bannerlogo img{ max-width:100%;}
.bannerlogo h1 { font-size: 40px; line-height: 50px; text-transform: uppercase; color: #fff;}

.bannerquote { position: relative; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: normal; margin: 20px 0 5px; color: #fff; background: linear-gradient(90deg, #06eb61 0%, #1521f3 100%); padding: 5px 20px 5px 30px; border-radius: 50px;	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border: 2px solid #23bf99;  }
.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-align: center;text-transform: capitalize;font-size: 40px;font-weight: 800;line-height: 50px;margin: 20px auto;	max-width: 900px;}

.bannercity { color: #fff; text-transform: capitalize; font-size: 16px; font-weight: 700; line-height: 24px; margin: 0 auto 15px; max-width: 90%;	text-align: center;}

.bannerbtn { text-align:center; margin-top: 35px;}

.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: 22px; margin: 0 20px 0 0; color: #fff; vertical-align: top; text-align: center; font-weight: 500;}
.date-place ul li i{ color:#00aa56; font-size: 25px; 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;}

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

.pagebtn { }

.theme-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; border-radius: 7px; background:linear-gradient(90deg, #06eb61 0%, #1521f3 100%); color: #fff; font-size: 14px; font-weight: 700; line-height: 1; padding: 18px 35px;}
.theme-btn i { margin-left: 10px; transition: all 0.4s ease-in-out; color:#fff;}
.theme-btn::before { content: ""; position: absolute; height: 100%; bottom: 0; left: 0; width: 0; background-color: #06eb61; z-index: -1; transition: all 0.4s ease-out; border-radius: inherit;}
.theme-btn:hover { color:#fff; box-shadow: none; text-decoration: none;}
.theme-btn:hover::before { width: 100%;}

.theme-btn.active{ background:#000D44; color: #fff; position: relative}
.theme-btn.active:before{ background-color: #44bfa8;}
.theme-btn.active:hover{ color: #000D44}

.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-one{ position:relative; overflow:hidden; padding:0 0px 0;}
.inspire-one.alternate{ padding-bottom:120px; }
.inspire-one .animation_mode { position: relative; min-height: 50px; overflow: hidden; max-width: 100%; float: right; margin-right: 50px;}
.inspire-one .animation_mode h3 { position: relative; font-size: 18px; line-height: 28px; font-weight: 600; margin: 10px 20px; display: inline-block; text-transform: capitalize; color: #fff;}
.inspire-one .animation_mode h3:hover{ }
.inspire-one .animation_mode h3 i{ margin:0 15px 0 0; color: #00e4a6;}

.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:100px 0; position:relative;  }
.about-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/bg.png") repeat; }
.about-block{ position:relative; z-index: 1;}
.about-1:first-child{ width: 42%; 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: 800; margin-bottom: 15px;text-align: left;line-height: 58px; text-transform: uppercase;}
.about-1-inner h3 {  position: relative; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: normal; margin-bottom: 15px; color: #fff; background: linear-gradient(90deg, #23bf99 0%, #1895f1 100%); padding: 5px 20px 5px 30px; border-radius: 50px;	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border: 2px solid #23bf99;}
.about-1-inner h3:before{ content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: #fff;border-radius: 50%; width: 6px; height: 6px;}
.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: #ce852a;}
.about-1-inner h4:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #ce852a;border-radius: 50%; width: 6px; height: 6px;}
.about-1-inner p{ text-align:left; font-weight: 400; font-size: 15px;  padding-left: 0;}
.about-1-img{ display: flex;}
.about-1-img img{ max-width:100%; border-radius: 10px;}
.about-1-info{ text-align: left; padding-right: 40px;}
.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;}
.about-1-info ul{ margin-bottom: 20px; display: flex; align-items: center; column-gap: 20px; margin-top: 20px;}
.about-1-info ul li { padding: 10px 10px 10px 30px; text-align: left; position: relative; width: 30%; background: #44bfa8; color: #fff;	text-transform: uppercase; font-weight: 800; font-size: 13px; line-height: 20px; border-radius: 5px;}
.about-1-info ul li:before{ content: "\f005"; position: absolute; left: 10px; top:15px; color:#fff; font-family: 'FontAwesome'; }

.abtbtn{ margin-top:20px; text-align: left;}

.about-us-image-box-1-metal{ position: relative; width: 100%; padding-bottom: 0;}
.about-us-image-metal{ height: 100%; border-radius: 20px; position: relative; z-index: 1;}
.about-us-image-metal:before{ position:absolute; left: 0; top:0; width: 100%; height: 100%; content: ""; background: #000; opacity: .2; z-index: 2;}
.about-us-image-metal figure{ height: 100%; display: block; border-radius: 20px;margin: 0;}
.about-us-image-metal figure img{  width: 100%;aspect-ratio: 1 / 1.15; object-fit: cover; border-radius: 20px;}
.about-us-image-box-2-metal { position: absolute!important; width: 80%; z-index: 1;bottom: -150px;right: 0; }
.about-us-image-box-2-metal .image-anime{border: 6px solid #fff; margin: 0;}
.about-us-image-box-2-metal .image-anime img{ border-radius: 10px; max-width: 100%}

.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: 70%; left: 35%; }

.about-vertical-wrapper { position: absolute; top: 15%; right: -70px; z-index: 1;}
.about-vertical-wrapper-text { padding: 30px 15px; border: 2px solid #44bfa8; border-radius: 10px;writing-mode: vertical-rl; text-orientation: sideways-right; transform: rotate(180deg);}
.about-vertical-wrapper-text h4{ color:#44bfa8; font-size: 26px; text-transform: uppercase; padding: 0; font-weight: 800;}
.about-vertical-wrapper-text h4:before{ display:none;}

#circle { position: absolute; width: 120px; top: 40%; z-index: 20; background: rgba(68, 191, 168, .5); height: 120px; border-radius: 100%; left: 33%; backdrop-filter: blur(28px);}
#circle i{ font-size: 40px; line-height: 120px; color: #fff;}
#circle text { font-size: 16px; font-weight: bold; letter-spacing: 6px; }
#circle svg { position: absolute; left: -104px; top: -104px; width: 330px; height: 330px; animation-name: rotate; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear;}

@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}

.scale-wraper{  padding: 80px 0; position: relative; background:linear-gradient(120deg, #1354d8 0%, #08c979 100%);}
.scale-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/banner-bg.png") no-repeat center center; background-size: cover; opacity: .04; filter: brightness(0) invert(1);}
.scale-block{ overflow: hidden; border-radius: 15px;}
.scale-row{ display: flex; gap: 20px; width: max-content; animation: reasonMarqueeScroll 10s linear infinite;}
.scale-1{ width: 350px; float: left;}
.scale-1-inner{  position: relative; }
.scale-1-img{ width: 100%; overflow: hidden; position: relative; border-radius: 15px;}
.scale-1-img img{ max-width: 100%; transition: all 0.5s ease 0s; height: 350px; object-fit: cover; }
.scale-1-img:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(rgba(255, 255, 255, .1) 50%, #03201F); z-index: 1;}
.scale-1-info{ padding: 20px; position: absolute; bottom: 0; width: 90%; z-index: 5; background: rgba(5, 243, 91, .3); margin: 15px; border-radius: 10px;}
.scale-1-info h3 { color: #fff; text-align: center; font-size: 20px; text-transform: capitalize; font-weight: 600;}
.scale-icon { background: #44bfa8; color: #fff; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; border-radius: 100%; position: absolute; top: 10px; right: 10px; font-size: 21px;}
.scale-icon i{}
.scale-1-inner:hover .scale-1-img img{ transform:scale(1.1);}
.scale-wraper .animation_mode {position: relative;min-height: 50px;overflow: hidden;max-width: 100%;float: right;margin-right: 50px;}

.scale-row:hover{  animation-play-state: paused;}

@keyframes reasonMarqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.homebox-wraper{ position: relative; padding: 80px 0;}
.homebox-block{}
.homebox-1{ float: left; width: 25%;}
.homebox-1-inner{ border-radius: 10px; box-shadow: 0 10px 35px rgba(21, 202, 158, 0.11); margin: 10px; overflow: hidden; background: #fff; position: relative; padding: 15px; border: 1px solid rgba(21, 202, 158, 0.41); min-height: 165px; top: 0; transition: all 0.5s ease 0s;}
.homebox-1-icon{ text-align: center;}
.homebox-1-icon img{ max-width: 60px; margin: 0 auto 10px;}
.homebox-1-info{ text-align: center;}
.homebox-1-info h3{ font-size: 18px;}
.homebox-1-inner:hover{ transform:scale(1.1)}

.homebox-wraper.homebox1-wraper{ padding: 80px 0; position: relative; background:linear-gradient(90deg, #0ab588 0%, #115aca 100%);}
.homebox-wraper.homebox1-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/banner-bg.png") no-repeat center center; background-size: cover; opacity: .04; filter: brightness(0) invert(1);}
.homebox-wraper.homebox1-wraper .homebox-1-inner { background: rgba(0, 0, 0, .2); backdrop-filter: blur(5px);}
.homebox-wraper.homebox1-wraper .homebox-1-info h3{ color:#fff}
.homebox-wraper.homebox1-wraper .homebox-1-icon img {filter: brightness(0) invert(1);}

.operation-wraper{ padding: 80px 0; position: relative; background: linear-gradient(90deg, #e6feee 0%, #e7e8fe 100%);}
.operation-block{}
.operation-1:nth-child(2) .operation-1-inner{ background:linear-gradient(90deg, #0ab588 0%, #115aca 100%); border: 5px solid #fff}
.operation-1:nth-child(2) .operation-1-info h3{ color:#fff}
.operation-1:nth-child(2) .operation-1-info ul li{ color:#fff;}
.operation-1:nth-child(2) .operation-1-info ul li:before{ color:#fff}
.operation-1{ float: left; width: 33.33%;}
.operation-1-inner{ margin: 15px; background: #fff; padding: 30px; min-height: 400px;}
.operation-1-info{}
.operation-1-info h3 { font-size: 25px; line-height: 35px; text-align: left; margin-bottom: 10px; text-transform: capitalize;}
.operation-1-info ul{}
.operation-1-info ul li { text-align: left; padding: 5px 0 5px 25px; font-size: 15px; position: relative;}
.operation-1-info ul li:before{ position: absolute; left: 0; top: 5px; content: "\f04e"; font-family: 'FontAwesome'; font-size: 13px; color: #07d570;}

.section-row{ display: flex; align-items: center; column-gap: 15px; max-width: 100%; margin: 0 auto 50px;}
.section-row .section-title{ width: 60%; margin: 0}
.section-row .section-title h3{ text-align: left;}
.section-row .section-title h2{ text-align:left;}
.section-caption{ width: 40%;}
.section-caption h3 { text-align: right; font-size: 30px; line-height: 40px;}
.section-caption{}
.section-caption p{ color:#000; font-weight: 600;}
.section-caption ul{}
.section-caption ul li { padding: 5px 15px; text-align: left; position: relative; border-radius: 30px; margin: 5px 0; display: inline-block;	color: #000;}
.section-caption ul li:before{}
.section-caption ul li:nth-child(1){ border: 1px solid #ce852a;}
.section-caption ul li:nth-child(2){ background: #ce852a; color: #fff;}
.section-caption ul li:nth-child(3){ border: 1px solid #ce852a;}

.section-title{ text-align:center; margin-bottom:50px; position:relative; z-index: 2;}
.section-title h2 { position: relative; font-size: 55px; font-weight: 800; margin-bottom: 15px; line-height: 1.2em;	text-transform: uppercase; }
.section-title h3 { position: relative; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: normal;	margin-bottom: 15px; color: #fff; background: linear-gradient(90deg, #23bf99 0%, #1895f1 100%); padding: 5px 20px 5px 30px; border-radius: 50px;	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border: 2px solid #23bf99;}
.section-title h6 { font-size: 20px; font-weight: 600; color: #00cda7; margin-bottom: 15px; text-transform: uppercase; display: inline-block;	position: relative;}
.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; }

.section-wraper .section-title{ margin:0;}

.services-1-area{ position:relative; padding: 0 0 80px;}
.services-1-wrap { display: flex; gap: 10px;}
.services-1-tabs-btn-scrollbar { overflow: hidden; width: 30%}
.services-1-tabs-btn .nav-link a { font-size: 22px; padding: 25px 20px; width: 100%; text-align: left;transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99); margin: 10px 0;}
.services-1-tabs-btn .nav-link h4{ color: #fff; margin-bottom: 5px; font-size: 18px;}
.services-1-tabs-btn .nav-link p{ color:#fff; font-weight: normal; line-height: 22px;}
.services-1-tabs-pane-single { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;perspective: 2000px;}
.services-1-tabs-pane-single .content-wrap { background: #050505; border-radius: 20px; padding: 60px 25px; display: flex; flex-direction: column;	transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99); transform-origin: 0% 50%; /*transform: rotateY(90deg);*/ position: relative; z-index: 2;}

/*.services-1-tabs-pane .tab-pane.show .services-1-tabs-pane-single .content-wrap {transform: rotateY(0deg);}*/

.services-1-tabs-pane-single .item-img { height: 640px; border-radius: 20px; filter: grayscale(1); transform-origin: 0% 50%;transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99); position: relative; z-index: 1; overflow: hidden; /*transform: translateX(-100%);*/}

.services-1-tabs-pane .tab-pane:is(.show) .services-1-tabs-pane-single .item-img {transform: translateX(0);	transition-delay: 0.2s;	opacity: 1;}

.services-1-tabs-pane-single .item-img img{ max-width:100%; width: 100%; height: 100% !important; object-fit: cover;}

.services-1-tabs-pane-single .nm-p-1 { font-size: 18px;line-height: 1.666;font-weight: 400;color: #b5b5b5;margin-bottom: 0;}
.services-1-tabs-pane-single .features-list { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 33px; margin-bottom: 40px;}
.services-1-tabs-pane-single .features-list li { font-size: 16px; display: flex; align-items: baseline; gap: 10px; color: #fff}
.services-1-tabs-pane-single .item-icon {font-size: 80px;color: #b5b5b5; margin-bottom: 40px;}

.tabs { }
.tab-links{ margin:0 0 35px 0; padding:0; text-align:center;}
.tab-links:after { display:block; clear:both; content:'';	}
.tab-links li { position:relative;}
.tab-links a {  color: #fff; display: block; font-size: 15px; font-weight: 700;  padding: 10px 25px; text-transform: capitalize; background: #2a1f55; }
.tab-links a:hover { text-decoration:none; background: #ce852a; color: #fff;}
.tab-links li a.current { background: #ce852a; color: #fff;}
.tab-links li.active a:hover { text-decoration:none; color:#5a5a5a;}
.tab-content { width: 70%; }
.tab {display:none;}
.tab.active {display:block;}

.team-wraper{ padding: 80px 0; position: relative; background:linear-gradient(90deg, #0ab588 0%, #115aca 100%);}
.team-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/banner-bg.png") no-repeat center center; background-size: cover; opacity: .04; filter: brightness(0) invert(1);}
.team-element{}
.team-block{}
.team-1{ float: left; width: 25%;}
.team-1-inner{ margin: 15px; background: #fff; position: relative; border-radius: 15px; }

.team-item { position: relative; margin-bottom: 30px;}
.team-item .team-img { position: relative; z-index: 0;}
.team-item .team-img .team-img-inner { background-color: #a9b8b8; border-radius: 10px; overflow: hidden;}
.team-item .team-img img { width: 100%; border-radius: 10px; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; transform-origin: center center; transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);}
.team-item .team-img::after, .team-item .team-img::before { content: ""; position: absolute; top: 0; inset-inline-start: 0; width: 100%;  height: 100%; background-color: #024232; opacity: 0; border-radius: 10px; z-index: -1;}
.team-item .team-img::before { z-index: 1;}
.team-item .team-img::after { background-color: #23bf99; opacity: 1; z-index: -1;}
.team-item .social-links { position: absolute; top: 50%; inset-inline-start: 50%; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%); z-index: 2;}
.team-item .social-links ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: flex;}
.team-item .social-links ul li a { width: 30px; height: 30px; background-color: #d8e5e5; opacity: 0.8; display: -webkit-inline-box;	display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-size: 16px;margin: 0 3px;	line-height: 1;}
.team-item .social-links ul li a i { color: #0c1e21;}
.team-item .social-links ul li a:hover { opacity: 1; background-color: #151ff5;}
.team-item .social-links ul li a:hover i { color: #fff;}
.team-item .team-content { position: relative; min-height: 150px;margin: 0;padding: 15px 10px; border-radius: 0 0 10px 10px}
.team-item .title { font-weight: 700; font-size: 22px;text-align: center;margin-bottom: 10px;}
.team-item .title a { display: inline-block; color: #032920}
.team-item .title a:hover { color: #151ff5; text-decoration: none;}
.team-item p { text-align: center; font-size: 15px; font-weight: normal; color: #303b38; line-height: 1; margin-bottom: 10px;}
.team-item .designation1 { color: #151ff5; font-weight: 600 }
.team-item:hover .team-img img {  transform: perspective(400px) rotateX(0.09deg) rotateY(0) scaleX(1.1) scaleY(1.1);}
.team-item:hover .team-img::before {opacity: 0.55;}
.team-item:hover .team-img::after { transform: rotate(3deg);}
.team-item:hover .social-links {opacity: 1; visibility: visible;}



.speakers-wraper{ padding: 80px 0; position: relative; }
.speaker-element{ position: relative;}
.speaker-block{ text-align:center; margin-bottom:0; position:relative; z-index: 10;}
.speaker-1{ float:left; width:100%; margin:10px 0}
.speaker-1-inner { margin: 15px; font-size: 36px; font-weight: 800; height: 450px;}

.team-thumb-box { position: relative; height: 358px; 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);}
.team-thumb-box .team-icon { gap: 10px; position: absolute; top: 40%;transform: translateY(-50%); right: 20px; z-index: 9;}
.team-thumb-box .team-icon li { transform: scaleX(0); transition: 0.4s ease-in-out; cursor: pointer;}
.team-thumb-box .team-icon li a { background-color: #44bfa8; width: 37px; height: 37px; line-height: 37px; display: inline-block;  color: #fff; text-align: center; transition: all 0.4s ease-in-out; border-radius: 50%; font-size: 16px;}
.team-thumb-box .team-icon li a:hover {  background-color:#000D44;}
.speaker-1-info { position: absolute; bottom: 20px; left: 20px; right: 20px; line-height: 1; background-color: #fff;  padding: 15px; border-radius: 25px; z-index: 99; text-align: center;}
.speaker-1-info h3 { font-size: 22px;}
.speaker-1-info h3 a{ color: #000D44}
.speaker-1-info h3 a:hover { color: #44bfa8; text-decoration: none;}
.speaker-1-info .spdesignation {color: #000D44;font-size: 16px;font-weight: normal;line-height: 26px;margin: 10px 0 0;}
.speaker-1-info .spcompany{ color: #44bfa8;font-size: 16px;font-weight: 600;line-height: 26px;}
.speaker-1-inner:hover .team-icon li { transform: scaleX(1);}
.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);}

#speaker-slider.owl-theme .owl-buttons { position: absolute; top: 40%; width: 100%;}
#speaker-slider.owl-theme .owl-buttons .owl-dots{ display:none!important;}
#speaker-slider.owl-theme .owl-buttons .owl-prev{ float: left; margin-left: 0; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}
#speaker-slider.owl-theme .owl-buttons .owl-next{ float:right; margin-right: 0; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}

#speaker1-slider.owl-theme .owl-buttons { position: absolute; top: 40%; width: 100%;}
#speaker1-slider.owl-theme .owl-buttons .owl-dots{ display:none!important;}
#speaker1-slider.owl-theme .owl-buttons .owl-prev{ float: left; margin-left: 0; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}
#speaker1-slider.owl-theme .owl-buttons .owl-next{ float:right; margin-right:0; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}

#speaker2-slider.owl-theme .owl-buttons { position: absolute; top: 40%; width: 100%;}
#speaker2-slider.owl-theme .owl-buttons .owl-dots{ display:none!important;}
#speaker2-slider.owl-theme .owl-buttons .owl-prev{ float: left; margin-left: 0px; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}
#speaker2-slider.owl-theme .owl-buttons .owl-next{ float:right; margin-right: 0px; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%;}


.speakers2-wraper{ background:linear-gradient(90deg, #23bf99 0%, #1895f1 100%); background-size: cover; position: relative;padding: 80px 0;}
.speakers2-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("../images/banner-bg.png") no-repeat center center; background-size: cover; opacity: .3}
.speakers2-wraper .speaker-1{ width:25%}

.verticletxt{ position: absolute; left: -40px; top: 0;}
.verticletxt h3{ writing-mode: vertical-rl; text-orientation: sideways-right; transform: rotate(180deg);font-size: 36px; opacity: .2; text-transform: uppercase; font-weight: 400;}

.section-wraper{position: relative; padding: 80px 0; }
.section-wraper .section-row{ margin: 0;}

.speakers-wraper.committee1-wraper{ background:linear-gradient(90deg, #2a1f55 0%, #00cda7 100%); margin:0 20px; border-radius: 20px;}


.spbtn { display: flex; align-items: center; height: 35px; background: transparent; position: absolute; right: -22px; z-index: 99; text-align: center; transform: rotate(-90deg); cursor: pointer; transition: all 0.2s ease; top: 24%; font-size: 15px; text-transform: uppercase; letter-spacing: 2px;}
.spbtn a{ color: #D032AF;}
.spbtn a i{}
.spbtn a:hover{ text-decoration:none;}

.sponsors-wraper{ padding:80px 0; position:relative; }
.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;}

.brand-box { height: 110px; line-height: 110px;text-align: center; position: relative; border-radius: 10px;  overflow: hidden;}
.brand-box .brand-img-1 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.brand-box .brand-img-1 img { opacity: 0.8; transition: all 0.6s ease; transform: translateY(0);}
.brand-box .brand-img-1:last-child img { transform: translateY(-350%); opacity: 0;}
.brand-box:hover .brand-img-1:first-child img { transform: translateY(100%); opacity: 0;}
.brand-box:hover .brand-img-1:last-child img { transform: translateY(0); opacity: 1;}

.sponsors1-wraper{ padding:70px 0; position: relative; background:linear-gradient(120deg, #2a1f55 0%, #00cda7 100%);}

.sponsors-wraper .section-row{ margin: 0 0 50px 0;}

.homesponsors-block{}
.homesponsors-1{}
.homesponsors-1-inner{}
.homesponsors-1-info{ position: relative;}
.homesponsors-1-info ul{ text-align: center;}
.homesponsors-1-info ul li{ display: inline-block; vertical-align: top; width: 18%; border-radius: 10px; box-shadow: 0 10px 35px rgba(21, 202, 158, 0.11); margin: 10px 5px; overflow: hidden; background: #fff; position: relative; padding: 10px;	border: 1px solid rgba(21, 202, 158, 0.41); transition: all 0.5s ease 0s; position: relative; top: 0;}
.homesponsors-1-info ul li h4 { background: #e6f5f5; margin-bottom: 10px; border-radius: 5px; }
.homesponsors-1-info ul li img{ max-width: 100%;}
.homesponsors-1-info ul li:hover{ top:-10px;}
.photobanner{ position: absolute; top: 0px; left: 0px; overflow: hidden; white-space: nowrap; animation: bannermove 10s linear infinite; height: 135px;}
.photobanner span{ display: inline-block; }
.photobanner span h4{}
.photobanner span img{ max-width: 100%;}
.photobanner img { margin: 0 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); padding: 10px; max-width: 250px;}
.photobanner:hover{ animation-play-state: paused;}
@keyframes bannermove {
	0% {transform: translate(0, 0); }
	100% { transform: translate(-50%, 0); }
}
@keyframes bannermove1 {
	0% {transform: translate(0, 0);}
	100% { transform: translate(50%, 0);}
}

@keyframes moveRight {
  from { left: 0; }
  to { left: 100%; } /* Move to the right edge */
}

.step-wraper{ position: relative; padding: 80px 0; background: #e2f3f3;}
.step-block{}
.step-1{}
.step-1-inner{}
.step-1-info{}
.disc-list { counter-reset: step;  list-style: none; padding: 0; margin: 10px 0; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: center;}
.disc-list li { counter-increment: step; position: relative; width: 200px; height: 200px; text-align: center; border-radius: 50%;  background: #888; color: #888; display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center;  margin: 1.5rem 1.25rem 1.5rem 1.5rem;  overflow: visible;}
.disc-list li:nth-child(1) { background: #033236; color: #033236;}
.disc-list li:nth-child(2) { background: #04656d; color: #04656d;}
.disc-list li:nth-child(3) { background: #059ba8; color: #059ba8;}
.disc-list li:nth-child(4) { background: #03b6c5; color: #03b6c5;}
.disc-list li:nth-child(5) {  background: #05d2e4;  color: #05d2e4;}
.disc-list li:nth-child(6) {  background: #C04F5D;  color: #C04F5D;}
.disc-list li:nth-child(7) { background: #C07E4F; color: #C07E4F;}
.disc-list li:nth-child(8) { background: #C0B54F; color: #C0B54F;}
.disc-list li span {color: #000; display: block; font-weight: bold; font-size: 16px; width: 35px; margin-left: auto; margin-right: auto; height: 35px; background: #fff; border-radius: 100%; line-height: 35px;}
.disc-list li span::before { content: counter(step); display: block; }
.disc-list li .pointer { position: absolute; right: -1.6rem; width: 1rem; height: 1rem;}
.disc-list li .pointer path { fill: none; stroke-linejoin: round; stroke-width: 3px; stroke: currentcolor; }
.disc-list li .libox{ padding: 20px;}
.disc-list li .libox img{ max-width:50px; filter: brightness(0) invert(1);}
.disc-list li h3 {color: #fff;	font-size: 20px;margin: 10px 0;font-weight: 800;line-height: 30px;}
.disc-list li p{ color: #fff; font-size: 14px; line-height: 20px; text-align: center;}
.disc-list li:nth-child(even) .pointer { bottom: 28%; transform: rotate(22.5deg); right:-10px;}
.disc-list li:nth-child(odd) .pointer { top: 27%; transform: rotate(162.5deg); right: -11px;}
.disc-list li::before, .disc-list li::after { content: ''; position: absolute; border: 0.25rem solid; left: -1.5rem;  right: -1.5rem;}
.disc-list li:nth-child(even)::before { border-top-style: dotted; border-left-style: dotted; border-radius: 50%/100% 100% 0 0; border-bottom-color: transparent; top: -1.5rem; bottom: 50%;}
.disc-list li:nth-child(odd)::before { border-bottom-style: dotted; border-right-style: dotted; border-top-color: transparent; border-radius: 50%/0 0 100% 100%; bottom: -1.5rem; top: 50%;}
.disc-list li:nth-child(odd)::after { transform-origin: bottom center; transform: rotate(22.5deg); border-width: 0.2rem; border-style: solid;  border-color: transparent; border-top-color: inherit; border-left-color: inherit; border-radius: 50%/100% 100% 0 0; border-bottom-color: transparent; top: -1.5rem; bottom: 50%;}
.disc-list li:nth-child(even)::after { transform-origin: top center; transform: rotate(22.5deg); border-style: solid; border-width: 0.2rem;  border-color: transparent; border-bottom-color: inherit; border-right-color: inherit; border-radius: 50%/0 0 100% 100%; bottom: -1.5rem; top: 50%;}


.service-wraper{ padding: 70px 0; position: relative;}
.services-block{ position: relative;}
.services-1{ float:left; width:20%; }
.services-1-inner { border-radius: 10px; box-shadow: 0 10px 35px rgba(21, 202, 158, 0.11); margin: 10px;  overflow: hidden; background: #fff; position: relative; padding: 20px; border: 1px solid rgba(21, 202, 158, 0.41); min-height: 330px;}
.services-1-img{ position:relative; max-width: 50px; margin-bottom: 15px; z-index: 1}
.services-1-img img{ max-width:100%; transition:all 0.5s ease 0s;}
.services-1-info { transition: all 0.5s ease 0s; position: relative;}
.services-1-info h3{ font-size:22px; line-height:30px; margin-bottom:10px; font-weight:600; text-align: left;}
.services-1-info h3 a{ color:#fff;}
.services-1-info h3 a:hover{ text-decoration: none; color: #0f0547;}
.services-1-info p{ text-align:left; }
.services-1-info ul li {padding: 5px 0 5px 20px; position: relative; text-align: left; font-size: 15px; line-height: 22px;}
.services-1-info ul li::before { position: absolute; left: 0; top: 7px; font-size: 8px; color: #d81920; font-family: FontAwesome; content: "\f04d"; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.services-1-info a.servbtn { color: #d81920; text-transform: uppercase; font-weight: 700; font-size: 14px; display: inline-block; margin-top: 20px;}
.services-1-info a.servbtn:hover{ text-decoration:none; color: #fff}

.service-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; background: url("../images/service-1.png"); opacity: 0; visibility: hidden; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.service-overlay::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px; background: rgba(21, 202, 158, 0.91);}
.services-1-inner:hover .service-overlay {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);  transform: scale(1);}
.services-1-inner:hover .services-1-img img{ filter: brightness(0) invert(1)}
.services-1-inner:hover .services-1-info h3{ color:#fff}
.services-1-inner:hover .services-1-info p{ color:#fff}
.services-1-inner:hover .services-1-info ul li{ color: #fff;}
.services-1-inner:hover .services-1-info ul li:before{ color: #fff;}
.services-1-inner:hover .services-1-info a.servbtn{ color:#fff}



.strip-wraper{ padding: 80px 0; position: relative;}
.strip-block{ position: relative; display: flex; align-items: center; column-gap: 20px; background: url("../images/cta-countdown-bg.jpg") no-repeat center center; position: relative;padding: 60px 30px; border-radius: 15px;}
.strip-block:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #00406f 0%, #44bfa8 100%); opacity: .6; border-radius: 15px;}
.strip-1:last-child{ width:40%}
.strip-1{ width: 60%; float: left; position: relative;}
.strip-1-inner{ padding: 0 15px;}
.strip-1-info{}
.strip-1-info h2{ color: #fff; font-size: 35px; text-align: left; line-height: 50px; text-transform: uppercase;}
.strip-1-btn{}



.review-wraper{ background:linear-gradient(120deg, #2a1f55 0%, #00cda7 100%); position: relative; padding:80px 0}
.review-block{}
.review-slider{}
.reviewrow-1{ float: left; width: 100%}
.reviewrow-1-inner{ margin: 0 15px;}
.reviewrow-1-img { margin-right:50px;}
.reviewrow-1-img img{ max-width:100%;}

.review-1{}
.review-1-inner { margin:0 45px; }
.review-1-info{}
.review-1-info p { color: #e4e4e4; font-size: 18px; line-height: 26px; text-align: center; font-style: italic;}
.review-1-title{ text-align: center; margin-top:25px; position:relative; margin-bottom:20px;}
.review-1-title:before{ }
.review-1-title h4 { color: #fff; font-size: 20px; line-height: 30px; margin-bottom: 10px; padding-top:15px;}
.review-1-title h5 { color: #fff; font-size: 13px; line-height: 20px; margin-bottom: 8px;}
.review-1-title h6 { color: #00cda7; font-size: 13px; line-height: 20px;}
.review-1-img{ max-width:110px; border-radius:100%; overflow:hidden; margin:0 auto;}
.review-1-img img{ max-width:100%;}

#review-slider.owl-theme .owl-buttons { position: absolute; margin-top: 25px;top: 0;	width: 100%;}
#review-slider.owl-theme .owl-buttons .owl-dots{ display:none!important;}
#review-slider.owl-theme .owl-buttons .owl-prev{ float: left; margin-left: 0; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px;}
#review-slider.owl-theme .owl-buttons .owl-next{ float:right; margin-left: 5px; background: #44bfa8; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px;}

.poster-wraper{ padding:80px 0; position:relative;}
.poster-block{}
.poster-1{ float:left; width:33.33%}
.poster-1-inner { border-radius: 10px; box-shadow: 0 10px 35px rgba(21, 202, 158, 0.11); margin: 10px; overflow: hidden; background: #fff;	position: relative; padding: 20px; border: 1px solid rgba(21, 202, 158, 0.41); min-height: 150px;}
.poster-1-info{}
.poster-1-info h3 { text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.poster-1-info p{ text-align:center}


.inspire-one.evbenefits-wraper{ background: #44bfa8;}
.evbenefits-block{ display: flex; align-items: center; column-gap: 50px; justify-content: space-between;}
.evbenefits-title{}
.evbenefits-title h2{ font-size: 30px; line-height: 40px; text-align: left; color: #fff}
.inspire-one.evbenefits-wraper .animation_mode{ margin: 0;}
.inspire-one.evbenefits-wraper .animation_mode h3 i{ color: #fff}

.sectionagenda-wraper{ padding: 80px 0; position: relative;}
.sectionagenda-block{ max-width: 1100px; margin: 0 auto}
.sectionagenda-block table{ width: 100%; background: linear-gradient(90deg, #23bf99 0%, #1895f1 100%);}
.sectionagenda-block table td:first-child{ width:30%;}
.sectionagenda-block table td { padding: 10px;  border: 1px solid rgba(255, 255, 255, .3); color: #fff}
.sectionagenda-block table td h3{ font-size: 17px; color: #fff}
.sectionagenda-block table td p{ color: #fff;}
.sectionagenda-block table td ul{}
.sectionagenda-block table td ul li{ color:#fff;}

.register-wraper{ padding: 80px 0; position: relative; background: linear-gradient(90deg, #e6feee 0%, #e7e8fe 100%);}
.register-block{ max-width: 1100px; margin: 0 auto;}
.register-1{}
.register-1-inner{}
.register-1-info{}


.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: #000}
.formBlock .txtbox { border: 1px solid #0ab588; background: #f9f8fe; border-radius: 5px; color: #000; font-weight: normal; height: 50px; letter-spacing: 1px; opacity: 1; padding: 3px 15px; width: 100%;}
.formBlock select.txtbox{ color: #fff;}
.formBlockSub { float: left; margin-top: 20px; padding: 0 10px; width: 100%; text-align:left;}
.formBlockSub .submit { background: #0d1a42; 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: #000;opacity: 1;}

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

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

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

.footer-wraper{ padding:80px 0 0; position: relative; background:#0c1e21;}

.footer-top{ position:relative; margin-bottom: 60px;}
.footer-logo{ max-width: 100%; }
.footer-logo img{ max-width:100%;}

.footer-txt{ font-size:14px; margin-top: 15px; color: #e4e4e4}


.footer-block{ position: relative; z-index: 10;}
.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: 20px; font-weight: 800; letter-spacing: 1px; margin-bottom: 20px; position: relative; text-transform: capitalize;	padding-bottom: 15px; color: #fff;}
.footer-1-inner h3:before{ position: absolute;content: '';background:#0acda9;width: 50px; height: 2px;left: 0px;bottom: 0px;}
.footer-1-inner p{ color:#fff; font-size: 15px; line-height: 22px; }

.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:rgba(255, 255, 255, .1); 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{background:#0acda9; color: #ffffff;}
.social-icon-one li a:hover i{ color: #ffffff;}

.footer-links{}
.footer-links ul{ text-align: left;}
.footer-links ul li { display: inline-block; border: 1px solid rgba(10, 205, 169, .2); padding: 5px 10px; margin: 0 10px 10px 0; transition: all 0.5s ease 0s; border-radius: 5px;}
.footer-links ul li a{ color:#fff}
.footer-links ul li a:hover{ text-decoration:none;}
.footer-links ul li:hover{ border: 1px solid #0acda9;}

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

.term-wraper{ padding-top:35px; position: relative;}
.term-block{}
.term-block h5{ color:#fff; margin-bottom:10px;}
.term-block p { color: #fff; font-size: 12px; text-align: left; line-height: 15px;}

a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop { background:#0acda9; 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%;}

.cursor-outer { -webkit-margin-start: -12px;  margin-inline-start: -12px; margin-top: -12px;  width: 30px; height: 30px; border: 1px solid #44bfa8; background-color: #44bfa8; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: 0.34; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.cursor-outer.cursor-hover { opacity: 0.14;}
.cursor-outer.cursor-big { opacity: 0;}
.mouseCursor { position: fixed; top: 0; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; pointer-events: none; border-radius: 50%;  -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; text-align: center;}
.mouseCursor.cursor-big { width: 20px; height: 20px; -webkit-margin-start: -12px; margin-inline-start: -12px; margin-top: -12px;}
.cursor-inner { -webkit-margin-start: -3px; margin-inline-start: -3px; margin-top: -3px; width: 10px; height: 10px; z-index: 10000001; background-color: #44bfa8; opacity: 1; -webkit-transition: all 0.24s ease-out 0s; transition: all 0.24s ease-out 0s;}
.cursor-inner span { color:#788094; line-height: 60px; opacity: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.cursor-inner.cursor-big span { opacity: 1;}
.cursor-inner.cursor-hover { -webkit-margin-start: -10px; margin-inline-start: -10px; margin-top: -10px; width: 30px; height: 30px;  background-color: #E32682; border: 1px solid #686363; opacity: 0;}

  
#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:70px 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;}
	.bannertag{ font-size:30px; line-height: 40px;}
	.about-us-image-box-2-metal{ display:none; }
	.homebox-1{ width:33.33%}
	.operation-1{ width:100%}
	
	
	
}

/*##################################    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: 600px; 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:35px; line-height: 45px;}
	.speaker-1-info, .speaker-1-info p{ text-align:center;}
	.scale-1 { width: 250px; float: left;}
	.homebox-1{ width:50%}
	.operation-1-inner{ min-height:100%}
	.formBlock{ width:100%}
	
	
	
	
}

/*##################################    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:90px;}
	.bannerlogo{ max-width:95%}
	.date-place ul{ display:block}
	.banner-1-inner {padding: 0;}
	.banner-block { height: 750px;}
	.about-1-info { text-align: left; padding-right: 0;}
	.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;}
	.homebox-1{ width:100%}
	
}

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

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}	
	#menu-icon { margin: 0; padding: 3px;}
	
	.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;}
	.bannertag { font-size: 23px; line-height: 32px;}
	.date-place ul li{ font-size:18px;}
	
	
	
	

}