@import url('fonts.css');
*{ margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; font-family: "Gilroy-Regular", sans-serif;}

dl, ol, ul { margin-left: 10px;}
a, a:hover{ outline: none; border: 0; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight: 700;}
.features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.flex-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
img{content-visibility: auto;}
/*--- Variables---*/
.bk-headr{ height:75px;}
p {
    font-weight:300px !important;
    line-height:24px;
}
/* research*/
.research {
        color:#0DB04B !important;font-size: 24px;font-weight: 700;line-height: 36px;letter-spacing: 0em;text-align: left;margin-left:10px;
}
.services-off{
        display: flex;margin: 30px 0px 20px 0px;
}
.service-heading {
        font-weight:700;font-style:italic;margin-right:5px;
}
.heading{ font-size: 38px; font-weight: 600; color: #3d1d1d; line-height: 1.1; font-family: "Gilroy-Bold", sans-serif;}
.head-top{ background-color: #0DB04B; padding:9% 0 3%; background-size:cover; background-position:center;}
.head-2{font-size: 36px;font-weight: 600;color: #FFFFFF;}
.cont-component{ margin:5px 0; padding: 5px;}
.sub{ font-size: 16px; line-height:1.5; color: #898989; font-weight: 400;}
.sub-head{font-size: 24px;padding: 7px 0;}
.bold{font-weight: bold;}

.cardall-title{ font-size: 1.4rem; text-transform: uppercase; display: block; font-weight: 700;}

/* Image Floating Effect */
@keyframes floating {
0% { transform: translatey(0px);}
50% { transform: translatey(-20px);}
100% { transform: translatey(0px);}
}
.floating-img {transform: translatey(0px);animation: floating 5s ease-in-out infinite;}

/* btn green */
.btn-green { border-radius: 2px !important; background-color: #27AE60; border: none; color: #FFFFFF !important; text-align: center; font-size: 18px; font-weight: 400; padding: 15px 40px !important; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px;}
.btn-green:hover { background-color: #27AE60 !important;}
.btn-green span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; font-size: 16px; font-weight: 200;}

.btn-green span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn-green:hover span { padding-right: 25px;}
.btn-green:hover span:after { opacity: 1; right: 0;}

/* btn blue */
.btn-blue {border-radius: 2px !important;background-color: #1D2F3D;border: none;color: #FFFFFF !important;text-align: center;font-size: 18px;font-weight: 400;padding: 15px 40px !important;width: 200px;transition: all 0.5s;cursor: pointer;margin: 5px 0;}
.btn-blue:hover {background-color: #1D2F3D !important;}
.btn-blue span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;font-size: 16px;font-weight: 200;}
.btn-blue span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.btn-blue:hover span {padding-right: 25px;}
.btn-blue:hover span:after {opacity: 1;right: 0;}

/* btn green */
.btn-outline {border-radius: 2px !important;background-color: transparent;border: 1px solid #27AE60;color: #000 !important;text-align: center;font-size: 18px;font-weight: 400;padding: 15px 40px !important;width: 200px;transition: all 0.5s;cursor: pointer;margin: 5px;}
.btn-outline:hover {color: #0DB04B !important;}
.btn-outline span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;font-size: 16px;font-weight: 200;}
.btn-outline span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.btn-outline:hover span {padding-right: 25px;}
.btn-outline:hover span:after {opacity: 1;right: 0;}

/* btn White */
.btn-white {border-radius: 2px !important;background-color: #FFFFFF;border: none;color: #000 !important;text-align: center;font-size: 18px;font-weight: 400;padding: 15px 40px !important;width: 200px;transition: all 0.5s;cursor: pointer;margin: 5px;}
.btn-white:hover {background-color: #27AE60 !important;color: #FFFFFF;}
.btn-white span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;font-size: 16px;font-weight: 200;}

.btn-white span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}

.btn-white:hover span {padding-right: 25px;}

.btn-white:hover span:after {opacity: 1;right: 0;}

/* owl .carousel dots */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #27AE60;}
.owl-theme .owl-dots .owl-dot{ height: 24px; border: 1px solid #27AE60; border-radius: 100%; margin: 0 10px;}
.owl-theme .owl-dots{  margin-top: 10px; position: relative; top: -450px;}

.lni-chevron-down::before { font-size: 16px; font-weight: 800;}
/* --- NAVIGATION----*/
.navigation{ position: fixed;  top:0; padding: 5px 0px; width: 100%; background: #FFF; border-bottom: 0.05rem solid #f9f9f9; box-shadow: 1px 1px 4px #22222226; z-index: 997;}
.navigation .wrapper{ position: relative; max-width: 1200px; padding: 0px 30px; height: 70px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
.wrapper .logo a{ text-decoration: none;}
.wrapper .nav-links{ display: block; margin-top: 15px ;}
 .nav-links li{ list-style: none; display: inline-block;}
.nav-links li a{ color: #3A3A3A; text-decoration: none; font-size: 16px; font-weight: 500; padding: 30px 15px 15px;; border-radius: 5px; transition: all 0.3s ease; display:block;}
/* .nav-links li a:hover{ color: #0DB04B;} */
.nav-links li ol{display:none; margin: 0; padding:0; position:absolute; z-index:995;}
.nav-links li:hover ol{ display: block;}
.nav-links li ol li{display: block; padding:0; background:#fff;}
.nav-links li ol li a{position:relative; padding:9px 15px; display: block;  border-top: 1px solid transparent;  border-bottom: 1px solid transparent; border-radius: 0; min-width: 120px;}
.nav-links li ol li a:hover{display: block;  border-top: 1px solid#eee; border-bottom: 1px solid#eee; border-radius:0;}

/* .post-link:hover{color:var(--yellow); text-decoration: none;display:block;} */
.post-link:after{position:absolute; display:block;right:10%; content:"\01F862"; opacity:0; color:var(--yellow); transition:all 0.5s ease-in-out;}
.post-link:hover:after{position:absolute; right:5%; content:"\01F862"; opacity:1; color:var(--yellow); transition:all 0.5s ease-in-out;}

.nav-links .mobile-item{ display: none;}
.nav-links .drop-menu{ position: absolute; background: #FFF; width: 180px; line-height: 45px; top: 85px; opacity: 0; visibility: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{ transition: all 0.3s ease; top: 70px; opacity: 1; visibility: visible;}
.drop-menu li a{ width: 100%; display: block; padding: 0 0 0 15px; font-weight: 400; border-radius: 0px;}
.drop {display:block;}
.link-head{ color: #242526; font-size: 17px; font-weight: 500; display: block; margin-top:12px; margin-bottom: 0;}

.link2-link{ margin: 90px 0 45px 0;}
.mega-box{ position: absolute; left: 0; width: 100%; padding: 0 30px; top: 85px; opacity: 0; z-index: 9999; visibility: hidden;}
.mega-box .navcontent{ background: #FFF; padding: 45px 20px; width: 100%; justify-content: space-between; box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.mega-box .navcontent .roww{ line-height: 2;}
.navcontent .roww img{ width: 100%; height: 100%; object-fit: cover;}
.navcontent .roww header{ color: #0DB04B; font-size: 20px; font-weight: 500;}
.navcontent .roww .mega-links{ margin-left: -40px; border-left: 1px solid rgba(255,255,255,0.09);}
.roww .mega-links li{ padding: 0 20px;}
.roww .mega-links li a{ position:relative; padding: 0px; padding: 0 20px; color: #3A3A3A; font-size: 15px; font-weight: 300; display: block;}
.roww .mega-links li a:hover{ color: #0DB04B;}
.roww .mega-links li i{ color: #fff;}
.roww .mega-links i:hover{ color: #0DB04B;}
.roww .mega-links li a::after{position:absolute; display:block;left:0; content:"\2794"; opacity:0; color:#000; transition:all 0.5s ease-in-out;}
.roww .mega-links li a:hover:after{position:absolute; display:block;left:5%; right:5%; content:"\2794"; opacity:1; color:#0DB04B; transition:all 0.5s ease-in-out;}
.wrapper .btnn{ color: #0DB04B; font-size: 20px;cursor: pointer; display: none;}
.wrapper .btnn.close-btn{ position: absolute; right: 30px; top: 10px;}

@media screen and (max-width: 970px) {
  .wrapper .btnn{ display: block; }
  .wrapper .nav-links{ position: fixed; height: 100vh; width: 100%; max-width: 350px; top: 0; left: -100%; background: #FFF; display: block; padding: 50px 10px; line-height: 50px; overflow-y: auto; z-index: 9999; transition: all 0.3s ease; margin:0; }
  .wrapper .nav-links li{ display: block;}
  .wrapper .nav-links li a{}
  .link-head{ font-size: 16px; margin-bottom: 5px; line-height: 21px; }
  .lni-arrow-right{ font-size: 24px !important; }
  .link-link{ margin: 15px 0;}
  .mg-link{  line-height: 20px; }
  /* custom scroll bar */
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: #242526; }
  ::-webkit-scrollbar-thumb { background: #3A3B3C; }
  #menu-btn:checked ~ .nav-links{ left: 0%; }
  #menu-btn:checked ~ .btnn.menu-btn{ display: none;}
  #close-btn:checked ~ .btnn.menu-btn{ display: block; }
  .nav-links li{  margin: 15px 10px; }
  .nav-links li a{ padding: 0 20px;  display: block; font-size: 20px; }
  .nav-links .drop-menu{ position: static; opacity: 1; top: 65px; visibility: visible; padding-left: 20px; width: 100%;  overflow: hidden; box-shadow: none; transition: all 0.3s ease;}
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box{ max-height: 100%; }
  #showMega2:checked ~ .mega-box{ max-height: 100%; }
  
  /*.nav-links .desktop-item{ display: none; }*/
  .nav-links .mobile-item{  display: block; color: #242526; font-size: 20px; font-weight: 500;  padding-left: 20px; cursor: pointer; border-radius: 5px; transition: all 0.3s ease; }
  .nav-links .mobile-item:hover{  background: #0DB04B;}
  .drop-menu li{ margin: 0; }
  .drop-menu li a{  border-radius: 5px;  font-size: 18px;}
  .mega-box{  position: static;  top: 65px; opacity: 1;  visibility: visible; padding: 0 20px; min-height: 0px;  overflow: hidden; transition: all 0.3s ease;}
  .mega-box .navcontent{ box-shadow: none; flex-direction: column; padding: 0; }
  .mega-box .navcontent .roww{ width: 100%;  margin-bottom: 15px; border-top: 1px solid rgba(255,255,255,0.08); }
  .mega-box .navcontent .roww:nth-child(1),
  .mega-box .navcontent .roww:nth-child(2){ border-top: 0px; }
  .navcontent .roww .mega-links{ border-left: 0px; padding-left: 15px;}
  .roww .mega-links li{  margin: 0;}
  .navcontent .roww header{ font-size: 19px;}
}

.navigation input{ display: none}
.body-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 30px;}
.body-text div{ font-size: 45px; font-weight: 600;}
/* -----MAIN SLIDER---*/
.main-slider{padding-top: 10px;}
.main-slider .item img{ height: 25rem;}
/* top slide */


/* font weight of 500 */

.behind-page{ position: absolute; z-index: 99;}

/* align words to centre */

.top-slide{ height: 375px; width: 350px; justify-content: center; margin: 0;  background: rgba(252, 255, 255, 0.3); position: relative; top: -40px; padding: 80px 60px; z-index:99; backdrop-filter: blur(1rem);;}

/* ----PURPOSE----*/
.purpose{margin: 10rem 0 1rem 0; }
.pu-content{margin-bottom: 55px;}
.pu-content img{margin-right: 12px;}
.pu-content h3{color: #0DB04B;}
.sub-mainhead {font-size: 24px;font-weight: 400;font-weight: 500;}
.pu-content p{margin-top: 20px;}
.pu-rght img{width: 100%;}

/* ----- WHAT WE DO---*/
.what-we-do{margin-top: 1rem;background-color: #FCF8F3;padding: 2rem 0;}
.program {justify-content: center; margin: 22rem auto;}
.carrd{background-color: #FFF; width: 32rem;margin-bottom: 1rem;height:420px;}
.carrd .c-contnt:hover {color: #FFF !important;background-color:#1D2F3D;transition: 0.2s;transition-timing-function: linear;}
.carrd img, .carrd h3 ,.carrd p{display: flex;justify-content: center;margin: 0.5rem auto;}
/* .btn-wedo:hover{margin-right: 0} */
/* .c-contnt{
color: #FFF !important;
} */
.carrd p{font: 14px;text-align: center;margin-top: 2rem; height:100px;}

.btn-wedo{margin-top: 30px;display: flex;justify-content: center;}
.we-do-rght{margin-top: 5rem;}


/* testimonial */
.testimonial{padding: 7rem 0}
.bold{font-size: 22px; font-weight: bold; font-style: italic;}


/* --event & UPDATES---*/
.news-update{padding: 3rem 0;background-color: #1D2F3D;}
.news-update .sub-head{color: #FFF;}
.news-update .sub{color: #FFF;margin-bottom: 2rem;}
.news-update hr{border: 1px solid #FFF;margin: 3rem 0;}
.link-arrow{display: flex;justify-content: flex-end;}
.link-arrow a{color: #3B617E;text-decoration: none;}
.link-arrow a:hover {color: #27AE60;}
.link-arrow img{margin-left: 5px;}
.event-slide{margin-bottom: 8rem;}
.event1, .event2{background-size: cover;background-repeat: no-repeat;padding: 3rem;}
.event1{background-image: url(./images/event.jpg);}
.event2{background-image: url(./images/event2.jpg);}
/* .status{background-color: #67BEC2;width: 25%; color: #fff;align-items: center; margin-bottom: 3rem;
   margin-left: -47px; 
  } */
.status{
  margin-left: -47px;
  position: relative;
  margin-bottom: 3rem;
  
	left: 0;
  	border: 15px solid #67BEC2;
  	border-right: 10px solid transparent;
  	border-left: 0;
  	height: 0;
  	line-height: 0;
  	width: 25%;
  	color: white;
    /* padding-top: 10px 4px 0 10px; */
	  align-items: center;
  	z-index: 1;
  	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

.status h4{font-size: 16px;text-align: center; line-height: 0}
.event h2{color: #FFF;font-size: 24px;}
.event-heading{font-size: 63px;color: #FFF;margin-bottom: 1rem;}
.event-heading .green{color: #0DB04B;}
.event .sub{margin-bottom: 7rem;}
.view-event{background-color: #FFF;padding: 12px 0;}
.rght-sidee .link-arrow a{color: #67BEC2;border-left: 1px solid #3B617E;padding: 1.5rem 20px;display: flex;}
.rght-sidee .link-arrow .arrow{width: 23%;}
.rght-sidee .link-arrow a:hover {color: #27AE60;}
/* news */
.news{margin: 2rem 0 3rem;}
.news-image1{background-image: url(./images/news1.jpg);}
.news-image2{background-image: url(./images/news2.jpg);}
.news-image1, .news-image2{background-size: cover;background-position: center;padding: 10rem 0;background-repeat: no-repeat;}
.white{background-color: #FFF;}
.news-contnt{padding: 2.5rem 2rem;}
.date{color: #616161;font-size: 18px;margin-bottom: 20px;}
.news-contnt .sub{color: #616161;margin: 1.5rem 0;}
.news-contnt .link-arrow{margin: 2rem 0;justify-content: end;}

/*--- PARTNERS--*/
.partners{margin:3rem 0;}
.partners .sub-head{margin-bottom: 2rem;}
.partners hr{margin: 2rem 0;}
.partners .sub{margin-bottom: 4rem;}
.client-slide img{height: 50px;width: auto !important;margin: 0 auto;}

/* --- SUBSCRIBE TO OUR NEWS LETTER---*/
.subscribee{background-color: #1D2F3D;padding-top: 3rem ;padding-bottom: 4rem ;}
.subscribee .sub-heading{color: #FFF;}
.subscribee hr{margin: 2rem 0;border: 1px solid #888;}
.subscribee .sub{color: #FFF;margin-bottom: 3rem;}
.subscribe{display: flex;}
.subscribed input {text-decoration: none; color: #828282; background: transparent; padding: 15px 10px; background: #F4F5F7; width: 86%; margin-right: 12px;border: 0;border-bottom: 2px solid #27AE60;}
.subscribed button {border: 0;background: #27AE60;color: #fff;padding: 11px 20px;margin-left: -4px;}
.subscribed button i{font-size: 18px;}
.msg{color:#27AE60;}

/* ---------------
  FOOTER
-------------------*/
.footer{padding: 2rem 0 1rem 0;background-position: right;background-repeat: no-repeat;background-size: 600px;}
.footer hr{margin: 3px 0;border: 1px solid #D8D8D8;background-color: #D8D8D8;}
.address img, .footer h3{margin-bottom: 3px;}
.address p{margin-bottom: 10px;font-weight: 200;}
.footer h3{font-size: 24px;color: #000;font-weight: 600;}
.footer ul{list-style: none;}
.footer ul li{padding: 4px 0;}
.footer a{font-size: 16px;color: #898989;font-weight: 400;text-decoration: none;}
.footer a:hover{color: #27AE60;}
.social-icons a{padding: 0 8px;}
.footer i{font-size: 16px;}

/* ----------------------------------------------------------------------------------------
                UOP PAGE
-----------------------------------------------------------------------------------------*/
.uop-main{background-color: #1D2F3D;}
.uop-img{background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: +50px;}
.btn-join{margin: 2rem 0;}
.uop-right{padding: 5rem 0 5rem 2rem;}
.uop-right p{color: #FFF;padding: 0 0;}
.abt{background-color: #67BEC2;padding:4rem;margin-top: -50px;}
.uop-abt h3{color: #FFFFFF;margin: 5px 0;}
.uop-abt .subm{ color: #FFFF; font-weight: 900; margin: 1rem 0rem;}
.uop-abt .sub{ color: #FFFF;}
.activities .sub{ margin-bottom: 2rem;}
.uop-bg img{ margin: 4rem 0; width: 100%;}
.uop-partners{margin-top: 4rem;margin-bottom: 5rem;}
.partner img{width: 50% !important;}
.try{background-image: url(./images/f-bg.png);background-size: cover;background-position: right;background-repeat: no-repeat;height: 33rem;}
.pbackground{background-repeat: no-repeat;background-position: bottom right;}
.responseform{width:100% ;height:100% ;padding-bottom: 5rem;padding-top: 2rem;text-align: center;padding-left: 2rem;padding-right: 2rem;}
.responseform img{padding: 1rem 0rem;}
.responseform h6{padding-bottom: 4rem;padding-left: 2rem;padding-right: 2rem;}
.responseform h4{padding: 1.5rem 1rem;}

/* -------------- */
.box12{ background-size:cover; background-position: center; position: relative; width:100%; min-height:300px; margin-bottom: 10px;}
.box12 .box-in{ position: absolute; bottom:0; padding: 10px; color: #fff;}
.box-in h4{ padding:5px 0; font-size: 1.2rem;}
.box-in p{ font-size: 0.8rem;}
.box-in a{ color:#fff; text-decoration: none; padding:5px 12px; margin:10px 0; position:relative;}
.box-in a:before{ content:""; position:absolute; left: 0; top: 5px; height:1px; width:1px; border-left: 10px solid #fff; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; transition: all 0.5s ease-in-out;}
.box-in a:hover:before{ content:""; left: 100%; transition: all 0.5s ease-in-out;}
/* ----------------------------------------------------------------------------------------
                PROGRAMS PAGE
-----------------------------------------------------------------------------------------*/
.programs-head{background-color: #1D2F3D;padding: 4rem 0;}
.programs-head h2{margin: 2rem 0;}
.programs-head .subp{color: #FFF;margin-top: 2rem;}
.program-main{padding: 7rem 0;}
.program-main h2, .program-main .sub{margin: 2rem 0;color: #000;}
.btn-readmore{margin: 2rem 0;}
.skill-program{position:relative; background-color: #FCF8F3; background-size: cover; background-position: center; padding: 4% 0;}
.btn-service{background-color: #FFFFFF; color: #0DB04B !important; border: 1px solid #0DB04B; ; text-align: center; font-size: 18px; font-weight: 400; padding: 15px 40px !important; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px;}
.btn-service:hover { background-color: #27AE60 !important; color: #ffffff !important;}
.btn-service span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; font-size: 16px; font-weight: 200;}
.btn-service span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn-service:hover span { padding-right: 25px;}
.btn-service:hover span:after { opacity: 1; right: 0;}

.skill-program h2{margin-bottom: 2rem;font-weight: bold;}
.skill-program .sub{margin: 1rem 0;}
/*.skill-program h2, .sub{color: #3E4244;}*/
.box11{ padding:10px 5px; margin-top:5px;}
.sub-Phead {font-size: 20px;font-weight: 500;font-weight:bold ;}
.psub {font-size: 16px;font-weight: 400;}
.skill-lft{padding-right: 2rem;height: 100%;overflow: auto;position: relative;}
.skill-rght{transform: translatey(0px);animation: floating 5s ease-in-out infinite;background-repeat: no-repeat;background-size: 70%; background-position:right; flex: 1;height: 90%;width: 50%;position: absolute;right: 0;}
.skill-rght img{width: 100%;}
/* ---EVENTS PAGE------*/
.events-head{background-color: #0DB04B;padding: 5rem 0;margin-bottom: 2rem;}
.events-head p{color: #FFF;}
.sube{ color: #fff; margin-top: 2rem; font-size: 18px;}
.calender{display: flex;justify-content: flex-end;}
.calender a{background-color: #1D2F3D;padding: 3rem 2rem;border-radius: 10px;text-decoration: none;}
.calender a span{color: #fff;text-decoration: none;}
.event-founder h2{padding: 1rem 0;}
.event-founder, .event-corporate{margin: 4% 0;}
.event-founder img , .event-corporate img{width: 100%;}
.event-corporate{background-color: #FCF8F3;padding: 7rem 0;}
.event-corporate p{margin: 2rem 0;}
.btn-eventjoin{margin: 3rem 0;}
.modal-title img {margin-top: -1.5rem;} 
.modal-sub {display:flex;justify-content: space-between;color: #FFFFFF;margin: 2rem 0;}
/* ----- BEFOUND PAGE-----*/
.befound-main{background-color: #1D2F3D;}
.activity-component{ margin:5px 0 15px; padding: 5px 2px;}
.befound-img{background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: +50px;}
.btn-join{margin: 2rem 0;}
.befound-right{padding: 5rem 0 5rem 2rem;}
.befound-right p{color: #FFF;}
.befound-abt{background-color: #3B617E;padding:3rem 4rem;}
.abtt{background-color: #3B617E;margin-top: -50px;}
.startups a{color: #FFFFFF;text-decoration: none;font-size: 18px;display: block;position: relative;padding:7px 0;border-bottom:1px solid #fff;margin-bottom:7px;}
.startups a span{ position:absolute; right:0;}
.befound-abt h3{color: #FFFFFF;}
.befound-abt .subm{color: #FFFF;}
.befound-abt .sub{color: #FFFF;margin-bottom: 1rem;}
.befound-abt ul li{color: #FFFF;}
.befound-bg img{margin: 4rem 0;width: 100%;}
.befound-partners{margin-top: 3rem;margin-bottom: 4rem;}
.partner img{height: 50px;width: auto !important;margin: 0 auto;}
.try{background-image: url(./images/f-bg.png);background-size: cover;background-position: right;background-repeat: no-repeat;height: 33rem;}
.befound-abt .list{display: flex;}
/* .befound-abt .list li{ */
/* margin: 1rem 0; */
/* } */
.befound-icon{display: flex;}
.befound-icon img{margin-right:20px;max-height: 35px;}
.befound-hexa{width: 100%;margin: 5rem 0;}

/* --- FOUNDER PAGE----*/
.founder-head{background-color: #1D2F3D;padding: 4rem 0;}
.founder-head h2{margin: 2rem 0;}
.founder-head .sub{color: #FFF;}
.about-f2f{margin: 7rem 0;}
.f2f img{width: 100%;}
.about-f2f .h2{margin: 4rem 0;}
.about-f2f .sub{text-align: justify;}
.fbold {font-weight: bold;font-size: 20px;padding: 1rem 0 0.7rem;}
.founder-events{padding: 2rem 0;background-color: #FCF8F3;}
.founder-events h3{margin: 2rem 0;}
.events-slide{margin: 3rem 0;}
.events-slide .card{border: none;}
.card-body{background-color: #3B617E;color: #FFF;display: grid;}
.card-body:hover{background-color: #0DB04B;}
.card-title{color: #FFF;text-decoration: none;font-size: 18px;}
.card-body .sub{color: #FFF;font-size: 14px;display: flex;}
.card-body img{width: 100%;}

.another{padding: 7rem 0;}
.another h3{margin: 2rem 0;}
.evnt-img img{width: 100%;padding: 3rem 0;}
/* founder to founder model popup */
/* Modal */
.founder-modal{background-color: #0DB04B;}
.uop-modal{background-color: #67BEC2;}
.modal-header{border-bottom: none;color: #FFFFFF;padding: 36px 20px;}
.form-control {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: 24px .75rem;font-size: 14px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.modal-body .form-control:focus{border: none; outline: 0; -moz-box-shadow: 0 0 8px rgba(56, 181, 100, 0.862)!important; box-shadow: 0 0 8px rgba(56, 181, 100, 0.862) !important; background-color: #fff;}
.alert-success h5{font-size: 14px;}
.alertsuccess {width:400px !important;color:#27AE60 !important;background-color:transparent;}
.subf { color: #FFFFFF; margin: 2rem 0rem; display: flex;}
.founderbg{ transform: translatey(0px); animation: floating 5s ease-in-out infinite; background-repeat: no-repeat; background-size: contain;  background-position: left; flex: 1; height: 95%; width: 50%; position: absolute; left:-2%;}
.foundercontent {height: 100%;position: relative;}
/* ----  VDA PAGE-----*/
.startups span{margin-left: 45px;}
/* ----end--------*/
/* -  ABOUT PAGE-----*/
.about-head{background-color: #0DB04B;padding: 6rem 0;margin-bottom: 3.5rem;}
.about-head p{color: #FFF;}
.about-h{ font-size: 48px; font-weight: 600; color: #FFFFFF;}
.about-left{text-align: left;  }

.sub_about{ font-size: 16px; font-weight: 400; color: #fff; margin-top: 1rem; line-height:1.6; }
.about-sub{ font-weight: bold; color: #000000;}
.about-slide{margin: 3rem 0 6rem;} 
.Aevent1, .Aevent2{ background-size: cover; background-repeat: no-repeat; padding: 3rem; height: 450px;}
.Aevent1{background-image: url(./images/event.jpg);}
.Aevent2{background-image: url(./images/event2.jpg);}

/* relevant styles */
.img__wrap {position: relative;height: 363px;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;background-color:#eee;}

.img__description {position: absolute;top: 130%;bottom: 0;left: 0;right: 0;background: rgba(245, 245, 245, 0.8);color: #fff;visibility: hidden;opacity: 1;height: 100%;width: 100%;transition:all 0.5s ease-in-out;}

.img__wrap:hover .img__description { top:0;  visibility: visible; transition:all 0.5s ease-in-out;}
.subd{color: #000;margin: 0.5rem 0rem;}
.img__img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;}

.icon-flex, .icon-wrapper {display: flex;justify-content: center;align-items: center;}
.icon-wrapper, .icon-wrapper:hover {border-radius: 100%;overflow: hidden;border: 1px solid #989C9E;font-size: 1.3rem;width: 50px;height: 50px;margin-right: 1rem;}
.icon-wrapper i {color: #989C9E;}
/* .icon-wrapper i:hover {border-radius: 100%;overflow: hidden;border: 1px solid #0DB04B;font-size: 1.3rem;width: 50px;height: 50px;margin-right: 1rem; color: #0DB04B;} */
/* .icon-wrapper i:hover {border-radius: 100%;overflow: hidden;border: 1px solid #0DB04B;color: #0DB04B; width: 50px;height: 50px;align-items: center;justify-content: center;margin-right: .1rem;} */
.icon-flex, .icon-wrapper i:hover {display: flex;justify-content: center;align-items: center; color: #0DB04B;}
.icon-wrapper:hover {border-radius: 100%;overflow: hidden;border: 1px solid #0DB04B;font-size: 1.3rem;width: 50px;height: 50px;margin-right: 1rem;}


/* ABOUT PAGE END */
/* -----  NEWS PAGE----*/
.thenews-update{padding: 1rem 0;background-color: #FFFFFF;}

.thenews-update hr{border: 1px solid #FFF;margin: 3rem 0;}
.link-arrow{display: flex;justify-content: flex-end;}
.link-arrow a{color: #3B617E;text-decoration: none;}
.link-arrow a:hover {color: #27AE60;}
.link-arrow img{margin-left: 5px;}

.Nevent-slide{margin-bottom: 8rem;}
.Nevent1, .Nevent2{background-size: cover;background-repeat: no-repeat;padding: 3rem;}
.Nevent1{background-image: url(./images/event.jpg);margin-top: 5rem;}
.Nevent2{background-image: url(./images/event2.jpg);}

/* .Nstatus{background-color: #0DB04B;width: 25%;color: #fff;align-items: center; margin-bottom: 3rem;} */
.Nstatus{
  margin-left: -47px;
  position: relative;
  margin-bottom: 3rem;
  
	left: 0;
  	border: 15px solid #0DB04B;
  	border-right: 10px solid transparent;
  	border-left: 0;
  	height: 0;
  	line-height: 0;
  	width: 25%;
  	color: white;
    /* padding-top: 10px 4px 0 10px; */
	  align-items: center;
  	z-index: 1;
  	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
/* .status h4{font-size: 16px;text-align: center; line-height: 0} */
.Nstatus h4{font-size: 18px;text-align: center; line-height: 0}
.Nevent h2{color: #FFF;font-size: 40px;}
.Nevent h3{color: #FFF;font-size: 24px;margin-bottom: 1rem;}
.Nevent-heading{font-size: 63px;color: #FFF;}
.Nevent p{color: #FFF;margin-bottom: 1rem;}
.Nevent-heading .green{color: #0DB04B;}
.subN{margin-bottom: 5rem;margin-top: 1rem;font-size: 18px;}
.view-Nevent{background-color: #FFF;padding: 12px 0;}
.rght-sidee .link-arrow a{color: #0DB04B;border-left: 1px solid #0DB04B;padding: 1.5rem 20px;display: flex;}
.rght-sidee .link-arrow .arrow{width: 23%;}
.rght-sidee .link-arrow a:hover {color: #0DB04B;}
/* news */
.thenews{margin: 4rem 0;}
.thenews-image1{background-image: url(./images/news1.jpg);}
.thenews-image2{background-image: url(./images/news2.jpg);}
.thenews-image1, .news-image2{background-size: cover;background-position: center;padding: 10rem 0;background-repeat: no-repeat;}
.white{background-color: #FFF;}
.thenews-contnt{padding: 2.5rem 2rem;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;width:100%;}
.date{color: #616161;font-size: 18px;margin-bottom: 20px;}
.thenews-contnt .sub{color: #616161;margin: 1.5rem 0;}
.thenews-contnt .link-arrow{margin: 2rem 0;justify-content: end;}
/* NEWS END */
/* ----  READ NEWS PAGE-----*/

.RNevent .sub{margin-bottom: 7rem;}
.RNevent1{margin-bottom: 1rem;background-size: cover;background-repeat: no-repeat;height: 450px;}
.RNevent h2{color: #FFF;font-size: 35px;margin-bottom: 1rem;}
.RNevent h3{color: #FFF;font-size: 24px;height: 2rem;padding-bottom: 3rem;}
.ReadNews-sub{font-size: 25px;font-weight: bold;color: #0DB04B}
.RNevent p{font-size: 16px;font-weight: 400;color: #FFFFFF;}
.ReadNewsP{margin: 2rem 0;}
.ReadNewsh-sub{color: #fff;margin-top: 1rem;}

/* READ NEWS END */
/* ----  TALENT PAGE--------*/
.talent-head{background-color: #0DB04B;padding: 8% 0 2%;margin-bottom: 2.5rem;}
.talent-head p{color: #FFF;}
.talent-h{font-weight: 600; color: #FFFFFF;}
.talent-left{text-align: left;  }
.btn-talent{margin-top: 3rem ;  }
.btn-tgreen{ text-decoration: none; border-radius: 2px; background-color: #fff; color: #000 ; text-align: center; font-weight: 400; padding: 15px 20px 12px; min-width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px 0;  display: inline-block;}
.btn-tgreen:hover, .btn-tgreen:active, .btn-tgreen:focus{ text-decoration: none;  background: #0DB04B; color: #fff; transition: cubic-bezier(0.29, 1.01, 1, -0.68) ease-in-out;}
.btn-stalent{border-radius: 2px;background-color: rgb(8, 8, 8);color: #fff ;text-align: center;font-size: 18px;font-weight: 400;padding: 15px 40px ;width: 200px;transition: all 0.5s;cursor: pointer;}

.offering{position:relative;background-color: #FCF8F3; background-size: cover; background-position: center; padding: 4% 0rem;}
.offering h2{margin-bottom: 2rem;}
.offering .sub{ margin: 7px 0;}

.talent-left{width: 100%; }
.talentpage{background-size: cover;background-repeat: no-repeat;min-height: 20rem;text-align:center;}
.datet{color: #616161;font-size: 18px;margin-bottom: 20px;margin-top: 2rem;}
.cardt{box-sizing: border-box;background-color: #FFF;border: 1px solid #898989;float:left;height:300px;margin-bottom:10px;padding:20px 15px;}
.cardt:hover{border: 1px solid #27AE60;}
.cardt-title{color: #000;font-weight: 900;font-size: 20px;}
.cardt-title:hover{color: #27AE60;}
.tprogram{padding: 3rem 0;background-color: #FFF;}
          
.event-foundert{background-color: #FCF8F3;padding: 2rem 0rem;}
.event-foundert img{width: 100%;}
.tfloating-img{ vertical-align: left; border-style: none;}
.eventc-founder h2{margin: 4rem 0;}
.eventc-founder{padding: 5% 0;}

.linkc-arrow{position:absolute; bottom: 1em;  left:2em; }
.linkc-arrow a{color: #3B617E;text-decoration: none;}
.linkc-arrow a:hover {color: #27AE60;}
.linkc-arrow img{margin-left: 5px;}

/* TALENT PAGE END */
/* ----- CONTACT PAGE--------*/

.contact-head{background-color: #0DB04B;padding: 6rem 0;margin-bottom: 2.5rem;}
.contact-head p{color: #FFF;}
.contact-h{ font-size: 48px; font-weight: 600; color: #FFFFFF;}
.contact-left{text-align: left;  }

.sub_contact{ font-size: 16px; font-weight: 400; color: #3E4244; padding-bottom: 2rem; }
.contact-sub h1{ font-size: 25px; font-weight: bold; color: #1D2F3D; font-weight:bolder;}
.touch-row{padding: 5rem 0rem;}  
.column-touch {flex: 50%;}
.subcontacts {color: #FFFFFF;margin: 2rem 0rem; }
.brief-btn {position: relative;width: 100%;border: none;background-color: #27AE60;max-width: 100%;display: block;color: #fff;padding: 5px 20px;height: 45px;margin: 5px 0;text-align: center;font-size: 18px;font-weight: 400;border-radius: 2px !important;transition: all 0.5s;cursor: pointer;margin: 5px;}
.brief-btn:hover {background-color: #27AE60 !important;}
.brief-btn span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;font-size: 16px;font-weight: 200;}
.brief-btn span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.brief-btn:hover span {padding-right: 25px;}
.brief-btn:hover span:after {opacity: 1;right: 0;}
/*  CONTACT END */
/* ---- ALL EVENTS PAGE----*/
.founder-allevents{padding-top: 2rem;padding-bottom: 3rem;background-color: #FFFFFF;}
.founder-head{background-color: #1D2F3D;padding: 4rem 0;}
.founder-head h2{margin: 2rem 0;}
.founder-head .sub{color: #FFF;} 
.suball{font-size: 13px;font-weight: 400;color: #FFFFFF;font-weight: 400;padding:12px 0 0;}
.cardall {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: transparent;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.cardall-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;background-color: #1D2F3D;padding: 1.25rem;}
.cardall-body:hover {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;background-color: #0DB04B;padding: 1.25rem;}
.main {width: 100%;margin: 1rem auto;}
/* Bootstrap 4 text input with search icon */
.has-search .form-control {padding-left: 2.375rem;}
.has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa;}
.eventscalendar{position: relative;display:block;justify-content: flex-end;background-color: #F9F9F9; border: 1px solid #ECECEC;box-sizing:border-box; border-radius: 28px;width:100%; height: 52px;margin: 2rem auto;}
.cal-inpt{position:relative;top:0;display: block; border:none;border-radius: 28px; height:100%;width:100%; padding: 0 15px;z-index: 1;}
.eventscalendar .cal-icon{ position: absolute;top:12px; right:7px; content:"\f133"; width:35px; height:35px; color:#777;font-size:1.3rem; display: block; text-align: center; line-height:25px; border-radius: 50%;z-index:999;}
/*  ALL EVENTS END */
/* -- Heading Slider---*/
.main-slider{margin-bottom: 7rem; margin-top: 3rem;}
.main-slider .item{ overflow:hidden; background-color:#ddd;}
.main-slider .item img{min-width: 100%;min-height:100%;}
/* top slide */

.behind-page{ position: absolute; z-index: 99;}
.btn-book{ margin-top: 30px;}
/* ---- Benefits Slider----*/
.benefits{ margin: 10rem 0;}
.benefits h4{font-weight: 500;}
.benefit {font-size:24px;}
}
.benefits .space{ margin: 4.2rem 0;}

/* ---------------
   SPACES
-------------------*/
.spaces{padding-left: 6%; padding-top: 3%; padding-bottom: 3%;}
.spaces .btn-explore{ margin: 3rem 0;}
.space{ position:relative; width: 320px; height: 500px; background-repeat: no-repeat; background-size: cover; padding: 16px;}
.space-content{ background: rgba(255, 255, 255, 0.72); position: absolute;  top: 72%; width: 283px; padding: 28px 15px;}
.space-content p{ margin-bottom: 2px;}
.space-content a{ color: #3A3A3A;font-size: 29px;font-weight: 600;text-decoration: none;}
.space-content a:hover{color: #27AE60;}
.btw{ height: 25px; background-color: red;}

/* ----- MEMBERSHIP PLAN---*/
.membership{ background-color: #FCF8F3;padding: 7rem 0;}
.membership h2{ padding-bottom: 5rem;}
.packages{margin-bottom: 2rem;}
.package{background-color: #FFF;padding: 3rem;  margin-bottom: 20px;}
.package h3{font-size: 26px;margin-bottom: 2rem;}
.package p span{font-size: 20px;font-weight: 500;color: #000;}
.package p{font-size: 18px;margin-bottom: 2rem;}
.btn-member{display: flex;justify-content: center;}

/* --SPACE HIRE--*/
.space-hire{padding: 7rem 0 1rem 0;}
.space-hire h2{padding-bottom: 3rem;}
.space-hire h4{font-weight: 500;padding: 3rem 0;}
.hire-table .table{background-color: #FCF8F3;}
.hire-table .table td, .table th{padding: 1.5rem;}
.hire-table .table-bordered td, .table-bordered th{border: 0.5px solid #DFD5C9;}
.spaace {margin: 4.2rem 0;}
.space-1{ width: 320px;height: 500px;background-repeat: no-repeat; background-size: cover;padding: 16px;}
.space-content{background-color: #fff;background-color: rgba(255, 255, 255, 0.72);position: absolute;top: 72%;width: 283px;padding: 28px 15px;}
.space-content p{margin-bottom: 2px;}
.space-content a{color: #3A3A3A;font-size: 29px;font-weight: 600;text-decoration: none;}
.space-content a:hover{color: #27AE60;text-decoration: none;}
.btw{height: 25px;background-color: red;}

.share a{display:inline-block;font-size:1rem; color:green;border:1px solid green; border-radius: 50%; width:30px; height:30px; line-height:30px; text-align:center;}
.share a:hover{ background:green; color:#fff;}

.mentor{ margin-top:15px; padding:15px 5px; text-align:center;background:#eee;border-radius:10px;}
.mentor .profile{width:130px;height: 130px;display: inline-block;border-radius: 50%;background-color:#ccc;background-size:cover;background-position:center;}
.mentor h4{font-size:1rem; text-transform:uppercase; line-height:1; color:#333;}
.mentor h5{font-size:0.9rem; line-height:1; color:#555;}
.mentor .icns{ margin:5px; color:#27AE60;}
.row-reverse{ flex-direction: column;}

.social-icons a{ font-size: 20px; text-decoration: none;}
.social-icons a i{ font-size: 20px;}

/*=====LOADING===*/
/* ---Responsiveness-----*/
@media (max-width: 1024px) {
    .carrd{ width:28rem;}
    .ReadNewsP img{ max-width: 850px; }
}
@media(max-width: 992px){
    .features, .flex-box{ display: block;}
}
@media (max-width: 768px) {
  .heading {font-size: 37px;line-height: 44px;margin-bottom: 1rem;}
    .head-2{ font-size: 29px;}
    .carrd{ width:21rem;}
    .c-contnt{ padding: 1rem;}
    .status { width: 30%; }
    .rght-sidee .link-arrow a {padding: 1rem 20px; }
    .uop-img{ height: 26rem; }
    .skill-rght{ display: none;}
    .ReadNewsP img{ max-width: 650px;}
    .row-reverse{ flex-direction: column-reverse;}
}
@media (max-width: 480px) {
    .owl-theme .owl-dots { margin-top: 4rem;}
    .navigation { margin-bottom: 5px; }
    .roww .mega-links li a{}
    .top-slide{ margin-left: 2.2rem;top: 0px; height: 330px; max-width: 280px;padding:23px;} 
    .carrd { width: 100%; }
    .event-heading { font-size: 39px; }
    .link-arrow { display: flex; justify-content: flex-start; margin: 11px 0; }
    .rght-sidee .link-arrow { justify-content: flex-end; }
    .status { width: 75%; }
    .event .sub { margin-bottom: 3rem; }
    .view-event { padding: 7px 0;}
    .subscribed input{ width: 66%; }
    .subscribed button { padding: 11px 8px; font-size: 15px; }
    .abt{ padding: 2rem; }
    .uop-img{ height: 20rem; }
    .befound-abt {padding: 1rem; }
    .calender { justify-content: center;} 
    .btn-outline span{ font-size: 14px;}
    .btn-outline { padding: 15px 8px; }
    .events-slide .card-title { font-size: 15px; }
    .ReadNewsP img{ max-width: 390px;}
    .ReadNewsP img{ max-width: 350px;}
    .founderbg, .skill-rght{display: none;}
    .spaces{ padding-left:2%;}
    .pu-rght{width:100%; overflow:hidden;}
    .drop{ display:none;}
    .program{margin:0;}
    .floating-img {margin-top:40px; margin-left:30px;}
    .we-do-rght {margin:0;}
    .sub-head {font-size: 24px;}
    .benefit {font-size:18px;}
}
@media (max-width: 330px) {
  .heading {font-size: 30px;line-height: 34px;}
  .top-slide{width: 300px;margin-left: 10px;}
  .status {width: 80%;}
  .event-heading {font-size: 39px;}
  .event{padding: 1.5rem;}
  .event-heading {font-size: 34px;}
  .event .sub { margin-bottom: 4rem; }
  .ReadNewsP img{max-width: 290px;}
}