.anim-btn, a {
  text-decoration: none;
}

.anim-btn, .bannerBox, .benifits, .detailsBox, .happyvoicesBox {
  overflow: hidden;
}

.analyticsContentBox, .anim-btn, .c100 > span, .central, .heading-section, .hexagon-body, .lbl1, .lbl2, .scroll-to-top, .stripBox {
  text-align: center;
}

@font-face {
  font-family: Akhand;
  src: url(../fonts/Akhand.eot);
  src: url("../fonts/Akhand.eot?#iefix") format("embedded-opentype"), url(../fonts/Akhand.woff) format("woff"), url(../fonts/Akhand.ttf) format("truetype"), url("../fonts/Akhand.svg#Akhand") format("svg");
}

:root {
  --blue: #4a83f5;
  --gray: #767474;
  --red: #f42021;
  --yellow: #f0a808;
  --hexagon-size: 347px;
  --hexagon-color-bg: #fff;
  --hexagon-color-bg-purple: #8c1db5;
  --hexagon-color-bg-blue: #2658bd;
  --hexagon-color-bg-yellow: #918553;
  --highereducation: #1e64b9;
  --schoolmasseducation: #159d6b;
  --skilldevelopmenteducation: #dc851e;
  --sportsyouthservices: #b93445;
  --odialanguageliteratureculture: #711c9b;
}

body {
  font-size: 1rem;
  letter-spacing: .02rem;
  line-height: 1.4;
  padding-top: 84px;
}

html body .btn {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.analyticsContentBox, .appliedBox small, .awardsRecognitionBox .swiper-slide .awardBox .badge, .hexagon-body, .staticsticsMainBox .table, h1, h2, h3, h4, h5, h6 {
  font-family: Akhand;
}

.white-hexagon-1, .white-hexagon-2, .white-hexagon-3, .white-hexagon-4, .white-hexagon-5, a {
  transition: .3s;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header {
  padding: .5rem 0;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 100px;
}

  .header.header-fixed {
    box-shadow: 0 0 5px #ccc;
  }

  .header a {
    color: #777;
  }

    .header a:hover {
      color: #ffb30b;
    }

.headerRightBox .RightTopBox {
  font-size: 80%
}

.headerRightBox .RightTopBox, .impLinkBox {
  display: flex;
  align-items: center;
  font-weight: unset;
}

  .font-size a, .header .helplineBox img, .impLinkBox a {
    margin-right: .8rem;
  }

.font-size, .impLinkBox, .screenreaderBox, .theme-switch, .lang_custom {
  margin-left: 1.5rem;
  position: relative;
  font-size: .8rem;
}
.lang_custom {
  cursor: pointer;
}

  .lang_custom.mob {
    display: none;
  }

  .font-size:after, .screenreaderBox:after, .theme-switch:after, .lang_custom:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #adadad;
    right: -.8rem;
    top: .2rem;
  }

.header .helplineBox {
  display: flex;
  align-items: center;
  margin-top: .8rem;
  justify-content: end;
}

  .header .helplineBox span {
    color: #837a7a;
  }

.anim-btn:hover, .anim-btn:hover i {
  color: #000 !important;
}

.analyticsContentBox .dataBox.last:after, .theme-switch_toggle {
  display: none;
}

.theme-switch_label, .theme-switch_label::after {
  display: block;
  transition: .2s;
  position: relative;
}

.theme-dark .theme-switch .theme-switch_label {
  border-color: #ffb30b;
  background-color: #fff;
}

  .theme-dark .theme-switch .theme-switch_label::after {
    left: 50%;
    background-color: #ffb30b;
  }

.theme-switch_label {
  outline: 0;
  width: 3em;
  height: 1.5em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1px;
  background-color: #8996a9;
  border: 1px solid #dcdfe5;
  border-radius: 2em;
}

  .theme-switch_label::after {
    content: "";
    width: 50%;
    height: 100%;
    background-color: #dcdfe5;
    border-radius: 1em;
  }

.bannerBox {
  background-image: url(../images/banner.jpg);
  background-position: 100% center;
  background-repeat: no-repeat;
  height: 812px;
  position: relative;
  display: flex;
  align-items: center;
}

.bannerContent {
  color: #fff;
  padding: 0 0 0 5rem;
}

  .bannerContent h1 {
    color: #ffb30b;
    font-size: 3.6rem;
    text-shadow: 3px 3px #464646;
    line-height: 100%;
    margin-bottom: 2rem;
  }

.anim-btn {
  min-width: 135px;
  position: relative;
  z-index: 1;
  color: #fff;
  transition: .8s;
}

  .anim-btn svg {
    margin-left: .5rem;
  }

  .anim-btn:hover {
    border: 1px solid #06c019;
  }

    .anim-btn:hover span, .green-btn:hover span, .pink-btn:hover span, .purple-btn:hover span {
      transform: translateY(0) scale(3.15);
    }

  .anim-btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #fff;
    transform: translateY(150%);
    border-radius: 50%;
    transition: .5s;
    z-index: -1;
  }

    .anim-btn span:first-child, .green-btn span:first-child, .pink-btn span:first-child, .purple-btn span:first-child {
      left: calc((1 - 1) * 25%);
      transition-delay: calc((1 - 1) * .1s);
    }

    .anim-btn span:nth-child(2), .green-btn span:nth-child(2), .pink-btn span:nth-child(2), .purple-btn span:nth-child(2) {
      left: calc((2 - 1) * 25%);
      transition-delay: calc((2 - 1) * .1s);
    }

    .anim-btn span:nth-child(3), .green-btn span:nth-child(3), .pink-btn span:nth-child(3), .purple-btn span:nth-child(3) {
      left: calc((3 - 1) * 25%);
      transition-delay: calc((3 - 1) * .1s);
    }

    .anim-btn span:nth-child(4), .green-btn span:nth-child(4), .pink-btn span:nth-child(4), .purple-btn span:nth-child(4) {
      left: calc((4 - 1) * 25%);
      transition-delay: calc((4 - 1) * .1s);
    }

    .anim-btn span:nth-child(5), .green-btn span:nth-child(5), .pink-btn span:nth-child(5), .purple-btn span:nth-child(5) {
      left: calc((5 - 1) * 25%);
      transition-delay: calc((5 - 1) * .1s);
    }

