@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");
* {
  box-sizing: border-box;
  text-decoration: none !important;
  outline: none !important;
  padding: 0 0;
  margin: 0 0;
}

body {
  background-color: #F6F9FF;
}

header {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
}
header .headerContainer {
  width: 1183px;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .headerContainer .Logo {
  width: 402px;
  float: left;
  height: 86px;
}
header .headerContainer .Logo img {
  width: 100%;
  float: left;
  -o-object-fit: cover;
     object-fit: cover;
}
header .headerContainer .rightPart {
  max-width: 729px;
  float: left;
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
}
header .headerContainer .rightPart ul {
  display: flex;
  align-items: center;
  gap: 35px;
}
header .headerContainer .rightPart ul li {
  list-style-type: none;
}
header .headerContainer .rightPart ul li a {
  color: #282828;
  text-align: center;
  font-family: Fredoka;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12.806px */
  letter-spacing: 0.256px;
}
header .headerContainer .rightPart .navbtn {
  height: 50px;
  border-radius: 15.652px;
  background: #FFC300;
  box-shadow: 0px 2.846px 9.249px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  gap: 9px;
  color: #000;
  text-align: center;
  font-family: Fredoka;
  font-size: 14.941px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14.941px */
  letter-spacing: 1.345px;
  padding: 11px 14px;
}
header .headerContainer .rightPart .navbtn i {
  font-size: 11px;
  color: #FE4F8E;
}

.heroHeader {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 33px 0 0 0;
  background-image: url("../images/rec1.png"), url("../images/rec2.png");
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}
.heroHeader .heroHeaderCon {
  width: 1130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 150px;
  margin-top: 40px;
}
.heroHeader .heroHeaderCon .leftPart {
  width: 395px;
  float: left;
  display: flex;
  flex-flow: column;
}
.heroHeader .heroHeaderCon .leftPart .smallHeading {
  width: 100%;
  float: left;
  color: #60371A;
  font-family: Fredoka;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 0.818px;
}
.heroHeader .heroHeaderCon .leftPart .MainHeading {
  width: 100%;
  float: left;
  color: #60371A;
  font-family: Fredoka;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 1.281px;
  margin: 0;
}
.heroHeader .heroHeaderCon .leftPart .MainHeading span {
  color: #FF7A00 !important;
  font-family: Fredoka;
  font-size: 33px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 64.031px */
}
.heroHeader .heroHeaderCon .leftPart .HeroHeadPara {
  width: 100%;
  float: left;
  color: #3A404D;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 204%;
  padding-top: 15px;
}
.heroHeader .heroHeaderCon .leftPart .heroheaderBtn {
  width: 151px;
  height: 47px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15.652px;
  background: #FFC300;
  box-shadow: 0px 2.846px 9.249px 0px rgba(0, 0, 0, 0.15);
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 14;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 13.518px */
  letter-spacing: 0.406px;
  margin-top: 18px;
}
.heroHeader .heroHeaderCon .rightPart {
  width: 590px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  overflow: hidden;
}
.heroHeader .heroHeaderCon .rightPart .smallPic {
  width: 130px;
  float: left;
  height: 418px;
}
.heroHeader .heroHeaderCon .rightPart .smallPic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}
.heroHeader .heroHeaderCon .rightPart .BigPic {
  width: 441px;
  height: 418px;
  float: left;
}
.heroHeader .heroHeaderCon .rightPart .BigPic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}

