body { padding-top:0;}
p { color:#1a2d39; line-height:1.4 }

/*DEFAULT*/
.Heading1 { font-size:3rem; font-weight:bold;}
.Heading3 { font-size:2.25rem; line-height:normal; margin:1rem 0; font-weight:bold; color:#000;}
.Heading3White { font-size:2.25rem; line-height:normal; margin:1rem 0; font-weight:bold; color:#fff;}
.subHead { font-size:1.2rem; line-height:30px; margin:0; color:#000;}
.subHead2 { font-size:1.2rem; line-height:30px; margin:0; text-transform:uppercase; color:rgba(0, 22, 35, 0.4); font-weight:600;}
.text-white { color:#fff;}

.listIcon { display:flex; align-items:flex-start;}
.itemCenter { align-items:center;}
.lightBG { background-color:#f4f7f9;}

.padding-top-5rem { padding-top:5rem;}
.padding-bottom-5rem { padding-bottom:5rem;}

/* HERO SECTION */
.heroSection { display:flex; align-items:center; height:400px; padding-top:72px; background:#071e2e url('../../Images/about-page/hero.png') no-repeat center / cover;}

/* OUR MISSION */
.joinOurTeamBtn { margin-top:.5rem; display:inline-block; color:#ff008a; font-weight:500; transition:all .3s}
.joinOurTeamBtn i { transition:all .1s;}

/* CTA */
.counterCTA { background-color:#ff008a; color:#fff; max-width:80%; margin:0 auto; padding:2rem; display:flex; align-items:center; justify-content:space-evenly; margin-top:-100px; min-height:200px; position:relative; background-image:url(../../Images/about-page/cta-dots.svg); background-repeat:no-repeat; background-position:98% 6%;}
.counterCTA .count { font-weight:bold; font-size:3rem; transition:all .3s;}
.counterCTA div.text-center:nth-child(3) .count:after, .counterCTA div.text-center:last-child .count:after { content:'+'; display:inline-block;}
.counterCTA .divider { width:1px; background-color:rgba(255, 255, 255, .9); height:100px;}
.counterCTA:before { content:''; position:absolute; left:20%; bottom:-40px; background-image:url(../../Images/about-page/halfCircle.png); width:72px; height:72px;}
.counterCTA:after { content:''; position:absolute; right:0; bottom:-72%; background-image:url(../../Images/about-page/circleShape.png); width:190px; height:190px;}

/* OUR CORE VALUES */
.coreValuesWrapper { margin:2rem auto;}
.coreValues { margin-top:10rem; padding-bottom:2rem;}
.valueCard { border:1px solid transparent; padding:2rem; text-align:center; height:100%; transition:all .3s;}
.valueCard h4 { font-size:1.3rem; margin-top:0; margin-bottom:.5rem;}
.valueCard img { display:inline-block; margin-bottom:.875rem; height:36px; width:42px;}
.valueCard:nth-child(-n+3) { border-bottom-color:#ccc;}
.valueCard:nth-child(3n+2) { border-left-color:#ccc; border-right-color:#ccc;}

/* OUR TEAM */
.leadershipTeam .heroTitle { font-size:1.3rem; margin:0;}
.shortDiscription { opacity:.8; text-align:center; font-size:18px; margin-top:5px;}

.ourteamWrapper { padding:4rem 0; background-color:#F4F7F9;}
.ourTeamList { padding:2rem 0; margin-top:2rem; transition:all .3s;}
.ourTeamList:hover { background-color:#fff; box-shadow:0 3px 6px rgba(39, 62, 78, .16);}
.ourTeamList .memberImg { position:relative; display:inline-block;}
.ourTeamList .memberImg:before { content:''; position:absolute; right:30px; top:0; background-color:rgba(255, 142, 23); width:32px; height:32px; border-radius:50%; z-index:9; opacity:0; transition:all .3s;}
.ourTeamList .memberImg:after { content:''; position:absolute; left:-6px; bottom:0; background-color:rgba(0, 202, 253); width:60px; height:60px; border-radius:50%; z-index:9; opacity:0; transition:all .3s;}
.ourTeamList:hover .memberImg:before, .ourTeamList:hover .memberImg:after { opacity:1;}
.ourTeamList .memberImg img { object-fit:cover; filter:grayscale(1); transition:all .3s; transform:scale(1); overflow:hidden;}
.ourTeamList .memberImg2 { overflow: hidden; width: 200px; height: 200px; border-radius: 200px; display: block;}
.ourTeamList:hover .memberImg img { transform:scale(1.1); filter:grayscale(0); transition:all .3s;}
.ourTeamList .heroTitle { font-size:1.2rem; margin-bottom:0;}
.ourTeamList .heroSubTitle { color:#3A3A3A; text-align:center; margin-top:.3rem; font-size:.875rem;}
.workWithUs { padding:2rem 0; margin-top:2rem;}
.workWithUs a { display:inline-block; background-color:#00cafd; text-align:center; font-size:1.2rem; font-weight:500; color:#fff; border-radius:50%; width:200px; height:200px; margin:0 auto; display:flex; align-items:center; justify-content:center; transition:all .3s;}
.workWithUs a:hover {color:#fff; transform:scale(.9);}

/* TEAM FORM */
.teamFormed { background-color:#273e4e; color:#fff; padding:4rem 0;}
.teamFormed p { color:#fff;}
.checkIcon { display:inline-block; margin:0; margin-right:.875rem; vertical-align:middle;}
.formedImgOverBox { position:relative;}

/* CURRENT OPENINGS */
.currentOpenings .Heading3 { background-color:#ffc42c; display:inline-block;}
.applyBtn { display:inline-block; border:2px solid #333333; color:#333333; text-align:center; border-radius:4px; padding:.75rem 1rem; background-color:transparent; min-width:130px; transition:all .3s; margin-top:.5rem;}
.applyBtn:hover { background-color:#333333; color:#fff;}
.vacancyCard { background-color:#f1f1f1; padding:2rem 3rem;}
.seeMoreOpening { font-weight:500;}

/* OUR STORY */
#ourStory { overflow:hidden;}
.ourStoryHeader { display:flex; align-items:center;}
.ourStoryHeader .years { font-size:8rem; font-weight:bold; color:#3a3a3a; line-height:normal;}
.ourStoryHeader .years .shortYear { color:#ff1b00; display:inline-block; overflow:hidden; height:152px; vertical-align:text-top;}
.ourStoryHeader .shortYear span { display:block;}
.ourStoryHeader .eventHosted { background-color:rgba(58, 58, 58, .03); padding:1rem 1.25rem; font-size:1.2rem; margin-left:1rem;}
.ourStoryHeader .eventHosted div:first-child { font-size:3rem; font-weight:bold;}
.ourStoryContent { display:flex; padding-left:5rem; padding-right:2rem;}
.ourStoryContent .allYears div { color:rgba(0, 0, 0, .20); padding:1rem; border-right:5px solid rgba(0, 0, 0, .1); cursor:pointer;}
.ourStoryContent .allYears div.activeYear { color:#ff1b00; border-right-color:#ff1b00;}
.ourStoryContent .yearContent { padding-left:2rem;}
.ourStoryContent .nextYear { font-size:8rem; font-weight:bold; color:rgba(58, 58, 58, .2); line-height:1;}
.ourStoryImage { position:relative; height:100%;}
.ourStoryImage .bgShape { position:absolute; left:-20%; top:-45%; max-width:710px; z-index:-1; display:block;}
.ourStoryImage h4 { font-size:2rem; font-weight:normal; text-align:center;}

/* ANIMAMION */
.animateText { animation:flip-horizontal-top .4s cubic-bezier(.455,.03,.515,.955) both;}
@-webkit-keyframes flip-horizontal-top {
  0% { transform:rotateX(180deg); opacity:0;}
  100% { transform:rotateX(0); opacity:1;}
}
@keyframes flip-horizontal-top {
  0% { transform:rotateX(180deg); opacity:0;}
  100% { transform:rotateX(0); opacity:1;}
}

.slide-top { -webkit-animation:slide-top .6s cubic-bezier(.25,.46,.45,.94) both; animation:slide-top .6s cubic-bezier(.25,.46,.45,.94) both;}
@-webkit-keyframes slide-top {
  0% { transform:translateY(100px); opacity:0;}
  100% { transform:translateY(0); opacity:1;}
}
@keyframes slide-top {
  0% { -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0;}
  100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1;}
}

.fade-in { animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;}
@-webkit-keyframes fade-in {
  0% { opacity:0;}
  100% { opacity:1;}
}
@keyframes fade-in {
  0% { opacity:0;}
  100% { opacity:1;}
}

.slideText { animation:slideText .5s cubic-bezier(.25,.46,.45,.94) both;}
@-webkit-keyframes slideText {
  0% { transform:translateY(0);}
  100% { transform:translateY(-100%);}
}
@keyframes slideText {
  0% { transform:translateY(0);}
  100% { transform:translateY(-100%);}
}

/* ABOUT US */
.aboutUs .col-half:first-child { position:relative;}
.aboutUs .bgShape { position:absolute; right:35%; top:-6%; z-index:-1; max-width:900px;}
.aboutImg { position:relative;}
.aboutImg .imgTitle { width:70%; position:absolute; left:15%; top:1rem; right:0; z-index:1; font-size:2rem; font-weight:600; color:#ffc42C; text-align:center;}

/*ABOUT 2024*/

.aboutHeader { background-color:#e2f9ff; padding-top:90px; padding-bottom:3rem; text-align:center; color:#001623 }
.aboutHeader h1 { font-size:54px; font-weight:bold }
.aboutHeader h1 span { color:#FF008A }
.aboutHeader .container { max-width:60% }
.aboutHeader p { line-height:1.5 }

.trustedBrands .uppercase { color:#001623 }
.trustedBrands .swiper-slide img { filter:grayscale(0); opacity:1; transition:all .3s; width:100%; height:40px; object-fit:contain }
.trustedBrands .swiper-slide img:hover { filter:grayscale(0); opacity:1 }

/* CUSTOMER RATING */
.num { font-size:3rem; font-weight:bold }
.gradientLine { background:transparent linear-gradient(180deg, #FF008A 0%, #00CAFD 100%) 0% 0% no-repeat padding-box; opacity:1; height:100%; width:6px; border-radius:4px; display:inline-block }
.scalx9 { transform:scale(0.9) }
.ourApproach { background-color:#001623 }
.ourApproach .subHead2 { opacity:0.4 }
.cRound { border-radius:6px }
.leadershipTeam .rounded-circle { border-radius:50%; height:285px; width:285px; object-fit:cover }
.ctaAbout { background-color:rgba(246, 253, 255, 1); position:relative; z-index:1; overflow:hidden; text-align:center; padding:5rem 0 }
.ctaAbout .lineShape { position:absolute; right:-24%; z-index:-1; width:71%; top:-45%; opacity:0.2 }
.trustedBrands .sTitle { font-weight:600; color:#001623; text-align:center }
body { overflow-x:hidden }

/* RESPONSIVE */
@media screen and (max-width:991px) {
  .num { font-size:2rem }
  .aboutHeader .container { max-width:80% }
}
@media screen and (max-width:767px) {
  .Heading1 { padding:0 2rem; font-size:2.5rem;}
  .col-oneThird, .col-oneFourth { width:50%;}
  .col-oneThird.ourStoryImage { width:100%;}
  .ourStory { flex-direction:column-reverse;}
  .ourStoryImage h3 { text-align:center; font-size:2.25rem; line-height:normal; margin:1rem 0; font-weight:bold; margin-bottom:3rem;}
  .ourStoryHeader { justify-content:center;}
  .ourStory.padding-bottom-5rem { padding-bottom:2rem;}
  .ourStory.padding-top-5rem { padding-top:2rem;}
  .ourStoryHeader .eventHosted div:first-child { font-size:2rem;}
  .ourStoryContent { margin-left:0; padding-right:0; padding-left:0;}
  .ourStoryImage .bgShape { display:none;}
  .ourMission .col-half:last-child, .aboutUs .col-half:last-child { margin-top:3rem; text-align:center;}
  .ourMission .col-half:last-child p, .aboutUs .col-half:last-child p { text-align:center;}
  .aboutUs .listIcon { text-align:left;}
  .counterCTA { max-width:90%;}
  .leadershipTeam  { margin-bottom:2rem;}
  .leadershipTeam:last-child { margin-bottom:0;}
  .teamFormed { padding-left:2rem; padding-right:2rem;}
  .teamFormed .col-half:last-child img { margin-top:3rem; padding:0;}
  .heroSection { position:relative;}
  .heroSection:after { z-index:-1; opacity:.1;}
  .ourTeamList .memberImg img { transform:scale(1.1); filter:grayscale(0); transition:all .3s;}
}
@media screen and (max-width:579px) {
  .col-oneThird, .col-oneFourth { width:100%;}
  .padding-top-5rem { padding-top:3rem;}
  .padding-bottom-5rem { padding-bottom:3rem;}
  .ourTeamList { padding:1rem 0; margin-top:1rem;}
  .ourTeamList:hover  { background-color:transparent; box-shadow:none;}
  .ourStoryHeader { margin-top:1rem;}
  .ourStoryHeader .years { font-size:4rem;}
  .aboutImg .padding-2em-right { padding-right:0 !important;}
  .coreValues { margin-top:5rem;}

  .aboutHeader .container { max-width:100% }
  .aboutHeader h1 { font-size:36px }
  
  .eventCountFeature .gradientLine { display:none }
  .eventCountFeature .textCm { text-align:center }
  .eventCountFeature { padding-bottom:0 }
  .num { font-size:3rem }
}
@media screen and (max-width:479px) {
  .Heading1 { font-size:2rem;}
  .Heading3 { font-size:1.5rem;}
  .counterCTA { max-width:95%; padding:1rem; font-size:.875rem; min-height:160px; margin-top:-80px; background-image:none;}
  .counterCTA .count { font-size:2rem;}
}