.hexagon-container {
  margin-left: auto;
  position: absolute;
  width: calc(var(--hexagon-size) * .645);
  font-family: sans-serif;
  opacity: 0;
  animation: 2.05s .1s forwards zoomOutHexagon;
  transition: .3s;
}

.blue-hexagon {
  top: -10.8rem;
  right: 4.7rem;
}

.yellow-hexagon {
  top: .3rem;
  right: -14.9rem;
  animation: 2.05s .2s forwards zoomOutHexagon;
}

.purple-hexagon {
  top: 22.7rem;
  right: -15.2rem;
  animation: 2.05s .3s forwards zoomOutHexagon;
}

.white-hexagon-1 {
  top: 11.7rem;
  right: 4.6rem;
  animation: 2.05s .4s forwards zoomOutHexagon;
}

.white-hexagon-2 {
  top: 34.2rem;
  right: 4.2rem;
  animation: 2.05s .8s forwards zoomOutHexagon;
}

.white-hexagon-3 {
  top: .6rem;
  right: 24.3rem;
  animation: 2.05s .6s forwards zoomOutHexagon;
}

.white-hexagon-4 {
  top: 23.2rem;
  right: 24rem;
  animation: 2.05s .9s forwards zoomOutHexagon;
}

.white-hexagon-5 {
  top: 12rem;
  right: 43.7rem;
  animation: 2.05s 1.1s forwards zoomOutHexagon;
}

.hexagon-bg {
  width: 100%;
  height: var(--hexagon-size);
  background-image: linear-gradient(90deg, var(--hexagon-color-bg), var(--hexagon-color-bg));
  border-radius: calc(var(--hexagon-size)/ 12);
  transition: transform .4s;
  transform: scale(1);
}

