@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap');

/* CSS Document */
/*  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */

* {
	margin:0; 
	padding:0;box-sizing: border-box;font-family:"Poppins"; 
}
html{scroll-behavior:smooth}

.finalImg{ width:550px}


body{ border-top:3px solid #ffde59;overflow-x:hidden; font-size:16px}

.testBox{ padding-left:5% !important; padding-right:5% !important; background:#fafafa}
.testiTxt{ font-style:italic}
.testiTxtName{ margin:0 !important; padding:0 !important; margin-bottom:0; padding-bottom:0; font-size:14px; font-weight:600; color:#999999; line-height:normal !important}
.testiTxtby{ margin:0 !important; padding:0 !important; padding-bottom:0; font-size:12px; font-weight:400; color:#999999; line-height:normal !important}

.testBox .owl-carousel .owl-nav {position: absolute;  top: 50% !important; width:100%; margin-top:-20px !important}
.testBox .owl-carousel .owl-nav button.owl-prev, .testBox .owl-carousel .owl-nav button.owl-next{top: -50% !important;  position: absolute;}
.testBox .owl-carousel .owl-nav button.owl-prev{ left:0} .testBox .owl-carousel .owl-nav button.owl-next{ right:0}

strong{ font-weight:700}
.tablee{ width:80%; margin:20px auto}
.aboutevent{ width:80%; margin:0 auto}

.customTheme .item{ width:20%; float:left; text-align:center; margin-bottom:50px; min-height:320px}
.customTheme .item img{ margin:0 auto}
.customTheme .item img.linkedinIcon{ width:auto !important; border:0}

.storyList li{ width:48%; float:left; font-size:16px !important}
.abouteventss{ width:100%; margin:10px 0%}

.storyImg{ max-width:450px; padding-right:50px}

.pricebox{ width:90%; margin:20px auto; max-width:600px}

.timetable{ width:95%; margin:10px auto; border:1px solid #666; border-collapse:collapse}
.timetable tr:first-child td{ background:#333; color:#fff}
.timetable td{ padding:10px; text-align:left; vertical-align:top}

.faq{ width:90%; margin:20px auto; max-width:700px}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s; margin-bottom:1px;
}
.panel ul li{ font-size:14px}

.activee, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activee:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.ybox{ background: #ffde59;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 20px;
  margin: 0 auto;
  color: #fff;
  max-width:350px ;
  display: inline-block;}

.greenBoxOuter.fourBoxes{ width:96%; margin:20px 2%}

.fourBoxes .greenBox{ width:31%; margin:0 1%; padding:25px; min-height:330px}
.fourBoxes .greenBox h3{font-size: 20px; padding-top:0;
  font-weight: 600;
  text-transform: none;
  line-height: 26px;
  padding-bottom: 20px;}
.fourBoxes .greenBox li{ text-align:left; color:#fff}


.owl-carousel .owl-item img.linkedinIcon{ width: auto !important;border: 0;box-shadow: 0 0px 5px rgba(0,0,0,0.1);margin: 10px auto; border:1px solid rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.owl-carousel .owl-item img.linkedinIcon:hover{box-shadow: 0 0px 5px rgba(255,255,255,1); border:1px solid #ffde59}

.outerBox{ float:left; width:100%; }
.header{ padding:20px}
.innerBox{ width:100%; margin:0 auto}
.leftHeader{ width:200px; float:left}
.rightHeader{ float:right; width:calc(100% - 200px); text-align:right}

.leftHeader img{ width:195px}
.menus{ list-style:none; display:inline-block; }
.menus li{ display:inline-block; margin-left:15px}

.menus li a:link,.menus li a:visited{ text-transform:uppercase; font-style:normal; color:#000; text-decoration:none}

.callHeader:link,.callHeader:visited{ border-radius:7px; padding:10px 15px 10px 40px; background:#7ed957 url(../images/call.svg) 10px center no-repeat; background-size:25px; margin-left:15px; text-decoration:none; color:#fff; }

.registerHeader:link,.registerHeader:visited{ border-radius:7px; padding:10px 15px 10px 40px; background:#7ed957 url(../images/register.svg) 10px center no-repeat; background-size:25px; margin-left:15px; text-decoration:none; color:#fff;}

.registerHeader:hover, .callHeader:hover{ box-shadow:0 0px 5px rgba(0,0,0,.2); }


.banner img{ width:100%}
.outerBox.banner{ padding:0; position:relative; z-index:-1; margin-top:-67px}
.aboutus{ background-color:#fafafa; background-image:url(../images/bg.png),url(../images/bg.png); background-repeat:no-repeat, no-repeat; background-position: left 70% , right top}

.contentBox{ max-width:1100px; width:100%; margin:0 auto}
.aboutevent img{ margin-right:100px}
.aboutusTop ul,.aboutusTop ul li{ list-style:none}

.customBullet li strong{ font-weight:600}

.customBullet li u{ font-weight:500; font-size:18px;}

.aboutusTop ul li,
.customBullet li{ list-style:none; background:url(../images/custombullet.svg) no-repeat left 8px; background-size:15px; padding-left:25px; margin:8px 0; font-size:18px; font-weight:300; margin-bottom:15px; line-height: 28px;}

.aboutusTop{ padding-left:400px; background:url(../images/confuse.svg) no-repeat left center; background-size:350px; padding-top:70px; padding-bottom:70px; margin:30px auto}

.aboutusBottom{padding-left:290px; background:url(../images/solutions.svg) no-repeat left center; background-size:280px; padding-top:50px; padding-bottom:50px; margin:30px auto 30px 250px}

.tabGreen{ background: #ffde59;
  border-radius: 50px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 20px;
  margin: 0 5px;
  color: #fff;
  min-width: 150px;
  display: inline-block;}


h1{ color:#7ed957; font-size:40px; font-weight:bold; line-height:normal; padding:0; margin:0; line-height:45px}
.aboutusBottom p{font-size:20px; font-weight:300; padding-top:20px}

.cls{ clear:both}

.icons1{ width:33.33%; float:left; padding-left:110px; min-height:91px; margin:60px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.icons11{ background:url(../images/icon1.png) no-repeat left top;}
.icons2{ background:url(../images/icon2.png) no-repeat left top;}
.icons3{ background:url(../images/icon3.png) no-repeat left top;}
.count{ font-size:48px; font-weight:bold;line-height: 50px; padding-top: 10px;color:#7ed957}
.countTxt{ font-size:18px; font-weight:300}

.icons1:hover{ background-position:left bottom}

p{ font-weight:300; line-height:30px}

h2{ background:url(../images/header-bg.png) center bottom no-repeat; padding-bottom:10px; margin-bottom:20px; font-weight:bold; font-size:36px; margin:0 auto 20px auto; text-align:center; display:block}
.companyInfo p{ padding:5px 12%; text-align:center}
.companyInfo{ padding:30px 0}

.greenBoxOuter{ width:90%; margin:0 5%; float:left}

.infoList{ list-style:none; float:left; width:100%; margin:40px 10% 20px 10%; width:80%}
.infoList li{ width:20%; float:left; text-align:center}
.infoList li img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.infoList li p{ font-size:18px}
.infoList li:nth-child(1) img{ background:url(../images/fun.png);}
.infoList li:nth-child(2) img{ background:url(../images/inclusion.png);}
.infoList li:nth-child(3) img{ background:url(../images/integrity.png);}
.infoList li:nth-child(4) img{ background:url(../images/individuality.png);}
.infoList li:nth-child(5) img{ background:url(../images/empathy.png);}
.infoList li:hover img{ background-position:left bottom}

.subHeading{ font-size:26px; font-weight:bold}

.ourPrinciple{ padding:40px 10%}

.ourPrincipleBox{ padding:70px 50% 70px 0; background:url(../images/about-maxxup.svg) no-repeat 90% center; background-size:400px auto}

.ourPrincipleIcons{ background:#ffde59; padding:10px 0; margin-bottom:20px}
.ourPrincipleIcons ul{ list-style:none; width:90%; float:left; margin:0 5%}
.ourPrincipleIcons ul li{ width:25%; float:left; padding-top:20px; padding-bottom:20px; font-size:24px; font-weight:700; color:#3d3b35}
.ourPrincipleIcons ul li img{vertical-align: middle;}
.ourPrincipleIcons ul li p{ display:inline-block}

.ourPrincipleIcons ul li:nth-child(1){ background:url(../images/scientific-research.png) no-repeat left center; padding-left:110px}
.ourPrincipleIcons ul li:nth-child(2){ background:url(../images/backed-research.png) no-repeat left center; padding-left:110px}
.ourPrincipleIcons ul li:nth-child(3){ background:url(../images/personalized-outcome.png) no-repeat left center; padding-left:110px}
.ourPrincipleIcons ul li:nth-child(4){ background:url(../images/industry-network.png) no-repeat left center; padding-left:110px}


.greenBoxOuterr .greenBox{background:#7ed957}
.greenBoxOuterr .greenBox:hover{background:#262626}

.greenBox{ background:#262626; border-radius:10px; padding:30px; width:30.33%; float:left; margin:20px 1.5%; text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.greenBox:hover{ background:#7ed957}
.greenBox h3{ color:#fff; text-align:center; text-transform:uppercase; padding:15px 0 0 0; font-size:26px}
h4{ background:url(../images/header-bg-green.png) center bottom no-repeat; padding-bottom:10px; margin-bottom:20px; font-weight:bold; font-size:36px; margin:0 auto 20px auto; text-align:center; display:block; color:#000}
.greenBox p{ text-align:center; color:#fff; font-size:18px}
.greenBox img{ width:90px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; margin:5px}
.greenBox:hover{ box-shadow:0 0 5px rgba(0,0,0,0.2)}
.greenBox:hover img{ width:100px; margin:0}

.coreTeam{ background-color:#ffde59; padding:60px 20px; background-image:url(../images/core-bg1.png),url(../images/core-bg2.png); background-repeat:no-repeat,no-repeat; background-position:right top, left bottom;}

.coreTeam .item img{ border-radius:100px; border:6px solid #fff; width:150px !important; margin:0 auto}
.coreTeam .item p{ text-align:center; padding-bottom:0; margin-bottom:0; padding:0 15px; line-height:normal}
.coreTeam .item p.teamName{ font-size:20px; font-weight:bold; padding-top:10px}
p.teamDesignation{ font-weight:600}
p.teamCompany{ font-size:14px; line-height:normal; min-height: 70px;}

h4.headingTop{ margin-top:100px}

.contactLeft{ width:60%; float:left; padding:20px;}
.contactRight{ width:40%; float:left; padding:20px;}

.addressList,.addressList li{ list-style:none}
.addressList{ margin-bottom:10px}
.addressList li{ padding:5px 0 5px 35px; font-weight:300; margin-bottom:5px}
.addressList li:nth-child(1){ background:url(../images/home.svg) no-repeat left 3px; background-size:25px}
.addressList li:nth-child(2){ background:url(../images/email.svg) no-repeat left 3px; background-size:25px}
.addressList li:nth-child(3){ background:url(../images/call1.svg) no-repeat left 5px; background-size:25px}
.addressList li:nth-child(4){ background:url(../images/WhatsApp1.svg) no-repeat left 3px; background-size:25px}

p.addTxt{ padding:0px 0 0 0; max-width:450px; width:100%; text-align:left; clear:both; line-height:normal}


.footerBox{ background:#7ed957; width:100%; float:left; padding:20px 60px 20px 20px; border-bottom:3px solid #ffde59}
.footerBoxLeft{ width:50%; float:left}
.footerBoxRight{ width:120px; float:right}

.footermenus,.footermenus li{ display:inline}
.footermenus li{ margin-right:20px;}
.footermenus li a:link,.footermenus li a:visited{ color:#fff; text-decoration:none; font-size:16px; font-weight:300}

.facebook:link,.facebook:visited{ width:30px; height:30px; display:inline; margin:0 0px 0 10px; background:url(../images/facebook-round.svg); background-size:30px; float:left}

.linkedin:link,.linkedin:visited{ width:30px; height:30px; display:inline; margin:0 0px 0 10px; background:url(../images/linkedin-round.svg); background-size:30px; float:left}

.instagram:link,.instagram:visited{ width:30px; height:30px; display:inline; margin:0 0px 0 10px; background:url(../images/instagram-round.svg); background-size:30px; float:left}

.footerBoxLeft p{ color:#fff; font-size:14px; padding-top:15px;padding-left: 0 !important;  text-align: left; }

.whatsapp img,.emailFix img{ width:45px}
.whatsapp:link,.whatsapp:visited{ position:fixed; bottom:10px; right:10px; z-index:999}
.whatsapp:hover{}

.emailFix:link,.emailFix:visited{ position:fixed; bottom:60px; right:10px; z-index:999}
.emailFix:hover{}

.popOuter{ position:fixed; z-index:9999; background:rgba(0,0,0,0.8); left:0; top:0; right:0; bottom:0; display:none}
.popInner{ width:100%; max-width:380px; margin:50px auto; background:#fff; border-radius:10px; padding:20px }

.popInner h2{ font-size:20px}

.fieldLabel input,.fieldLabel textarea{ padding:7px 10px; border:0; background:rgba(0,0,0,0.05); border-radius:4px; margin-bottom:15px; width:100%; font-size:14px}
.fieldLabel{ font-size:12px}
.fieldLabel textarea{ height:60px;}
.btn{ background:#7ed957; color:#fff; width:100%; padding:10px; cursor:pointer;border-radius:4px; border:0}
.btn:hover{ background:#ffde59}

.closeBtn{ float:right; border:2px solid #7ed957; color:#7ed957; width:30px; height:30px; border-radius:30px;text-align: center;font-weight: 600;line-height: 26px;margin: -70px -10px 0 0; cursor:pointer}
.closeBtn:hover{ background:#7ed957; color:#fff}

.cta{ width:100%; margin:40px auto; display:inline-block; text-align:center}
.cta a:link,.cta a:visited{ width:175px; border-radius:7px; padding:10px 15px; background:#7ed957 url(../images/more1.svg) 140px center no-repeat; color:#fff; text-decoration:none; display:inline-block; text-transform:uppercase; text-align:left}
.cta a:hover{background-color:#ffde59; }

.mobileMenus,.footerMobile{ display:none}
.dskBanner{ display:block}
.mobileMobile,.mobileMenuIcon{ display:none}

.bannerBg{ float:left; width:100%; background: hsla(49, 100%, 97%, 1);background: linear-gradient(90deg, hsla(49, 100%, 97%, 1) 0%, hsla(49, 100%, 91%, 1) 100%); 
background: -moz-linear-gradient(90deg, hsla(49, 100%, 97%, 1) 0%, hsla(49, 100%, 91%, 1) 100%);background: -webkit-linear-gradient(90deg, hsla(49, 100%, 97%, 1) 0%, hsla(49, 100%, 91%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFFCEE", endColorstr="#FFF7D3", GradientType=1 ); padding-top:120px}


.learnomicsHeading{ font-size:60px; font-weight:900; color:#7ed957;  text-align:center; padding:60px 0 30px 0;  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}

.subTxt{ font-size:24px; font-weight:500; text-align:center}

.customPriceTable{ max-width:800px; margin:0 auto}
.customPriceTable td{ width:50%}
.priceOff{ width:90%; margin:0 auto}
.fees{ width:100%; max-width:180px; margin:0 auto}

.takeways{ background:rgba(255,255,255,1); float:left; padding:30px; border-radius:30px; box-shadow:0 10px 0px #7ED957}
.key{ font-size:24px; font-weight:700; padding-bottom:15px}

.takeways ul li{ list-style:none; background:url(../images/yes.svg) no-repeat left 5px; padding-left:25px; margin-bottom:7px}

.registerHeader.bigtxt:link, .registerHeader.bigtxt:visited{ font-size:20px; border-radius: 30px;
  padding: 12px 15px 12px 50px;
  background: #7ed957 url(../images/register.svg) 10px center no-repeat;
    background-size: auto;
  background-size: 30px;
  margin-left: 15px;
  text-decoration: none;
  color: #fff; margin-bottom:20px; display:inline-block}
.registerHeader.bigtxt:hover{ background-color:#ffcc66}

.batches{ margin:0 auto; text-align:center; background: #7ed957; padding:20px 20px; float:left; width:100%; margin-bottom:15px}

@media  screen and (max-width:768px) {

.customBullet.storyList{ margin-left:0px}
.abouteventss{ padding-left:20px; padding-right:20px}

.customPriceTable td{ display:block; float:left; width:100%}
.tablee {
  width: 100%;
  margin: 20px auto; padding:0 20px;
}
.finalImg{ width:90%; margin:0 5%}
.icons1{ width:calc(100% - 40px); margin:20px;}
.aboutusTop{ padding-top:320px; padding-left:20px;padding-right:20px; background-position:center top; background-size:auto 280px; padding-bottom:0}
.aboutusBottom{padding-top:320px; padding-left:20px;padding-right:20px; background-position:center top; background-size:auto 280px; margin:30px auto 30px auto; padding-bottom:0;}
.infoList li{ width:50%; margin-bottom:10px}
.ourPrincipleBox{ padding:20px; background:none}
.ourPrinciple{ padding:0}
.companyInfo p{ padding:0 20px}
.ourPrincipleIcons ul li,.greenBox,.contactRight,.contactLeft,.footerBoxLeft,.footerBoxRight{ width:100%}
.rightHeader{ display:none}
.mobileMenus{ position:fixed; z-index:999999; left:0px; width:100%; top:72px; right:0; bottom:0; background:#fafafa;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-left:100%; display:block}
.mobileMenus.showMenu{ margin-left: 00%;}
.mobileMenus .menus{ margin-top:20px}
.mobileMenus .menus li{ width:100%; margin-bottom:7px; margin-top:7px; }
.dskBanner{ display:none}
.mobileMobile{ display:block; margin-top:90px}
.innerBanner .mobileMobile{ margin-top:0}
.mobileMenuIcon{ display:block; position:absolute; top:25px; right:20px; width:35px}

.footerMobile{ background:#7ED957; position:fixed; z-index:99; left:0; right:0; bottom:0; height:50px; width:100%; display:block}

.ourPrincipleIcons ul li:nth-child(1){ background:url(../images/scientific-research.png) no-repeat left center; padding-left:70px; background-size:50px auto}
.ourPrincipleIcons ul li:nth-child(2){ background:url(../images/backed-research.png) no-repeat left center; padding-left:70px; background-size:50px auto}
.ourPrincipleIcons ul li:nth-child(3){ background:url(../images/personalized-outcome.png) no-repeat left center; padding-left:70px; background-size:50px auto}
.ourPrincipleIcons ul li:nth-child(4){ background:url(../images/industry-network.png) no-repeat left center; padding-left:70px; background-size:50px auto}
.ourPrincipleIcons ul li{font-size: 16px;font-weight: 500;padding-top: 5px; padding-bottom: 5px;}
.whatsapp img, .emailFix img{ width:35px}
.emailFix:link, .emailFix:visited{ right:60px; bottom:10px}
.callNow:link,.callNow:visited{ color:#fff; text-decoration:none; font-size:16px; padding:12px 10px 12px 40px; float:left; background:url(../images/mobile.svg) no-repeat 5px center; background-size:30px}
.aboutusTop ul li{ font-size:18px}
.countTxt{ font-size:12px; line-height:normal}
.count{ font-size:40px} 
.leftHeader img{ width:150px}

h1{ font-size:36px}
h2{ font-size:30px}
p {
  font-weight: 300;
  line-height: 26px;font-size:14px
}
.companyInfo p,.infoList li p{ font-size:14px}
.footerBox{ padding-bottom:60px}
.subHeading{ font-size:20px; padding-bottom:10px}

.learnomicsHeading{ font-size:40px}

.subTxt.ttx{ font-size:16px; padding-bottom:20px}

.aboutevent{ display:flex}
.aboutevent td{ width:100%; display:flex}
.customBullet li{ font-size:16px}
.tabGreen{ margin:10px auto}
.fourBoxes .greenBox{ width:98%; margin:10px 1%}
.customTheme .item{ width:100%; min-height:100px; margin-bottom:20px}
.storyImg{ display:none}
.aboutevent img{ display:none}

.ttimetableBox{ width:100%; overflow-x:scroll}
.ttimetableBox table{ width:1000px}


}