.aboutPart {
  width: 100% !important;
  float: left;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutPart .aboutPartCon {
  width: 1082px !important;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 78px !important;
}
.aboutPart .aboutPartCon .leftPart {
  float: left;
  display: flex;
  justify-content: center;
  gap: 23px;
}
.aboutPart .aboutPartCon .leftPart .boxAbout {
  width: 237.627px;
  min-height: 300.947px;
  flex-shrink: 0;
  border-radius: 18.118px;
  background: #FFF;
  box-shadow: 2.174px 1.449px 20.292px -2.174px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-flow: column;
  padding-top: 24px;
  padding-left: 25px;
}
.aboutPart .aboutPartCon .leftPart .boxAbout p {
  color: #787878;
  width: 100%;
  float: left;
  font-family: Poppins;
  font-size: 11.595px;
  font-style: normal;
  font-weight: 500;
  line-height: 187%;
  padding: 0 18px 0 0px;
  overflow-wrap: break-word;
  max-height: 41px;
  overflow: hidden;
}
.aboutPart .aboutPartCon .leftPart .boxAbout picture {
  justify-content: left !important;
}
.aboutPart .aboutPartCon .leftPart .boxAbout picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 114px;
  height: 103px;
}
.aboutPart .aboutPartCon .leftPart .boxAbout h1 {
  color: #000;
  width: 100%;
  float: left;
  font-family: Poppins;
  font-size: 18.118px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 18.118px */
  text-transform: capitalize;
  margin: 0;
  padding: 17px 0;
}
.aboutPart .aboutPartCon .rightPart {
  width: 250px;
}
.aboutPart .aboutPartCon .rightPart .aboutUs {
  color: #FF7A00;
  width: 100%;
  float: left;
  font-family: Fredoka;
  font-size: 18.498px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.aboutPart .aboutPartCon .rightPart .Wake_a_genius {
  width: 100%;
  float: left;
  color: #000;
  font-family: Fredoka;
  font-size: 35.573px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 9px;
}
.aboutPart .aboutPartCon .rightPart .Wake_a_genius_para {
  color: #787878;
  font-family: Poppins;
  font-size: 12.095px;
  font-style: normal;
  font-weight: 500;
  line-height: 187%;
  padding-top: 20px;
  width: 100%;
  float: left;
}

.pic1 {
  width: 113.833px !important;
  height: 103.873px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.pic2 {
  width: 166px !important;
  height: 71px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  margin-top: 40px;
}

.pic3 {
  width: 84px !important;
  height: 118px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.playLearn {
  margin-top: 9px !important;
}

.abacus {
  margin-top: 5px !important;
}

.pink {
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  background-color: #FE4F8E;
  margin-top: 10px;
}

.blue {
  background-color: #333694;
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  margin-top: 10px;
}

.green {
  background-color: #87BD43;
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  margin-top: 10px;
}

.ourActivity {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F9F6EA;
  margin-top: 77px;
  padding-bottom: 86px;
}
.ourActivity .conOurActivity {
  width: 1005px;
  float: left;
}
.ourActivity .conOurActivity h1 {
  width: 100%;
  float: left;
  text-align: center;
  color: #FF7A00;
  text-align: center;
  font-family: Fredoka;
  font-size: 18.498px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding-top: 64px;
}
.ourActivity .conOurActivity h4 {
  width: 100%;
  float: left;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Fredoka;
  font-size: 35.573px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 10px;
}
.ourActivity .conOurActivity .boxPart {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 18px;
}
.ourActivity .conOurActivity .boxPart .box {
  width: 301.94px;
  height: 320px;
  min-height: 320px;
  float: left;
  margin-top: 50px;
  background: #FFF;
  padding-bottom: 19px;
}
.ourActivity .conOurActivity .boxPart .box picture {
  width: 100%;
  height: 177.612px;
  float: left;
}
.ourActivity .conOurActivity .boxPart .box picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourActivity .conOurActivity .boxPart .box h5 {
  width: 100%;
  float: left;
  color: #483290;
  font-family: Fredoka;
  font-size: 17.761px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px;
  padding-left: 19px;
}
.ourActivity .conOurActivity .boxPart .box h5 a {
  text-decoration: none !important;
  color: #333694 !important;
  font-size: 21px !important;
}
.ourActivity .conOurActivity .boxPart .box p {
  color: #353535;
  width: 100%;
  float: left;
  font-family: Fredoka;
  font-size: 14.101px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.761px;
  margin-top: 5px;
  max-height: 82px;
  overflow: hidden;
  /* padding-left: 19px; */
  padding: 0px 15px;
}

.ourWorks {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 60px;
}
.ourWorks .conOurWorks {
  width: 1043px;
  float: left;
  display: flex;
  gap: 56px;
  align-items: center;
}
.ourWorks .conOurWorks .leftPart {
  width: 392px;
  height: 476px;
  float: left;
}
.ourWorks .conOurWorks .leftPart img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourWorks .rightPart {
  width: 590px;
  float: left;
}
.ourWorks .rightPart .ourworks {
  color: #FF7A00;
  width: 100%;
  float: left;
  font-family: Fredoka;
  font-size: 18.498px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.ourWorks .rightPart .forChildren {
  color: #000;
  width: 100%;
  float: left;
  margin-top: 10px;
  font-family: Fredoka;
  font-size: 35.573px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ourWorks .rightPart .healthPart {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 84px;
  margin-top: 72px;
}
.ourWorks .rightPart .healthPart div {
  width: 200px;
  float: left;
  display: flex;
  align-items: center;
  color: #483290;
  font-family: Fredoka;
  font-size: 30.593px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 30.593px */
  text-transform: capitalize;
}
.ourWorks .rightPart .healthPart div img {
  width: 53px;
  height: 53px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourWorks .rightPart .navbtnTwo {
  width: 186px;
  height: 50px;
  border-radius: 15.652px;
  background: #FFC300;
  box-shadow: 0px 2.846px 9.249px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  gap: 9px;
  color: #000;
  text-align: center;
  font-family: Fredoka;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14.941px */
  letter-spacing: 1.345px;
}
.ourWorks .rightPart .navbtnTwo i {
  font-size: 11px;
  color: #FE4F8E;
}

.FeaturesPart {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9F6EA;
  padding-top: 59px;
  padding-bottom: 70px;
}
.FeaturesPart .conFeaturePart {
  width: 1053px;
  float: left;
}
.FeaturesPart .conFeaturePart .Features {
  color: #FF7A00;
  width: 100%;
  float: left;
  text-align: center;
  font-family: Fredoka;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.FeaturesPart .conFeaturePart .Our-Contribution {
  color: #000;
  width: 100%;
  float: left;
  text-align: center;
  font-family: Fredoka;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 7px;
}
.FeaturesPart .conFeaturePart .FeaturesPartPara {
  width: 100%;
  float: left;
  color: #626262;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin-top: 23px;
}
.FeaturesPart .conFeaturePart .ourFeatures {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row-wrap;
  gap: 17px;
  margin-top: 41px;
}
.FeaturesPart .conFeaturePart .ourFeatures .box {
  width: 249px;
  height: 209px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 10.672px;
  background: #FBFBFB;
  gap: 22px;
  color: #000;
  text-align: center;
  font-family: Fredoka;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.FeaturesPart .conFeaturePart .ourFeatures .box img {
  width: 67px;
  height: 67px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.FeaturesPart .conFeaturePart .ourFeatures .box:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.FeaturesPart .conFeaturePart .ourFeatures .box:hover img {
  transform: rotate(360deg);
}

.multiplePictures {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0 12px;
}
.multiplePictures .sliderWrapEventpage {
  width: 100%;
  float: left;
}
.multiplePictures .sliderWrap {
  float: left;
  width: 100%;
  padding: 0 5px;
  z-index: 999;
}
.multiplePictures .sliderWrap .sliderInner {
  width: 100%;
  float: left;
  padding: 0;
  position: relative;
  height: 232px;
  overflow: hidden;
  z-index: 999;
}
.multiplePictures .sliderWrap .sliderInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}
.multiplePictures .sliderWrap .sliderInner .sliderContaint {
  width: 100%;
  height: 63px;
  position: absolute;
  z-index: 999;
  background: rgba(253, 121, 0, 0.81);
  bottom: 0;
  padding: 14px 87px 14px 14px;
  padding: 14px 87px 14px 14px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.multiplePictures .sliderWrap .sliderInner .sliderContaint p {
  width: 100%;
  float: left;
  color: #FFF;
  font-family: Fredoka;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.multiplePictures .sliderWrap .sliderInner:hover .sliderContaint {
  transform: translateY(0);
}

footer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #212121;
  padding: 70px 0;
  margin-top: 40px;
}
footer .footerCON {
  width: 867px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 111px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
  padding: 0 0 61px 0;
  position: relative;
}
footer .footerCON .logoSection {
  width: 273px;
  height: 186px;
}
footer .footerCON .logoSection .LOGOpART {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
footer .footerCON .logoSection .LOGOpART .logo {
  min-width: 84.664px;
  min-height: 88.932px;
  float: left;
}
footer .footerCON .logoSection .LOGOpART .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .footerCON .logoSection .LOGOpART h4 {
  color: #FFF;
  font-family: Fredoka;
  font-size: 17.786px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%;
}
footer .footerCON .logoSection .address {
  color: #FFF;
  font-family: Fredoka;
  font-size: 14.229px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  width: 100%;
  float: left;
  margin-top: 37px;
}
footer .footerCON .logoSection .phnNO {
  width: 100%;
  float: left;
  color: #FFF;
  font-family: Fredoka;
  font-size: 14.941px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  margin-top: 10px;
}
footer .footerCON .logoSection .email img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 10px;
}
footer .footerCON .linksPart {
  width: 239px;
  float: left;
}
footer .footerCON .linksPart .Quick-Links {
  color: #F8F8F8;
  width: 100%;
  float: left;
  font-family: Fredoka;
  font-size: 25.613px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
footer .footerCON .linksPart .link {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  row-gap: 9px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: baseline;
  margin-top: 15px;
}
footer .footerCON .linksPart .link li {
  list-style-type: none;
  color: #A4A4A4;
  font-family: Fredoka;
  font-size: 16.221px;
  font-style: normal;
  font-weight: 500;
  line-height: 40.553px; /* 250% */
  letter-spacing: 0.324px;
}
footer .footerCON .linksPart .link li a {
  color: #fff;
}
footer .footerCON .socialMedia {
  width: 131px;
  float: left;
  display: flex;
  flex-flow: column;
  row-gap: 20px;
  margin-top: 20px;
}
footer .footerCON .socialMedia .facebook {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
footer .footerCON .socialMedia .facebook a {
  color: #AEAEAE;
  font-family: Fredoka;
  font-size: 19.209px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.384px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
footer .footerCON .socialMedia .facebook a i {
  color: #0E7BE0;
  font-size: 15px;
}
footer .footerCON .socialMedia .youTube {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
footer .footerCON .socialMedia .youTube a {
  color: #AEAEAE;
  font-family: Fredoka;
  font-size: 19.209px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.384px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-left: -15px;
}
footer .footerCON .socialMedia .youTube a i {
  color: #EF1865;
  font-size: 15px;
}
footer .footerCON .socialMedia .whatsapp {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
footer .footerCON .socialMedia .whatsapp a {
  color: #AEAEAE;
  font-family: Fredoka;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.384px;
  display: flex;
  gap: 10px;
  align-items: center;
}
footer .footerCON .socialMedia .whatsapp a i {
  color: #81B966;
  font-size: 15px;
}
footer .footerCON .lastContent {
  color: #FFF;
  width: 100%;
  float: left;
  position: absolute;
  text-align: center;
  font-family: Fredoka;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  bottom: -46px;
}
footer .footerCON .lastContent a {
  color: #fff;
}
footer .footerCON .image {
  transition: width 0.3s ease !important;
}

.abacusTheamHeroHeader {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 48px;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader {
  width: 1029px;
  float: left;
  display: flex;
  justify-content: space-between;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .picrturePart {
  width: 458px;
  height: 501px;
  float: left;
  position: relative;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .picrturePart .picture-and-logo {
  width: 100%;
  float: left;
  position: relative;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .picrturePart .picture-and-logo .MainPic {
  width: 100%;
  float: left;
  height: 100%;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .picrturePart .picture-and-logo .MainPic img {
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .picrturePart .picture-and-logo .smallLogo {
  width: 166px;
  height: 166px;
  float: left;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1.423px 2.847px 12.81px rgba(0, 0, 0, 0.13);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 372px;
  right: -31px;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart {
  width: 455px;
  float: left;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .better-future-forChild {
  width: 309px;
  float: left;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .better-future-forChild .better {
  width: 100%;
  float: left;
  color: #81B966;
  font-family: Fredoka;
  font-size: 36.493px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .better-future-forChild .future {
  width: 100%;
  float: left;
  color: #333694;
  font-family: Fredoka;
  font-size: 103.282px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .better-future-forChild .forChild {
  width: 100%;
  float: left;
  color: #595959;
  font-family: Fredoka;
  font-size: 32.024px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  text-align: right;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .abacusTheamHeroHeaderPara {
  width: 100%;
  float: left;
  display: flex;
  gap: 12px;
  align-items: baseline;
  color: #000;
  font-family: Fredoka;
  font-size: 13.559px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.796px;
  margin: 0;
  padding-top: 38px;
}
.abacusTheamHeroHeader .conabacusTheamHeroHeader .containtPart .abacusTheamHeroHeaderPara span {
  width: 99px;
  height: 4px;
  float: left;
  margin: 0;
  border-radius: 3.558px;
  background: #FFC300;
}

.eduProgram {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 68px;
}
.eduProgram .ConeduProgram {
  width: 1032px;
  float: left;
}
.eduProgram .ConeduProgram .bigHeader {
  width: 100%;
  float: left;
  color: #000;
  text-align: center;
  font-family: Fredoka;
  font-size: 50.527px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.eduProgram .ConeduProgram .bigHeader span {
  width: 100%;
  float: left;
}
.eduProgram .ConeduProgram .bigHeader span small {
  color: #FF7A00 !important;
}
.eduProgram .ConeduProgram .EducationalProgramPara {
  width: 100%;
  float: left;
  color: #474747;
  text-align: center;
  font-family: Fredoka;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 195.652% */
  padding: 0 70px;
  margin-top: 25px;
}
.eduProgram .ConeduProgram .eduProgramBoxPart {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 43px;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 27px;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box {
  width: 326px;
  min-height: 360px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 44px 27px;
  transition: all 0.3s ease-in-out;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box:nth-child(1) {
  background-color: #44B3E0 !important;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box:nth-child(2) {
  background-color: #FF8EAD !important;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box:nth-child(3) {
  background: #FFBF51 !important;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box .logo {
  width: 72px;
  height: 72px;
  float: left;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box .logo img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box h1 {
  color: #FFF;
  width: 100%;
  float: left;
  text-align: center;
  font-family: Fredoka;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  padding-top: 41px;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box p {
  width: 100%;
  float: left;
  color: #FFF;
  text-align: center;
  font-family: Fredoka;
  font-size: 12.81px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.908px;
  margin: 0;
  padding-top: 21px;
}
.eduProgram .ConeduProgram .eduProgramBoxPart .ConeduProgramBoxPart .box:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) rotate(10deg);
}

.kidEducationSection {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 82px;
}
.kidEducationSection .conKidEducationSection {
  width: 1152px;
  float: left;
}
.kidEducationSection .conKidEducationSection h4 {
  color: #000;
  width: 100%;
  float: left;
  margin: 0;
  text-align: center;
  font-family: Fredoka;
  font-size: 50.527px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.kidEducationSection .conKidEducationSection h4 small {
  color: #FF7A00;
}
.kidEducationSection .conKidEducationSection p {
  width: 100%;
  float: left;
  color: #474747;
  text-align: center;
  font-family: Fredoka;
  font-size: 16.368px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.024px;
  padding: 0 220px;
  margin-top: 30px;
}
.kidEducationSection .conKidEducationSection .PictureSection {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection picture {
  width: 263px;
  height: 253px;
  transform: rotate(7.071deg);
  margin-top: 53px;
  border-radius: 32px;
  border: 4px solid #FFF;
  box-shadow: 2.847px 2.847px 13.521px 4.27px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection picture img {
  width: 100%;
  height: 103%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection :nth-child(2) {
  width: 263px;
  transform: rotate(-11.813deg);
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection :nth-child(3) {
  transform: rotate(7.071deg);
}
.kidEducationSection .conKidEducationSection .PictureSection .conPicSection :nth-child(4) {
  width: 263px;
  transform: rotate(-11.813deg);
}

.Contrary-to-popular {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 130px;
}
.Contrary-to-popular .conContrary-to-popular {
  width: 1014px;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Contrary-to-popular .conContrary-to-popular .leftSide {
  width: 541px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.Contrary-to-popular .conContrary-to-popular .leftSide .bigPicPopulor {
  width: 402px;
  height: 466px;
  float: left;
}
.Contrary-to-popular .conContrary-to-popular .leftSide .bigPicPopulor img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
}
.Contrary-to-popular .conContrary-to-popular .leftSide .smallPicPopulor {
  width: 126px;
  height: 466px;
  float: left;
}
.Contrary-to-popular .conContrary-to-popular .leftSide .smallPicPopulor img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
}
.Contrary-to-popular .conContrary-to-popular .rightSide {
  width: 378px;
  float: left;
}
.Contrary-to-popular .conContrary-to-popular .rightSide p {
  width: 100%;
  float: left;
  color: #000;
  font-family: Fredoka;
  font-size: 22.061px;
  font-style: normal;
  font-weight: 500;
  line-height: 34.871px;
}
.Contrary-to-popular .conContrary-to-popular .rightSide .rightSideDetails {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0 0;
  gap: 20px;
}
.Contrary-to-popular .conContrary-to-popular .rightSide .rightSideDetails picture {
  width: 55px;
  height: 55px;
}
.Contrary-to-popular .conContrary-to-popular .rightSide .rightSideDetails picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Contrary-to-popular .conContrary-to-popular .rightSide .rightSideDetails p {
  width: 100%;
  float: left;
  color: #242424;
  font-family: Fredoka;
  font-size: 14.233px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.62px;
}

.orangeBetter {
  color: #FF7A00 !important;
}

.futurePink {
  color: #dd127b !important;
}

.forChildGray {
  color: #595959 !important;
}

.conIPlayIlearnTheam::after {
  content: "";
  width: 587px;
  height: 621px;
  right: 0px;
  top: -153px;
  background-image: url(../images/heroBackgroundIplayIrun.png);
  background-size: cover;
  position: absolute;
}
.conIPlayIlearnTheam .iPlayIlearnTheamPicPart {
  width: 354px;
  height: 534px;
  float: left;
  position: relative;
}
.conIPlayIlearnTheam .iPlayIlearnTheamPicPart .logoIplayaIlearn {
  position: absolute;
  width: 187px;
  height: 178px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  background-color: #FFF;
  box-shadow: 0px 2.846px 16.365px rgba(0, 0, 0, 0.11);
  border-radius: 68%;
  right: -104px;
  top: -38px;
}
.conIPlayIlearnTheam .iPlayIlearnTheamPicPart .logoIplayaIlearn img {
  width: 112px;
  height: 103px;
  -o-object-fit: cover;
     object-fit: cover;
}
.conIPlayIlearnTheam .iPlayIlearnTheamPicPart picture {
  width: 100%;
  height: 100%;
  margin-top: -45px;
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.conIPlayIlearnTheam .iPlayIlearnTheamPicPart picture img {
  width: 100%;
  height: 92%;
  -o-object-fit: cover;
     object-fit: cover;
}

.conIPlayIlearnTheam {
  width: 900px !important;
  float: left;
  display: flex;
  justify-content: space-between;
}

.marginAdd {
  margin-top: -20px !important;
}

.accordion-iplay-ilearn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 60px;
  background-color: #F9F6EA;
  padding: 45px 0;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn {
  width: 768px;
  float: left;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .Faq {
  width: 100%;
  float: left;
  text-align: center;
  color: #FF5F85;
  text-align: center;
  font-family: Poppins;
  font-size: 14.23px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .bigHeading {
  width: 100%;
  float: left;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 27.749px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 10px 0 0 0;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .iplay-ilearnPara {
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px 0 0 0;
  color: #696969;
  text-align: center;
  font-family: Poppins;
  font-size: 12.807px;
  font-style: normal;
  font-weight: 400;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 30PX;
  margin-top: 45px;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  background: #FFF;
  gap: 10PX;
  border-radius: 40px;
  box-shadow: 0px 7.115px 19.211px 0px rgba(255, 122, 0, 0.18);
  padding: 15px 30px;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .flip {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .flip .numberPart {
  float: left;
  display: flex;
  gap: 33px;
  align-items: center;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .flip .numberPart div {
  width: 40px;
  height: 40px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFE7EC;
  border-radius: 50%;
  color: #FF5F85;
  text-align: center;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .flip .numberPart h4 {
  color: #444;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .flip .downIcon {
  width: 15px;
  color: #FF7A00;
  stroke-width: 1.494px;
  stroke: #FFF;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .panel {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  display: none;
  padding: 0px 0px 30px 0;
}
.accordion-iplay-ilearn .conAccordion-iplay-ilearn .conaccordionBox .accordian .panel p {
  width: 100%;
  float: left;
  color: #515151;
  font-family: Poppins;
  font-size: 12.096px;
  font-style: normal;
  font-weight: 400;
  line-height: 207.9%;
}

.light-green {
  color: #81C758 !important;
}

.darkGreen {
  color: #4D852D !important;
}

.Ankur_theam_img {
  position: relative !important;
}
.Ankur_theam_img picture {
  width: 386px;
  height: 462px;
  float: left;
  position: relative;
  z-index: 9;
}
.Ankur_theam_img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Ankur_theam_img .logo {
  width: 125px;
  height: 164px;
  border-radius: 68px 68px 45px 43px;
  background: #E8FFDB;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 391px;
}
.Ankur_theam_img .logo img {
  width: 93px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ankurCon {
  position: relative;
}
.ankurCon::after {
  content: "";
  width: 370px;
  height: 370px;
  background-image: url(../images/greenRound.png);
  background-size: cover;
  position: absolute;
  height: 370px;
  right: 4px;
  top: 93px;
}
.ankurCon::before {
  content: "";
  width: 79px;
  height: 387px;
  background-image: url(../images/ankurBanner.png);
  background-size: cover;
  position: absolute;
  background-repeat: no-repeat;
  right: 1102px;
  top: 73px;
}

.abacusAfterBanner {
  position: relative !important;
}
.abacusAfterBanner::before {
  content: "";
  width: 114px;
  height: 387px;
  background-image: url(../images/abacusBanner.png);
  background-size: cover;
  position: absolute;
  background-repeat: no-repeat;
  right: -159px;
  top: 73px;
}

.iplayBanner {
  position: relative !important;
}
.iplayBanner::before {
  content: "";
  width: 82px;
  height: 529px;
  background-image: url(../images/IPLAYILEARN.png);
  background-size: cover;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  top: 79px;
}

.menubar {
  display: none;
}

.heroHeaderAboutPage {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 106px;
}
.heroHeaderAboutPage .heroContainerAboutPage {
  width: 1053px;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heroHeaderAboutPage .heroContainerAboutPage .leftPartAboutPage {
  width: 417px;
  height: 369px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.heroHeaderAboutPage .heroContainerAboutPage .leftPartAboutPage::after {
  content: "";
  width: 417px;
  height: 369px;
  background-image: url(../images/aboutHeroHeaderBackground.png);
  background-size: cover;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  top: 2px;
}
.heroHeaderAboutPage .heroContainerAboutPage .leftPartAboutPage picture {
  width: 228px;
  height: 366px;
  float: left;
  z-index: 9;
  position: relative;
}
.heroHeaderAboutPage .heroContainerAboutPage .leftPartAboutPage picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}
.heroHeaderAboutPage .heroContainerAboutPage .rightPart {
  width: 598px;
  float: left;
}
.heroHeaderAboutPage .heroContainerAboutPage .rightPart h4 {
  width: 100%;
  float: left;
  margin: 0;
  color: #25A8E0;
  font-family: Fredoka;
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.heroHeaderAboutPage .heroContainerAboutPage .rightPart h4 span {
  color: #ED3295 !important;
}
.heroHeaderAboutPage .heroContainerAboutPage .rightPart p {
  width: 100%;
  float: left;
  color: #000;
  font-family: Fredoka;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  padding-top: 30px;
}

.ourMission {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 78px;
  margin-bottom: 32px;
}
.ourMission .ourMissionCon {
  width: 956px;
  min-height: 457px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 32px;
  background: #FFC300;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
  padding-top: 31px;
  padding-right: 40px;
  padding-bottom: 30px;
}
.ourMission .ourMissionCon .leftSide {
  width: 460px;
  height: 426px;
  float: left;
}
.ourMission .ourMissionCon .leftSide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourMission .ourMissionCon .rightSide {
  width: 432px;
  float: left;
}
.ourMission .ourMissionCon .rightSide .ourMissionHeading {
  width: 100%;
  float: left;
  color: #ED3295;
  font-family: Fredoka;
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
}
.ourMission .ourMissionCon .rightSide .ourMissionHeading span {
  color: #25A8E0;
}
.ourMission .ourMissionCon .rightSide p {
  width: 100%;
  float: left;
  color: #413D3D;
  font-family: Fredoka;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
  padding-top: 10px;
}

.addMargin {
  margin-top: 73px !important;
}

.getStartedBtn {
  width: 156px;
  height: 47px;
  gap: 8px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-family: Poppins;
  font-size: 13.521px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 13.521px */
  letter-spacing: 0.406px;
  border-radius: 23.485px;
  background: #9E20FF;
  box-shadow: 0px 5.693px 9.251px 0px rgba(210, 114, 255, 0.71);
  margin-top: 27px;
}

.activityHeroPicture {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 120px;
}
.activityHeroPicture .conActivityHeroPicture {
  width: 1005px;
  float: left;
  display: flex;
  justify-content: center;
}
.activityHeroPicture .conActivityHeroPicture .leftSide {
  width: 386px;
  float: left;
  position: relative;
}
.activityHeroPicture .conActivityHeroPicture .leftSide picture {
  width: 329px;
  height: 399px;
  float: left;
  position: relative;
  z-index: 9;
  position: relative;
}
.activityHeroPicture .conActivityHeroPicture .leftSide picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activityHeroPicture .conActivityHeroPicture .leftSide picture p {
  width: 100%;
  float: left;
  margin: 0;
  color: #fff;
  position: absolute;
  bottom: 27px;
  font-size: 16px;
  font-weight: 600;
  left: 19px;
  font-family: Fredoka;
}
.activityHeroPicture .conActivityHeroPicture .leftSide::after {
  content: "";
  width: 313px;
  height: 463px;
  background-image: url(../images/activityHeroPage.png);
  background-size: cover;
  position: absolute;
  background-repeat: no-repeat;
  left: -47px;
  top: -31px;
}
.activityHeroPicture .conActivityHeroPicture .rightSide {
  width: 606px;
  float: left;
}
.activityHeroPicture .conActivityHeroPicture .rightSide h4 {
  width: 100%;
  float: left;
  color: #000;
  font-family: Fredoka;
  font-size: 52.94px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.activityHeroPicture .conActivityHeroPicture .rightSide h4 span {
  color: #F5841B;
}
.activityHeroPicture .conActivityHeroPicture .rightSide p {
  width: 100%;
  float: left;
  color: #000;
  font-family: Fredoka;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.activityPart {
  background: #EBDCF6;
}

.heroheaderEventPage {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 85px;
}
.heroheaderEventPage .conEvantPage {
  width: 1148px;
  height: 452px;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 46px;
  background: #FFC300;
}
.heroheaderEventPage .conEvantPage h4 {
  width: 100%;
  float: left;
  color: #121010;
  font-family: Fredoka;
  font-size: 68.94px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
.heroheaderEventPage .conEvantPage h4 span {
  color: #9E20FF;
}

.eventWrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.eventWrapper .eventWrapperCon {
  width: 80%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  row-gap: 40px;
}
.eventWrapper .eventWrapperCon .box {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  gap: 3%;
  padding: 30px 30px;
  border-radius: 10px;
  border: 2px solid #deb3fd;
  background-color: #eed7ff;
  transition: transform 0.5s ease;
  margin-top: 10px;
}
.eventWrapper .eventWrapperCon .box:hover {
  box-shadow: 2.847px 2.847px 13.521px 4.27px rgba(0, 0, 0, 0.18);
  border: 2px solid #deb3fd;
  background-color: unset;
}
.eventWrapper .eventWrapperCon .box picture {
  width: 20%;
  height: 20%;
  float: left;
  cursor: pointer;
}
.eventWrapper .eventWrapperCon .box picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.eventWrapper .eventWrapperCon .box .content {
  width: 70%;
  float: left;
  display: flex;
  flex-flow: column;
  cursor: pointer;
}
.eventWrapper .eventWrapperCon .box .content h4 {
  width: 100%;
  float: left;
  font-size: 24px;
  margin: 0;
  font-family: Fredoka;
  font-weight: 600;
  color: #3a3a39;
}
.eventWrapper .eventWrapperCon .box .content p {
  color: #242424;
  font-family: Fredoka;
  font-size: 14.233px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.62px;
  margin-top: 10px;
  width: 100%;
  float: left;
}

.contactUs {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.contactUs .conContactsUS {
  width: 1050px;
  float: left;
  display: flex;
  justify-content: center;
  gap: 5%;
  background-color: #F9F6EA;
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 10px;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
}
.contactUs .conContactsUS .rightSide {
  width: 40%;
  float: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 20px;
}
.contactUs .conContactsUS .rightSide input {
  width: 100%;
  height: 50px;
  padding: 0 30px;
  border: 2px solid rgb(126, 122, 122);
  border-radius: 4px;
  outline: none;
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide input::-moz-placeholder {
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide input::placeholder {
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide textarea {
  width: 100%;
  height: 100px;
  padding: 10px 30px;
  border: 2px solid rgb(126, 122, 122);
  border-radius: 4px;
  outline: none;
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide textarea::-moz-placeholder {
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide textarea::placeholder {
  font-family: Fredoka;
  font-weight: 500;
}
.contactUs .conContactsUS .rightSide .sendBtn {
  width: 122px;
  height: 42px;
  float: left;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffc300;
  border-radius: 8px;
  color: #373535;
  font-family: Fredoka;
}
.contactUs .conContactsUS .leftSide {
  width: 40%;
  min-height: 376px;
  float: left;
  background: #ffc300;
  padding: 26px;
  border-radius: 17px;
}
.contactUs .conContactsUS .leftSide .MainHeading {
  width: 100%;
  float: left;
  color: #FFF;
  font-family: Fredoka;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
.contactUs .conContactsUS .leftSide p {
  width: 100%;
  float: left;
  color: #353535;
  font-family: Fredoka;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 10px;
}
.contactUs .conContactsUS .leftSide .MobileNo {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #353535;
  font-family: Fredoka;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 20px;
}
.contactUs .conContactsUS .leftSide .email {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #353535;
  font-family: Fredoka;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 20px;
}
.contactUs .conContactsUS .leftSide .address {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #353535;
  font-family: Fredoka;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 20px;
}

.mapWrap {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.popUpBodyContainerEventPage {
  width: 90% !important;
  height: 500px !important;
}

.popUpBodyContainerEventPage .multiplePictures {
  width: 100% !important;
  float: left !important;
}
.popUpBodyContainerEventPage .multiplePictures .sliderWrap {
  width: 100%;
  float: left;
  padding: 12px;
}
.popUpBodyContainerEventPage .multiplePictures .sliderWrap .sliderInner {
  width: 100%;
  float: left;
  height: 400px;
}
.popUpBodyContainerEventPage .multiplePictures .sliderWrap .sliderInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.popupWrapEventPage {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 9999;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: 0.4s ease-in-out;
}
.popupWrapEventPage.show {
  left: 0;
}

.popUpBodyEvent {
  width: 500px;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
}

.closePopup {
  position: absolute;
  right: 0;
  top: 0;
  background: #9E20FF;
  font-size: 24px;
  padding: 7px 11px;
  color: #fff;
  cursor: pointer;
}

.popupWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.popUpBody {
  width: 500px;
  height: 400px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  padding: 0 12px;
}

.closePopup {
  position: absolute;
  right: 0;
  top: 0;
  background: #9E20FF;
  font-size: 24px;
  padding: 7px 11px;
  color: #fff;
  cursor: pointer;
}

.popupWrapActivityPage {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 9999;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: 0.4s ease-in-out;
}
.popupWrapActivityPage.show {
  left: 0;
}

.popUpBodyActivity {
  width: 500px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
}

.closePopup {
  position: absolute;
  right: 0;
  top: 0;
  background: #9E20FF;
  font-size: 24px;
  padding: 7px 11px;
  color: #fff;
  cursor: pointer;
}

.popupWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.popUpBody {
  width: 500px;
  height: 400px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  padding: 0 12px;
}

.closePopup {
  position: absolute;
  right: 0;
  top: 0;
  background: #9E20FF;
  font-size: 24px;
  padding: 7px 11px;
  color: #fff;
  cursor: pointer;
}

.popUpBodyContainerActivity {
  width: 100% !important;
  height: 500px !important;
}
.popUpBodyContainerActivity .multiplePictures {
  width: 100% !important;
  float: left !important;
}
.popUpBodyContainerActivity .multiplePictures .sliderWrap {
  width: 100%;
  float: left;
  padding: 12px;
}
.popUpBodyContainerActivity .multiplePictures .sliderWrap .sliderInner {
  width: 100%;
  float: left;
  height: 400px;
  position: relative;
}
.popUpBodyContainerActivity .multiplePictures .sliderWrap .sliderInner p {
  width: 100%;
  float: left;
  font-size: 18px;
  padding: 20px 20px;
  bottom: 0px;
  left: 0;
  z-index: 999;
  position: absolute;
  color: #fff;
  font-weight: 600;
  font-family: Fredoka;
  background: rgba(253, 121, 0, 0.81);
  display: none;
}
.popUpBodyContainerActivity .multiplePictures .sliderWrap .sliderInner img {
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popUpBodyContainerActivity .multiplePictures .sliderWrap .sliderInner::after {
  content: "";
  width: 62.6%;
  height: 92px;
  bottom: 0;
  right: 133px;
  background-size: cover;
  position: absolute;
  background: rgba(253, 121, 0, 0.81);
  display: none;
}

picture {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
picture div {
  width: 925px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}
picture div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wpcf7 form {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-flow: column !important;
}

.wpcf7-submit {
  width: 100px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffc300;
  border: none !important;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 50px;
  padding: 15px;
  padding-top: 40px !important;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 25px;
  background: linear-gradient(135deg, #6e45e2, #88d3ce);
  color: white;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  font-family: Fredoka;
}

.pagination a:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.pagination .current {
  background: #ff7eb3;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.pagination .prev,
.pagination .next {
  background: #ffb347;
}

.pagination .prev:hover,
.pagination .next:hover {
  background: #ff9f00;
  transform: translateY(-3px);
}

.entry-header {
  font-family: Poppins;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 30px;
  z-index: unset;
}

.ankurPictureSection .conPicSection picture {
  transform: unset !important;
  border-radius: 133px !important;
}

.viweMoreBtn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.viweMoreBtn a {
  background: #4d852d;
  padding: 10px 20px;
  border-radius: 20px;
  color: #fff;
  font-family: Poppins;
  font-size: 15px;
}

.date-today {
  width: 100% !important;
  float: left !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  color: #2f519f !important;
  display: flex;
  gap: 5px;
}

.time-today {
  float: left !important;
  margin: 0 !important;
  font-size: 18px !important;
  color: #797676 !important;
  display: flex;
  gap: 5px;
}

.date-today-activity {
  width: 100% !important;
  float: left !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  font-size: 28px !important;
  color: #9e20ff !important;
  display: flex;
  gap: 5px;
}
.date-today-activity span {
  color: #9e20ff !important;
}

.time-today-activity {
  float: left !important;
  margin: 0 !important;
  font-size: 18px !important;
  color: #797676 !important;
  display: flex;
  gap: 5px;
}
.time-today-activity span {
  color: #797676 !important;
}

.ourProjects {
  width: 100%;
  float: left;
  font-size: 34px;
  color: #ff7c04;
  margin: 0;
  padding: 10px 0;
  font-weight: 500;
  font-family: Fredoka;
}

.header-scrolled {
  background: #F9F9F9;
  color: #13110b;
  transition: all 0.1s;
  position: fixed;
  z-index: 99;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  top: 0;
}

.contact-page {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  padding: 22px 0;
  color: #5a524a;
  font-family: Fredoka;
}

.image-slider {
  display: flex;
  gap: 15px;
  width: 100%;
  float: left;
  height: 420px;
  align-items: center;
}

.slide {
  width: 130px;
  height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
  transition: width 0.8s ease-in-out;
}
.slide picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.active {
  width: 420px;
}

.activityPage {
  width: 100%;
  float: left;
  font-size: 48px;
  color: #ff7c04;
  margin: 0;
  padding-top: 89px;
  text-align: center;
  font-family: Fredoka;
  font-weight: 600;
}

.homePageViewButton {
  margin-top: -10px;
  margin-bottom: -44px;
}

.enquiry {
  width: 100%;
  float: left;
  font-size: 18px;
  font-family: Fredoka;
  font-weight: 500;
}

.ourVissionAboutPage {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.ourVissionAboutPage h4 {
  text-align: right;
}
.ourVissionAboutPage p {
  text-align: right;
}

.our_mission_about_page {
  width: 100%;
  float: left;
}/*# sourceMappingURL=style.css.map */