.hexagon-body, .hexagon-link:before, .hexagon-title::before {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.blue-hexagon .hexagon-bg {
  background-image: linear-gradient(90deg, var(--hexagon-color-bg-blue), var(--hexagon-color-bg-blue));
}

.yellow-hexagon .hexagon-bg {
  background-image: linear-gradient(90deg, var(--hexagon-color-bg-yellow), var(--hexagon-color-bg-yellow));
}

.purple-hexagon .hexagon-bg {
  background-image: linear-gradient(90deg, var(--hexagon-color-bg-purple), var(--hexagon-color-bg-purple));
}

.hexagon-body {
  z-index: 2;
  width: 157%;
  height: 100%;
  top: 0;
  padding: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

  .hexagon-body.ollcBox {
    justify-content: flex-start;
    margin-top: .8rem;
  }

.hexagon-title {
  font-size: 1.75rem;
  line-height: 1.1;
  margin: .5rem 0 1.5rem;
  position: relative;
  text-transform: capitalize;
}

  .hexagon-title::before {
    content: "";
    bottom: -8px;
    height: 3px;
    width: 50px;
    background: #f7c400;
  }

.hexagon-link {
  color: var(--hexagon-color-bg-blue);
  display: block;
  position: relative;
  line-height: 1.4;
  font-size: 1.15rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

  .hexagon-link:before {
    content: "";
    bottom: -2px;
    height: 1px;
    width: 100px;
    background: #cacfd3;
  }

.hexagon-bg:after, .hexagon-bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  height: inherit;
  background-image: inherit;
  border-radius: inherit;
}

.analyticsBox, .benifitImg, .benifits, .benifits .stripBox h4, .c100, .departmentTabContent, .detailsBox, .h1:after, .heading-section, .staticsticsleftBox, .title {
  position: relative;
}

.hexagon-bg:before {
  transform: rotate(60deg);
}

.hexagon-bg:after {
  transform: rotate(-60deg);
}

.benifits .lineBox.last, .hexagon-link.last {
  margin-bottom: 0;
}

@keyframes zoomOutHexagon {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.white-hexagon-5:hover .hexagon-title::before {
  background: var(--highereducation);
}

.white-hexagon-4:hover .hexagon-title::before {
  background: var(--skilldevelopmenteducation);
}

.white-hexagon-3:hover .hexagon-title::before {
  background: var(--schoolmasseducation);
}

.white-hexagon-2:hover .hexagon-title::before {
  background: var(--odialanguageliteratureculture);
}

.white-hexagon-1:hover .hexagon-title::before {
  background: var(--sportsyouthservices);
}

.white-hexagon-5:hover .hexagon-link, .white-hexagon-5:hover .hexagon-title {
  color: var(--highereducation);
}

  .white-hexagon-5:hover .hexagon-link:hover {
    color: #04357c;
  }

.white-hexagon-3:hover .hexagon-link, .white-hexagon-3:hover .hexagon-title {
  color: var(--schoolmasseducation);
}

  .white-hexagon-3:hover .hexagon-link:hover {
    color: #047048;
  }

.white-hexagon-4:hover .hexagon-link, .white-hexagon-4:hover .hexagon-title {
  color: var(--skilldevelopmenteducation);
}

  .white-hexagon-4:hover .hexagon-link:hover {
    color: #af640b;
  }

.white-hexagon-1:hover .hexagon-link, .white-hexagon-1:hover .hexagon-title {
  color: var(--sportsyouthservices);
}

  .white-hexagon-1:hover .hexagon-link:hover {
    color: #910517;
  }

.white-hexagon-2:hover .hexagon-link, .white-hexagon-2:hover .hexagon-title {
  color: var(--odialanguageliteratureculture);
}

  .white-hexagon-2:hover .hexagon-link:hover {
    color: #4a076a;
  }

.white-hexagon-5:hover .hexagon-bg, .white-hexagon-5:hover .hexagon-bg:after, .white-hexagon-5:hover .hexagon-bg:before {
  background: #bfdcff;
}

.white-hexagon-3:hover .hexagon-bg, .white-hexagon-3:hover .hexagon-bg:after, .white-hexagon-3:hover .hexagon-bg:before {
  background: #e8fff7;
}

.white-hexagon-4:hover .hexagon-bg, .white-hexagon-4:hover .hexagon-bg:after, .white-hexagon-4:hover .hexagon-bg:before {
  background: #ffecd5;
}

.white-hexagon-1:hover .hexagon-bg, .white-hexagon-1:hover .hexagon-bg:after, .white-hexagon-1:hover .hexagon-bg:before {
  background: #ffdee2;
}

.white-hexagon-2:hover .hexagon-bg, .white-hexagon-2:hover .hexagon-bg:after, .white-hexagon-2:hover .hexagon-bg:before {
  background: #edcaff;
}

.hexagon-container:hover .hexagon-bg {
  transform: scale(1.025);
}

.heading-section {
  width: 100%;
  margin: 0 auto 35px;
}

  .heading-section h1 {
    text-transform: uppercase;
    font-weight: 700;
  }

  .heading-section .heading {
    font-weight: 300;
    margin-top: 60px;
    font-size: 1.6em;
  }

.h1:after {
  content: '';
  width: 70px;
  height: 3px;
  background: #ffb30b;
  display: block;
  margin: 10px auto 0;
}

.title {
  z-index: 1;
}

.readmore {
  background: var(--yellow);
  color: #6c4c05;
}

.analyticsBox {
  border-bottom: 1px solid #e1e1e1;
  padding: 3rem 0 2.5rem;
  margin-bottom: 2.5rem;
}

.analyticsBoxElement {
  position: absolute;
  left: 0;
  top: 0;
}

.analyticsContentBox {
  background: var(--yellow);
  position: relative;
  border-radius: .25rem;
  color: #fff;
  line-height: 130%;
  padding: 0 1rem;
}

  .analyticsContentBox .dataBox {
    position: relative;
    padding: 1.4rem .8rem;
  }

    .analyticsContentBox .dataBox h3 {
      border-top: 1px solid #ffc23a;
      margin-top: .5rem;
      padding-top: .7rem;
      font-size: 2rem;
      font-weight: 700;
      line-height: 66%
    }

.c100:hover > span, .c100 > span {
  font-size: .3em;
  color: #3c4761;
}

.analyticsContentBox .dataBox:after {
  content: '';
  width: 1px;
  height: 80%;
  background: #ffc23a;
  position: absolute;
  top: .9rem;
  right: -.8rem;
}

.c100.p100 .slice, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .rect-auto {
  clip: rect(auto, auto, auto, auto);
}

.c100 .bar, .c100.p100 .fill, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .pie {
  position: absolute;
  border: .09em solid #000;
  width: .82em;
  height: .82em;
  clip: rect(0, .5em, 1em, 0);
  border-radius: 50%;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.c100.p100 .bar:after, .c100.p100 .fill, .c100.p50 .bar, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .pie-fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  font-size: 3.5rem;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #dfe8ed;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wait, .benifits img, .swiper, .swiper-slide img {
  width: 100%;
  height: 100%
}

.c100 *, .c100 :after, .c100 :before {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.c100 > span {
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: .09em;
  left: .09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: .82em;
  height: .82em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0, 1em, 1em, .5em);
}

.c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

  .c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
  }

  .c100:hover:after {
    top: .07em;
    left: .07em;
    width: .86em;
    height: .86em;
  }

.c100.blue .bar, .c100.blue .fill {
  border-color: #1473e6 !important;
}

.c100.blue:hover > span, .detailsBox.blueBox:after {
  color: #1473e6;
}

.c100.pink .bar, .c100.pink .fill {
  border-color: #d74680 !important;
}

.c100.green:hover > span, .c100.orange:hover > span, .c100.pink:hover > span {
  color: #3c4761;
}

.c100.green .bar, .c100.green .fill {
  border-color: #15c7a8 !important;
}

.c100.yellow .bar, .c100.yellow .fill {
  border-color: #f5b016 !important;
}

.c100.yellow:hover > span, .detailsBox.yellowBox:after {
  color: #f5b016;
}

.c100.red .bar, .c100.red .fill {
  border-color: #f42021 !important;
}

.c100.red:hover > span, .detailsBox.redBox:after {
  color: #f42021;
}

.c100.orange .bar, .c100.orange .fill {
  border-color: #eb7d4b !important;
}

.analyticsDataSection {
  position: relative;
  overflow: hidden;
  padding-bottom: 3rem;
}

  .analyticsDataSection:before {
    content: '';
    position: absolute;
    bottom: -5rem;
    width: 150px;
    height: 150px;
    background: #fff0ce;
    border-radius: 50%;
    left: 1rem;
  }

  .analyticsDataSection:after {
    content: '';
    position: absolute;
    bottom: -25rem;
    width: 50rem;
    height: 50rem;
    background: #ebf1fd;
    border-radius: 50%;
    right: -21rem;
    z-index: 1;
  }

.detailsBox:after, .stripBox {
  right: -1rem;
  position: absolute;
}

.analyticsDataSection .departmentTab {
  border: 0;
  background: #f5f3ff;
  padding: .3rem;
  border-radius: .4rem;
}

  .analyticsDataSection .departmentTab .nav-item {
    width: 25%;
    text-align: center;
  }

    .analyticsDataSection .departmentTab .nav-item .nav-link {
      color: #000;
      padding: .8rem;
      border: 0;
      font-weight: 700;
    }

      .analyticsDataSection .departmentTab .nav-item .nav-link.active {
        background-color: #7665ff;
        color: #fff;
        border-radius: .25rem;
      }

  .analyticsDataSection .departmentTab.nav-tabs .nav-link:focus, .analyticsDataSection .departmentTab.nav-tabs .nav-link:hover, .appliedBox .col-md.last {
    border: 0;
  }

.departmentTabContent {
  background: #fff;
  box-shadow: 1px 1px 5px #ccc;
  border-radius: .3rem;
  padding: 1rem;
  margin-top: 1.2rem;
  z-index: 2;
}

  .departmentTabContent .nav-tabs {
    margin-bottom: 1.2rem;
  }

    .departmentTabContent .nav-tabs .nav-link {
      border: 0;
      color: #8f8f8f;
    }

      .departmentTabContent .nav-tabs .nav-link.active {
        border-bottom: 2px solid #4a83f5;
        color: #4a83f5;
      }

.detailsBox {
  border: 1px solid #e1e1e1;
  border-radius: .3rem;
  padding: .8rem;
}

  .detailsBox:after {
    content: '\e900';
    bottom: -3rem;
    font-family: icomoon;
    font-size: 6.5rem;
    opacity: .04;
  }

  .detailsBox.greenBox:after {
    color: #15c7a8;
  }

  .detailsBox.orangeBox:after {
    color: #eb7d4b;
  }

  .detailsBox .numberMainBox {
    display: flex;
    justify-content: space-between;
  }

    .detailsBox .numberMainBox small {
      color: #767474;
    }

    .detailsBox .numberMainBox h5, .staticsticsMainBox .table {
      margin: 0;
    }

  .detailsBox .percentageBox {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
  }

    .detailsBox .percentageBox h4 {
      margin: 0 0 0 .6rem;
      font-size: 1.3rem;
      font-weight: 700;
      text-transform: uppercase;
    }

.staticsticsMainBox {
  background: #fafbff;
  border: 1px solid #e4edff;
  border-radius: .3rem;
  margin-top: 1.2rem;
  padding: 1rem;
}

  .staticsticsMainBox h4 {
    color: var(--blue);
    margin-bottom: 1.1rem;
  }

  .staticsticsMainBox .table th {
    border-top: 1px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
  }

.staticsticsleftBox {
  padding-right: 1.1rem;
}

.staticsticsrightBox {
  padding-left: 1.1rem;
}

.staticsticsleftBox:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #e1e1e1;
  right: 0;
  top: 0;
}

.apllicationReceivedBox, .benifitcontent, .quotationBox, .quotationNameBox {
  display: flex;
  align-items: center;
}

  .apllicationReceivedBox i {
    color: var(--blue);
    font-size: 3.8rem;
    margin-right: 1.5rem;
  }

  .apllicationReceivedBox h4 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
  }

    .apllicationReceivedBox h4 small {
      color: #4c4c4c;
      font-size: 63%;
      font-weight: 400;
    }

.appliedBox {
  margin: 1.5rem 0 3rem;
  padding: .7rem 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

  .appliedBox .col-md {
    border-right: 1px solid #e1e1e1;
  }

  .appliedBox small {
    color: #979494;
    font-size: 95%
  }

  .appliedBox h5 {
    font-weight: 700;
  }

.apllicationReceivedBox.participated i {
  font-size: 3rem;
}

.apllicationReceivedBox.participated i, .participated .apllicationReceivedBox i.icon-male, .staticsticsMainBox .participated h4 {
  color: var(--red);
}

.benifits .heading-section h1, .stripBox {
  color: #fff;
}

.appliedBox.participated {
  margin-bottom: 0;
  border-bottom: 0;
}

.participated .apllicationReceivedBox i {
  font-size: 2rem;
}

  .participated .apllicationReceivedBox i.icon-female {
    color: var(--blue);
  }

.awardsRecognitionBox {
  background: #f8f8f8;
  padding: 3rem 0 9rem;
}

.swiper-slide {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

  .swiper-slide img {
    display: block;
    object-fit: cover;
  }

.swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  border-radius: .5rem;
  transition: .3s;
}

.swiper-pagination-bullet-active {
  width: 35px;
}

.awardsRecognitionBox .swiper-slide {
  background: 0 0;
  text-align: left;
}

  .awardsRecognitionBox .swiper-slide .awardBox {
    background: #fff;
    width: 96%;
    margin: -40px auto 0;
    padding: 1.3rem;
    border-radius: .25rem;
    box-shadow: 1px 1px 9px #ccc;
    min-height: 365px;
  }

    .awardsRecognitionBox .swiper-slide .awardBox h5 {
      margin: .7rem 0 .8rem;
    }

    .awardsRecognitionBox .swiper-slide .awardBox .badge {
      font-size: 1.2rem;
      position: absolute;
      left: -.1rem;
      padding: .3rem 1rem;
      border-radius: 0 .3rem .3rem 0;
      top: 4.4rem;
    }

.benifits {
  background: url(../images/benifit-bg.png) 100% center no-repeat #2658bd;
  display: flex;
  align-items: center;
  padding: 3rem 0;
}

  .benifits .lineBox {
    display: flex;
    margin-bottom: 1.2rem;
  }

    .benifits .lineBox i {
      margin-right: 1rem;
      font-size: .9rem;
      color: var(--yellow);
      margin-top: .4rem;
    }

  .benifits .card-body {
    padding: 1.5rem;
  }

  .benifits .card-text h4 {
    display: none;
    margin-bottom: 1.5rem;
  }

  .benifits h4:before, footer h4:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: var(--yellow);
    bottom: -.4rem;
  }

.stripBox {
  background: url(../images/students-stripe.png) left top;
  width: 185px;
  height: 61px;
  bottom: 1.5rem;
  padding: .6rem 0;
  text-shadow: 0 0 2px #000;
}

  .stripBox.forinstitute {
    transform: scaleX(-1);
    right: auto;
    left: -1rem;
  }

    .stripBox.forinstitute h4 {
      transform: scaleX(-1);
    }

.leftBenifit {
  padding-left: 2rem;
}

.rightBenifit {
  padding-right: 2rem;
}

.happyvoicesBox {
  padding: 2rem 0 10rem;
  position: relative;
}

  .happyvoicesBox:after, .happyvoicesBox:before {
    content: '\e905';
    position: absolute;
    font-family: icomoon;
    font-size: 20rem;
    color: #fff6e5;
  }

  .happyvoicesBox:before {
    left: 0;
    top: -10rem;
    transform: rotate(180deg);
  }

  .happyvoicesBox:after {
    right: 0;
    bottom: -10rem;
  }

  .happyvoicesBox .swiper-slide {
    background: 0 0;
  }

.quotationBox {
  margin-top: -40px;
  line-height: 1.6;
  font-size: 110%
}

  .quotationBox .quotationImgBox {
    margin-right: 4rem;
  }

    .quotationBox .quotationImgBox img {
      width: 170px;
      height: 170px;
      border-radius: 50%;
      border: 3px solid #f3e3c4;
    }

.quotationNameBox i {
  margin-right: 2rem;
  color: var(--yellow);
  font-size: 2.2rem;
}

.quotationNameBox {
  margin-top: 2.1rem;
}

  .quotationNameBox h5 {
    margin-bottom: .1rem;
  }

footer {
  background: #1e266d;
  padding: 3rem 0 2rem;
}

.footer-top {
  padding: 0 3rem 3rem;
}

.footer-bottom {
  border-top: 1px solid #3d4481;
  padding-top: 1rem;
}

footer, footer .customList li a {
  color: #9ba0c4;
  transition: .3s;
}

  footer .customList li a:hover {
    color: #f8aa24;
  }

  footer img {
    margin-bottom: 1.5rem;
  }

  footer h4 {
    position: relative;
    margin-bottom: 2.8rem;
  }

.customList li {
  position: relative;
  padding-left: 2.3rem;
  margin-bottom: 1.2rem;
}

  .customList li:before {
    content: '\e907';
    position: absolute;
    font-family: icomoon;
    color: var(--yellow);
    top: .45rem;
    left: 0;
    font-size: .7rem;
  }

.prCustom {
  padding: 0 4rem;
}

.scroll-to-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1rem;
  display: none;
  width: 3rem;
  height: 3rem;
  color: #fff;
  background: rgb(0 168 255 / .7);
  line-height: 30px;
  align-items: center;
  justify-content: center;
  z-index: 9;
  border-radius: 50%;
  transform: rotate(-90deg);
  transition: .3s;
}

  .scroll-to-top i {
    font-weight: 800;
  }

  .scroll-to-top:hover {
    color: #fff;
    background: var(--yellow);
  }

.custom-scroll {
  overflow: auto;
}

  .custom-scroll::-webkit-scrollbar {
    width: .3em;
  }

  .custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / .3);
    background-color: #f5f5f5;
    border-radius: .8rem;
  }

  .custom-scroll::-webkit-scrollbar-thumb {
    background-color: #026167;
    -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / .3);
    border-radius: .8rem;
  }

  .custom-scroll.table-height {
    height: 300px;
  }

@media screen and (max-width:1680px) {
  .hexagon-bg {
    transform: scale(.9);
  }

  .yellow-hexagon {
    top: -.8rem;
    right: -13.1rem;
  }

  .purple-hexagon {
    top: 19.6rem;
    right: -13.2rem;
  }

  .white-hexagon-1 {
    top: 9.6rem;
    right: 4.6rem;
  }

  .white-hexagon-2 {
    top: 30rem;
    right: 4.3rem;
  }

  .white-hexagon-3 {
    top: -.5rem;
    right: 22.3rem;
  }

  .white-hexagon-4 {
    top: 19.9rem;
    right: 22.3rem;
  }

  .white-hexagon-5 {
    top: 9.6rem;
    right: 40.1rem;
  }

  .hexagon-body {
    width: 140%
  }
}

@media screen and (max-width:1440px) {
  .bannerBox {
    height: 580px;
  }

  .bannerContent h1 {
    font-size: 2.6rem;
  }

  .hexagon-bg {
    transform: scale(.8);
  }

  .hexagon-body {
    width: 130%;
    justify-content: center;
  }

  .hexagon-img {
    height: 50px;
  }

  .hexagon-title {
    font-size: 1.5rem;
  }

  .hexagon-link {
    font-size: 1rem;
    margin-bottom: .5rem;
  }

  .blue-hexagon {
    top: -10.6rem;
    right: 17.4rem;
  }

  .yellow-hexagon {
    top: -11.8rem;
    right: -13.1rem;
  }

  .purple-hexagon {
    top: 7rem;
    right: -14rem;
  }

  .white-hexagon-1 {
    top: -1.7rem;
    right: 1.7rem;
  }

  .white-hexagon-2 {
    top: 16.4rem;
    right: 1.4rem;
  }

  .white-hexagon-3 {
    top: -1.7rem;
    right: 33rem;
  }

  .white-hexagon-4 {
    top: 7.5rem;
    right: 17.3rem;
  }

  .white-hexagon-5 {
    top: 16.4rem;
    right: 33.1rem;
  }
}

@media screen and (max-width:1366px) {
  .analyticsDataSection .departmentTab .nav-item .nav-link {
    font-weight: 400;
  }

  .hexagon-link {
    font-size: .9rem;
  }

  .awardsRecognitionBox .swiper-slide .awardBox {
    min-height: 330px;
  }

  .appliedBox {
    margin: 1.5rem 0 1rem;
    padding: .4rem 0;
  }

  .hexagon-body.ollcBox {
    justify-content: center;
    margin: 0;
  }

  .prCustom {
    padding: 0 1rem;
  }

  .bannerContent h1 {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }

  .bannerContent .readmore {
    margin-top: 1.5rem;
  }

  .bannerContent {
    padding: 0 0 0 2rem;
  }

  .hexagon-container:hover .hexagon-bg {
    transform: scale(.825);
  }
}

@media screen and (max-width:1280px) {
  .bannerBox {
    height: 812px;
  }

  .blue-hexagon {
    top: -10.6rem;
    right: 17.4rem;
    display: none;
  }

  .yellow-hexagon {
    top: 3.2rem;
    right: -15.1rem;
  }

  .purple-hexagon {
    top: 21.5rem;
    right: -15.2rem;
  }

  .white-hexagon-1 {
    top: -5.7rem;
    right: .7rem;
  }

  .white-hexagon-2 {
    top: 12.5rem;
    right: .6rem;
  }

  .white-hexagon-3 {
    top: 21.7rem;
    right: 16.3rem;
  }

  .white-hexagon-4 {
    top: 3.6rem;
    right: 16.4rem;
  }

  .white-hexagon-5 {
    top: 30.7rem;
    right: .5rem;
  }
}

@media (min-width:1200px) and (max-width:1280px) {
  .bannerBox .col-xl-5 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media screen and (max-width:1199px) {
  .hexagon-body, .hexagon-container {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
  }

  .blue-hexagon, .hexagon-bg, .purple-hexagon, .yellow-hexagon {
    display: none !important;
  }

  .bannerBox {
    height: auto;
    background-size: cover;
    padding: 1rem 0 1.5rem;
  }

  .hexagon-container {
    display: block;
    margin: 0;
    flex: 0 0 33%;
    padding: .5rem;
  }

  .hexagon-body {
    width: auto;
    height: auto;
    transform: none;
    background: #0000002e;
    min-height: 293px;
    border-radius: .25rem;
  }

  .hexagon-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .hexagon-title {
    color: #ffc107;
  }

  .hexagon-link {
    color: rgb(255 255 255 / .9);
  }

  .bannerContent {
    padding: 0 0 0 2rem;
  }
}

@media screen and (max-width:768px) {
  .lang_custom.mob {
    display: block;
    position: absolute;
    right: 60px;
    top: 2rem ;
  }
  .benifits h4 {
    display: block;
  }

  .benifits img, .header .headerRightBox .RightTopBox, .impLinkBox, .stripBox {
    display: none;
  }

  .leftBenifit {
    padding-left: 0;
  }

  .rightBenifit {
    padding-right: 0;
  }

  .hexagon-container {
    flex: 0 0 48%;
    margin-left: 1.3%
  }

  .hexagon-body {
    min-height: auto;
  }

  .lasthexagon {
    width: 100%;
    flex: 0 0 97.3%
  }

  .bannerContent h1 {
    margin-bottom: 1.2rem;
  }

  .header .helplineBox, .staticsticsMainBox {
    margin-top: 0;
  }

  .header {
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .logo {
    width: 80%
  }

  body {
    padding-top: 60px;
  }

  .detailsBox {
    margin-bottom: .8rem;
  }

  .analyticsDataSection .departmentTab .nav-item .nav-link {
    padding: 1.5rem;
  }

  .analyticsDataSection .departmentTab {
    padding: 0;
    background: 0 0;
  }

  .quotationBox {
    display: block;
    border: 1px solid #e3d3b4;
    border-radius: .3rem;
    padding: .8rem 1.8rem 1.8rem;
  }

  .happyvoicesBox .swiper-slide {
    margin-right: 0;
  }

  .quotationBox .quotationImgBox {
    top: 8px;
    width: 100px;
    height: 100px;
    margin: 0 auto .8rem;
  }

    .quotationBox .quotationImgBox img {
      width: 100px;
      height: 100px;
    }

  .scroll-to-top {
    right: .5rem;
    bottom: .5rem;
  }

  .prCustom {
    padding: 0;
  }

  footer h4 {
    margin-bottom: 1.5rem;
  }

  .footer-top {
    padding: 0 2rem;
  }
}

@media screen and (max-width:576px) {
  .scroll-to-top {
    right: 1rem;
  }

  .awardsRecognitionBox {
    padding: 1rem 0 6rem;
  }

  .analyticsDataSection {
    padding-bottom: 1.5rem;
  }

  .analyticsBox {
    padding: 1rem 0;
    margin-bottom: 1.5rem;
  }

  .analyticsBoxElement, .analyticsContentBox .dataBox:after {
    display: none;
  }

  .analyticsDataSection .departmentTab .nav-item {
    width: 45%;
    text-align: center;
    margin: .5rem;
  }

    .analyticsDataSection .departmentTab .nav-item .nav-link {
      padding: .7rem 3.3rem;
      background: #ebe9e9;
      border-radius: .3rem;
    }

  .appliedBox h5 {
    margin-bottom: 1.2rem;
  }

  .analyticsContentBox .dataBox {
    padding: .8rem 0 .4rem;
    background: #ffb30b;
    margin: .5rem 0;
    border-radius: .3rem;
  }

    .analyticsContentBox .dataBox h3 {
      font-size: 1.8rem;
    }

  .analyticsContentBox {
    background: 0 0;
  }

  .headerRightBox {
    width: 100%
  }

  .bannerContent {
    padding: 0 1rem;
  }

  .happyvoicesBox:after, .happyvoicesBox:before {
    font-size: 6rem;
  }

  .happyvoicesBox:before {
    top: -3rem;
  }

  .happyvoicesBox:after {
    bottom: -3rem;
  }
}

@media screen and (max-width:530px) {
  .lang_custom.mob {
    display: block;
    margin-left: 0;
  }
}
@media screen and (max-width:500px) {
  .hexagon-container {
    flex: 0 0 100%
  }

  .bannerContent h1 {
    font-size: 2rem;
  }
}

@media screen and (max-width:425px) {
  .header .helplineBox img {
    margin-right: .3rem;
    width: 20%
  }

  .header .helplineBox span {
    font-size: .65rem;
    font-weight: 700;
  }

  .header .helplineBox h4 {
    font-size: 1rem;
    margin: 0;
  }

  .logo {
    width: 82%
  }

  body {
    padding-top: 42px;
  }

  .analyticsDataSection .departmentTab .nav-item .nav-link {
    padding: .7rem 1.7rem;
  }

  .departmentTabContent .nav-tabs .nav-link {
    padding: .5rem;
  }

  .heading-section {
    margin-bottom: 22px;
  }

  .benifits {
    padding: 1.5rem 0 1rem;
  }
}
@media screen and (max-width:375px) {
  .lang_custom.mob {
    right: 46px;
  }
}
.center {
  z-index: 1000;
  margin: 300px auto;
  padding: 10px;
  width: 160px;
  border-radius: 10px;
  color: #fff !important;
  opacity: 1;
}

#wait {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  opacity: .6;
}

.captchabox {
  position: relative;
  background: #e1e1e1;
  padding: .4rem 1.1rem;
  border-radius: .25rem;
}

  .captchabox .captcharefresh {
    position: absolute;
    right: .8rem;
  }

.lbl1 {
  color: green;
  font-weight: 700;
}

.lbl2 {
  color: red;
  font-weight: 700;
}