@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&family=Poppins:ital,wght@0,100;0,300;0,500;0,700;1,300;1,500&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

ul, ol {
  list-style: none; }

html {
  font-size: 2.084vh; }

@media (orientation: landscape) and (max-width: 1030px) {
  html {
    font-size: 14px; } }
@media (orientation: landscape) and (max-width: 1366px) and (min-height: 900px) {
  html {
    font-size: 16px; } }
@media (max-width: 1280px) and (min-height: 700px) {
  html {
    font-size: 16px; } }
@media (max-width: 1024px) {
  html {
    font-size: 14px; } }
@media (max-width: 330px) {
  html {
    font-size: 14px !important; } }
body {
  font-family: "Barlow", sans-serif;
  line-height: 1.21; }

.container {
  max-width: 89.125rem;
  margin: 0 auto;
  padding: 0 1.875rem;
  width: 100%; }

.container-xl {
  max-width: 85.375rem;
  margin: 0 auto;
  padding: 0 1.875rem; }

@media (max-width: 991.98px) {
  html {
    font-size: 16px; } }
@media (max-width: 767px) {
  .container {
    padding: 0 1.25rem; }

  html {
    font-size: 16px; } }
body {
  background: #000; }

.justify-content-center {
  justify-content: center; }

.justify-content-between {
  justify-content: space-between; }

.align-items-center {
  align-items: center; }

.container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

a {
  text-decoration: none; }

a:visited {
  color: #0000EE; }

.w-100 {
  width: 100%; }

.text-left {
  text-align: left; }

.mb-2 {
  margin-bottom: 1rem; }

.mb-5 {
  margin-bottom: 3rem; }

.w-100 {
  width: 100%; }

.h-100 {
  height: 100%; }

.white-color {
  color: #ffffff; }

.yellow-green {
  color: #defe46; }

p:empty {
  display: none;
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 0; }

.d-block {
  display: block; }

.d-none {
  display: none; }

.d-inline {
  display: inline-block; }

.font-weight-semi {
  font-weight: 500; }

.font-weight-normal {
  font-weight: 300; }

.display-1 {
  font-size: 1rem; }

.text-uppercase {
  text-transform: uppercase; }

.content-area {
  margin-top: 4rem; }

.content-area {
  margin-top: 4rem; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Poppins", sans-serif; }

.font-weight-light {
  font-weight: 300; }

h1, .h1 {
  font-size: 5rem;
  line-height: 1.1; }

h2, .h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 1.17;
  margin-bottom: 1rem; }

h3, .h3 {
  font-size: 2.8125rem;
  font-weight: 300;
  line-height: 1.17;
  margin-bottom: 1rem;
  letter-spacing: -0.9px; }

h4, .h4 {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.14;
  margin-bottom: 1rem;
  letter-spacing: -0.9px; }

.b-Heading-2, .b-Heading-1, .b-Heading-3 {
  font-family: "Barlow", sans-serif; }

.b-Heading-1 {
  font-size: 2.8125rem;
  line-height: 1.2; }

.b-Heading-2 {
  font-size: 2.25rem;
  line-height: 1.17; }

.b-Heading-3 {
  font-size: 1rem;
  line-height: 1.13; }

.body-text {
  font-size: 1.5rem;
  line-height: 1.14;
  font-weight: 300; }

.font-barlow {
  font-family: "Barlow", sans-serif; }

.font-poppins {
  font-family: "Poppins", sans-serif; }

.font-weight-300 {
  font-weight: 300; }

.text-white {
  color: #ffffff; }

.text-yellow-green {
  color: #defe46; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

@media (max-width: 991.98px) {
  .display-1 {
    font-size: 1rem; }

  h1, .h1 {
    font-size: 3.75rem;
    line-height: 1.17; }

  h2, .h2 {
    font-size: 2.875rem;
    line-height: 1.14; }

  h3, .h3 {
    font-size: 2.8125rem;
    line-height: 1.17; }

  h4, .h4 {
    font-size: 1.5rem;
    line-height: 1.17; }

  .b-Heading-1 {
    font-size: 2.8125rem;
    line-height: 1.2; }

  .b-Heading-2 {
    font-size: 1.75rem;
    line-height: 1.2; }

  .b-Heading-3 {
    font-size: 1rem;
    line-height: 1.13; }

  .body-text {
    font-size: 1.25rem;
    line-height: 1.17; }

  .deepsight .help-section .help-right .help-right-inner h2 br {
    display: block; } }
.fullwidth .container {
  padding: 0; }

.dkhide {
  display: none; }

.showtablet {
  display: none; }

.hidetablet {
  display: block; }

.mbhide {
  display: block; }

.text-truncate-2 {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.text-truncate-3 {
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-width: 991.98px) {
  .showtablet {
    display: block; }

  .hidetablet {
    display: none; }

  .tabletfullwidth .container {
    padding: 0; } }
@media (max-width: 991.98px) {
  .hidetab-mob {
    display: none !important; }

  .dkhide {
    display: block; }

  .mbhide {
    display: none; } }
@media (max-width: 767px) {
  .mobilefullwidth .container {
    padding: 0; }

  .container-xl {
    padding: 0 1.25rem; }

  .content-area {
    margin-top: 3rem; }

  .showtablet {
    display: block; }

  .display-1 {
    font-size: 0.5rem; }

  h1, .h1 {
    font-size: 3.75rem;
    line-height: 1.17; }

  h2, .h2 {
    font-size: 1.875rem;
    line-height: 1.14; }

  h3, .h3 {
    font-size: 1.75rem;
    line-height: 1.17; }

  h4, .h4 {
    font-size: 1rem;
    line-height: 1.14;
    margin-bottom: 0.625rem; }

  .b-Heading-1 {
    font-size: 2.8125rem;
    line-height: 1.2; }

  .b-Heading-2 {
    font-size: 1.25rem;
    line-height: 1.2; }

  .b-Heading-3 {
    font-size: 1rem;
    line-height: 1.13; }

  .body-text {
    font-size: 0.875rem;
    line-height: 1.18; } }
.fsemi {
  font-weight: 500 !important; }

.flight {
  font-weight: 300 !important; }

.position-relative {
  position: relative; }

.pb-0 {
  padding-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

ul.footer-social li {
  display: inline-block;
  margin-right: 0.625rem; }

ul.footer-social li a {
  display: block;
  line-height: 0; }

ul.footer-social .hover {
  display: none; }

ul.footer-social li img {
  transition: .3s;
  width: 2.2rem;
  height: 2.2rem; }

ul.footer-social li:hover img {
  display: none; }

ul.footer-social li:hover .hover {
  display: block; }

.content-area {
  background-color: #fff; }

li.opt.sel label::before {
  background: #defe46; }

ul.splide__pagination button.splide__pagination__page:focus {
  outline: 2px solid #000 !important; }

.talent-form.contact-page.apply .row.formarea {
  overflow: inherit; }

.talent-form.contact-page.apply .formarea input:focus {
  outline: 0.125rem solid #defe46;
  outline-offset: 0.125rem; }

.talent-form.contact-page.apply .form-control:focus {
  outline: 2px solid #defe46; }

.talent-form.contact-page.apply .form-control:focus {
  outline: 0.125rem solid #defe46;
  outline-offset: 0.125rem; }

.event-page button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 2px solid #4404bf !important; }

.page-id-1093 #main-content a:focus {
  outline: 2px solid #4404bf !important; }

.page-template-thank-you .thankyou .bottom-sec a:focus {
  outline: 2px solid #4404bf !important; }

.page-template-challenge #main-content a:focus {
  outline: 2px solid #000 !important; }

.page-template-challenge .header-dark a:focus {
  outline: 2px solid #defe46 !important; }

.post-template-single-blog #main-content a:focus {
  outline: 2px solid #4404bf !important; }

.post-template-single-blog a:focus {
  outline: 2px solid #4404bf !important; }

.post-template-single-blog .header-dark a:focus {
  outline: 2px solid #defe46 !important; }

.post-template-single-blog #main-content a.blacktext.link-active:focus {
  outline: 2px solid #4404bf !important; }

.page-template .header-dark .viewall1 :focus {
  outline: 2px solid #4404bf !important; }

.page-template-challenge #main-content .me-action a:focus {
  outline: 2px solid #defe46 !important; }

.page-template-sitemap #main-content a:focus {
  outline: 2px solid #4404bf !important; }

.page-id-1093 #primary a:focus {
  outline: 2px solid #4404bf !important; }

.page-id-1056 .entry-content {
  word-break: break-word; }

.sr-only {
  position: absolute;
  height: 1px;
  margin: -1px;
  padding: 0;
  opacity: 0;
  left: 0; }

.philanthropy-slider .splide__pagination:nth-of-type(2) {
  display: none; }

.share-btn-new {
  cursor: pointer; }

.focused {
  outline: 2px solid #defe46 !important; }

.page-template-happy-holidays .form-control:focus {
  outline: 2px solid #defe46 !important; }

.page-template-happy-holidays button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 3px solid #fff !important; }

.page-template-whitepaper .form-control:focus {
  outline: 2px solid #4404bf !important; }

.page-template-whitepaper button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 3px solid #4404bf !important; }

.page-id-3327 .event-page .form-control:focus {
  outline: 2px solid #defe46 !important; }

.page-id-3327 .event-page button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px; }

.podcast button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 2px solid #fff !important; }

div#select-box:focus {
  outline-offset: 0; }

.pathshala-slider .slick-arrow {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  left: auto;
  cursor: pointer; }
  @media (max-width: 767px) {
    .pathshala-slider .slick-arrow img {
      max-width: 0.625rem; } }
  .pathshala-slider .slick-arrow:focus {
    outline: 2px solid #000 !important; }
  .pathshala-slider .slick-arrow.slick-prev {
    right: 3.125rem;
    transform: rotate(180deg);
    z-index: 2;
    top: -0.0625rem; }

.client-logo .slick-arrow {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  left: auto;
  top: 1.875rem;
  cursor: pointer; }
  @media (max-width: 767px) {
    .client-logo .slick-arrow {
      top: 1.125rem; }
      .client-logo .slick-arrow img {
        max-width: 0.625rem; } }
  .client-logo .slick-arrow:focus {
    outline: 2px solid #000 !important; }
  .client-logo .slick-arrow.slick-prev {
    left: 0;
    right: auto;
    transform: rotate(180deg);
    z-index: 2; }

.slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: none; }

.image-outer a:focus img {
  outline-offset: 0.3125rem; }

.page-numbers.current:focus {
  outline: 2px solid #fff !important;
  outline-offset: 0.25rem; }

.page-id-4484 #wpcf7-f4478-o1 button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 0.1875rem solid #4404bf !important;
  outline-offset: 0.125rem; }

.page-id-4533 #wpcf7-f4555-o1 button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline: 0.125rem solid #fff !important;
  outline-offset: 0.125rem; }

.grecaptcha-badge {
  display: none !important; }

.post-template.post-template-single-blog.single.single-post .serve-section a:focus, .buld-card-list .body-content .heading-item a:focus, .inshight-wrap .inshight-wrap-item a:focus, .goal-items .goal-item a:focus {
  outline: 0.125rem solid #569bff !important;
  outline-offset: 0.25rem;
  z-index: 99;
  position: relative;
  border: none !important; }

.post-template.post-template-single-blog.single.single-post .inshight-wrap-item {
  overflow: visible; }

.page-template.page-template-build .serve-section a:focus, .buld-card-list .body-content .heading-item a:focus, .inshight-wrap .inshight-wrap-item a:focus, .goal-items .goal-item a:focus {
  outline: 0.125rem solid #defe46 !important;
  outline-offset: 0.25rem;
  z-index: 99;
  position: relative;
  border: none !important; }

.page-template.page-template-build .inshight-wrap-item {
  overflow: visible; }

.partnerlogo-sec.v2 .partner-logoim.client-logo img {
  max-width: 75%; }

.client-logo.partner-logoim .slick-list {
  padding: 0.3125rem 0.625rem; }
.client-logo.partner-logoim .partnerlogo-item {
  margin: 0.125rem; }
  .client-logo.partner-logoim .partnerlogo-item img {
    margin: 0 auto;
    object-fit: contain; }
.client-logo.partner-logoim .slick-arrow {
  top: 0;
  margin: auto;
  bottom: 0;
  right: -1.25rem; }
  .client-logo.partner-logoim .slick-arrow:focus {
    outline: 2px solid #defe46 !important; }
  .client-logo.partner-logoim .slick-arrow img {
    max-width: 1.875rem;
    max-height: 1.875rem;
    object-fit: contain; }
  .client-logo.partner-logoim .slick-arrow.slick-prev {
    left: -1.25rem;
    right: auto; }

.home .inshight-wrap .inshight-wrap-item {
  overflow: visible; }

.home.page-template-homepage .drive-items .item a:focus {
  outline: 2px solid #defe46 !important;
  border: none !important; }

.blog-bg .blog-single .content-area .blog-bg-wrap {
  background-size: 100% 100%;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  padding-left: 3.125rem;
  padding-right: 15.625rem;
  margin-bottom: 2.5rem; }
  .blog-bg .blog-single .content-area .blog-bg-wrap p {
    font-size: 1.875rem;
    font-weight: 500;
    color: #18181a; }
  .blog-bg .blog-single .content-area .blog-bg-wrap span {
    font-weight: 500;
    color: #4604c0; }
  .blog-bg .blog-single .content-area .blog-bg-wrap .quote-icon {
    max-width: 3.125rem; }
    .blog-bg .blog-single .content-area .blog-bg-wrap .quote-icon path {
      fill: #4604c0; }
  @media (max-width: 1024px) {
    .blog-bg .blog-single .content-area .blog-bg-wrap {
      padding-right: 9.375rem; }
      .blog-bg .blog-single .content-area .blog-bg-wrap p {
        font-size: 1.25rem; } }
  @media (max-width: 767px) {
    .blog-bg .blog-single .content-area .blog-bg-wrap {
      padding-top: 1.875rem;
      padding-bottom: 1.875rem;
      padding-left: 1.875rem; }
      .blog-bg .blog-single .content-area .blog-bg-wrap .quote-icon {
        max-width: 1.875rem; } }
  @media (max-width: 480px) {
    .blog-bg .blog-single .content-area .blog-bg-wrap {
      background-size: cover;
      padding-top: 1.875rem;
      padding-bottom: 1.875rem;
      padding-left: 1.875rem;
      padding-right: 1.875rem; }
      .blog-bg .blog-single .content-area .blog-bg-wrap p {
        font-size: 0.9375rem; } }

.top-tabs li a:focus {
  outline-offset: 0 !important; }

.position-relative {
  position: relative !important; }

.control-buttons {
  z-index: 9; }

.talent-form.contact-page.apply .file > div {
  background: #fff;
  border-radius: 0.3125rem; }

.talent-form.contact-page.apply label {
  text-align: left;
  display: block;
  color: #fff;
  margin-bottom: 0.25rem; }

.talent-form.contact-page.apply label {
  text-align: left;
  display: block;
  color: #fff;
  margin-bottom: -1.25rem; }

.talent-form.contact-page.apply .file label {
  margin-bottom: 0; }

.talent-form.contact-page.apply .file {
  background: transparent !important; }

.homePageMagicVideoCols.secrow1 .video-js .vjs-tech {
  background: #343334; }

.homePageMagicVideoCols.secrow1 {
  height: 100%;
  width: 100%; }

.careers-drop-down.blog-press {
  padding-bottom: 1.5625rem; }
  .careers-drop-down.blog-press .combo::after {
    border: none;
    background-size: contain !important;
    width: 1.5625rem;
    height: 1.5625rem;
    top: 1.25rem;
    transform: rotate(90deg);
    background: url("https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white1.svg") no-repeat; }
  .careers-drop-down.blog-press .combo.open::after {
    top: 0.625rem;
    transform: rotate(-90deg);
    background: url("https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg") no-repeat; }
  .careers-drop-down.blog-press .combo .combo-input {
    background: transparent;
    border-color: #fff;
    font-size: 1.25rem;
    font-family: 'Poppins';
    line-height: 1.5;
    border-radius: 0.625rem; }
    @media (max-width: 767px) {
      .careers-drop-down.blog-press .combo .combo-input {
        font-size: 1rem; } }
  .careers-drop-down.blog-press .combo.open .combo-input {
    border-radius: 0.625rem 0.625rem 0 0;
    background: #defe46;
    color: #18181a;
    border-color: #defe46; }
  .careers-drop-down.blog-press .combo.open .combo-input:focus {
    outline: none !important; }
  .careers-drop-down.blog-press .combo-menu {
    border: 0.0625rem solid #defe46;
    border-top: 0;
    background: transparent;
    margin-top: -0.125rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
.careers-drop-down.solve .combo {
  margin-bottom: 0; }
.careers-drop-down.solve .combo-input {
  text-transform: initial;
  background: transparent;
  font-family: 'Poppins';
  font-weight: 300;
  font-style: italic;
  border: none; }
.careers-drop-down.solve .combo-option {
  text-transform: capitalize;
  font-family: 'Poppins';
  font-weight: 300; }
.careers-drop-down.solve .combo-menu {
  background: transparent; }

.solve-items .solve-item.animItem a:focus {
  border-color: #000 !important; }

.team-member-section .abouttabing-section .tabs-style li.tab-link button:focus {
  outline: 2px solid #defe46 !important;
  outline-offset: 0.625rem; }

.team-member-section .abouttabing-section .tabs-style li.tab-link.current button:focus {
  outline: 2px solid #defe46 !important;
  outline-offset: 0.625rem; }

.podcast .formarea label {
  margin-bottom: 0.3125rem;
  display: block; }

.page-template-happy-holidays input:focus {
  outline-offset: 0.125rem !important; }

.page-template-happy-holidays select:focus {
  outline-offset: 0.125rem !important; }

.page-template-happy-holidays label {
  margin-bottom: 0.5rem !important; }

.challenge-item.animItem:focus {
  outline: 0.15625rem solid #000 !important;
  z-index: 9999;
  position: relative;
  outline-offset: -0.1875rem !important; }

.talent-form.contact-page.apply .file {
  background: #fff !important;
  border-radius: 0.3125rem;
  margin-top: 1.25rem; }

.page-template-happy-holidays button.link-active.wpcf7-form-control.wpcf7-submit:focus {
  outline-offset: 0.125rem !important;
  outline: 0.125rem solid #fff !important; }

.combo-menu {
  z-index: 1 !important; }

.page-template-blog-template .discover-cat-section .image-outer a:focus {
  outline: none !important; }

.is-screen-reader-text {
  border: 0;
  clip: rect(1px px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal; }

.search-form {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 767.98px) {
    .search-form {
      margin-top: 1.875rem; } }
  .search-form input {
    background: transparent;
    border: 0.0625rem solid #fff;
    padding: 0.75rem;
    font-size: 1.125rem;
    color: #fff;
    width: 89%;
    border-radius: 0; }
    @media (max-width: 767.98px) {
      .search-form input {
        width: 85%; } }
    .search-form input:focus {
      outline: 2px solid #defe46; }
  .search-form .is-search-submit {
    background: transparent;
    border: 0.0625rem solid #fff;
    border-left: 0;
    padding: 0 0.5rem;
    margin-left: -0.0625rem;
    outline-offset: 0 !important; }
    @media (max-width: 767.98px) {
      .search-form .is-search-submit {
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: center; } }
    .search-form .is-search-submit svg {
      fill: #fff; }

.no-result {
  padding: 6.25rem 0; }

.card-details.styled-2 {
  position: absolute !important;
  height: max-content !important;
  bottom: 0 !important; }

.build-menu-card ul.b-inner-card-sec li {
  margin-bottom: 0.1875rem; }

.generative-ai {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 8.125rem;
  padding-bottom: 15.625rem; }
  @media (min-width: 992px) {
    .generative-ai {
      background-position: right; } }
  @media (max-width: 767.98px) {
    .generative-ai {
      padding-bottom: 6.25rem;
      padding-top: 3.125rem; } }
  .generative-ai h2, .generative-ai .h2 {
    color: #defe46;
    font-size: 3.5rem; }
    @media (max-width: 767.98px) {
      .generative-ai h2, .generative-ai .h2 {
        font-size: 1.875rem; } }
  .generative-ai p {
    font-size: 1.875rem;
    color: #fff;
    font-weight: 300; }
    @media (max-width: 767.98px) {
      .generative-ai p {
        font-size: 1.375rem; } }
  .generative-ai span {
    color: #fff;
    font-size: 1.25rem;
    display: block;
    font-weight: 300;
    margin-top: 1.125rem; }
    @media (max-width: 767.98px) {
      .generative-ai span {
        font-size: 1rem; } }

.ch-more {
  padding: 3.125rem 0; }
  .ch-more h2, .ch-more .h2 {
    color: #defe46;
    font-size: 2.5rem;
    margin-bottom: 3.75rem; }
    @media (max-width: 767.98px) {
      .ch-more h2, .ch-more .h2 {
        font-size: 1.875rem; } }
  .ch-more .single-ch {
    text-align: center; }
    .ch-more .single-ch p {
      color: #fff;
      font-size: 1.5rem;
      font-weight: 300;
      margin-top: 1.375rem; }
      @media (min-width: 992px) {
        .ch-more .single-ch p {
          width: 75%;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 767.98px) {
        .ch-more .single-ch p {
          font-size: 1rem; } }
    .ch-more .single-ch .img-box {
      width: 7.5rem;
      height: 7.5rem;
      margin: 0 auto;
      background: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 575.98px) {
        .ch-more .single-ch .img-box {
          width: 5rem;
          height: 5rem; } }
      .ch-more .single-ch .img-box img {
        max-width: 5rem;
        max-height: 3.75rem; }
        @media (max-width: 575.98px) {
          .ch-more .single-ch .img-box img {
            max-width: 3.75rem;
            max-height: 2.5rem; } }

.timeline-sec {
  background-color: #cfbdff;
  padding: 0rem 0;
  overflow: hidden !important;
  padding-bottom: 8.75rem; }
  @media (max-width: 1199.98px) {
    .timeline-sec {
      padding-top: 3.75rem; } }
  .timeline-sec h2 {
    margin-bottom: 3.125rem; }
  .timeline-sec .line-wrap {
    position: relative; }
  .timeline-sec .icon-wrap::before {
    content: '';
    height: 0.05rem;
    background: #000;
    width: 1000%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.1875rem;
    position: absolute;
    z-index: -1; }

.timeline-slider .splide__list {
  padding-left: 0.3125rem; }
  @media (min-width: 992px) {
    .timeline-slider .splide__list {
      margin-left: 2.5rem !important; } }
@media (max-width: 1199.98px) {
  .timeline-slider .splide__track {
    overflow: visible !important; } }
.timeline-slider .splide__arrows {
  position: absolute;
  top: auto;
  left: 0;
  height: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 2;
  bottom: -5rem;
  pointer-events: none; }
  .timeline-slider .splide__arrows .splide__arrow--prev, .timeline-slider .splide__arrows .splide__arrow--next {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
    opacity: 1;
    top: 0;
    width: 3.375rem;
    height: 3.375rem;
    background-size: 1.375rem 1.5625rem;
    background-position: center center;
    margin-top: 0.75rem;
    background-color: #fff;
    pointer-events: all;
    position: relative;
    margin-left: 0.4375rem;
    margin-right: 0.4375rem; }
    .timeline-slider .splide__arrows .splide__arrow--prev svg, .timeline-slider .splide__arrows .splide__arrow--next svg {
      display: none; }
  .timeline-slider .splide__arrows .splide__arrow--prev {
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center center;
    left: auto; }
  .timeline-slider .splide__arrows .splide__arrow--next {
    right: auto; }
.timeline-slider ul li .count-text {
  position: absolute;
  text-align: left;
  left: -2.125rem;
  font-size: 1.625rem;
  font-weight: 500;
  font-family: 'Poppins'; }
  .timeline-slider ul li .count-text.count01 {
    left: -1.5rem; }
.timeline-slider ul li .image-wrap {
  width: max-content;
  height: 100%; }
  .timeline-slider ul li .image-wrap > img {
    width: 9.375rem; }
    @media (max-width: 575.98px) {
      .timeline-slider ul li .image-wrap > img {
        width: 8.125rem; } }
.timeline-slider ul li .icon-wrap {
  position: absolute;
  left: 0;
  bottom: 14.375rem;
  left: -1.4375rem;
  background: #ffff;
  padding: 0.9375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: max-content;
  width: 4.375rem;
  height: 4.375rem; }
  @media (max-width: 1900px) {
    .timeline-slider ul li .icon-wrap {
      bottom: 12.5rem; } }
  .timeline-slider ul li .icon-wrap img {
    width: 1.875rem; }
  .timeline-slider ul li .icon-wrap.count01 img {
    width: 1.5625rem; }
  @media (max-width: 575.98px) {
    .timeline-slider ul li .icon-wrap {
      bottom: 10rem; } }
  @media (min-width: 1900px) {
    .timeline-slider ul li .icon-wrap {
      bottom: 12.8125rem; } }
.timeline-slider ul li .text-content {
  position: absolute;
  left: 1.375rem;
  text-align: left;
  padding-right: 1.25rem; }
  .timeline-slider ul li .text-content span {
    font-size: 1.375rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif; }
  .timeline-slider ul li .text-content p {
    font-weight: 300;
    margin-top: 0.625rem; }
.timeline-slider ul li:nth-child(odd) .count-text {
  top: 0; }
.timeline-slider ul li:nth-child(odd) .text-content {
  top: 0; }
.timeline-slider ul li:nth-child(even) {
  padding-top: 6.25rem; }
  @media (max-width: 575.98px) {
    .timeline-slider ul li:nth-child(even) {
      padding-top: 3.75rem; } }
  .timeline-slider ul li:nth-child(even) .count-text {
    bottom: 0; }
  .timeline-slider ul li:nth-child(even) .text-content {
    bottom: 0; }

.eaa.section-case-study {
  color: #fff;
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important; }
  .eaa.section-case-study .image-outer a:focus {
    outline: none !important; }
.eaa .magically-form .wpcf7-submit {
  width: 100%;
  font-weight: 600;
  color: #000; }
.eaa .h2, .eaa h2 {
  font-size: 2.25rem; }
  @media (max-width: 1199.98px) {
    .eaa .h2, .eaa h2 {
      font-size: 1.875rem; } }
  @media (max-width: 991.98px) {
    .eaa .h2, .eaa h2 {
      font-size: 1.375rem !important; } }
  @media (max-width: 575.98px) {
    .eaa .h2, .eaa h2 {
      font-size: 1.75rem !important; } }
@media (max-width: 991.98px) {
  .eaa .body-text {
    font-size: 1.125rem; } }
.eaa .banner-sec {
  padding: 8.75rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 1.125rem; }
  @media (max-width: 991.98px) {
    .eaa .banner-sec {
      padding: 6.25rem 0; } }
  @media (min-width: 1200px) {
    .eaa .banner-sec .form-space {
      padding-left: 5.3125rem; } }
  @media (max-width: 575.98px) {
    .eaa .banner-sec {
      padding: 3.75rem 0; }
      .eaa .banner-sec .magically-form {
        margin-bottom: 0; } }
  @media (max-width: 1440px) {
    .eaa .banner-sec {
      background-size: cover; } }
  @media (max-width: 991.98px) {
    .eaa .banner-sec {
      background-position: left; } }
  .eaa .banner-sec .wpcf7-response-output {
    color: #fff;
    margin: 0;
    font-size: 1rem;
    position: absolute;
    bottom: -1.25rem; }
  .eaa .banner-sec .form-text {
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    display: block;
    font-family: "Poppins", sans-serif;
    font-weight: 300; }
    @media (max-width: 575.98px) {
      .eaa .banner-sec .form-text {
        font-size: 1rem;
        math-style: 1.875rem; } }
  .eaa .banner-sec h1 {
    color: #DEFF46;
    font-weight: 300;
    font-size: 4.0625rem;
    margin-bottom: 1.25rem; }
    @media (max-width: 1199.98px) {
      .eaa .banner-sec h1 {
        font-size: 3.125rem; } }
    @media (max-width: 991.98px) {
      .eaa .banner-sec h1 {
        font-size: 2.5rem; } }
    @media (max-width: 575.98px) {
      .eaa .banner-sec h1 {
        font-size: 1.875rem; } }
  .eaa .banner-sec p {
    color: #fff;
    font-size: 2.125rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .eaa .banner-sec p {
        font-size: 1.875rem; } }
    @media (max-width: 575.98px) {
      .eaa .banner-sec p {
        font-size: 1.375rem; } }
.eaa.magicbox-card-list.card-reverse .magicbox-card {
  background: #BCF7FF; }
  .eaa.magicbox-card-list.card-reverse .magicbox-card .body-content {
    color: #000; }
.eaa.magicbox-card-list.light .magicbox-card {
  background: #fff; }
  .eaa.magicbox-card-list.light .magicbox-card .help-action {
    margin-top: 9.375rem; }
    @media (max-width: 575.98px) {
      .eaa.magicbox-card-list.light .magicbox-card .help-action {
        margin-top: 3.125rem; } }
.eaa.magicbox-card-list .magicbox-card {
  background: #fff; }
  @media (max-width: 991.98px) {
    .eaa.magicbox-card-list .magicbox-card p {
      font-size: 1rem; } }
.eaa.act-sec {
  background: #333333;
  padding: 3.75rem 0;
  color: #fff; }
  .eaa.act-sec ul {
    display: flex;
    margin-top: 2.5rem; }
    @media (max-width: 991.98px) {
      .eaa.act-sec ul {
        flex-wrap: wrap; } }
    .eaa.act-sec ul li {
      width: 33.33%;
      font-size: 1.25rem;
      line-height: 1.3;
      font-weight: 300;
      display: flex;
      align-items: center;
      padding: 1.375rem;
      padding-right: 1.875rem;
      padding-left: 1.875rem;
      border-right: 0.0625rem dashed #fff; }
      @media (max-width: 575.98px) {
        .eaa.act-sec ul li {
          font-size: 1rem; } }
      @media (max-width: 991.98px) {
        .eaa.act-sec ul li {
          width: 100%;
          border-right: 0;
          border-bottom: 0.0625rem dashed #fff;
          padding-left: 0; } }
      .eaa.act-sec ul li:first-child {
        padding-left: 0.9375rem; }
        @media (max-width: 991.98px) {
          .eaa.act-sec ul li:first-child {
            padding-left: 0; } }
      .eaa.act-sec ul li:last-child {
        border-right: 0; }
        @media (max-width: 991.98px) {
          .eaa.act-sec ul li:last-child {
            border-bottom: 0; } }
      .eaa.act-sec ul li img {
        width: 5rem;
        height: auto;
        object-fit: contain;
        margin-right: 0.9375rem; }
.eaa.service-sec {
  background: #D0BDFF;
  padding: 3.75rem 0;
  padding-bottom: 10rem;
  color: #000;
  text-align: center; }
  .eaa.service-sec .service-slider {
    margin-top: 3.125rem; }
    .eaa.service-sec .service-slider ul li {
      background: #fff;
      padding: 2.5rem 1.25rem;
      font-size: 1.375rem;
      font-weight: 300; }
      .eaa.service-sec .service-slider ul li h3 {
        font-size: 1.75rem;
        margin-bottom: 0.3125rem;
        letter-spacing: 0; }
        @media (max-width: 575.98px) {
          .eaa.service-sec .service-slider ul li h3 {
            font-size: 1.5rem; } }
      .eaa.service-sec .service-slider ul li img {
        width: 5rem;
        margin-bottom: 1.25rem; }
      @media (max-width: 575.98px) {
        .eaa.service-sec .service-slider ul li {
          font-size: 1.125rem; } }
  .eaa.service-sec .splide__arrows {
    position: absolute;
    top: auto;
    left: 0;
    height: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2;
    bottom: -5rem;
    pointer-events: none; }
    .eaa.service-sec .splide__arrows .splide__arrow--prev, .eaa.service-sec .splide__arrows .splide__arrow--next {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
      opacity: 1;
      top: 0;
      width: 3.375rem;
      height: 3.375rem;
      background-size: 1.375rem 1.5625rem;
      background-position: center center;
      margin-top: 0.75rem;
      background-color: #fff;
      pointer-events: all;
      position: relative;
      margin-left: 0.4375rem;
      margin-right: 0.4375rem; }
      .eaa.service-sec .splide__arrows .splide__arrow--prev svg, .eaa.service-sec .splide__arrows .splide__arrow--next svg {
        display: none; }
    .eaa.service-sec .splide__arrows .splide__arrow--prev {
      transform: translateY(-50%) rotate(-180deg);
      transform-origin: center center;
      left: auto; }
    .eaa.service-sec .splide__arrows .splide__arrow--next {
      right: auto; }
.eaa.offer-sec {
  background: #000;
  padding: 3.75rem 0;
  color: #fff; }
  .eaa.offer-sec h2, .eaa.offer-sec .h2 {
    margin-bottom: 0.3125rem; }
  .eaa.offer-sec .offer-slider {
    margin-top: 1.875rem; }
    .eaa.offer-sec .offer-slider .single-offer img {
      width: 100%; }
      @media (max-width: 991.98px) {
        .eaa.offer-sec .offer-slider .single-offer img {
          height: 100%; } }
    .eaa.offer-sec .offer-slider .offer-right {
      background: #fff;
      color: #000;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 2.8125rem; }
      .eaa.offer-sec .offer-slider .offer-right p {
        font-weight: 300;
        font-size: 1.25rem; }
      .eaa.offer-sec .offer-slider .offer-right h3 {
        font-size: 1.875rem;
        letter-spacing: 0; }
        @media (min-width: 992px) {
          .eaa.offer-sec .offer-slider .offer-right h3 {
            width: 70%; } }
        @media (max-width: 991.98px) {
          .eaa.offer-sec .offer-slider .offer-right h3 {
            font-size: 1.375rem !important; } }
    .eaa.offer-sec .offer-slider .splide__arrows {
      position: absolute;
      top: 0;
      left: 0;
      transform: translatey(-50%);
      height: 1.5rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      bottom: 0;
      margin: auto;
      z-index: 2;
      bottom: 0;
      pointer-events: none; }
      .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--prev, .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--next {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
        opacity: 1;
        top: 0;
        width: 3.375rem;
        height: 3.375rem;
        background-size: 1.375rem 1.5625rem;
        background-position: center center;
        margin-top: 0.75rem;
        background-color: #fff;
        pointer-events: all;
        position: relative;
        margin-left: 0.4375rem;
        margin-right: 0.4375rem;
        border: 0.0625rem solid #000; }
        .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--prev svg, .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--next svg {
          display: none; }
      .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--prev {
        left: 0;
        transform: translateY(-50%) translateX(-65%) rotate(-180deg) !important;
        transform-origin: center center;
        right: auto; }
        @media (max-width: 575.98px) {
          .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--prev {
            transform: translateY(-100%) translateX(-40%) rotate(-180deg) !important; } }
      .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--next {
        transform: translateY(-50%) translateX(65%) !important;
        right: 0;
        left: auto; }
        @media (max-width: 575.98px) {
          .eaa.offer-sec .offer-slider .splide__arrows .splide__arrow--next {
            transform: translateY(-100%) translateX(40%) !important; } }

.contrast.magicbox-card-list .magicbox-card .body-content p {
  margin-bottom: 1.25rem; }
.contrast.who-we-work {
  text-align: center;
  padding: 3.75rem 0; }
.contrast.dark-bg .magicbox-card {
  background: #18181a !important; }
  .contrast.dark-bg .magicbox-card .body-content {
    color: #fff !important; }
    .contrast.dark-bg .magicbox-card .body-content h2, .contrast.dark-bg .magicbox-card .body-content .h2, .contrast.dark-bg .magicbox-card .body-content p {
      color: #fff !important; }
    .contrast.dark-bg .magicbox-card .body-content a {
      color: #defe46; }
.contrast.client-logo {
  background-color: #cffcff;
  padding: 3.75rem 0; }
.contrast .single-accerdian {
  text-align: center; }
  @media (max-width: 575.98px) {
    .contrast .single-accerdian img {
      width: 6.25rem; } }
.contrast .accerdian-slider .splide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  transform: translatey(-50%);
  height: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  bottom: 0;
  margin: auto;
  z-index: 2;
  bottom: 0;
  pointer-events: none; }
  .contrast .accerdian-slider .splide__arrows svg {
    display: none; }
  .contrast .accerdian-slider .splide__arrows .splide__arrow--prev, .contrast .accerdian-slider .splide__arrows .splide__arrow--next {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
    opacity: 1;
    top: 0;
    width: 3.375rem;
    height: 3.375rem;
    background-size: 1.375rem 1.5625rem;
    background-position: center center;
    margin-top: 0.75rem;
    background-color: #fff;
    pointer-events: all;
    position: relative;
    margin-left: 0.4375rem;
    margin-right: 0.4375rem; }
    @media (max-width: 575.98px) {
      .contrast .accerdian-slider .splide__arrows .splide__arrow--prev, .contrast .accerdian-slider .splide__arrows .splide__arrow--next {
        width: 1.875rem;
        height: 1.875rem;
        background-size: 0.875rem 1.125rem; } }
    .contrast .accerdian-slider .splide__arrows .splide__arrow--prev .splide__arrow--prev, .contrast .accerdian-slider .splide__arrows .splide__arrow--prev .splide__arrow--next
    svg, .contrast .accerdian-slider .splide__arrows .splide__arrow--next .splide__arrow--prev, .contrast .accerdian-slider .splide__arrows .splide__arrow--next .splide__arrow--next
    svg {
      display: none; }
  .contrast .accerdian-slider .splide__arrows .splide__arrow--prev {
    left: 0;
    transform: translateY(-25%) translateX(-65%) rotate(-180deg) !important;
    transform-origin: center center;
    right: auto; }
  .contrast .accerdian-slider .splide__arrows .splide__arrow--next {
    transform: translateY(-25%) translateX(65%) !important;
    right: 0;
    left: auto; }

@media (max-width: 575.98px) {
  .banner-sec br {
    display: none; } }

.audit-sec {
  padding: 3.75rem 0; }
  .audit-sec .help-action {
    justify-content: start !important;
    margin-top: 4.375rem; }
    @media (max-width: 767.98px) {
      .audit-sec .help-action {
        margin-top: 1.25rem;
        margin-bottom: 2.5rem; } }
    .audit-sec .help-action .btncall {
      width: max-content !important; }
  .audit-sec iframe {
    height: 25rem !important; }
    @media (max-width: 767.98px) {
      .audit-sec iframe {
        height: 18.75rem !important; } }
    @media (max-width: 575.98px) {
      .audit-sec iframe {
        height: 12.5rem !important; } }

.content-area.eaa.event .banner-sec {
  padding: 6.25rem 0; }
  @media (max-width: 575.98px) {
    .content-area.eaa.event .banner-sec {
      padding: 3.75rem 0; } }
  .content-area.eaa.event .banner-sec button {
    margin-top: 0.4375rem; }
.content-area.eaa.event .h2, .content-area.eaa.event h2 {
  font-size: 2.25rem; }
  @media (max-width: 1199.98px) {
    .content-area.eaa.event .h2, .content-area.eaa.event h2 {
      font-size: 1.875rem; } }
  @media (max-width: 991.98px) {
    .content-area.eaa.event .h2, .content-area.eaa.event h2 {
      font-size: 1.875rem !important; } }
  @media (max-width: 575.98px) {
    .content-area.eaa.event .h2, .content-area.eaa.event h2 {
      font-size: 1.75rem !important; } }
.content-area.eaa.event .banner-sec p {
  margin-bottom: 0.9375rem; }
.content-area.eaa.event .banner-sec h1 {
  margin-bottom: 0; }
.content-area.eaa.event .magicbox-card-list.eaa.light-bg .magicbox-card {
  background-color: #BCF7FF; }
  .content-area.eaa.event .magicbox-card-list.eaa.light-bg .magicbox-card .imgsec {
    height: 100%; }
.content-area.eaa.event .magicbox-card-list.eaa ul {
  margin-top: 1.875rem; }
  .content-area.eaa.event .magicbox-card-list.eaa ul li {
    margin-bottom: 0.9375rem; }
    .content-area.eaa.event .magicbox-card-list.eaa ul li:last-child {
      margin-bottom: 0; }
    .content-area.eaa.event .magicbox-card-list.eaa ul li span {
      font-weight: 500; }

.key-speaker-sec {
  background: #000;
  padding: 3.75rem 0; }
  .key-speaker-sec h2 {
    color: #fff;
    margin-bottom: 2.5rem; }
  .key-speaker-sec .single-speaker {
    font-weight: 300;
    color: #fff; }
    .key-speaker-sec .single-speaker img {
      width: 100%;
      border-radius: 0.625rem;
      margin-bottom: 0.9375rem; }
    .key-speaker-sec .single-speaker h3 {
      color: #defe46;
      font-size: 1.5rem;
      margin-bottom: 0.125rem; }

.agenda-sec {
  padding: 3.75rem 0; }
  .agenda-sec h2 {
    margin-bottom: 1.875rem; }
  .agenda-sec .single-agenda {
    margin: 0.625rem 0; }
    .agenda-sec .single-agenda .black-box {
      padding: 0.9375rem;
      background: #333333; }
      .agenda-sec .single-agenda .black-box img {
        width: 3.75rem; }
        @media (max-width: 767.98px) {
          .agenda-sec .single-agenda .black-box img {
            width: 100%; } }
    .agenda-sec .single-agenda h3 {
      font-size: 1.375rem;
      font-family: 'Barlow';
      font-weight: 500;
      letter-spacing: 0;
      margin-bottom: 0.625rem; }
    .agenda-sec .single-agenda p {
      font-size: 1.125rem;
      font-weight: 300; }
    .agenda-sec .single-agenda ul {
      display: flex;
      align-items: center; }
      .agenda-sec .single-agenda ul li {
        display: flex;
        align-items: center;
        font-weight: 300;
        margin-right: 1.25rem;
        color: gray;
        font-size: 1rem; }
        .agenda-sec .single-agenda ul li img {
          width: 0.9375rem;
          margin-right: 0.625rem; }

@media (max-width: 575.98px) {
  .content-area.eaa.highered .eaa.offer-sec .offer-slider .offer-right p {
    font-size: 0.875rem; }
  .content-area.eaa.highered .eaa.offer-sec .offer-slider .offer-right {
    padding: 1.25rem; } }
.content-area.eaa.highered .h2, .content-area.eaa.highered h2 {
  font-size: 2.875rem; }
  @media (max-width: 991.98px) {
    .content-area.eaa.highered .h2, .content-area.eaa.highered h2 {
      font-size: 2.5rem !important; } }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered .h2, .content-area.eaa.highered h2 {
      font-size: 1.75rem !important; } }
.content-area.eaa.highered .h3, .content-area.eaa.highered h3 {
  font-size: 2rem;
  letter-spacing: 0; }
  @media (max-width: 991.98px) {
    .content-area.eaa.highered .h3, .content-area.eaa.highered h3 {
      font-size: 1.625rem !important; } }
.content-area.eaa.highered .banner-sec h1, .content-area.eaa.highered .banner-sec .h1 {
  font-size: 3.5rem; }
  @media (max-width: 991.98px) {
    .content-area.eaa.highered .banner-sec h1, .content-area.eaa.highered .banner-sec .h1 {
      font-size: 3.125rem; } }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered .banner-sec h1, .content-area.eaa.highered .banner-sec .h1 {
      font-size: 2rem; } }
.content-area.eaa.highered .banner-sec p {
  font-size: 1.625rem; }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered .banner-sec p {
      font-size: 1.375rem; } }
.content-area.eaa.highered .service-sec {
  background: #CFFCFF;
  padding-bottom: 3.75rem; }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered .service-sec {
      margin-top: 2.5rem; } }
  .content-area.eaa.highered .service-sec .top-space {
    margin-top: 1.875rem; }
    @media (max-width: 575.98px) {
      .content-area.eaa.highered .service-sec .top-space {
        margin-top: 0.9375rem; } }
  .content-area.eaa.highered .service-sec .single-service {
    background: #fff;
    padding: 1.875rem 0.9375rem;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%; }
    .content-area.eaa.highered .service-sec .single-service h3 {
      font-family: 'Barlow';
      font-size: 1.25rem;
      font-weight: 500;
      margin: 0 auto;
      letter-spacing: 0;
      margin-top: 0.9375rem;
      margin-bottom: 0.75rem; }
      @media (max-width: 575.98px) {
        .content-area.eaa.highered .service-sec .single-service h3 {
          width: 100%;
          font-size: 1.25rem !important;
          margin-top: 0; } }
    .content-area.eaa.highered .service-sec .single-service .icon-wrap {
      border-radius: 50%;
      width: 5.625rem;
      height: 5.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.625rem;
      margin: 0 auto; }
      @media (max-width: 575.98px) {
        .content-area.eaa.highered .service-sec .single-service .icon-wrap {
          padding-top: 0; } }
      .content-area.eaa.highered .service-sec .single-service .icon-wrap img {
        width: 100%; }
  .content-area.eaa.highered .service-sec .splide__arrows .splide__arrow {
    background-color: transparent;
    border: 0.0625rem solid #000; }
.content-area.eaa.highered .offer-sec {
  background: #333333; }
  .content-area.eaa.highered .offer-sec .splide__arrows .splide__arrow--prev:focus, .content-area.eaa.highered .offer-sec .splide__arrows .splide__arrow--next:focus {
    outline-color: #defe46 !important; }
  .content-area.eaa.highered .offer-sec .splide__track {
    width: 94%;
    margin: 0 auto; }
  .content-area.eaa.highered .offer-sec .info {
    margin-top: 1.25rem; }
    .content-area.eaa.highered .offer-sec .info span {
      font-weight: 500;
      font-size: 1.625rem; }
      @media (max-width: 575.98px) {
        .content-area.eaa.highered .offer-sec .info span {
          font-size: 1.375rem; } }
    .content-area.eaa.highered .offer-sec .info p {
      font-size: 1.125rem; }
.content-area.eaa.highered .magicbox-card-list {
  background: #cfbdff; }
  .content-area.eaa.highered .magicbox-card-list span {
    font-weight: 500;
    display: block;
    margin-top: 1.5625rem;
    font-size: 1.375rem; }
  .content-area.eaa.highered .magicbox-card-list ul {
    margin-top: 0.625rem;
    padding-left: 1.25rem; }
    .content-area.eaa.highered .magicbox-card-list ul li {
      list-style: disc;
      font-size: 1.375rem;
      margin-bottom: 0.625rem;
      font-weight: 300; }
      @media (max-width: 991.98px) {
        .content-area.eaa.highered .magicbox-card-list ul li {
          font-size: 1.125rem; } }
  .content-area.eaa.highered .magicbox-card-list a {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1.5rem;
    width: max-content;
    margin-top: 2.1875rem; }
    .content-area.eaa.highered .magicbox-card-list a span {
      background: #000;
      width: 1.875rem;
      height: 1.875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-left: 0.625rem;
      margin-bottom: 0;
      margin-top: 0; }
      .content-area.eaa.highered .magicbox-card-list a span svg {
        width: 1.5625rem;
        height: 1.875rem; }
.content-area.eaa.highered .eaa.magicbox-card-list.light .magicbox-card {
  background: #cfbdff; }
  .content-area.eaa.highered .eaa.magicbox-card-list.light .magicbox-card .imgsec {
    height: 100%; }

.ch-detail-midsec.highered .dot {
  position: absolute;
  left: 0;
  width: max-content;
  margin-left: 1.25rem;
  top: auto;
  bottom: 1.25rem;
  height: max-content;
  z-index: 9; }
  @media (max-width: 575.98px) {
    .ch-detail-midsec.highered .dot {
      bottom: -60%; } }
  .ch-detail-midsec.highered .dot li {
    width: 0.9375rem;
    transition: .3s;
    height: 0.9375rem;
    border-radius: 50%;
    border: 0.0625rem solid #fff;
    padding: 0 !important;
    margin-bottom: 0.625rem; }
    .ch-detail-midsec.highered .dot li.active {
      background: #defe46; }
    @media (max-width: 575.98px) {
      .ch-detail-midsec.highered .dot li {
        width: 0.625rem;
        height: 0.625rem; } }
.ch-detail-midsec.highered .left-img-sec {
  top: 8.125rem;
  background-color: #333333; }
  .ch-detail-midsec.highered .left-img-sec .arwdown {
    top: 3.125rem;
    right: 1.25rem;
    transform: rotate(-90deg);
    width: 2.5rem;
    height: 2.5rem;
    background-size: contain !important;
    background-repeat: no-repeat !important; }
.ch-detail-midsec.highered .bgblack {
  background: #333333; }
.ch-detail-midsec.highered .right-content-sec {
  background: #333333;
  border-left: 0.0625rem solid #defe46; }
  .ch-detail-midsec.highered .right-content-sec h2 {
    color: #defe46;
    font-size: 1.75rem !important;
    font-weight: 300 !important; }
    @media (max-width: 575.98px) {
      .ch-detail-midsec.highered .right-content-sec h2 {
        font-size: 1.375rem !important; } }
  .ch-detail-midsec.highered .right-content-sec ul li {
    padding-left: 1.25rem; }
    .ch-detail-midsec.highered .right-content-sec ul li .item {
      max-width: 31.25rem; }
      .ch-detail-midsec.highered .right-content-sec ul li .item p {
        color: #fff;
        font-size: 1.25rem;
        font-weight: 300 !important;
        margin-bottom: 0.9375rem; }
        @media (max-width: 575.98px) {
          .ch-detail-midsec.highered .right-content-sec ul li .item p {
            font-size: 0.875rem; } }
  .ch-detail-midsec.highered .right-content-sec .body-text ul {
    padding-left: 1.25rem; }
    .ch-detail-midsec.highered .right-content-sec .body-text ul li {
      padding: 0;
      list-style: disc;
      color: #fff;
      font-size: 1.125rem;
      margin-bottom: 0.3125rem; }

.content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .animation-wrapper {
  width: 100%;
  height: 100%; }
.content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
  font-size: 2.625rem; }
  @media (max-width: 1199.98px) {
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
      font-size: 2.375rem !important; } }
  @media (max-width: 991.98px) {
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
      font-size: 2.625rem !important; } }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
      font-size: 1.625rem !important; } }
.content-area.eaa.highered.learning .service-sec {
  background: #D0BDFF;
  padding-bottom: 5rem; }
  .content-area.eaa.highered.learning .service-sec .top-space {
    margin-top: 1.875rem; }
    @media (max-width: 575.98px) {
      .content-area.eaa.highered.learning .service-sec .top-space {
        margin-top: 0.9375rem; } }
  .content-area.eaa.highered.learning .service-sec .single-service {
    background: #fff;
    padding: 1.875rem 0.9375rem;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%; }
    .content-area.eaa.highered.learning .service-sec .single-service h3 {
      font-family: 'Barlow';
      font-size: 1.5rem;
      font-weight: 500;
      margin: 0 auto;
      letter-spacing: 0;
      width: 70%;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem; }
      @media (max-width: 575.98px) {
        .content-area.eaa.highered.learning .service-sec .single-service h3 {
          width: 100%;
          font-size: 1.375rem !important; } }
    .content-area.eaa.highered.learning .service-sec .single-service .icon-wrap {
      border: 1px solid #000;
      border-radius: 50%;
      width: 4.375rem;
      height: 4.375rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.625rem;
      margin: 0 auto; }
      .content-area.eaa.highered.learning .service-sec .single-service .icon-wrap img {
        width: 100%; }
.content-area.eaa.highered.learning .magicbox-card-list.purple .imgsec {
  background: #4C4C4C; }
.content-area.eaa.highered.learning .magicbox-card-list.purple .magicbox-card {
  background: #CFFCFF; }
.content-area.eaa.highered.learning .magicbox-card-list .body-content p {
  margin-bottom: 0.9375rem; }
  .content-area.eaa.highered.learning .magicbox-card-list .body-content p:last-child {
    margin-bottom: 0; }
.content-area.eaa.highered.learning .magicbox-card-list .text-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  height: max-content;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center; }
  .content-area.eaa.highered.learning .magicbox-card-list .text-wrap p {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .content-area.eaa.highered.learning .magicbox-card-list .text-wrap p {
        font-size: 1.5rem; } }
  .content-area.eaa.highered.learning .magicbox-card-list .text-wrap span {
    color: #DEFE46;
    font-size: 4.375rem;
    margin-top: 0.9375rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .content-area.eaa.highered.learning .magicbox-card-list .text-wrap span {
        font-size: 3.125rem; } }
.content-area.eaa.highered.learning .magicbox-card-list .imgsec {
  height: 100%; }
.content-area.eaa.highered.learning .magicbox-card-list.card-reverse .magicbox-card {
  background: #fff; }
.content-area.eaa.highered.learning .client-logo {
  padding-top: 1.25rem;
  padding-bottom: 4.375rem; }
  @media (max-width: 575.98px) {
    .content-area.eaa.highered.learning .client-logo {
      padding-bottom: 3.125rem; } }
.content-area.eaa.highered.learning .who-we-work.bottom {
  padding-bottom: 0;
  background: #CFFCFF; }
.content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap {
  background: #333333; }
  .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap::before {
    background: #000; }
  .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .left-column {
    background: #000; }
  .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap h2 {
    padding: 3.125rem; }
  .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column {
    background: #333333; }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column::before {
      display: none !important; }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column .splide__slide {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column .splide__slide p {
        width: 100%;
        color: #fff;
        font-size: 1.25rem;
        margin-top: auto;
        margin-bottom: 0;
        padding-top: 0.75rem; }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column img {
      width: 25rem;
      align-self: end;
      height: auto;
      margin: 0 auto; }
      @media (max-width: 575.98px) {
        .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column img {
          width: 100%; } }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column .splide__pagination {
      position: absolute;
      bottom: -1.25rem; }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column .splide__pagination__page {
      background: transparent;
      border: 0.0625rem solid #fff;
      opacity: 1;
      width: 0.625rem;
      height: 0.625rem; }
      .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column .splide__pagination__page.is-active {
        background: #DEFE46;
        opacity: 1;
        transform: none; }
    .content-area.eaa.highered.learning .key-takeways.casestudy-single.content-area.bg-wrap .right-column ul li {
      background: none;
      padding: 0;
      width: 0.9375rem;
      height: 0.9375rem;
      margin-bottom: 0; }

.magicbox-card-list.purple.only-text .homePageMagicVideoCols {
  padding-bottom: 55%;
  min-height: max-content; }

.analytics-section {
  padding: 4.375rem 0; }
  @media (max-width: 575.98px) {
    .analytics-section {
      padding: 3.4375rem 0; } }
  .analytics-section .tabs {
    margin-top: 2.5rem;
    display: flex;
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 0.0625rem solid #4504C0; }
    @media (max-width: 575.98px) {
      .analytics-section .tabs {
        margin-top: 1.875rem; } }
  .analytics-section .tabs .tabs-header {
    width: 50%;
    flex-wrap: wrap;
    display: flex;
    position: relative;
    border-right: 0.0625rem solid #4504C0; }
    @media (max-width: 991.98px) {
      .analytics-section .tabs .tabs-header {
        width: 100%;
        border-right: 0; } }
    @media (min-width: 992px) {
      .analytics-section .tabs .tabs-header button:last-child {
        border: none !important; } }
  .analytics-section .tabs .tabs-header button {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #000;
    outline: none !important;
    transition: 0.3s;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 0.9375rem;
    padding-right: 1.5625rem;
    font-size: 1.75rem;
    font-weight: 300;
    font-family: 'Poppins';
    border-bottom: 0.0625rem solid #4504C0; }
    .analytics-section .tabs .tabs-header button svg {
      width: 2.5rem;
      height: 2.5rem; }
    @media (max-width: 991.98px) {
      .analytics-section .tabs .tabs-header button {
        font-size: 1.375rem;
        padding-left: 0.625rem;
        padding-right: 0.9375rem; }
        .analytics-section .tabs .tabs-header button svg {
          width: 1.5625rem;
          height: 1.5625rem; } }
  .analytics-section .tabs .tabs-header button[aria-selected="true"] {
    color: #0084b5;
    color: #fff;
    background: #4504C0; }
  .analytics-section .tabs .tabs-panel {
    outline: none;
    width: 50%; }
    @media (max-width: 991.98px) {
      .analytics-section .tabs .tabs-panel {
        width: 100%; } }
    .analytics-section .tabs .tabs-panel .tab-content {
      padding-right: 0.9375rem; }
      .analytics-section .tabs .tabs-panel .tab-content p {
        font-size: 1.25rem;
        font-weight: 300;
        margin-bottom: 0.75rem; }
        .analytics-section .tabs .tabs-panel .tab-content p:last-child {
          margin-bottom: 0; }
      @media (max-width: 575.98px) {
        .analytics-section .tabs .tabs-panel .tab-content {
          text-align: center; } }
    .analytics-section .tabs .tabs-panel .tab-icon {
      border: 0.0625rem solid #000;
      border-radius: 50%;
      padding: 1.25rem;
      width: 6.25rem;
      height: 6.25rem;
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: center; }
      .analytics-section .tabs .tabs-panel .tab-icon img {
        width: 100%; }
      @media (max-width: 991.98px) {
        .analytics-section .tabs .tabs-panel .tab-icon {
          margin-bottom: 1.25rem; } }
    .analytics-section .tabs .tabs-panel .row {
      height: 100%;
      align-items: center;
      padding: 1.125rem; }

.event .banner-sec ul {
  display: flex;
  margin-top: 1.875rem; }
  @media (max-width: 991.98px) {
    .event .banner-sec ul {
      justify-content: center; } }
  .event .banner-sec ul li {
    border-right: 0.0625rem solid #fff;
    padding-right: 1.125rem;
    display: flex;
    align-items: center; }
    .event .banner-sec ul li:last-child {
      border: 0;
      padding-left: 1.125rem;
      padding-right: 0; }
    .event .banner-sec ul li img {
      max-height: 4.0625rem;
      max-width: 6.25rem; }
      @media (max-width: 575.98px) {
        .event .banner-sec ul li img {
          max-width: 4.375rem;
          max-height: 3.4375rem; } }

.magicbox-card-list.light-color .magicbox-card {
  background: #BCF7FF; }

.magicbox-card-list .imgsec {
  height: 100%; }
  .magicbox-card-list .imgsec.large {
    min-height: 44.0625rem; }
    @media (max-width: 767.98px) {
      .magicbox-card-list .imgsec.large {
        min-height: 100%; } }
.magicbox-card-list.bg-white .imgsec {
  height: 100%; }
  .magicbox-card-list.bg-white .imgsec.large {
    min-height: 44.0625rem; }
    @media (max-width: 767.98px) {
      .magicbox-card-list.bg-white .imgsec.large {
        min-height: 100%; } }
.magicbox-card-list.bg-white .magicbox-card {
  background: #fff !important;
  color: #000  !important; }
  .magicbox-card-list.bg-white .magicbox-card p {
    color: #000  !important; }
  .magicbox-card-list.bg-white .magicbox-card h3, .magicbox-card-list.bg-white .magicbox-card .h3 {
    color: #000  !important; }

.our-solution {
  background: #D0BDFF;
  color: #000;
  padding: 3.125rem 0; }
  @media (max-width: 767.98px) {
    .our-solution .body-text {
      font-size: 1.5rem; } }
  .our-solution .cont {
    margin-top: 1.875rem; }
    .our-solution .cont p {
      font-weight: 500;
      margin-bottom: 0.625rem;
      font-size: 1.25rem; }
    .our-solution .cont ul {
      padding-left: 1.125rem; }
      .our-solution .cont ul li {
        list-style: disc;
        margin-bottom: 0.625rem;
        font-weight: 300;
        font-size: 1.125rem; }
        .our-solution .cont ul li span {
          font-weight: 500; }
        .our-solution .cont ul li:last-child {
          margin-bottom: 0; }
    @media (min-width: 768px) {
      .our-solution .cont .col-md-6:first-child {
        border-right: 0.0625rem solid #000;
        padding-right: 2.5rem; } }
    @media (max-width: 767.98px) {
      .our-solution .cont .col-md-6:first-child {
        border-bottom: 0.0625rem solid #000;
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem; } }
    @media (min-width: 768px) {
      .our-solution .cont .col-md-6:last-child {
        padding-left: 2.5rem; } }

.content-area.eaa.highered .service-sec.black {
  background: #000 !important;
  color: #fff; }
  .content-area.eaa.highered .service-sec.black .single-service {
    background: #000;
    border: 0.0625rem solid #fff; }
    .content-area.eaa.highered .service-sec.black .single-service h3 {
      color: #DEFF46; }

.content-area.eaa.highered .who-we-work {
  background: #cfbdff;
  padding-bottom: 1.25rem; }
  .content-area.eaa.highered .who-we-work.bg-light {
    background: #fff; }
.content-area.eaa.highered .client-logo {
  padding-top: 0; }
  .content-area.eaa.highered .client-logo.bg-light {
    background: #fff; }

.text-highlited {
  color: #000;
  background: #DEFF46;
  padding: 0.25rem 0.9375rem;
  display: inline-block;
  font-family: 'Poppins';
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 1.5625rem; }

@media (max-width: 767.98px) {
  .content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse {
    flex-flow: column-reverse; } }
.content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse .magicbox-card {
  background: #BCF7FF; }
  .content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse .magicbox-card .imgsec {
    height: 100%; }
  .content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse .magicbox-card h2 {
    color: #000; }
  .content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse .magicbox-card p {
    margin-bottom: 0.9375rem;
    color: #000; }
    .content-area.eaa.workforce.highered.landing .magicbox-card-list.card-reverse .magicbox-card p:last-child {
      margin-bottom: 0; }

.bottom-cta {
  background: #D0BDFF;
  padding: 3.75rem 0; }
  @media (max-width: 767.98px) {
    .bottom-cta {
      padding: 3.4375rem 0; } }

.team-member-section.light {
  color: #000;
  background: #fff; }
  @media (max-width: 991.98px) {
    .team-member-section.light {
      padding-top: 3.125rem; } }
  .team-member-section.light ul.list-dot {
    color: #000;
    margin-top: 1.25rem;
    padding-left: 1.25rem !important; }
    @media (max-width: 575.98px) {
      .team-member-section.light ul.list-dot {
        padding-left: 0.9375rem !important; } }
    .team-member-section.light ul.list-dot li {
      list-style: disc;
      font-size: 1.5rem;
      margin-bottom: 0.625rem;
      font-weight: 300; }
      .team-member-section.light ul.list-dot li button {
        font-size: 2.25rem;
        font-weight: 300; }
      .team-member-section.light ul.list-dot li:last-child {
        margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .team-member-section.light ul.list-dot li {
          font-size: 1.125rem; } }
      @media (max-width: 767.98px) {
        .team-member-section.light ul.list-dot li {
          font-size: 1rem; } }
  .team-member-section.light h2, .team-member-section.light .h2 {
    color: #000; }
  .team-member-section.light .abouttabing-section {
    background: #fff; }
    @media (max-width: 991.98px) {
      .team-member-section.light .abouttabing-section {
        padding: 2.5rem 0; } }
    .team-member-section.light .abouttabing-section .content-wrap .content-area {
      background: #fff;
      margin: auto 0; }
    .team-member-section.light .abouttabing-section h4, .team-member-section.light .abouttabing-section .h4 {
      color: #000;
      font-size: 1.75rem; }
      @media (max-width: 991.98px) {
        .team-member-section.light .abouttabing-section h4, .team-member-section.light .abouttabing-section .h4 {
          font-size: 1.375rem; } }
    .team-member-section.light .abouttabing-section p {
      color: #000; }
    .team-member-section.light .abouttabing-section .tabs-style {
      min-width: 34.5%; }
    @media (max-width: 991.98px) {
      .team-member-section.light .abouttabing-section .tabs-style ul {
        border-bottom: none !important; } }
    .team-member-section.light .abouttabing-section .tabs-style ul li {
      border-color: #4404bf;
      padding: 0rem 2.875rem;
      font-size: 2.25rem;
      font-weight: 300;
      min-height: 6.375rem;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .team-member-section.light .abouttabing-section .tabs-style ul li .item-right {
        width: 24.375rem;
        text-align: left; }
      .team-member-section.light .abouttabing-section .tabs-style ul li button {
        color: #000;
        font-size: 2.25rem; }
      .team-member-section.light .abouttabing-section .tabs-style ul li.current button {
        color: #4404bf; }
        @media (max-width: 991.98px) {
          .team-member-section.light .abouttabing-section .tabs-style ul li.current button {
            font-weight: 600; } }
      @media (max-width: 991.98px) {
        .team-member-section.light .abouttabing-section .tabs-style ul li {
          border-right: 0.0625rem solid #4404bf !important;
          width: 50%  !important;
          border-bottom: 0.0625rem solid #4404bf !important;
          border-top: 0.0625rem solid #4404bf !important; }
          .team-member-section.light .abouttabing-section .tabs-style ul li:nth-child(3) {
            border-top: none !important;
            border-bottom: 0.0625rem solid #4404bf !important; }
          .team-member-section.light .abouttabing-section .tabs-style ul li:nth-child(2) {
            border-right: none !important; }
          .team-member-section.light .abouttabing-section .tabs-style ul li:nth-child(4) {
            border-right: none !important;
            border-top: none !important; } }

.magicbox-card-list.gray .magicbox-card {
  background: #333333 !important; }
  .magicbox-card-list.gray .magicbox-card h2, .magicbox-card-list.gray .magicbox-card .h2 {
    color: #fff !important; }
  .magicbox-card-list.gray .magicbox-card p {
    color: #fff !important;
    font-size: 1.375rem; }
    @media (max-width: 767.98px) {
      .magicbox-card-list.gray .magicbox-card p {
        font-size: 1.125rem; } }
.magicbox-card-list.gray .accordion {
  margin-top: 1.875rem; }
.magicbox-card-list.gray .imgsec.large {
  min-height: 43.75rem; }
  @media (max-width: 767.98px) {
    .magicbox-card-list.gray .imgsec.large {
      min-height: 18.75rem; } }
.magicbox-card-list.gray .panel-title, .magicbox-card-list.gray a {
  color: #fff !important;
  margin-top: 0 !important; }
.magicbox-card-list.gray .panel-title.active, .magicbox-card-list.gray a.active {
  color: #DEFF46 !important; }
.magicbox-card-list.gray .panel-title {
  margin-bottom: 0;
  border-bottom: 0.0625rem solid #fff;
  padding: 0.9375rem 0;
  font-weight: 300;
  font-size: 2.375rem; }
  .magicbox-card-list.gray .panel-title.active {
    border-bottom: none; }
  @media (max-width: 991.98px) {
    .magicbox-card-list.gray .panel-title {
      font-size: 1.4375rem; } }
  @media (max-width: 991.98px) {
    .magicbox-card-list.gray .panel-title {
      font-size: 1.25rem; } }
  .magicbox-card-list.gray .panel-title a {
    width: 100% !important;
    justify-content: space-between;
    outline: none !important;
    font-size: 1.75rem !important; }
    .magicbox-card-list.gray .panel-title a .icon {
      position: relative;
      width: 1.5rem;
      height: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      .magicbox-card-list.gray .panel-title a .icon::before {
        content: '+';
        font-size: 2.1875rem;
        left: 0;
        right: 0;
        top: -0.5rem;
        bottom: 0;
        color: #fff;
        transition: .3s; }
    .magicbox-card-list.gray .panel-title a.active .icon::before {
      color: #DEFF46;
      content: '-';
      font-size: 2.5rem; }
    @media (max-width: 991.98px) {
      .magicbox-card-list.gray .panel-title a {
        font-size: 1.5rem !important; } }
    @media (max-width: 991.98px) {
      .magicbox-card-list.gray .panel-title a {
        font-size: 1.375rem !important; } }
.magicbox-card-list.gray .panel-content {
  padding: 1.25rem 0;
  padding-top: 0rem;
  border-bottom: 0.0625rem solid #fff;
  font-weight: 300; }
  .magicbox-card-list.gray .panel-content p {
    font-size: 1.125rem; }
  @media (max-width: 991.98px) {
    .magicbox-card-list.gray .panel-content p {
      font-size: 1.125rem; } }
  @media (max-width: 991.98px) {
    .magicbox-card-list.gray .panel-content p {
      font-size: 1rem; } }

.banner-sec.onlytext {
  padding: 14.375rem 0; }
  @media (max-width: 767.98px) {
    .banner-sec.onlytext {
      padding: 9.375rem 0; } }
  .banner-sec.onlytext h1 {
    color: #defe46;
    font-size: 4.375rem !important; }
    @media (max-width: 991.98px) {
      .banner-sec.onlytext h1 {
        font-size: 3.4375rem !important; } }
    @media (max-width: 767.98px) {
      .banner-sec.onlytext h1 {
        font-size: 2.5rem !important; } }
  .banner-sec.onlytext p {
    color: #fff;
    font-size: 1.75rem !important; }
    @media (max-width: 991.98px) {
      .banner-sec.onlytext p {
        font-size: 1.5rem !important; } }
    @media (max-width: 767.98px) {
      .banner-sec.onlytext p {
        font-size: 1.25rem !important; } }

.integraion-sec {
  background: #BCF7FF;
  padding: 4.375rem 0; }
  @media (max-width: 767.98px) {
    .integraion-sec {
      padding: 2.5rem 0; } }
  .integraion-sec .solutions-bottom {
    margin-top: 2.5rem; }
    .integraion-sec .solutions-bottom .space {
      margin-top: 0.9375rem; }
    .integraion-sec .solutions-bottom span {
      font-weight: 500;
      font-size: 1.625rem; }
      @media (max-width: 991.98px) {
        .integraion-sec .solutions-bottom span {
          font-size: 1.5rem; } }
      @media (max-width: 575.98px) {
        .integraion-sec .solutions-bottom span {
          font-size: 1.25rem; } }

.gray-box {
  background: #333333;
  padding: 3.125rem 1.25rem;
  text-align: center;
  border-radius: 0.5625rem;
  color: #fff; }
  @media (max-width: 575.98px) {
    .gray-box {
      padding: 1.875rem 0.9375rem; } }
  .gray-box img {
    max-width: 5rem;
    margin-bottom: 0.9375rem; }
    @media (max-width: 575.98px) {
      .gray-box img {
        max-width: 3.75rem; } }

.content-area.eaa.workforce.highered.landing .magicbox-card-list.bg-white .magicbox-card {
  background: #fff; }

.list-styled1 {
  padding-top: 0.9375rem;
  padding-left: 0 !important; }
  @media (min-width: 1200px) {
    .list-styled1 {
      width: 90%; } }
  .list-styled1 li {
    color: #000;
    list-style: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    padding-left: 1.875rem;
    background-position: left 0.3125rem;
    padding-bottom: 0.625rem; }
    .list-styled1 li:last-child {
      padding-bottom: 0; }

.buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content {
  background: #fff;
  color: #000; }
  .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content.left {
    align-items: end;
    justify-content: center;
    background: #4404bf;
    color: #fff;
    min-height: 31.25rem; }
    @media (max-width: 991.98px) {
      .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content.left {
        min-height: 15.625rem; } }
    .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content.left .body-content-top {
      max-width: 44.5rem; }
      @media (max-width: 991.98px) {
        .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content.left .body-content-top {
          max-width: 100%; } }
  .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content .heading-item a {
    color: #000; }
    .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content .heading-item a:hover {
      background: none; }
  .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap; }
  .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li {
    padding: 1.25rem 2.5rem;
    transition: background-color 0.5s ease-in-out;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 991.98px) {
      .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li {
        padding-left: 1.25rem; } }
    @media (max-width: 575.98px) {
      .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li {
        padding-left: 0.9375rem; } }
    .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li h3, .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li .h3 {
      margin-bottom: 0;
      width: 100%;
      margin-top: auto;
      font-size: 2.625rem; }
      @media (max-width: 575.98px) {
        .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li h3, .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li .h3 {
          font-size: 2.25rem; } }
    .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li p {
      font-weight: 300;
      font-size: 1.375rem; }
      @media (max-width: 575.98px) {
        .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content li p {
          font-size: 1.125rem; } }
  .buld-imagelist-sec.fullwidth.sectionPostion.bg-white .body-content .heading-item:not(:last-child) {
    border-bottom: 0.0625rem solid #000; }

.buld-imagelist-sec.light {
  border-bottom: 0.0625rem solid #000; }
  .buld-imagelist-sec.light .buld-card {
    background: #fff; }
    @media (max-width: 991.98px) {
      .buld-imagelist-sec.light .buld-card {
        justify-content: center;
        border-bottom: 0.0625rem solid #000; } }
    .buld-imagelist-sec.light .buld-card .motif-bg {
      max-width: 94%; }
    .buld-imagelist-sec.light .buld-card .animation-wrapper {
      position: relative;
      max-width: 100%;
      margin-right: 0;
      margin-left: auto; }
      @media (max-width: 767.98px) {
        .buld-imagelist-sec.light .buld-card .animation-wrapper {
          height: 100%; } }
    .buld-imagelist-sec.light .buld-card .body-content {
      background: #fff; }
      .buld-imagelist-sec.light .buld-card .body-content .body-content-bottom {
        height: 100%;
        border-left: 0.0625rem solid #000; }
      .buld-imagelist-sec.light .buld-card .body-content .heading-item {
        height: 25%; }
        .buld-imagelist-sec.light .buld-card .body-content .heading-item h3 {
          background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat top right;
          background-size: 1.25rem 2.25rem;
          margin-bottom: 0;
          margin-top: auto;
          padding-bottom: 0.4375rem;
          width: 100%; }
          @media (max-width: 1199.98px) {
            .buld-imagelist-sec.light .buld-card .body-content .heading-item h3 {
              font-size: 2.375rem; } }
          .buld-imagelist-sec.light .buld-card .body-content .heading-item h3 .heading-sm {
            margin-top: 0;
            margin-bottom: auto;
            width: 100%; }
          @media (max-width: 991.98px) {
            .buld-imagelist-sec.light .buld-card .body-content .heading-item h3 {
              background-size: 1.25rem 2rem; } }
          @media (max-width: 767.98px) {
            .buld-imagelist-sec.light .buld-card .body-content .heading-item h3 {
              background-size: 0.625rem 1rem; } }
        .buld-imagelist-sec.light .buld-card .body-content .heading-item a {
          height: 100%;
          color: #000;
          display: flex;
          flex-wrap: wrap;
          cursor: pointer; }
          .buld-imagelist-sec.light .buld-card .body-content .heading-item a:hover {
            background: #4504C0;
            color: #fff; }
            .buld-imagelist-sec.light .buld-card .body-content .heading-item a:hover h3 {
              font-style: normal;
              background-image: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white1.svg);
              background-size: 1.25rem 2.25rem; }
    .buld-imagelist-sec.light .buld-card .body-content .heading-item:not(:last-child) {
      border-bottom: 0.0625rem solid #000; }
    .buld-imagelist-sec.light .buld-card .motif-bg {
      margin-right: 2.5rem;
      margin-left: auto;
      position: relative; }
      .buld-imagelist-sec.light .buld-card .motif-bg img {
        max-width: 100%; }
      @media (max-width: 991.5px) {
        .buld-imagelist-sec.light .buld-card .motif-bg {
          margin: 0;
          padding: 1.25rem; } }
    .buld-imagelist-sec.light .buld-card h2 {
      color: #000;
      font-size: 3.4375rem;
      position: absolute;
      top: 0;
      bottom: 0;
      max-width: 80%;
      left: 0;
      right: 0;
      margin: auto;
      height: max-content; }
      @media (max-width: 1199.98px) {
        .buld-imagelist-sec.light .buld-card h2 {
          font-size: 3.125rem; } }
      @media (max-width: 575.98px) {
        .buld-imagelist-sec.light .buld-card h2 {
          font-size: 1.875rem; } }

#withslider .magicbox-card.help-bottom-section {
  min-height: 31.25rem; }
  @media (max-width: 575.98px) {
    #withslider .magicbox-card.help-bottom-section {
      min-height: 28.75rem; } }
#withslider .ai-slider .splide__slide span {
  margin-bottom: 0.4375rem;
  margin-top: 0.625rem; }
#withslider .ai-slider .splide__slide img {
  max-width: 5.625rem; }
#withslider .ai-slider .splide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  transform: translatey(-50%);
  height: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: end;
  bottom: 0;
  margin: auto;
  z-index: 2;
  bottom: -4.375rem;
  pointer-events: none;
  top: auto; }
  #withslider .ai-slider .splide__arrows svg {
    display: none; }
  #withslider .ai-slider .splide__arrows .splide__arrow--prev, #withslider .ai-slider .splide__arrows .splide__arrow--next {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
    opacity: 1;
    top: 0;
    width: 3.375rem;
    height: 3.375rem;
    background-size: 1.375rem 1.5625rem;
    background-position: center center;
    margin-top: 0.75rem;
    background-color: #fff;
    pointer-events: all;
    position: relative;
    margin-left: 0.4375rem;
    margin-right: 0.4375rem; }
    @media (max-width: 575.98px) {
      #withslider .ai-slider .splide__arrows .splide__arrow--prev, #withslider .ai-slider .splide__arrows .splide__arrow--next {
        width: 1.875rem;
        height: 1.875rem;
        background-size: 0.875rem 1.125rem; } }
    #withslider .ai-slider .splide__arrows .splide__arrow--prev .splide__arrow--prev, #withslider .ai-slider .splide__arrows .splide__arrow--prev .splide__arrow--next
    svg, #withslider .ai-slider .splide__arrows .splide__arrow--next .splide__arrow--prev, #withslider .ai-slider .splide__arrows .splide__arrow--next .splide__arrow--next
    svg {
      display: none; }
  #withslider .ai-slider .splide__arrows .splide__arrow--prev {
    left: auto;
    right: 0rem;
    transform: translateY(-25%) translateX(45%) rotate(-180deg) !important;
    transform-origin: center center; }
    @media (max-width: 575.98px) {
      #withslider .ai-slider .splide__arrows .splide__arrow--prev {
        right: 0.625rem; } }
  #withslider .ai-slider .splide__arrows .splide__arrow--next {
    transform: translateY(-25%) translateX(65%) !important;
    right: 1.25rem;
    left: auto; }
#withslider .text-wrap {
  display: flex;
  justify-content: end; }
  #withslider .text-wrap .inner-text {
    max-width: 42.5rem;
    padding-right: 6.25rem;
    padding-left: 2.5rem;
    text-align: left; }
    @media (max-width: 1290px) {
      #withslider .text-wrap .inner-text {
        max-width: 100%; } }
    @media (min-width: 1900px) {
      #withslider .text-wrap .inner-text {
        padding-left: 0; } }
    @media (max-width: 575.98px) {
      #withslider .text-wrap .inner-text {
        padding-right: 1.25rem;
        padding-left: 1.25rem; } }
    #withslider .text-wrap .inner-text h2 {
      color: #fff; }

.build-section .challenge-item {
  display: flex;
  align-items: center;
  padding-bottom: 2.1875rem; }
  @media (max-width: 767.98px) {
    .build-section .challenge-item {
      min-height: 15.625rem !important;
      padding-bottom: 0; } }
  .build-section .challenge-item .challenge-card {
    background: none !important; }
    .build-section .challenge-item .challenge-card h3 {
      position: relative;
      z-index: 9; }
    .build-section .challenge-item .challenge-card .body-text {
      position: relative;
      z-index: 9; }

.journey-sec {
  padding: 4.375rem 0; }
  @media (max-width: 575.98px) {
    .journey-sec {
      padding: 3.125rem 0; } }

.excellence-sec {
  padding: 4.375rem 0; }
  @media (max-width: 575.98px) {
    .excellence-sec {
      padding: 3.125rem 0; } }
  .excellence-sec .text-blue {
    color: #4404bf;
    font-size: 1.75rem; }
    @media (max-width: 767.98px) {
      .excellence-sec .text-blue {
        font-size: 1.375rem; } }
  .excellence-sec .excellence-wrap {
    margin-top: 2.8125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .excellence-sec .excellence-wrap .single-excellence {
      width: 15.5%;
      margin-bottom: 0.9375rem;
      background: #333333;
      color: #fff;
      font-weight: 300;
      display: flex;
      flex-wrap: wrap;
      padding: 1.25rem;
      padding-bottom: 0.625rem;
      flex-wrap: wrap; }
      @media (max-width: 1120px) {
        .excellence-sec .excellence-wrap .single-excellence {
          width: 32.5%;
          min-height: 12.5rem; } }
      @media (max-width: 767.98px) {
        .excellence-sec .excellence-wrap .single-excellence {
          width: 49.2%; } }
      @media (max-width: 575.98px) {
        .excellence-sec .excellence-wrap .single-excellence {
          width: 100%; } }
      .excellence-sec .excellence-wrap .single-excellence h6 {
        font-size: 2rem;
        font-weight: 300;
        line-height: 1;
        width: 100%;
        margin-bottom: 0.9375rem;
        font-family: 'Barlow'; }
      .excellence-sec .excellence-wrap .single-excellence span {
        width: 100%;
        font-size: 1.25rem;
        margin-bottom: 0.9375rem;
        display: block; }
      .excellence-sec .excellence-wrap .single-excellence .btncall {
        color: #fff;
        font-weight: 300;
        width: max-content;
        font-size: 1rem;
        font-family: 'Barlow';
        margin-bottom: 0;
        margin-top: auto; }
        .excellence-sec .excellence-wrap .single-excellence .btncall::after {
          right: -2.5rem;
          background-size: 1.25rem 1.25rem; }

.magicbox-card-list.learning-design .imgsec {
  background: #4404bf; }
.magicbox-card-list.learning-design .help-bottom-section {
  background: #D0BDFF; }
.magicbox-card-list.learning-design .ai-slider .splide__arrows {
  bottom: -7.5rem !important; }

.w-100 {
  width: 100% !important; }

.magicbox-card-list.black-bg {
  background: #333333 !important;
  padding: 4.375rem 0; }
  .magicbox-card-list.black-bg h2 {
    color: #fff; }
  @media (max-width: 575.98px) {
    .magicbox-card-list.black-bg {
      padding: 3.125rem 0; } }
  .magicbox-card-list.black-bg .accordion {
    margin-top: 0 !important; }
  .magicbox-card-list.black-bg .body-content {
    padding: 0 !important; }

/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5); }

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y); }

.col {
  flex: 1 0 0%; }

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto; }

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%; }

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%; }

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%; }

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%; }

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%; }

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.33333333%; }

.offset-2 {
  margin-left: 16.66666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333333%; }

.offset-5 {
  margin-left: 41.66666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333333%; }

.offset-8 {
  margin-left: 66.66666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333333%; }

.offset-11 {
  margin-left: 91.66666667%; }

.g-0,
.gx-0 {
  --bs-gutter-x: 0; }

.g-0,
.gy-0 {
  --bs-gutter-y: 0; }

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem; }

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem; }

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem; }

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem; }

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem; }

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem; }

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem; }

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem; }

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem; }

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem; }

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%; }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.33333333%; }

  .offset-sm-2 {
    margin-left: 16.66666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.33333333%; }

  .offset-sm-5 {
    margin-left: 41.66666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.33333333%; }

  .offset-sm-8 {
    margin-left: 66.66666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.33333333%; }

  .offset-sm-11 {
    margin-left: 91.66666667%; }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem; }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem; }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem; }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem; }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem; }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem; }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem; }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem; }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem; }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.33333333%; }

  .offset-md-2 {
    margin-left: 16.66666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.33333333%; }

  .offset-md-5 {
    margin-left: 41.66666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.33333333%; }

  .offset-md-8 {
    margin-left: 66.66666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.33333333%; }

  .offset-md-11 {
    margin-left: 91.66666667%; }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem; }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem; }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem; }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem; }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem; }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem; }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem; }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem; }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem; }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%; }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1 {
    margin-left: 8.33333333%; }

  .offset-lg-2 {
    margin-left: 16.66666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.33333333%; }

  .offset-lg-5 {
    margin-left: 41.66666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.33333333%; }

  .offset-lg-8 {
    margin-left: 66.66666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.33333333%; }

  .offset-lg-11 {
    margin-left: 91.66666667%; }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem; }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem; }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem; }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem; }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem; }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem; }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem; }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem; }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem; }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%; }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-xl-0 {
    margin-left: 0; }

  .offset-xl-1 {
    margin-left: 8.33333333%; }

  .offset-xl-2 {
    margin-left: 16.66666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.33333333%; }

  .offset-xl-5 {
    margin-left: 41.66666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.33333333%; }

  .offset-xl-8 {
    margin-left: 66.66666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.33333333%; }

  .offset-xl-11 {
    margin-left: 91.66666667%; }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem; }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem; }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem; }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem; }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem; }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem; }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem; }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem; }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem; }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%; }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-xxl-0 {
    margin-left: 0; }

  .offset-xxl-1 {
    margin-left: 8.33333333%; }

  .offset-xxl-2 {
    margin-left: 16.66666667%; }

  .offset-xxl-3 {
    margin-left: 25%; }

  .offset-xxl-4 {
    margin-left: 33.33333333%; }

  .offset-xxl-5 {
    margin-left: 41.66666667%; }

  .offset-xxl-6 {
    margin-left: 50%; }

  .offset-xxl-7 {
    margin-left: 58.33333333%; }

  .offset-xxl-8 {
    margin-left: 66.66666667%; }

  .offset-xxl-9 {
    margin-left: 75%; }

  .offset-xxl-10 {
    margin-left: 83.33333333%; }

  .offset-xxl-11 {
    margin-left: 91.66666667%; }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem; }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem; }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem; }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem; }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem; }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem; }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem; }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem; }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem; }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem; } }
/*# sourceMappingURL=style.css.map */
.header-dark {
  background: #000000;
  height: 4.6875rem;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99; }

.menu-arrow {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 1.5rem; }

.navsection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0; }

.logo-sec {
  width: 5.5rem; }
  .logo-sec img {
    width: 5.5rem; }

.menu-sec {
  position: relative; }
  .menu-sec .menu {
    font-family: "Poppins", sans-serif; }
    .menu-sec .menu ul {
      padding: 0;
      margin: 0;
      display: flex; }
      .menu-sec .menu ul > li > a {
        padding: 0.375rem 1.5625rem;
        position: relative;
        z-index: 2; }
      .menu-sec .menu ul > li > p {
        padding: 0.375rem 1.5625rem;
        position: relative;
        z-index: 2;
        cursor: pointer; }
      .menu-sec .menu ul > li:last-child > a:focus {
        outline: 2px solid #4404bf !important; }
      .menu-sec .menu ul li {
        list-style: none;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal; }
        @media (max-width: 991px) {
          .menu-sec .menu ul li {
            font-size: 1.125rem; }
            .menu-sec .menu ul li a {
              padding: 0.375rem 0.8125rem; } }
        @media (max-width: 991px) {
          .menu-sec .menu ul li {
            font-size: 1.125rem; }
            .menu-sec .menu ul li p {
              padding: 0.375rem 0.8125rem; } }
        .menu-sec .menu ul li a {
          color: #ffffff;
          text-decoration: none; }
        .menu-sec .menu ul li p {
          color: #ffffff;
          text-decoration: none; }
          .menu-sec .menu ul li p.active {
            color: #defe46; }
          .menu-sec .menu ul li p:hover {
            color: #defe46; }

.navaction-btn {
  display: flex;
  align-items: flex-end; }
  .navaction-btn .viewall1 {
    margin-bottom: 0.5rem; }
    .navaction-btn .viewall1 a {
      color: #000 !important; }
    .navaction-btn .viewall1 :focus {
      outline: 2px solid #4404bf !important; }

.deliver-linkinner {
  max-width: 15.125rem;
  width: 100%; }

.build-menu {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-family: "Poppins", sans-serif; }
  .build-menu .build-menu-card-l {
    flex: 100%; }
    .build-menu .build-menu-card-l .heading-sp {
      margin-bottom: 1.25rem; }
    .build-menu .build-menu-card-l .s-inner-items {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 0 0 1.25rem 0;
      font-size: 1.4375rem;
      line-height: 1.21;
      font-weight: 300; }
      .build-menu .build-menu-card-l .s-inner-items h2 {
        font-size: 3.75rem;
        margin-bottom: 0.125rem;
        line-height: 1; }
      .build-menu .build-menu-card-l .s-inner-items p {
        font-size: 3.75rem;
        margin-bottom: 0.125rem;
        line-height: 1; }
      .build-menu .build-menu-card-l .s-inner-items a {
        font-size: 3.75rem;
        margin-bottom: 0.125rem;
        line-height: 1;
        color: #000;
        font-weight: 300;
        display: block; }
      .build-menu .build-menu-card-l .s-inner-items h5 {
        font-size: 3.75rem;
        margin-bottom: 0.125rem;
        line-height: 1;
        color: #000;
        font-weight: 300;
        display: block; }
        .build-menu .build-menu-card-l .s-inner-items h5 a:focus {
          outline: 2px solid #4404bf !important; }
      .build-menu .build-menu-card-l .s-inner-items .heading-label {
        font-size: 1.25rem;
        font-weight: 300; }
  .build-menu .build-menu-card {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .build-menu .build-menu-card .b-inner-items1 {
      height: 100%;
      width: 75%;
      display: flex;
      align-items: stretch;
      flex-direction: row;
      flex-wrap: wrap; }
      .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
        flex: 50%;
        border: none; }
        .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
          display: flex;
          flex-direction: column;
          height: 100%;
          align-items: stretch; }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .b-drop-heading a {
            color: #ffffff;
            text-transform: capitalize; }
            @media (max-width: 767.98px) {
              .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .b-drop-heading a {
                color: #000; } }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg {
            background: #626262;
            display: inline-flex;
            padding: 0.625rem 0.625rem;
            border-radius: 0.625rem 0.625rem 0 0;
            min-width: 20.4375rem; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .b-drop-heading, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .b-drop-heading {
              padding: 0;
              margin-bottom: 0 !important; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .item-content, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .item-content {
              padding-bottom: 0; }
            @media (max-width: 767.98px) {
              .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg {
                background: #ffffff;
                padding: 0; } }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .item-content a, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .item-content a {
              padding: 0; }
              @media (max-width: 767.98px) {
                .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg .item-content a, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .item-content a {
                  margin: 0 !important;
                  padding: 0; } }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg img, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg img {
              max-width: 16.75rem;
              height: auto;
              margin: 0 auto;
              display: block; }
              @media (max-width: 767.98px) {
                .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicBoxbg img, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg img {
                  margin: 0 !important;
                  border-radius: 0.625rem; } }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg {
            background: #c5c5c5; }
            @media (max-width: 767.98px) {
              .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg {
                border-radius: 0;
                background: #ffffff; } }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .b-drop-heading a {
              color: #000;
              text-transform: capitalize; }
              @media (max-width: 767.98px) {
                .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec.magicSyncbg .b-drop-heading a {
                  color: #000; } }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec .b-inner-carditem {
            height: 100%; }
        .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading {
          font-size: 1.4375rem;
          font-weight: 500;
          color: #4404bf;
          text-transform: uppercase;
          padding: 0.125rem 1.25rem 0.125rem 0;
          margin-bottom: 0.75rem; }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading a {
            border: none !important;
            color: #4404bf;
            padding: 0.3125rem 0 !important; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading a:focus, .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading a:active {
              outline-color: #4404bf !important; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading a::after {
              display: none; }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading sup {
            margin: -0.3125rem 0;
            position: relative;
            display: inline-block; }
        .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content {
          display: flex;
          height: 100%;
          justify-content: flex-end;
          flex-direction: column;
          position: relative;
          padding-bottom: 0.75rem; }
          .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a {
            color: #4404bf;
            font-size: 1.4375rem;
            line-height: 1.14;
            letter-spacing: -0.35px;
            font-weight: 300;
            padding: 0.125rem 1.25rem 0.125rem 0; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a br {
              display: none; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a:focus {
              outline: 2px solid #4404bf !important; }
            .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a:hover {
              font-weight: 500; }
  .build-menu.discover-menu .build-menu-card {
    margin-top: 0 !important; }
    .build-menu.discover-menu .build-menu-card .b-inner-item {
      position: relative; }
      .build-menu.discover-menu .build-menu-card .b-inner-item .b-inner-card-sec .b-inner-carditem .b-drop-heading {
        position: absolute;
        text-transform: capitalize;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        display: flex;
        align-items: end;
        justify-content: center;
        text-align: center;
        top: auto;
        bottom: 0; }
        .build-menu.discover-menu .build-menu-card .b-inner-item .b-inner-card-sec .b-inner-carditem .b-drop-heading a {
          color: #fff !important;
          width: 100%;
          font-weight: 300;
          display: flex !important;
          justify-content: center;
          align-items: flex-end;
          background: #000000c9; }
      .build-menu.discover-menu .build-menu-card .b-inner-item .b-inner-card-sec .b-inner-carditem .item-content img {
        max-width: 100%;
        width: 100%; }
  .build-menu.discover-menu .build-menu-card .b-inner-items1 {
    width: 100%; }

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
  background: transparent; }
  .navbar-toggler:focus {
    box-shadow: none; }
  .navbar-toggler .hamburger-toggle {
    position: relative;
    display: inline-block;
    width: 1.6875rem;
    height: 1.6875rem;
    margin-right: 0rem;
    z-index: 100;
    float: right; }
    .navbar-toggler .hamburger-toggle .hamburger {
      position: absolute;
      transform: translate(-50%, -50%) rotate(0deg);
      left: 50%;
      top: 50%;
      width: 100%;
      height: 50%;
      pointer-events: none; }
      .navbar-toggler .hamburger-toggle .hamburger span {
        width: 100%;
        height: 0.125rem;
        position: absolute;
        background: #BBBBBB;
        border-radius: 0.125rem;
        z-index: 1;
        transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
        left: 0px; }
        .navbar-toggler .hamburger-toggle .hamburger span:first-child {
          top: 10%;
          transform-origin: 50% 50%;
          transform: translate(0% -50%) !important; }
        .navbar-toggler .hamburger-toggle .hamburger span:last-child {
          left: 0px;
          top: auto;
          bottom: 10%;
          transform-origin: 50% 50%; }
      .navbar-toggler .hamburger-toggle .hamburger.active span {
        background: #ffffff;
        position: absolute;
        margin: 0; }
        .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
          top: 45%;
          transform: rotate(45deg); }
        .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
          top: 45%;
          transform: rotate(-45deg); }

.menuOpen {
  overflow: auto; }

.mmacc {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 2;
  color: #000;
  position: relative;
  width: 100%;
  padding: 0.75rem 1.25rem 0.375rem 1.25rem; }
  .mmacc .acc-icon {
    background: url("https://www.magicedtech.com/wp-content/themes/magic/assets/images/m-blue-droparw.svg") no-repeat;
    width: 0.875rem;
    height: 0.5rem;
    display: inline-flex; }
  .mmacc button {
    background: transparent;
    border: 0;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2;
    color: #000; }
  .mmacc.active {
    color: #4404bf;
    font-weight: 500; }
    .mmacc.active .acc-icon {
      background: url("https://www.magicedtech.com/wp-content/themes/magic/assets/images/m-blue-droparw1.svg") no-repeat;
      width: 0.875rem;
      height: 0.5rem;
      background-size: contain;
      display: inline-flex; }
  .mmacc.active button {
    color: #4404bf;
    font-weight: 500; }

@media (max-width: 991.98px) {
  .menu-sec .menu ul li.showMe .mega-dropdown,
  .menu-sec .menu ul li:hover .mega-dropdown {
    height: 36.25rem; }

  .menu-sec .menu ul li.showMe .mega-dropdown,
  .menu-sec .menu ul li:hover .mega-dropdown {
    display: none; }

  .small-header .logo-sec img {
    width: 4.125rem; }

  .logo-sec img {
    width: 5.875rem; } }
@media (max-width: 992px) {
  .menuOpen {
    overflow: hidden; }

  .menuOpen .navsection {
    flex-direction: column; }

  .navsection .menu-sec.mobile-nav .solve-menu .solve-menu-card .s-inner-items1 .s-inner-item .item-content br {
    display: none; }

  .header-dark {
    height: 3rem !important; }
    .header-dark .navsection {
      padding: 0; }
      .header-dark .navsection .logo-sec {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%; }
        .header-dark .navsection .logo-sec img {
          width: 3.375rem;
          height: 1.875rem; }

  .navsection .menu-sec.mobile-nav {
    transition: transform 0.26s ease;
    background: #ffffff;
    width: 100%;
    position: fixed !important;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 3rem;
    height: calc(100vh - 48px);
    overflow: auto;
    display: none;
    padding: 0 0;
    flex-direction: column;
    justify-content: space-between !important; }
    .navsection .menu-sec.mobile-nav .mega-dropdown {
      top: 0;
      position: static;
      width: 100%;
      padding: 0;
      transition: none;
      opacity: 1;
      display: none; }
    .navsection .menu-sec.mobile-nav .navaction-btn {
      display: none; }
    .navsection .menu-sec.mobile-nav .build-menu {
      display: flex;
      align-items: flex-end; }
      .navsection .menu-sec.mobile-nav .build-menu .build-menu-card-l {
        flex: 28.9%;
        border: 1px solid #B7E200;
        margin-right: -1px; }
        .navsection .menu-sec.mobile-nav .build-menu .build-menu-card-l .heading-sp {
          margin-bottom: 1.25rem; }
        .navsection .menu-sec.mobile-nav .build-menu .build-menu-card-l .s-inner-items {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          padding: 3.125rem 0;
          font-size: 1.5rem;
          line-height: 1.21;
          font-weight: 300;
          color: #4404bf; }
      .navsection .menu-sec.mobile-nav .build-menu .build-menu-card {
        display: flex;
        flex-direction: column;
        margin-bottom: 0rem; }
        .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 {
          height: 100%;
          width: 100%;
          display: flex;
          align-items: stretch;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 0.625rem; }
          .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
            flex: 100%;
            border: none; }
            .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item br {
              display: none; }
            .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
              display: flex;
              flex-direction: column;
              height: 100%;
              align-items: stretch;
              justify-content: space-between; }
              .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec .b-drop-heading {
                font-size: 1rem;
                padding: 0 0.625rem;
                color: #4404bf;
                margin: 0.625rem;
                background: transparent; }
              .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec .b-inner-carditem {
                border: 0;
                height: 100%; }
            .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content {
              display: flex;
              height: 100%;
              justify-content: flex-end;
              flex-direction: column;
              position: relative;
              margin: 0 1.25rem; }
              .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a {
                color: #000;
                font-size: 0.875rem;
                line-height: 1.21;
                font-weight: 300;
                padding: 0.6875rem 0 0.6875rem 0;
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                height: 100%;
                border-bottom: 0; }
                .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a::after {
                  display: none; }
                .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a .menu-arrow {
                  display: none; }
                  .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a .menu-arrow img {
                    width: 0.8125rem;
                    height: 1.5rem; }
                .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a:hover {
                  font-weight: 500;
                  color: #4404bf; }

  .navsection .menu-sec.mobile-nav.show {
    display: flex;
    flex-direction: column; }
    .navsection .menu-sec.mobile-nav.show .menu {
      flex-direction: column;
      padding: 3.125rem 0; }
      .navsection .menu-sec.mobile-nav.show .menu ul {
        flex-direction: column; }
        .navsection .menu-sec.mobile-nav.show .menu ul li {
          font-size: 2.8125rem;
          font-weight: 300;
          display: flex;
          flex-direction: column; }
          .navsection .menu-sec.mobile-nav.show .menu ul li:last-child {
            margin-bottom: 1.875rem; }
          .navsection .menu-sec.mobile-nav.show .menu ul li .mega-dropdown {
            padding-top: 0; }
            .navsection .menu-sec.mobile-nav.show .menu ul li .mega-dropdown .drop-inner .container {
              padding: 0; }
          .navsection .menu-sec.mobile-nav.show .menu ul li:not(:last-child) {
            margin: 0 0 1.25rem 0; }
          .navsection .menu-sec.mobile-nav.show .menu ul li .menu-title {
            width: 100%;
            color: #4404bf;
            position: relative;
            padding: 0 1.25rem;
            border-bottom: 0.0625rem solid #000; }
            .navsection .menu-sec.mobile-nav.show .menu ul li .menu-title::after {
              content: '';
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 1.25rem;
              background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/m-blue.svg) no-repeat;
              width: 1.4375rem;
              height: 1.25rem;
              background-size: cover; } }
@media (min-width: 992px) {
  .navbar-toggler {
    display: none; } }
@media (max-width: 767.98px) {
  .build-menu.discover-menu a.blacktext.link-active {
    font-size: 1.25rem; } }
.mtnegative {
  margin-bottom: -1.25rem;
  max-width: 50rem; }
  @media (max-width: 767.98px) {
    .mtnegative {
      margin-bottom: 0; } }

.mega-dropdown.deliver-megamenu .viewall1.mtsp {
  margin-bottom: 1.125rem; }
.mega-dropdown.deliver-megamenu .build-menu .build-menu-card {
  margin-top: 0.9375rem;
  margin-bottom: -0.625rem; }
  .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
    max-width: 20.4375rem;
    display: inline-flex;
    padding: 0.625rem 0.625rem;
    border-radius: 0.625rem 0.625rem 0 0;
    min-width: 20.4375rem; }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
      width: 100%; }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading {
      padding: 0;
      margin-bottom: 0 !important; }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content {
      padding-bottom: 0; }
    @media (max-width: 767.98px) {
      .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
        background: #ffffff;
        padding: 0; } }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a {
      padding: 0; }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a {
          margin: 0 !important;
          padding-bottom: 0 !important; } }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item img {
      max-width: 16.75rem;
      height: auto;
      margin: 0 auto;
      display: block; }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item img {
          margin: 0 !important;
          border-radius: 0.625rem; } }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child {
      background: #626262;
      margin-right: 3.25rem; }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child {
          background: #fff;
          color: #000; } }
      .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child .b-drop-heading a {
        color: #ffffff;
        text-transform: capitalize;
        display: block; }
        @media (max-width: 767.98px) {
          .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child .b-drop-heading a {
            color: #000;
            margin-bottom: 0; } }
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:last-child {
      background: #c5c5c5; }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:last-child {
          border-radius: 0;
          background: #ffffff; } }
      .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:last-child .b-drop-heading a {
        color: #000;
        text-transform: capitalize;
        display: block; }
        @media (max-width: 767.98px) {
          .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:last-child .b-drop-heading a {
            color: #000; } }
@media (min-width: 767px) {
  .mega-dropdown.deliver-megamenu .build-menu.discover-menu .build-menu-card .b-inner-items1 .b-inner-item {
    min-width: 49%;
    max-width: 49%;
    margin: 0;
    position: relative;
    background: transparent;
    padding: 0;
    margin-right: 0.625rem; }
    .mega-dropdown.deliver-megamenu .build-menu.discover-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
      width: 100%; } }
@media (min-width: 1024px) {
  .mega-dropdown.deliver-megamenu .build-menu.discover-menu .build-menu-card .b-inner-items1 .b-inner-item {
    min-width: 15.9%;
    max-width: 15.9%;
    margin: 0;
    position: relative;
    background: transparent;
    padding: 0;
    margin-right: 0.625rem; }
    .mega-dropdown.deliver-megamenu .build-menu.discover-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
      width: 100%; } }
.mega-dropdown.deliver-megamenu.discover-megamenu.cognify .build-menu-card .b-inner-items1 .b-inner-item {
  margin: 0;
  position: relative;
  background: transparent;
  padding: 0;
  margin-right: 0.625rem; }
  @media (min-width: 767px) {
    .mega-dropdown.deliver-megamenu.discover-megamenu.cognify .build-menu-card .b-inner-items1 .b-inner-item {
      min-width: 49%;
      max-width: 49%; } }
  @media (min-width: 1024px) {
    .mega-dropdown.deliver-megamenu.discover-megamenu.cognify .build-menu-card .b-inner-items1 .b-inner-item {
      min-width: 19.12%;
      max-width: 19.12%; } }
  .mega-dropdown.deliver-megamenu.discover-megamenu.cognify .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
    width: 100%; }
.mega-dropdown.deliver-megamenu.discover-megamenu.cognify .build-menu-card .b-inner-items1 .b-inner-item .b-drop-heading {
  font-size: 1.125rem; }

.blheight {
  height: 1.6875rem; }

.landscape-div {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 99;
  pointer-events: none;
  display: none;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif; }
  .landscape-div .inner-wrap {
    width: 80%;
    max-width: 31.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .landscape-div .landscape-hdg {
    font-size: 1.625rem;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 0.5rem; }
  .landscape-div .landscape-info {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #defe46;
    text-align: center; }

@media (max-width: 780px) and (orientation: landscape) {
  .landscape-div {
    display: flex;
    pointer-events: auto; } }
.menu-backdrop {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  transition: all 2s ease;
  width: 100%;
  pointer-events: none;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 3.75rem; }
  .menu-backdrop.active {
    display: block;
    height: 100%;
    opacity: 1; }
    @media (max-width: 991.98px) {
      .menu-backdrop.active {
        display: none; } }

@keyframes bgDelay {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media (min-width: 1024px) {
  .scroll-hiddens {
    overflow: hidden !important; } }
.no-oultine.discover-text {
  outline: none !important; }

@media (max-width: 992px) {
  ul.b-inner-card-sec li {
    text-align: left !important;
    margin: 0 !important;
    display: block !important; }

  .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec .b-drop-heading {
    height: max-content; }

  .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
    width: 50%;
    margin: 0 !important; }

  .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child .b-drop-heading a {
    margin-bottom: 0; }

  .navsection .menu-sec.mobile-nav .build-menu .build-menu-card .b-inner-items1 .b-inner-item .item-content a {
    padding-bottom: 0; }

  .mega-dropdown.deliver-megamenu {
    margin-left: 1.25rem; }

  .mega-dropdown.deliver-megamenu.discover-megamenu {
    margin-left: 0; } }
.mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child .b-drop-heading a {
  margin-bottom: 0.4375rem; }

#myMenu li .fp-tooltip {
  font-family: "Barlow", sans-serif;
  font-weight: normal;
  top: -0.25rem; }

.slide-img img {
  width: 100%;
  object-fit: cover;
  height: calc(100vh - 8.75rem);
  object-position: 50% 100%; }

.drive-result-section, .inshight-wrap-outer {
  transition: all 0.5s; }

.section.new-sec.active .drive-result-section, .section.new-sec.active .inshight-wrap-outer {
  padding-top: 2.5rem; }

.goal-section {
  padding: 3.75rem 1.25rem 0;
  max-width: 76.875rem;
  margin: 0 auto; }

.hero-slider {
  position: relative; }
  .hero-slider .splide__pagination {
    justify-content: flex-end;
    bottom: 6.875rem; }
  .hero-slider .splide__pagination__page {
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
    z-index: 8; }
  .hero-slider .splide__pagination__page.is-active {
    transform: scale(1);
    background: #defe46; }

.item-card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
  font-family: "Barlow", sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.14;
  color: #ffffff;
  transition: all 0.3s ease; }
  .item-card .w-block {
    display: block;
    width: 100%; }

.goal-items {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.5; }
  .goal-items .goal-item {
    flex: 0 1 33.33%;
    width: 100%;
    height: 12.75rem;
    border: 1px solid #ffffff;
    position: relative;
    transition: background 0.5s; }
    .goal-items .goal-item:first-child {
      border-radius: 0.625rem 0 0 0;
      margin-right: -1px; }
    .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(3) {
      margin-bottom: -1px; }
    .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(4), .goal-items .goal-item:nth-child(5) {
      margin-right: -1px; }
    .goal-items .goal-item:nth-child(3) {
      border-radius: 0 0.625rem 0 0; }
    .goal-items .goal-item:nth-child(4) {
      border-radius: 0 0 0 0.625rem; }
    .goal-items .goal-item:last-child {
      border-radius: 0 0 0.625rem 0; }
    .goal-items .goal-item a {
      text-decoration: none;
      color: #ffffff;
      padding: 1.25rem;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      height: 100%; }
      .goal-items .goal-item a .item-card {
        font-size: 1.75rem;
        font-style: normal;
        font-weight: 300;
        background-position: 90% 0; }
    .goal-items .goal-item:hover {
      background: #4404bf; }
      .goal-items .goal-item:hover .item-card {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow.svg) no-repeat top right;
        font-size: 2.25rem;
        font-style: italic;
        font-weight: 500; }

.accreditations-logos {
  background-color: #ffffff; }
  .accreditations-logos .splide__track {
    margin: 0 1.875rem; }
  .accreditations-logos .h4 {
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    margin-bottom: 0.625rem; }
  .accreditations-logos .splide__arrows {
    position: absolute;
    top: 40%;
    left: 0;
    transform: translatey(-50%);
    height: 1.5rem;
    width: 100%;
    z-index: 2;
    margin-top: -0.75rem;
    pointer-events: none; }
    .accreditations-logos .splide__arrows .splide__arrow--prev, .accreditations-logos .splide__arrows .splide__arrow--next {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
      opacity: 1;
      top: 0;
      width: 3.375rem;
      height: 3.375rem;
      background-size: 1.375rem 2.25rem;
      background-position: center center;
      margin-top: 0.75rem;
      pointer-events: all; }
      .accreditations-logos .splide__arrows .splide__arrow--prev svg, .accreditations-logos .splide__arrows .splide__arrow--next svg {
        display: none; }
    .accreditations-logos .splide__arrows .splide__arrow--prev {
      left: 0;
      transform: translateY(-50%) rotate(-180deg);
      transform-origin: center center;
      left: -0.9375rem; }
    .accreditations-logos .splide__arrows .splide__arrow--next {
      right: -0.9375rem; }
  .accreditations-logos .client-logo {
    display: flex;
    justify-content: space-between; }
    .accreditations-logos .client-logo .splide__arrow:disabled {
      opacity: 0.3 !important; }
    .accreditations-logos .client-logo .logo-item {
      flex: 0 1 14.28%;
      position: relative;
      z-index: 2; }
      .accreditations-logos .client-logo .logo-item:not(:last-child) {
        margin-right: 2rem; }
      .accreditations-logos .client-logo .logo-item .client-img {
        height: 5.625rem;
        margin-bottom: 0.3125rem;
        display: flex;
        align-items: center;
        position: relative;
        width: 5.625rem;
        margin: 0 auto; }
        .accreditations-logos .client-logo .logo-item .client-img img {
          max-width: 5.625rem;
          max-height: 5.625rem;
          display: flex;
          margin: 0 auto;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%); }
        .accreditations-logos .client-logo .logo-item .client-img .normal {
          opacity: 1;
          transition: opacity 0.3s; }
        .accreditations-logos .client-logo .logo-item .client-img .hover {
          opacity: 0;
          transition: opacity 0.3s; }
        .accreditations-logos .client-logo .logo-item .client-img:hover .normal {
          opacity: 0; }
        .accreditations-logos .client-logo .logo-item .client-img:hover .hover {
          opacity: 1; }
      .accreditations-logos .client-logo .logo-item .name {
        font-size: 1rem;
        color: #18181a;
        line-height: 1.13;
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s; }
      .accreditations-logos .client-logo .logo-item:hover {
        text-decoration: none;
        color: #18181a; }
        .accreditations-logos .client-logo .logo-item:hover .name {
          opacity: 1; }

.link-active, a.link-active {
  transition: transform 0.5s; }
  .link-active:active, a.link-active:active {
    transform: scale(0.9) !important;
    transform-origin: 50% 50% !important; }

.viewall {
  background: transparent;
  font-size: 1.375rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #defe46;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .viewall {
      font-size: 1.125rem; } }
  .viewall.flex-start {
    justify-content: flex-start; }
  .viewall.mtsp {
    margin-top: 1.25rem; }
  .viewall.mtsp1 {
    margin-top: 0.3125rem; }
  .viewall a {
    display: flex;
    align-items: center;
    color: #defe46;
    text-decoration: none;
    transition: transform 0.5s; }
    .viewall a.black-text {
      color: #000; }
    .viewall a:hover {
      color: #defe46; }
      .viewall a:hover.black-text {
        color: #000; }
    .viewall a:active {
      transform: scale(0.9); }

.viewicon {
  margin-left: 0.625rem; }
  .viewicon img {
    width: 2.875rem;
    height: 2.875rem; }

.viewall1 {
  background: transparent;
  font-size: 1.375rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase; }
  .viewall1.fsize30 {
    font-size: 1.875rem; }
  .viewall1.flex-end {
    justify-content: flex-end; }
  @media (max-width: 767.98px) {
    .viewall1 {
      font-size: 1.125rem; }
      .viewall1.fsize30 {
        font-size: 1.125rem; } }
  .viewall1.mtsp {
    margin-top: 1.25rem; }
  .viewall1.mtsp1 {
    margin-top: 0.3125rem; }
  .viewall1 a {
    display: flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none; }
    .viewall1 a.greentext {
      color: #defe46; }
    .viewall1 a.blacktext {
      color: #000; }
    .viewall1 a.whitetext {
      color: #ffffff; }
    .viewall1 a .viewicongreen {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow3.svg) no-repeat;
      width: 1.4375rem;
      height: 1.25rem;
      margin-left: 0.625rem;
      background-size: cover; }
    .viewall1 a .viewicon1 {
      margin-left: 0.625rem;
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white.svg) no-repeat;
      width: 1.4375rem;
      height: 1.25rem;
      background-size: cover; }
    .viewall1 a:hover {
      color: #defe46 !important; }
      .viewall1 a:hover.blacktext {
        color: #000 !important; }
      .viewall1 a:hover.whitetext {
        color: #ffffff !important; }
      .viewall1 a:hover .viewicon1 {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow3.svg) no-repeat;
        width: 1.4375rem;
        height: 1.25rem;
        background-size: cover; }

.serve-section {
  padding: 0 0;
  display: flex;
  justify-content: space-between;
  min-height: 32.25rem; }
  .serve-section .serve-left {
    flex: 50%;
    display: flex;
    justify-content: flex-end; }
    .serve-section .serve-left .serve-lottie-holder {
      max-width: 42.75rem;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .serve-section .serve-left .lottie2 {
      width: 35rem;
      height: 35rem; }
      .serve-section .serve-left .lottie2 .h2 {
        font-size: 5rem;
        font-weight: 300;
        letter-spacing: -0.5px; }
  .serve-section .serve-right {
    flex: 50%;
    border-left: 0.0625rem solid #4404bf; }
    @media (max-width: 991.98px) {
      .serve-section .serve-right {
        border-left: 0;
        border-top: 0.0625rem solid #4404bf; } }
  .serve-section .serve-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff; }
  .serve-section a {
    color: #000;
    text-decoration: none;
    display: block; }
    .serve-section a:not(:last-child) {
      border-bottom: 0.0625rem solid #4404bf; }
  .serve-section li {
    color: #000;
    text-decoration: none;
    display: block; }
    .serve-section li:not(:last-child) {
      border-bottom: 0.0625rem solid #4404bf; }
  .serve-section .serve-item {
    display: flex;
    color: #000;
    padding: 1.375rem;
    justify-content: flex-start;
    height: 14.625rem;
    transition: all 0.3s ease; }
    .serve-section .serve-item .content {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat top right;
      margin-right: 0;
      background-size: 1.375rem 2.25rem;
      max-width: 21.875rem; }
    .serve-section .serve-item:hover {
      background: #4404bf;
      color: #ffffff;
      text-decoration: none; }
      .serve-section .serve-item:hover .content {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white1.svg) no-repeat top right;
        font-weight: 300;
        background-size: 1.375rem 2.25rem; }
    .serve-section .serve-item .heading {
      margin-right: 3.1875rem;
      width: 19.375rem; }
      @media (max-width: 1199.98px) {
        .serve-section .serve-item .heading {
          margin-right: 2.5rem; } }
      .serve-section .serve-item .heading h3 {
        font-weight: 300;
        letter-spacing: 0.0075rem;
        word-spacing: 0.01rem; }
    .serve-section .serve-item .content {
      font-size: 1.375rem;
      font-family: "Barlow", sans-serif;
      line-height: 1.6;
      font-weight: 300;
      flex-grow: 1;
      letter-spacing: 0.0075rem;
      word-spacing: 0.01rem; }

.drive-result-section {
  position: relative; }
  .drive-result-section .paratext {
    font-family: "Barlow", sans-serif;
    color: #000;
    line-height: 1.21;
    max-width: 50rem;
    margin-bottom: 2rem; }

.drive-items {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3.25rem; }
  .drive-items .item {
    position: relative; }
    .drive-items .item a {
      color: #000;
      text-decoration: none;
      display: flex;
      align-items: flex-end;
      font-weight: 300;
      transition: all 0.4s ease;
      line-height: 0.7; }
      .drive-items .item a .arwicons {
        display: block;
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow3-black.svg) no-repeat;
        width: 3.375rem;
        height: 3.375rem;
        margin-left: 0.625rem;
        background-size: 3.375rem;
        transition: color 0.5s ease; }
      .drive-items .item a:hover {
        font-weight: 300;
        color: #4404bf; }
        .drive-items .item a:hover .arwicons {
          background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
          background-size: 3.375rem; }
      .drive-items .item a:active {
        transform: scale(0.9); }

.case-study {
  display: flex;
  justify-content: space-between; }
  .case-study .img-sec {
    flex: 50%; }
    .case-study .img-sec img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0.625rem 0 0 0.625rem; }
  .case-study .inner-content {
    flex: 50%;
    padding: 0 1.25rem;
    position: relative;
    height: 100%; }
    .case-study .inner-content .heading {
      background: #defe46;
      border-radius: 0 0 0.625rem 0.625rem;
      display: inline-block;
      padding: 0.25rem 1.625rem;
      font-size: 1.375rem;
      line-height: 1.18;
      font-weight: normal;
      position: absolute;
      font-family: "Poppins", sans-serif;
      top: 0;
      left: 1.25rem; }
    .case-study .inner-content .info {
      display: flex;
      height: 100%;
      flex-direction: column; }
      @media (max-width: 767.98px) {
        .case-study .inner-content .info {
          height: auto; } }
    .case-study .inner-content .paratext {
      font-size: 1.75rem;
      line-height: 1.14;
      font-weight: 300;
      color: #ffffff;
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-bottom: 0;
      max-width: 25rem; }
      .case-study .inner-content .paratext a {
        margin-top: 0.625rem;
        display: flex;
        align-items: center;
        color: #defe46;
        text-decoration: none; }
        .case-study .inner-content .paratext a img {
          display: block; }

.arw3 {
  margin-left: 0.625rem;
  width: 1.4375rem;
  height: 1.25rem; }
  .arw3 img {
    width: 1.4375rem; }

a.readmore, .readmor {
  font-size: 1.375rem;
  display: flex;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 1.18;
  font-weight: 500;
  color: #defe46;
  text-decoration: none;
  transition: transform 0.5s; }
  a.readmore.mtsp, .readmor.mtsp {
    margin-top: 0.5rem; }
  a.readmore.blacktext, .readmor.blacktext {
    color: #000; }
  a.readmore:active, .readmor:active {
    transform: scale(0.9);
    transform-origin: center center; }

.exp-magicbox {
  background: #18181a;
  padding: 1.875rem 0rem;
  position: relative;
  color: #ffffff; }
  .exp-magicbox .magic-icon {
    width: 7.5rem;
    margin-right: 0.9375rem;
    margin-top: 0.625rem; }
    .exp-magicbox .magic-icon img {
      width: 6.25rem;
      height: auto; }
  .exp-magicbox .content-wrap {
    display: flex;
    justify-content: space-between; }
    .exp-magicbox .content-wrap .content-left {
      flex: 70%; }
      .exp-magicbox .content-wrap .content-left .magic-inner {
        display: flex; }
      .exp-magicbox .content-wrap .content-left .inner-content .paratext {
        font-weight: 300;
        line-height: 1.21;
        max-width: 33.125rem; }
    .exp-magicbox .content-wrap .content-right {
      flex: auto; }
      .exp-magicbox .content-wrap .content-right .inner-right {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        .exp-magicbox .content-wrap .content-right .inner-right .subheading {
          font-size: 1.5rem;
          font-family: "Poppins", sans-serif;
          font-weight: 300; }

.magictop-content {
  flex: 1 0 0%;
  position: relative; }
  .magictop-content iframe, .magictop-content img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100%; }

.section-partnership {
  position: relative;
  display: flex; }
  .section-partnership .partnership-left {
    flex: 41.4%;
    background: #4404bf;
    color: #ffffff;
    padding: 3.4375rem; }
    .section-partnership .partnership-left h2, .section-partnership .partnership-left .h2 {
      margin-bottom: 2.5rem; }
    .section-partnership .partnership-left .info-section {
      display: flex;
      align-items: flex-start;
      flex-direction: column; }
      .section-partnership .partnership-left .info-section .numtext {
        margin-right: 0.375rem;
        display: flex;
        min-width: 9.375rem;
        min-height: 3.75rem;
        margin: 0; }
      .section-partnership .partnership-left .info-section .paratext {
        font-family: "Poppins", sans-serif;
        line-height: 1.21;
        letter-spacing: -0.36px;
        font-weight: 300; }
  .section-partnership .partnership-right {
    background: #cfbdff;
    flex: 58.4%;
    width: 100%; }
    .section-partnership .partnership-right .splide__pagination {
      display: none; }
    .section-partnership .partnership-right .splide__arrows {
      position: absolute;
      width: 7.5rem;
      right: 0;
      float: right;
      height: 2.25rem;
      z-index: 1; }
      .section-partnership .partnership-right .splide__arrows .splide__arrow {
        opacity: 1; }
      .section-partnership .partnership-right .splide__arrows .splide__arrow--prev {
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: 50% 50%;
        left: 0; }
      .section-partnership .partnership-right .splide__arrows .splide__arrow--prev, .section-partnership .partnership-right .splide__arrows .splide__arrow--next {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
        width: 2.625rem;
        height: 2.625rem;
        background-size: 2.625rem 1.875rem;
        background-position: center center;
        top: 0; }
        .section-partnership .partnership-right .splide__arrows .splide__arrow--prev svg, .section-partnership .partnership-right .splide__arrows .splide__arrow--next svg {
          display: none; }
    .section-partnership .partnership-right .pcontent-wrap {
      padding: 2.25rem 1.25rem; }

.partnership-testimonial {
  position: relative;
  padding: 4.375rem 0 0 6.875rem; }
  .partnership-testimonial .cmp {
    position: absolute;
    top: -0.3125rem;
    left: 0;
    margin-bottom: 0.625rem; }
    .partnership-testimonial .cmp img {
      max-height: 5rem;
      display: block; }
  .partnership-testimonial .img {
    width: 5.5rem;
    position: absolute;
    top: 4.375rem;
    left: 0;
    border-radius: 0.3125rem;
    margin-right: 1.25rem; }
    .partnership-testimonial .img img {
      max-width: 5.5rem;
      max-height: 5.5rem;
      border-radius: 0.3125rem;
      display: block; }
  .partnership-testimonial .content .paratext {
    font-weight: 300;
    line-height: 1.21;
    font-size: 1.25rem;
    letter-spacing: -0.36px;
    min-height: 17.5rem; }
  .partnership-testimonial .content .tname {
    font-weight: 500;
    line-height: 1.2;
    text-align: right;
    margin-top: 0.625rem; }

.inshight-wrap {
  display: flex;
  justify-content: space-between; }
  .inshight-wrap .inshight-wrap-item {
    width: 32%;
    overflow: hidden; }
    .inshight-wrap .inshight-wrap-item img {
      width: 100%;
      height: auto;
      display: block; }
    @media (max-width: 767px) {
      .inshight-wrap .inshight-wrap-item:first-child img {
        border-radius: 0.625rem 0 0 0.625rem; } }

.help-section {
  position: relative;
  display: flex;
  color: #defe46;
  background: #333333; }
  .help-section .help-left {
    flex: 0 1 57.2%;
    width: 100%; }
    .help-section .help-left img {
      width: 100%;
      max-height: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .help-section .help-right {
    flex: auto;
    background: #333333; }
    .help-section .help-right .help-right-inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      padding: 2.1875rem;
      height: 100%;
      max-width: 37.5rem; }

@media (max-width: 991.98px) {
  .section-partnership .partnership-right .splide__arrows {
    width: 5.625rem; }

  .section-partnership .partnership-right .splide__arrows .splide__arrow--prev, .section-partnership .partnership-right .splide__arrows .splide__arrow--next {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.875rem 1.5rem; }

  .accreditations-logos {
    background-color: #ffffff; }
    .accreditations-logos .splide__arrows {
      margin-top: 0.625rem; }
      .accreditations-logos .splide__arrows .splide__arrow--prev {
        left: 0; }
      .accreditations-logos .splide__arrows .splide__arrow--prev {
        right: 0; }
      .accreditations-logos .splide__arrows .splide__arrow--prev, .accreditations-logos .splide__arrows .splide__arrow--next {
        width: 0.875rem;
        height: 1.5rem;
        background-size: 1.375rem 1.5rem;
        background-position: center center;
        margin-top: 0.75rem;
        opacity: 1; }
    .accreditations-logos .h4 {
      font-size: 1.25rem; }
    .accreditations-logos .client-logo .logo-item {
      flex: 0 1 14.28%; }
      .accreditations-logos .client-logo .logo-item:not(:last-child) {
        margin-right: 2rem; }
      .accreditations-logos .client-logo .logo-item .client-img {
        height: 6.25rem;
        margin-bottom: 0.3125rem;
        display: flex;
        align-items: center;
        width: 6.25rem;
        margin: 0 auto; }
        .accreditations-logos .client-logo .logo-item .client-img img {
          max-width: 100%;
          max-height: 6.25rem; }
      .accreditations-logos .client-logo .logo-item .name {
        font-size: 0.875rem;
        color: #18181a;
        line-height: 1.13;
        text-align: center;
        display: none; }

  .help-section .help-left {
    flex: 0 1 51.3%;
    width: 100%; }
    .help-section .help-left img {
      width: 100%;
      max-height: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .help-section .help-right {
    flex: 0 1 48%;
    background: #333333; }
    .help-section .help-right .help-right-inner {
      padding: 1.25rem; }
      .help-section .help-right .help-right-inner h2 br {
        display: none; }

  a.readmore, .readmor {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500; }

  .viewicon {
    margin-left: 0.625rem; }
    .viewicon img {
      width: 3.125rem;
      height: 3.125rem; }

  .goal-section {
    padding: 2.5rem 1.875rem; }

  .goal-items {
    display: flex;
    flex-wrap: wrap; }
    .goal-items .goal-item {
      flex: 0 1 50%;
      width: 100%;
      height: 12.1875rem;
      border: 0.0625rem solid #ffffff;
      position: relative; }
      .goal-items .goal-item:first-child {
        border-radius: 0.625rem 0 0 0;
        margin-right: 0; }
      .goal-items .goal-item:nth-child(2) {
        border-radius: 0 0.625rem 0 0;
        margin-right: 0; }
      .goal-items .goal-item:nth-last-child(2) {
        border-radius: 0 0 0 0.625rem; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(3) {
        margin-bottom: 0; }
      .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(4), .goal-items .goal-item:nth-child(5) {
        margin-right: 0; }
      .goal-items .goal-item:nth-child(3) {
        border-radius: 0; }
      .goal-items .goal-item:nth-child(4) {
        border-radius: 0; }
      .goal-items .goal-item:last-child {
        border-radius: 0 0 0.625rem 0; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(3), .goal-items .goal-item:nth-child(5) {
        margin-right: -1px; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(4), .goal-items .goal-item:nth-child(5) {
        margin-bottom: -1px; }
      .goal-items .goal-item a {
        text-decoration: none;
        color: #ffffff;
        padding: 0.625rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        height: 100%; }
        .goal-items .goal-item a .item-card {
          font-size: 1.75rem;
          line-height: 1.21; }
      .goal-items .goal-item:hover {
        background: #4404bf; }
        .goal-items .goal-item:hover .item-card {
          font-size: 2rem;
          font-style: italic;
          font-weight: 500; }

  .serve-section {
    padding: 0 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    min-height: auto; }
    .serve-section .serve-left {
      flex: 0 1 100%;
      justify-content: center; }
      .serve-section .serve-left .serve-lottie-holder {
        max-width: 100%; }
      .serve-section .serve-left .lottie2 {
        width: 100%;
        padding-bottom: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: -23.125rem; }
        .serve-section .serve-left .lottie2 canvas {
          position: absolute;
          top: -5%;
          left: -5%;
          width: 110% !important;
          height: 110% !important; }
        .serve-section .serve-left .lottie2 .h2 {
          top: calc(50% - 90px); }
        .serve-section .serve-left .lottie2 .h2.flight {
          white-space: nowrap;
          font-size: 3.75rem; }
          .serve-section .serve-left .lottie2 .h2.flight br {
            display: none; }
    .serve-section .serve-right {
      flex: 100%; }
    .serve-section .serve-inner {
      height: 100%;
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: 2; }
    .serve-section a {
      color: #ffffff;
      display: block; }
    .serve-section .serve-item {
      display: flex;
      padding: 0.9375rem 1.875rem;
      justify-content: flex-start;
      height: 11.125rem;
      transition: all 0.3s ease; }
      .serve-section .serve-item .content {
        max-width: 100%;
        font-weight: normal;
        background-size: 0.6875rem 1.125rem; }
      .serve-section .serve-item:hover {
        color: #ffffff;
        text-decoration: none; }
        .serve-section .serve-item:hover .content {
          max-width: 100%;
          font-weight: normal;
          background-size: 0.6875rem 1.125rem; }
      .serve-section .serve-item .heading {
        margin-right: 0.0625rem;
        width: 21.875rem; }
      .serve-section .serve-item .content {
        font-size: 1.25rem;
        font-family: "Barlow", sans-serif;
        line-height: 1.5;
        flex-grow: 1; }

  .drive-items {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.25rem; }
    .drive-items .item {
      position: relative; }
      .drive-items .item:not(:last-child) {
        padding-right: 0.0625rem; }
      .drive-items .item.h1 {
        font-size: 3.125rem;
        font-weight: 300; }
      .drive-items .item a {
        color: #000;
        text-decoration: none;
        display: flex;
        align-items: center;
        font-weight: 300;
        transition: all 0.5s ease; }
        .drive-items .item a .arwicons {
          width: 2rem;
          height: 2rem;
          transition: all 0.5s ease;
          background-size: 2rem; }
        .drive-items .item a:hover {
          font-weight: 500;
          color: #310489; }
          .drive-items .item a:hover .arwicons {
            background-size: cover;
            margin-left: 10px; }
        .drive-items .item a:active {
          transform: scale(0.9); }

  .case-study {
    margin-left: 2.125rem; }

  .case-study .d-flex .col47 {
    width: 50%; }

  .case-study .inner-content .heading {
    font-size: 1rem; }

  .case-study .inner-content .paratext {
    font-size: 1.25rem;
    width: 90%; }

  a.readmore, .readmor {
    font-size: 1.25rem; }

  .viewall {
    font-size: 1.5rem; }

  .exp-magicbox {
    background: #18181a;
    padding: 1.25rem 0;
    position: relative;
    color: #ffffff; }
    .exp-magicbox .magic-icon {
      width: 4.375rem;
      margin-right: 0.0625rem;
      margin-top: 0; }
      .exp-magicbox .magic-icon img {
        width: 4.375rem !important;
        height: auto; }
    .exp-magicbox .content-wrap {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      .exp-magicbox .content-wrap .content-left {
        flex: 100%;
        margin-bottom: 2.5rem; }
        .exp-magicbox .content-wrap .content-left .magic-inner {
          display: flex; }
        .exp-magicbox .content-wrap .content-left .inner-content .paratext {
          font-weight: 300;
          line-height: 1.21;
          max-width: 43.125rem; }
      .exp-magicbox .content-wrap .content-right {
        flex: auto; }
        .exp-magicbox .content-wrap .content-right .inner-right {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 60%; }
          .exp-magicbox .content-wrap .content-right .inner-right .magic-icon {
            width: 4.375rem; }
            .exp-magicbox .content-wrap .content-right .inner-right .magic-icon img {
              width: 4.375rem; }
          .exp-magicbox .content-wrap .content-right .inner-right .subheading {
            font-size: 0.875rem; }

  .section-partnership {
    position: relative;
    display: flex;
    flex-direction: column; }
    .section-partnership .partnership-left {
      flex: 100%;
      background: #4404bf;
      color: #ffffff;
      padding: 1.875rem; }
      .section-partnership .partnership-left .partnership-left-inner {
        display: flex;
        justify-content: space-between;
        min-width: 100%; }
      .section-partnership .partnership-left .info-section {
        display: flex;
        flex-direction: column;
        width: 50%; }
        .section-partnership .partnership-left .info-section .numtext {
          margin-right: 0.0625rem;
          margin-bottom: 0; }
    .section-partnership .partnership-right {
      background: #cfbdff;
      flex: 100%;
      width: 100%; }
      .section-partnership .partnership-right .pcontent-wrap {
        padding: 2.25rem 1.25rem; }
    .section-partnership .partnership-testimonial {
      position: relative;
      padding: 6.875rem 0 0 0; }
      .section-partnership .partnership-testimonial .cmp {
        position: absolute;
        top: 1.5rem;
        left: 6.875rem;
        margin-bottom: 0.3125rem; }
        .section-partnership .partnership-testimonial .cmp img {
          max-height: 4.0625rem;
          display: block; }
      .section-partnership .partnership-testimonial .img {
        width: 6.25rem;
        position: absolute;
        top: 0rem;
        left: 0;
        border-radius: 0.3125rem;
        margin-right: 1.25rem; }
        .section-partnership .partnership-testimonial .img img {
          max-width: 6.25rem;
          max-height: 6.25rem;
          border-radius: 0.3125rem;
          display: block; }
      .section-partnership .partnership-testimonial .content .paratext {
        font-weight: 300;
        line-height: 1.21; }
      .section-partnership .partnership-testimonial .content .tname {
        font-weight: 500;
        line-height: 1.2;
        text-align: right;
        margin-top: 0.625rem; }

  .hero-slider {
    position: relative; }
    .hero-slider .splide__pagination {
      justify-content: center;
      bottom: 0; }
    .hero-slider .splide__pagination__page {
      width: 0.5rem;
      height: 0.5rem; } }
@media (max-width: 767px) {
  .section-partnership .partnership-right .splide__arrows .splide__arrow--prev, .section-partnership .partnership-right .splide__arrows .splide__arrow--next {
    width: 0.6875rem;
    height: 1.125rem;
    background-size: 0.6875rem 1.125rem; }

  .section.new-sec .drive-result-section, .section.new-sec .inshight-wrap-outer {
    padding-top: 1.875rem; }

  .case-study .inner-content .info {
    padding: 10px 0 20px 0; }

  .case-study {
    margin-left: 0; }
    .case-study .d-flex {
      flex-direction: column; }
    .case-study .d-flex .col47, .case-study .d-flex .col50 {
      width: 100%; }
    .case-study .inner-content .heading {
      font-size: 1rem;
      position: relative;
      left: 0;
      margin-bottom: 0.625rem; }

  .case-study .img-sec img {
    border-radius: 0;
    max-height: 10rem; }

  .case-study .inner-content .paratext {
    font-size: 1.25rem; }

  .accreditations-logos {
    background-color: #ffffff;
    padding: 1rem 0 !important; }
    .accreditations-logos .splide__arrows {
      margin-top: 0; }
      .accreditations-logos .splide__arrows .splide__arrow--prev, .accreditations-logos .splide__arrows .splide__arrow--next {
        width: 0.5rem;
        height: 0.625rem;
        background-size: 0.5rem 0.625rem;
        opacity: 1; }
    .accreditations-logos .h4 {
      font-size: 0.875rem;
      margin-bottom: 0.3125rem; }
    .accreditations-logos .client-logo .logo-item {
      flex: 0 1 14.28%; }
      .accreditations-logos .client-logo .logo-item:not(:last-child) {
        margin-right: 1rem; }
      .accreditations-logos .client-logo .logo-item .client-img {
        height: 3.75rem;
        margin-bottom: 0.0625rem;
        display: flex;
        align-items: center;
        width: 3.75rem; }
        .accreditations-logos .client-logo .logo-item .client-img img {
          max-width: 3.75rem;
          max-height: 3.75rem; }
      .accreditations-logos .client-logo .logo-item .name {
        font-size: 0.75rem;
        color: #18181a;
        line-height: 1.13;
        text-align: center;
        display: none; }

  .inshight-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap; }
    .inshight-wrap .inshight-wrap-item {
      width: 100%;
      overflow: hidden; }
      .inshight-wrap .inshight-wrap-item img {
        width: 100%;
        height: auto;
        display: block; }
      .inshight-wrap .inshight-wrap-item:nth-child(2) img {
        border-radius: 0 0.625rem 0.625rem 0; }
      .inshight-wrap .inshight-wrap-item:nth-child(3) {
        display: none; }

  .serve-section .serve-left .lottie2 {
    width: 26.875rem;
    height: 26.875rem;
    margin: 0 auto;
    margin-bottom: -15.3125rem; }
    .serve-section .serve-left .lottie2 .h2 {
      top: calc(50% - 75px); }
    .serve-section .serve-left .lottie2 canvas {
      top: -10%;
      left: -5%; }

  .help-section {
    position: relative;
    display: flex;
    color: #defe46;
    background: #333333;
    flex-direction: column; }
    .help-section .help-left {
      flex: 0 1 100%;
      max-width: 100%; }
      .help-section .help-left img {
        width: 100%;
        max-height: 100%;
        height: auto;
        object-fit: cover;
        display: block; }
    .help-section .help-right {
      flex: 0 1 100%; }
      .help-section .help-right .help-right-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 1.25rem;
        height: 100%;
        max-width: 37.5rem; }

  a.readmore, .readmor {
    font-size: 1rem;
    line-height: 1.19;
    font-weight: 300; }

  .viewicon {
    margin-left: 0.625rem; }
    .viewicon img {
      width: 2.125rem;
      height: 2.125rem; }

  a.readmore, .readmor {
    font-size: 1rem; }

  .viewall {
    font-size: 1.125rem; }

  .goal-section {
    padding: 0.25rem 1.25rem 1.875rem 1.25rem; }

  .goal-items {
    display: flex;
    flex-wrap: wrap; }
    .goal-items .goal-item {
      flex: 0 1 50%;
      width: 100%;
      height: 7.5rem;
      border: 0.0625rem solid #ffffff;
      position: relative; }
      .goal-items .goal-item:first-child {
        border-radius: 0.625rem 0 0 0;
        margin-right: 0; }
      .goal-items .goal-item:nth-child(2) {
        border-radius: 0 0.625rem 0 0;
        margin-right: 0; }
      .goal-items .goal-item:nth-last-child(2) {
        border-radius: 0 0 0 0.625rem; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(3) {
        margin-bottom: 0; }
      .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(4), .goal-items .goal-item:nth-child(5) {
        margin-right: 0; }
      .goal-items .goal-item:nth-child(3) {
        border-radius: 0; }
      .goal-items .goal-item:nth-child(4) {
        border-radius: 0; }
      .goal-items .goal-item:last-child {
        border-radius: 0 0 0.625rem 0; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(3), .goal-items .goal-item:nth-child(5) {
        margin-right: -1px; }
      .goal-items .goal-item:first-child, .goal-items .goal-item:nth-child(2), .goal-items .goal-item:nth-child(4), .goal-items .goal-item:nth-child(5) {
        margin-bottom: -1px; }
      .goal-items .goal-item a {
        text-decoration: none;
        color: #ffffff;
        padding: 0.625rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        height: 100%; }
        .goal-items .goal-item a .item-card {
          font-size: 1rem; }
      .goal-items .goal-item:hover {
        background: #4404bf; }
        .goal-items .goal-item:hover .item-card {
          font-size: 1.25rem;
          font-style: italic;
          font-weight: 500; }

  .lottie2 .h2 {
    font-size: 1.875rem !important; }

  .serve-section {
    padding: 0 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    min-height: auto; }
    .serve-section .serve-left {
      flex: 100%; }
    .serve-section .serve-right {
      flex: 100%; }
    .serve-section .serve-inner {
      height: 100%;
      display: flex;
      flex-direction: column; }
    .serve-section a {
      color: #ffffff;
      display: block; }
    .serve-section .serve-item {
      display: flex;
      padding: 0.625rem;
      justify-content: flex-start;
      height: 7.4375rem;
      transition: all 0.3s ease; }
      .serve-section .serve-item .content {
        background-size: 0.6875rem 1.125rem;
        margin-right: 0;
        padding-right: 1rem;
        width: 8.75rem; }
      .serve-section .serve-item:hover {
        color: #ffffff;
        text-decoration: none; }
        .serve-section .serve-item:hover .content {
          background-size: 0.6875rem 1.125rem; }
      .serve-section .serve-item .heading {
        margin-right: 0.0625rem;
        width: 12.5rem; }
      .serve-section .serve-item .content {
        font-size: 0.875rem;
        font-family: "Barlow", sans-serif;
        line-height: 1.21; }

  .drive-result-section .paratext {
    font-weight: normal; }

  .drive-items {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 1.375rem; }
    .drive-items .item {
      position: relative;
      margin-bottom: 2rem; }
      .drive-items .item:not(:last-child) {
        padding-right: 0.0625rem; }
      .drive-items .item .arwicons {
        width: 2rem;
        height: 2rem;
        margin-left: 0.625rem; }
      .drive-items .item a {
        color: #000;
        text-decoration: none;
        display: flex;
        align-items: center;
        font-weight: 300;
        transition: all 0.4s ease; }
        .drive-items .item a .arwicons {
          width: 2rem;
          height: 2rem;
          position: absolute;
          right: 0; }
        .drive-items .item a:hover {
          font-weight: 500;
          color: #310489; }
          .drive-items .item a:hover .arwicons {
            background-size: cover; }

  .exp-magicbox {
    background: #18181a;
    padding: 1.25rem 0;
    position: relative;
    color: #ffffff; }
    .exp-magicbox .magic-icon {
      width: 3.125rem !important;
      margin-right: 0.0625rem; }
      .exp-magicbox .magic-icon img {
        width: 3.125rem !important;
        height: auto; }
    .exp-magicbox .content-wrap {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      .exp-magicbox .content-wrap .content-left {
        flex: 100%;
        margin-bottom: 2.5rem; }
        .exp-magicbox .content-wrap .content-left .magic-inner {
          display: flex; }
        .exp-magicbox .content-wrap .content-left .inner-content .paratext {
          font-weight: normal;
          line-height: 1.21;
          max-width: 33.125rem; }
      .exp-magicbox .content-wrap .content-right {
        flex: auto; }
        .exp-magicbox .content-wrap .content-right .inner-right {
          display: flex;
          justify-content: space-between;
          width: 100%;
          padding-bottom: 1.25rem; }
          .exp-magicbox .content-wrap .content-right .inner-right .subheading {
            font-size: 0.875rem; }

  .section-partnership {
    position: relative;
    display: flex;
    flex-direction: column; }
    .section-partnership .partnership-left {
      flex: 100%;
      background: #4404bf;
      color: #ffffff;
      padding: 1.875rem; }
      .section-partnership .partnership-left .partnership-left-inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
      .section-partnership .partnership-left .info-section {
        display: flex;
        flex-direction: column;
        width: 80%; }
        .section-partnership .partnership-left .info-section .numtext {
          margin-right: 0.0625rem;
          margin-bottom: 0;
          min-height: auto; }
    .section-partnership .partnership-right {
      background: #cfbdff;
      flex: 100%;
      width: 100%; }
      .section-partnership .partnership-right .pcontent-wrap {
        padding: 2.25rem 1.25rem; }
    .section-partnership .partnership-testimonial {
      position: relative;
      padding: 4.375rem 0 0 0; }
      .section-partnership .partnership-testimonial .cmp {
        position: absolute;
        top: 2.125rem;
        left: 4.375rem;
        margin-bottom: 0.3125rem; }
        .section-partnership .partnership-testimonial .cmp img {
          max-height: 2.1875rem;
          display: block; }
      .section-partnership .partnership-testimonial .img {
        width: 4.0625rem;
        position: absolute;
        top: 0rem;
        left: 0;
        border-radius: 0.3125rem;
        margin-right: 1.25rem; }
        .section-partnership .partnership-testimonial .img img {
          max-width: 4.0625rem;
          max-height: 4.0625rem;
          border-radius: 0.3125rem;
          display: block; }
      .section-partnership .partnership-testimonial .content .paratext {
        font-weight: 300;
        line-height: 1.21;
        font-size: 0.875rem;
        padding-top: 0.375rem; }
      .section-partnership .partnership-testimonial .content .tname {
        font-weight: 500;
        line-height: 1.2;
        text-align: right;
        margin-top: 0.625rem; }

  .hero-slider {
    position: relative; }
    .hero-slider .splide__pagination {
      justify-content: center;
      bottom: 0; }
    .hero-slider .splide__pagination__page {
      width: 0.375rem;
      height: 0.375rem; }

  .slide-img img {
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 8.75rem);
    object-position: 50% 100%; }

  .accreditations-logos .splide__track {
    margin: 0 0.9375rem; }

  .accreditations-logos .splide__arrows {
    margin-top: 0.375rem; }

  .accreditations-logos .splide__arrows .splide__arrow--next {
    right: 0; }

  .section-partnership .partnership-right .splide__arrows {
    width: 3.75rem; } }
.container-home {
  max-width: 74.375rem; }

.magic-content .magictop-content {
  flex-grow: 1;
  display: flex;
  align-items: stretch; }

.home-page .homeMagicVideo .video-js {
  background: #555456; }

.video-js {
  background: #555456 !important; }

.homeMagicVideo {
  flex: 1 0 0%;
  position: relative;
  background: #555456;
  min-height: 100%;
  width: 100%;
  position: relative;
  background: #000; }
  .homeMagicVideo .my-playermagiPlayer-dimensions, .homeMagicVideo iframe, .homeMagicVideo .img, .homeMagicVideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media (max-width: 991.98px) {
    .homeMagicVideo {
      padding-bottom: 30%;
      height: 0; }
      .homeMagicVideo iframe, .homeMagicVideo img {
        object-position: 6% 10%; } }
  @media (max-width: 767.98px) {
    .homeMagicVideo iframe, .homeMagicVideo img {
      object-position: 6% top; } }

@media (max-width: 1199.98px) {
  .section.new-sec .drive-result-section {
    padding: 2.5rem 0; } }
@media (max-width: 575.98px) {
  .section.new-sec .drive-result-section {
    padding-bottom: 0; } }

@media (max-width: 767.98px) {
  .home-page .case-study .img-sec {
    background: #000; }
  .home-page .magic-content {
    padding: 4.375rem 0 2.5rem; }
  .home-page .serve-section-outer {
    padding: 3.125rem 0 0; }
  .home-page .inshight-wrap-outer {
    padding: 3.75rem 0 !important; }
  .home-page .goal-section-outer {
    padding: 1.875rem 0; } }
.main-slider {
  position: relative; }

@media (min-width: 1000px) and (max-width: 1024px) {
  .serve-section .serve-item .content {
    max-width: 10.75rem; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .help-section {
    height: 58vh; } }
.new-event {
  background-image: url("https://www.magicedtech.com/wp-content/uploads/2023/02/webnar-bg.jpg");
  background-size: 100% 60%;
  background-repeat: no-repeat;
  padding-bottom: 0rem; }
  @media (max-width: 1024px) {
    .new-event {
      padding-top: 3.125rem; } }
  @media (max-width: 992px) {
    .new-event {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      background-image: none;
      background-color: #000 !important; }
      .new-event .container > .row {
        flex-direction: column-reverse; }
      .new-event .accesible-sec .accesible-content {
        color: #fff; }
      .new-event .accesible-sec .left-content {
        padding-top: 1.875rem;
        padding-bottom: 4.375rem; }
      .new-event .accesible-sec .left-content .register-btn {
        margin-top: 3.125rem;
        background: #defe46;
        color: #000;
        margin-left: 0; } }
  @media (min-width: 992px) {
    .new-event .justify-content-lg-between {
      justify-content: space-between; } }

.accesible-sec {
  position: relative; }
  .accesible-sec .container-full {
    padding: 0 3.75rem;
    position: relative; }
    .accesible-sec .container-full .logo-top {
      position: absolute;
      right: 3.75rem;
      top: 1.875rem;
      max-width: 8.125rem; }
    @media (max-width: 767px) {
      .accesible-sec .container-full {
        padding: 0 0.9375rem; }
        .accesible-sec .container-full .logo-top {
          right: 0.9375rem;
          top: 0rem;
          max-width: 5rem; } }
  .accesible-sec .col-3 {
    max-width: 23%; }
    @media (max-width: 991px) {
      .accesible-sec .col-3 {
        min-width: 30%; } }
  .accesible-sec .align-self-center {
    align-self: center; }
  .accesible-sec .align-self-end {
    align-self: end; }
  .accesible-sec .left-content {
    position: relative;
    padding-top: 3.75rem;
    z-index: 2;
    padding-left: 1.875rem; }
    .accesible-sec .left-content .magically-logo {
      max-width: 15rem;
      margin-bottom: 1.25rem; }
      @media (max-width: 991px) {
        .accesible-sec .left-content .magically-logo {
          max-width: 8.75rem;
          margin-left: 0; } }
    @media (max-width: 991px) {
      .accesible-sec .left-content {
        padding-left: 0; } }
  .accesible-sec .accesible-content {
    position: relative;
    z-index: 2;
    margin-bottom: 6.875rem;
    padding: 0;
    color: #fff; }
    @media (max-width: 992px) {
      .accesible-sec .accesible-content {
        margin-bottom: 3.75rem; } }
    .accesible-sec .accesible-content .magically {
      max-width: 12.5rem; }
    .accesible-sec .accesible-content h4 {
      color: #fff;
      font-size: 3.125rem;
      margin-bottom: 0.625rem;
      letter-spacing: 0.025rem; }
      @media (max-width: 1440px) {
        .accesible-sec .accesible-content h4 {
          font-size: 2.8125rem; } }
      @media (max-width: 1366px) {
        .accesible-sec .accesible-content h4 {
          font-size: 2.8125rem; } }
      @media (max-width: 1280px) {
        .accesible-sec .accesible-content h4 {
          font-size: 2.5rem; } }
      @media (max-width: 767px) {
        .accesible-sec .accesible-content h4 {
          font-size: 1.875rem; } }
    .accesible-sec .accesible-content h2 {
      color: #fff;
      font-size: 3.75rem;
      font-weight: 300;
      margin-bottom: 3.75rem;
      letter-spacing: 0.03125rem; }
      @media (max-width: 1366px) {
        .accesible-sec .accesible-content h2 {
          font-size: 3.75rem; } }
      @media (max-width: 767px) {
        .accesible-sec .accesible-content h2 {
          font-size: 2.5rem; } }
    .accesible-sec .accesible-content a {
      background: #4404bf;
      color: #fff;
      padding: 0.5625rem 2.8125rem;
      display: inline-block;
      margin-top: 3.125rem;
      font-size: 1.125rem; }
      @media (max-width: 1024px) {
        .accesible-sec .accesible-content a {
          margin-top: 0.9375rem;
          margin-bottom: 1.875rem; } }
    @media (min-width: 1024px) {
      .accesible-sec .accesible-content .team-box {
        margin-right: 1.25rem; } }
    .accesible-sec .accesible-content .team-box img {
      max-width: 100%; }
    .accesible-sec .accesible-content .team-box h5 {
      font-weight: 400;
      font-size: 0.875rem;
      margin-top: 0.625rem; }
    .accesible-sec .accesible-content .team-box p {
      font-size: 0.625rem;
      font-weight: 300; }
    @media (max-width: 767px) {
      .accesible-sec .accesible-content .team-box h5 {
        font-size: 1rem; }
      .accesible-sec .accesible-content .team-box p {
        font-size: 0.875rem;
        font-weight: 300; } }
  .accesible-sec .left-content.right-box {
    padding-bottom: 12.5rem;
    position: relative; }
    @media (max-width: 767px) {
      .accesible-sec .left-content.right-box {
        padding-bottom: 2.5rem;
        margin-top: 1.875rem; } }
  .accesible-sec .left-content .register-btn {
    background: #defe46;
    color: #000;
    font-weight: 500;
    font-size: 1.125rem;
    padding: 0.625rem 2.1875rem;
    border-radius: 0.125rem;
    display: inline-block;
    margin-top: 10.625rem;
    display: flex;
    align-items: center;
    width: max-content; }
    .accesible-sec .left-content .register-btn img {
      max-width: 1.25rem;
      margin-left: 0.625rem; }
  .accesible-sec .left-content h2 {
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    margin-bottom: 0.625rem;
    margin-top: 2.5rem; }
  .accesible-sec .left-content ul {
    display: flex; }
    .accesible-sec .left-content ul li {
      font-size: 1.5rem;
      font-weight: 100;
      color: #fff;
      display: inline-block;
      padding-right: 1.875rem;
      line-height: 1.3;
      display: flex;
      align-items: center; }
      .accesible-sec .left-content ul li img {
        margin-right: 0.375rem;
        max-width: 1.875rem; }
        @media (max-width: 767px) {
          .accesible-sec .left-content ul li img {
            max-width: 1.75rem; } }
      .accesible-sec .left-content ul li:last-child {
        padding-left: 1.25rem;
        border: none;
        padding-right: 0; }
  @media (max-width: 991px) {
    .accesible-sec .container {
      overflow: hidden;
      padding: 0; }
    .accesible-sec .left-content h2 {
      font-size: 1.25rem; }
    .accesible-sec .left-content ul li {
      font-size: 1.25rem; } }
  @media (max-width: 767px) {
    .accesible-sec .left-content ul li {
      font-size: 1rem;
      padding-right: 1.25rem; }
      .accesible-sec .left-content ul li:last-child {
        padding-right: 0; } }

.side-menu-arrow.showMe {
  margin-top: 5rem !important; }

@media (max-width: 767px) {
  .main-slider {
    margin-bottom: 4.375rem; } }
.offscreen {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip-path: inset(1px 1px 1px 1px);
  clip-path: inset(1px, 1px, 1px, 1px);
  z-index: 999; }

.skip-to-content.offscreen:focus {
  position: absolute;
  display: inline-block;
  height: auto;
  width: auto;
  padding: 0.4em 1.25em;
  background-color: #defe46;
  color: #000;
  overflow: visible;
  clip-path: none;
  text-decoration: none;
  top: 0;
  font-size: 0.75rem;
  outline: 2px solid #fff !important; }

.page-template-homepage .arwtop-btm.posfix .clickarrow {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-top-bottom-new.svg) no-repeat top center;
  width: 2.25rem;
  height: 2.5625rem;
  background-size: 2.25rem auto; }

.footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #ffffff; }
  .footer .footer-col {
    flex: 0 1 22.2%; }
  @media (min-width: 1400px) {
    .footer .footer-col {
      flex: 0 1 21.2%; } }
  @media (max-width: 1280px) {
    .footer .footer-col {
      flex: 0 1 20%; } }
  @media (max-width: 1280px) {
    .footer .footer-col {
      flex: 0 1 19%; } }
  .footer .footer-col1 {
    flex: 0 1 33.33%;
    display: flex;
    justify-content: flex-end; }
  .footer .social-section {
    flex: 0 1 100%;
    padding: 1.75rem 0 0.625rem 0; }
    .footer .social-section .social-inner {
      display: flex;
      justify-content: flex-start; }
      .footer .social-section .social-inner p {
        width: 100%;
        display: flex;
        justify-content: flex-start; }
      .footer .social-section .social-inner br {
        display: none; }
    .footer .social-section .socialimg {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/social-icons-green-n-white.svg) no-repeat;
      width: 2rem;
      height: 2rem;
      display: flex;
      background-size: 14.4375rem 4.8125rem; }
    .footer .social-section .tw {
      background-position: -1.1875rem -0.375rem; }
      .footer .social-section .tw:hover {
        background-position: -1.1875rem -2.5rem; }
    .footer .social-section .fa {
      background-position: -3.75rem -0.375rem; }
      .footer .social-section .fa:hover {
        background-position: -3.75rem -2.5rem; }
    .footer .social-section .lin {
      background-position: -6.3125rem -0.375rem; }
      .footer .social-section .lin:hover {
        background-position: -6.3125rem -2.5rem; }
    .footer .social-section .ins {
      background-position: -8.8125rem -0.375rem; }
      .footer .social-section .ins:hover {
        background-position: -8.8125rem -2.5rem; }
    .footer .social-section .youtube {
      background-position: -11.4375rem -0.375rem; }
      .footer .social-section .youtube:hover {
        background-position: -11.4375rem -2.5rem; }
    .footer .social-section .social-icon-s {
      margin-right: 1rem; }
    .footer .social-section .social-icon {
      width: 1.875rem; }
      .footer .social-section .social-icon img {
        width: 100%;
        height: 1.75rem; }
      .footer .social-section .social-icon:hover {
        opacity: 0.9; }
      .footer .social-section .social-icon:not(:last-child) {
        margin-right: 0.625rem; }
  .footer .footer-link ul {
    padding: 0;
    margin: 0; }
    .footer .footer-link ul li {
      list-style: none;
      font-size: 1.5rem;
      font-weight: 300;
      color: #ffffff; }
      .footer .footer-link ul li a {
        color: #ffffff;
        text-decoration: none;
        line-height: 1.5; }
        .footer .footer-link ul li a:hover {
          color: #defe46; }
  .footer .footer-items {
    display: flex; }
    .footer .footer-items .magic-icon1 {
      width: 6.625rem;
      margin-right: 1.125rem;
      margin-top: 0.1875rem; }
      .footer .footer-items .magic-icon1 img {
        max-width: 6.625rem;
        max-height: 6.625rem;
        display: block; }
  .footer .footer-para {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 300;
    line-height: 1.12;
    width: 17.375rem; }

.copywright {
  display: flex;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.8);
  padding: 1.25rem 0 0.5rem 0; }
  @media (max-width: 991.98px) {
    .copywright {
      padding: 1.25rem 0 0.3125rem 0; } }
  @media (max-width: 767.98px) {
    .copywright {
      padding: 1.25rem 0 0.625rem 0; } }
  .copywright ul {
    display: flex;
    width: max-content; }
    .copywright ul li a {
      margin-right: 0.125rem;
      margin-left: 0.3125rem; }
  .copywright .copy-link a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none; }
    .copywright .copy-link a:hover {
      color: #defe46; }

@media (max-width: 1024px) {
  .footer {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    flex-wrap: wrap; }
    .footer .footer-col {
      flex: 0 1 33.33%;
      margin-bottom: 2.5rem;
      order: 1; }
    .footer .footer-col1 {
      flex: 0 1 50%;
      order: 3;
      margin-bottom: 2.5rem; }
    .footer .social-section {
      flex: 0 1 33.33%;
      order: 2;
      padding: 0;
      margin-bottom: 2.5rem; }
    .footer .footer-link ul {
      padding: 0;
      margin: 0; }
      .footer .footer-link ul li {
        list-style: none;
        font-size: 1.25rem;
        font-weight: 300;
        color: #ffffff; }
        .footer .footer-link ul li a {
          color: #ffffff;
          text-decoration: none;
          line-height: 1.5; }
          .footer .footer-link ul li a:hover {
            color: #defe46; }
    .footer .footer-items {
      display: flex; }
      .footer .footer-items .magic-icon1 {
        width: 6rem;
        margin-right: 1.25rem;
        margin-top: 0.25rem; }
        .footer .footer-items .magic-icon1 img {
          max-width: 6rem;
          max-height: 6rem; }
    .footer .footer-para {
      font-size: 1.25rem;
      color: #ffffff;
      font-weight: 300;
      width: auto; }

  .copywright {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.8);
    padding: 1.25rem 0;
    font-weight: 300;
    padding-right: 3.5rem; }
    .copywright .copy-link a {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: none; }
      .copywright .copy-link a:hover {
        color: #defe46; } }
@media (max-width: 767px) {
  .footer {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    flex-wrap: wrap; }
    .footer .footer-col {
      flex: 0 1 50%;
      margin-bottom: 2.5rem;
      order: 1; }
    .footer .footer-col1 {
      flex: 0 1 50%;
      order: 2; }
    .footer .social-section {
      flex: 0 1 100%;
      order: 3;
      padding: 0;
      margin-bottom: 1.25rem; }
    .footer .footer-link ul {
      padding: 0;
      margin: 0; }
      .footer .footer-link ul li {
        list-style: none;
        font-size: 0.875rem;
        font-weight: 300;
        color: #ffffff; }
        .footer .footer-link ul li a {
          color: #ffffff;
          text-decoration: none;
          line-height: 1.5; }
          .footer .footer-link ul li a:hover {
            color: #defe46; }
    .footer .footer-items {
      display: flex;
      flex-direction: column; }
      .footer .footer-items .magic-icon1 {
        width: 2.1875rem;
        margin-right: 0.0625rem;
        margin-bottom: 0.625rem; }
        .footer .footer-items .magic-icon1 img {
          max-width: 2.1875rem;
          max-height: 2.1875rem; }
    .footer .footer-para {
      font-size: 0.875rem;
      color: #ffffff;
      font-weight: 300; }

  .copywright {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 0;
    font-weight: 300; }
    .copywright .copy-link a {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: none; }
      .copywright .copy-link a:hover {
        color: #defe46; } }
html, body {
  scroll-behavior: unset; }

.body-hidden {
  overflow: hidden; }

.section.new-sec.mt-0 {
  margin-top: 0; }

.section {
  background-color: #000;
  scroll-snap-align: start;
  position: relative;
  transition: all 0.5s;
  overflow: hidden; }

.section-inner {
  transition: all 0.5s;
  position: relative; }
  .section-inner .aminCenter {
    position: relative; }

.section:first-child {
  margin: 0 !important; }

@keyframes yoyo {
  0% {
    align-items: center; }
  50% {
    align-items: center; }
  100% {
    align-items: center; } }
.loaderMotifAnim {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: -1.875rem;
  position: relative;
  width: 100%;
  pointer-events: none;
  height: 6.25rem;
  width: 6.25rem; }

.loader {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 3.75rem;
  z-index: 99999;
  transition: opacity 1.2s;
  opacity: 1;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .loader .logoinner {
    width: 15.625rem;
    height: 6.625rem;
    background: #000 url("https://www.magicedtech.com/wp-content/themes/magic/assets/images/magicedtech.svg") no-repeat 50% 50%;
    background-size: 14.625rem auto;
    margin-bottom: 1rem;
    padding-top: 3.75rem; }
    @media (max-width: 991.98px) {
      .loader .logoinner {
        width: 12.5rem;
        background-size: 10rem auto;
        height: 6.25rem; } }
    @media (max-width: 767.98px) {
      .loader .logoinner {
        width: 7.5rem;
        background-size: 7.5rem auto;
        height: 3.75rem; } }
  .loader .loadertext {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #defe46;
    font-size: 2.25rem;
    line-height: 1.28;
    letter-spacing: -0.72px;
    text-align: center; }
  @media (max-width: 767.98px) {
    .loader {
      top: 3rem; }
      .loader .loadertext {
        font-size: 1.5rem;
        padding: 0 1.25rem;
        line-height: 1.14; } }

.loader.hide {
  opacity: 0;
  /* top: -100%; */ }

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.8, 0.8); }
  100% {
    transform: scale(1, 1); } }
/* ==== */
.hero-slider {
  width: 100%;
  height: 100vh; }
  @media (max-width: 991.98px) {
    .hero-slider {
      height: auto;
      padding-bottom: 1.875rem; } }

.hero-slider .slide-img {
  width: 100%;
  height: calc(100vh - size(100));
  background-position: 50% bottom;
  background-size: cover;
  background-repeat: no-repeat; }

.fp-auto-height {
  min-height: auto; }

.lottie {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0 3rem;
  position: absolute;
  left: 50%;
  height: 82%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 9; }
  .lottie .heading {
    position: absolute;
    text-align: center;
    z-index: 1;
    color: #deff46;
    font-weight: 500;
    opacity: 0;
    transition: all 1s; }
    .lottie .heading.active {
      opacity: 1; }

.lottie1 canvas {
  height: auto !important; }

@media (max-width: 991.98px) {
  .main-slider {
    overflow: hidden; }

  .lottie {
    width: 200% !important;
    height: calc(100vh - 11.75rem) !important;
    top: 0; } }
.lottie2 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 41.25rem;
  height: 41.25rem; }
  .lottie2 .h2 {
    position: absolute;
    text-align: center;
    z-index: 1;
    font-size: 3.75rem;
    color: #4404bf;
    font-weight: 500;
    transition: all 1s; }
    .lottie2 .h2.active {
      opacity: 1; }

#myMenu {
  position: fixed;
  z-index: 100;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  left: 1.25rem;
  width: 12.5rem; }
  #myMenu li {
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0.625rem 0;
    position: relative; }
    #myMenu li.hideMe {
      display: none; }
    #myMenu li a {
      display: block;
      position: relative;
      z-index: 1;
      width: 1.25rem;
      height: 1.25rem;
      cursor: pointer;
      text-decoration: none; }
      #myMenu li a span {
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        height: 0.5rem;
        width: 0.5rem;
        border: 0;
        background: #fff;
        left: 0.375rem;
        top: 0.25rem;
        transition: all 0.5s ease-in-out;
        margin: 0.125rem 0 0;
        opacity: 0; }
    #myMenu li.active a span {
      transform: scale(1.5);
      transform-origin: center center; }
    #myMenu li .fp-tooltip {
      position: absolute;
      top: -0.125rem;
      color: #fff;
      left: 1.375rem;
      white-space: nowrap;
      max-width: 13.75rem;
      display: block;
      transition: all 0.4s ease-out;
      cursor: pointer;
      font-size: 1.25rem;
      font-weight: 300;
      font-family: "Barlow", sans-serif;
      opacity: 0;
      transform: translateX(-50%);
      width: 12.5rem;
      pointer-events: none; }
    #myMenu li .fp-tooltip[data-active="true"] {
      opacity: 1;
      transform: translateX(0);
      pointer-events: all; }
    #myMenu li.active a span {
      background: #defe46; }

.firstSlide #myMenu li a span {
  background: #defe46; }

.showBullet #myMenu li a span {
  opacity: 1; }

.small #myMenu {
  width: 1.25rem; }

.myMenuOuter {
  position: fixed;
  width: 15.625rem;
  height: calc(100vh - 7.6rem);
  z-index: 9;
  left: 0;
  top: 0;
  transition: all 0.8s ease;
  transform: translateX(-100%);
  margin-top: 1.4375rem; }
  .myMenuOuter.withBg {
    background-color: rgba(0, 0, 0, 0.5); }
  .myMenuOuter.hideMe {
    opacity: 0;
    pointer-events: none; }
  .myMenuOuter.theme-light {
    background: none; }
    .myMenuOuter.theme-light #myMenu .fp-tooltip {
      color: #000; }
    .myMenuOuter.theme-light #myMenu li a span {
      background: #3e3d41; }
    .myMenuOuter.theme-light #myMenu li.active a span {
      background: #4504be; }

.myMenuOuter.show {
  transform: translateX(0); }

.myMenuOuter.small {
  width: 3.75rem; }

/* .myMenuOuter.small #myMenu li  .fp-tooltip {
        opacity: 0;
    } */
.header-dark {
  transition: all 0.5s; }
  .header-dark.small-header {
    height: 3.75rem; }

.menu-sec {
  position: static !important; }

.mega-dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  padding: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease 0.3s, visibility 0.2s;
  will-change: opacity;
  background: #ffffff;
  display: flex;
  align-items: flex-end; }
  @media (min-width: 768px) {
    .mega-dropdown {
      height: 0; } }
  .mega-dropdown .drop-inner {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease 0.3s;
    width: 100%;
    visibility: hidden; }

.showMe.scroll .mega-dropdown {
  display: none; }

.menu-sec .menu ul li.showMe > a,
.menu-sec .menu ul li:hover > a {
  color: #defe46; }
.menu-sec .menu ul li.showMe .mega-dropdown,
.menu-sec .menu ul li:hover .mega-dropdown {
  visibility: visible;
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
  box-shadow: 0 1px 0 0 black;
  opacity: 1;
  -moz-animation: dropMenuSelect 0s forwards;
  -webkit-animation: dropMenuSelect 0s forwards;
  animation: dropMenuSelect 0s forwards;
  animation-delay: 0.4s; }
  @media (min-width: 992px) {
    .menu-sec .menu ul li.showMe .mega-dropdown,
    .menu-sec .menu ul li:hover .mega-dropdown {
      height: 20rem; } }
  @media (max-width: 992px) {
    .menu-sec .menu ul li.showMe .mega-dropdown,
    .menu-sec .menu ul li:hover .mega-dropdown {
      height: auto; } }
  .menu-sec .menu ul li.showMe .mega-dropdown .drop-inner,
  .menu-sec .menu ul li:hover .mega-dropdown .drop-inner {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease 0.5s;
    visibility: visible; }

.menu-sec .menu ul li.showMe > a,
.menu-sec .menu ul li:hover > a {
  color: #defe46; }
.menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu,
.menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu {
  visibility: visible;
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
  box-shadow: 0 1px 0 0 black;
  opacity: 1;
  -moz-animation: dropMenuSelect 0s forwards;
  -webkit-animation: dropMenuSelect 0s forwards;
  animation: dropMenuSelect 0s forwards;
  animation-delay: 0.4s; }
  @media (min-width: 992px) {
    .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu,
    .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu {
      padding-bottom: 0.625rem;
      padding-top: 1.875rem; } }
  @media (max-width: 992px) {
    .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu,
    .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu {
      height: auto; } }
  .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu .drop-inner,
  .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu .drop-inner {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease 0.5s; }

@keyframes dropMenuSelect {
  0% {
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    pointer-events: none; }
  100% {
    -moz-pointer-events: all;
    -webkit-pointer-events: all;
    pointer-events: all; } }
.navsection {
  align-items: stretch !important; }
  .navsection .menu-sec .menu ul,
  .navsection .menu-sec .menu,
  .navsection .menu-sec .menu ul li,
  .navsection .logo-sec,
  .navsection .menu-sec {
    display: flex; }
  .navsection .logo-sec,
  .navsection .menu-sec .menu ul li {
    align-items: center; }

.home-page .footer-outer {
  padding: 5.625rem 0 5.625rem 0; }

.footer-outer {
  padding: 5.625rem 0 0.0625rem 0; }

.magictop-content iframe,
.magictop-content img {
  object-fit: cover; }

.w-100 {
  width: 100%; }

.d-flex {
  display: flex; }
  .d-flex .col50 {
    width: 50%; }
  .d-flex .col47 {
    width: 60%; }

.case-study .img-sec {
  max-width: 38.625rem; }
.case-study .content {
  background: #18181a; }

.justify-content-end {
  justify-content: flex-end; }

@media (min-width: 1031px) {
  .home-page .section {
    height: 100vh;
    overflow: hidden; }
  .home-page .section-inner {
    height: 100vh;
    padding-bottom: 6.25rem; }
  .home-page .inshight-wrap-outer,
  .home-page .help-section-outer,
  .home-page .drive-result-section-outer,
  .home-page .goal-section-outer {
    transform: translateY(0%);
    top: 0;
    position: relative;
    transition: all 1s; } }
.serve-section {
  border-top: 0.0625rem solid #4404bf;
  border-bottom: 0.0625rem solid #4404bf;
  min-height: calc(100vh - size(100)); }
  @media (max-width: 767.98px) {
    .serve-section {
      border-top: 0;
      border-bottom: 0; } }
  .serve-section .serve-left .lottie2 {
    transform: translateY(0);
    top: 0;
    transition: top 0.5s ease, transform 0.5s ease;
    position: relative; }
  .serve-section .serve-right .serve-inner {
    height: auto;
    transform: translateY(0);
    top: 0;
    transition: top 0.5s ease, transform 0.5s ease;
    position: relative; }

.inshight-wrap-outer {
  position: relative;
  width: 100%;
  left: 0; }

.magic-content {
  display: flex;
  min-height: calc(100vh - 100px);
  flex-direction: column; }
  @media (max-width: 991.98px) {
    .magic-content {
      min-height: auto; } }
  .magic-content .magictop-content {
    flex-grow: 1; }

.partnership-outer {
  display: flex;
  flex-direction: column; }
  .partnership-outer .section-partnership {
    flex-grow: 1; }
  .partnership-outer .partnership-left-inner {
    max-width: 25.25rem;
    float: right; }
  .partnership-outer .pcontent-wrap {
    max-width: 46.25rem; }
    @media (max-width: 991.98px) {
      .partnership-outer .pcontent-wrap {
        max-width: 100%; } }
  .partnership-outer .partnership-left-inner,
  .partnership-outer .pcontent-wrap {
    transform: translateY(0);
    top: 0;
    transition: top 0.5s ease, transform 0.5s ease;
    position: relative; }

.side-menu-arrow {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-menu-new.svg) no-repeat 50% 50%;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.125rem auto !important;
  position: absolute;
  top: calc(50% + 3.5rem);
  left: 0.9375rem;
  opacity: 0;
  transition: opacity 0.5s ease, margin-top 0.5s ease; }
  .side-menu-arrow.showMe {
    opacity: 1;
    margin-top: 4rem; }
  .side-menu-arrow.hide {
    opacity: 0;
    pointer-events: none; }

.theme-light .side-menu-arrow {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-menu-blue-new.svg) no-repeat 50% 50%; }

.section-partnership,
.section-partnership-top,
.serve-section-outer,
.common-section-outer,
.inshight-wrap-outer {
  transition: margin-left 0.7s ease-in-out, padding-left 0.7s ease-in-out; }

.serve-section-outer {
  background-color: #fff !important; }

.section-partnership-top {
  background: #4404bf;
  display: flex;
  flex-grow: 1; }

.section-partnership,
.common-section-outer,
.serve-section {
  width: 100vw; }

.menu-open.active .common-section-outer {
  margin-left: 18.75rem; }
.menu-open.active .inshight-wrap-outer,
.menu-open.active .section-partnership-top,
.menu-open.active .serve-section-outer {
  padding-left: 18.75rem; }

.accreditations-logos {
  padding: 1.875rem 0; }

.exp-magicbox .plus,
.exp-magicbox .m {
  position: relative; }

@media (max-width: 1030px) {
  .myMenuOuter {
    display: none !important; } }
@media (max-width: 991.98px) {
  .myMenuOuter {
    display: none !important; } }
.fg1 {
  flex-grow: 1; }

.goal-item {
  position: relative;
  overflow: hidden; }

.animItem {
  overflow: hidden; }
  .animItem .arayAnimMotif {
    position: absolute;
    left: -70%;
    bottom: -100%;
    width: 200%;
    opacity: 0;
    transition: all 0.5s; }
    .animItem .arayAnimMotif canvas {
      height: auto !important; }
  .animItem:hover .arayAnimMotif {
    opacity: 0;
    animation: arayAnimMotif  1.5s ease forwards; }

@keyframes arayAnimMotif {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0; } }
@keyframes arayAnimMotif2 {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.challenge-items .arayAnimMotif {
  position: absolute;
  left: -44%;
  bottom: -150%;
  width: 130%;
  opacity: 0;
  transition: all 0.5s;
  height: auto; }
.challenge-items .animItem:hover .arayAnimMotif {
  opacity: 0;
  animation: arayAnimMotif2  1.5s ease forwards; }

.section .section-inner {
  opacity: 0.5;
  transition: opacity 0.5s ease;
  pointer-events: none;
  transition-delay: 0.4s; }
.section.active .section-inner {
  opacity: 1;
  pointer-events: all; }

@media (max-width: 1030px) {
  .section .section-inner {
    opacity: 1;
    transition: opacity 0.5s ease; } }
.fp-tableCell {
  vertical-align: top !important; }

@media (max-width: 1030px) {
  .fp-section,
  .fp-tableCell {
    height: auto !important; }

  .inshight-wrap-outer {
    padding: 1.875rem 0; } }
.section {
  overflow: hidden; }

@media (max-width: 767px) {
  .menu-sec .menu ul li .mega-dropdown .drop-inner {
    opacity: 1; } }
.fullpage-wrapper {
  margin-top: 3.75rem; }
  @media (max-width: 767px) {
    .fullpage-wrapper {
      margin-top: 3rem; } }

.gray-page-bg {
  background: #333; }

@media (max-width: 1024px) {
  .tb-overvisible {
    overflow: visible !important; }

  .section .section-inner {
    opacity: 1;
    transition: opacity 0.5s ease; }

  .tm-heightauto {
    height: auto !important; }

  .tm-heightauto .fp-tableCell {
    height: auto !important; } }
.pointer-events-none {
  display: none !important; }

.splide__arrows .splide__arrow--next:active {
  transform: translateY(-50%) scale(0.9) !important; }

.splide__arrows .splide__arrow--prev:active {
  transform: translateY(-50%) rotate(-180deg) scale(0.9) !important; }

.content-page {
  background: #18181a;
  padding: 0 1rem;
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 300; }
  .content-page .content-page-inner {
    background: #fff;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    padding: 8.125rem 0; }
  .content-page h1, .content-page h2, .content-page h3, .content-page h4 {
    font-weight: 300; }
  .content-page .entry-header {
    margin: 0 0 1.875rem;
    border-bottom: 2px solid #908b8b;
    padding-bottom: 2.5rem; }
  .content-page ul, .content-page ol, .content-page li, .content-page p {
    padding: 0 0 2.5rem; }

.error-404 {
  padding: 6.25rem 0;
  color: #fff;
  text-align: center; }
  .error-404 a {
    text-decoration: underline;
    color: #fff; }

div:focus, p:focus,
a:focus,
button:focus,
span:focus {
  outline: 2px solid #defe46 !important; }

.splide__arrows .splide__arrow--prev:focus,
.splide__arrows .splide__arrow--next:focus {
  outline: 2px solid #000 !important; }

.serve-section a:focus,
.buld-card-list .body-content .heading-item a:focus,
.goal-items .goal-item a:focus {
  outline: none !important;
  border: 2px solid #f4fec7 !important; }

.tabing-section .tabs-style ul li:focus {
  outline: none !important; }

.inshight-wrap .inshight-wrap-item a {
  display: block; }

.drive-items .item a:focus,
.buld-card-list.card-reverse .body-content .heading-item a:focus,
.challenge-items .challenge-item a:focus,
.solve-items .solve-item a:focus {
  outline: none !important;
  border: 2px solid #fff !important; }

.SumoSelect > .optWrapper > .options li.opt.sel {
  color: #defe46; }

.phypography ol {
  list-style: decimal; }
.phypography ul {
  list-style: disc; }
.phypography ul, .phypography ol {
  list-style-position: outside;
  padding: 0 0 0.625rem 1.5625rem; }
  .phypography ul li, .phypography ol li {
    padding: 0 0 0.625rem; }
.phypography p {
  padding: 0 0 0.625rem; }

.info-body .phypography {
  padding: 0.625rem 0 0; }

.bannerLotieContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none; }
  .bannerLotieContainer .container {
    position: relative; }

@media (forced-colors: active) {
  .myMenuOuter #myMenu li a span {
    background: #fff !important; }

  .myMenuOuter #myMenu li.active a span {
    background: #4404bf !important; } }
@media (forced-colors: active) {
  .myMenuOuter #myMenu li a span {
    forced-color-adjust: none; } }
.contact-menu {
  display: none !important; }

.menu-sec .menu ul li:last-child a.menu-title {
  background: #defe46;
  color: #000;
  border-radius: 30px;
  padding: 0.5rem 0.9375rem; }
  @media (max-width: 813px) {
    .menu-sec .menu ul li:last-child a.menu-title {
      font-size: 1rem;
      padding: 0.625rem 0.5rem; } }
  @media (max-width: 992px) {
    .menu-sec .menu ul li:last-child a.menu-title {
      display: block;
      padding: 0.9375rem 0.5rem !important;
      border: none !important;
      text-align: center;
      width: 90% !important;
      font-size: 1.25rem;
      margin-top: 1.25rem;
      background: #000;
      color: #defe46 !important;
      font-weight: 400; }
      .menu-sec .menu ul li:last-child a.menu-title::after {
        display: none; } }
.menu-sec .menu ul li:last-child .dkhide.mmacc {
  display: none; }

.filter-list .filter-items ul li label input:focus ~ .fltext::before {
  outline: 2px solid #defe46 !important; }

.image-outer a:focus img {
  outline: 2px solid #defe46 !important; }

.thankyou .bottom-sec a:focus {
  outline: 2px solid #defe46 !important; }

.contactpage-bottom .form-v2 input:focus {
  outline: 2px solid #4404bf; }

.contactpage-bottom .wrapper p:focus {
  outline: 2px solid #4404bf !important; }

div#select-box:focus {
  outline: 2px solid #4404bf !important; }

.contact-page textarea#contactmessage:focus {
  outline: 2px solid #4404bf !important; }

.image-outer.position-relative a {
  position: absolute;
  width: 100%;
  height: 100%; }

.menu-sec .menu ul li:last-child a:focus {
  outline: 2px solid #fff !important; }

.top-tabs li a:focus {
  outline: 2px solid #4549f5 !important; }

.tabing-section .tabs-style ul li.current:focus {
  outline: 2px solid #defe46 !important; }

.serve-section a:focus, .buld-card-list .body-content .heading-item a:focus, .goal-items .goal-item a:focus {
  outline: 2px solid #000 !important; }

.serve-item:focus {
  outline: none !important; }

.banner-inner img {
  width: 100%;
  object-fit: cover;
  height: calc(100vh - 6.25rem);
  object-position: 50% 100%;
  display: block; }
  @media (max-width: 991.98px) {
    .banner-inner img {
      height: 100%; } }
  @media (max-width: 767.98px) {
    .banner-inner img {
      height: 100%; } }

.banner-sec {
  position: relative;
  background-color: #18181a; }
  .banner-sec .banner-content {
    background: rgba(0, 0, 0, 0.42);
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end; }
    .banner-sec .banner-content .inner-content {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 100%;
      padding: 1.875rem;
      flex-direction: column;
      color: #ffffff;
      width: 45rem; }
      .banner-sec .banner-content .inner-content .h1 {
        letter-spacing: -2px;
        font-weight: 300;
        margin-bottom: 1rem; }

.solve-section-outer {
  background: #ffffff; }
  .solve-section-outer .container {
    padding: 0; }

.expert-sec .container {
  padding: 0; }

.solve-section {
  padding: 3.75rem 0 0 0;
  margin: 0 auto; }

.section.solve-inner-bg {
  background-color: #18181a; }

.expert-sec {
  padding: 3.75rem 0 2.5rem 0; }
  @media (max-width: 767.98px) {
    .expert-sec.solve-expert {
      padding: 0 0 2.5rem 0; } }

.expert-sec {
  background-color: #18181a; }
  .expert-sec hr {
    border: none; }

.solve-items {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.5; }
  .solve-items .solve-item {
    flex: 0 1 33.33%;
    width: 100%;
    height: 15rem;
    border: 1px solid #4404bf;
    position: relative;
    background-color: #ffffff;
    transition: background-color 0.5s ease-in-out; }
    .solve-items .solve-item a {
      text-decoration: none;
      color: #000;
      padding: 1.25rem;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      height: 100%; }
      .solve-items .solve-item a .solve-card {
        background-position: 90% 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-thin.svg) no-repeat top right;
        background-size: 1.25rem 2.25rem; }
        .solve-items .solve-item a .solve-card h3 {
          font-size: 2rem;
          font-weight: 300;
          line-height: 1.1;
          font-family: "Barlow", sans-serif;
          margin-bottom: 0; }
        .solve-items .solve-item a .solve-card h2 {
          font-size: 2rem;
          font-weight: 300;
          line-height: 1.1;
          font-family: "Barlow", sans-serif;
          margin-bottom: 0; }
        .solve-items .solve-item a .solve-card .smtext {
          font-size: 1.125rem;
          font-weight: 300;
          line-height: 1.21;
          margin-top: 0.375rem;
          font-style: normal;
          font-family: "Barlow", sans-serif; }
    .solve-items .solve-item:hover {
      background: #4404bf; }
      .solve-items .solve-item:hover .solve-card {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow.svg) no-repeat top right;
        color: #ffffff;
        background-size: 1.25rem 2.25rem; }
      .solve-items .solve-item:hover h3 {
        font-weight: 500 !important; }
      .solve-items .solve-item:hover h2 {
        font-weight: 500 !important; }
      .solve-items .solve-item:hover .smtext {
        color: #ffffff; }
    .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2), .solve-items .solve-item:nth-child(3) {
      margin-bottom: -1px; }
    .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2), .solve-items .solve-item:nth-child(4), .solve-items .solve-item:nth-child(5) {
      margin-right: -1px; }

.section .expert-outer .col-lg-4 {
  min-height: 28.125rem; }

.expert-outer .solve-right-sec-anim {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 0.625rem;
  bottom: 0; }
.expert-outer .expertimg {
  position: relative;
  padding-bottom: 100%;
  /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  border-radius: 0.625rem; }
  .expert-outer .expertimg img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 0.625rem; }
.expert-outer .expert-right {
  color: #ffffff; }
  .expert-outer .expert-right .body-text {
    max-width: 37.5rem; }

.btncall, a.btncall {
  font-family: "Poppins", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.13;
  height: 2.75rem;
  color: #defe46;
  background: transparent;
  border: 0;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center; }
  .btncall:hover, .btncall:focus, a.btncall:hover, a.btncall:focus {
    outline: none; }
  .btncall.btnsm, a.btncall.btnsm {
    font-size: 1.375rem;
    width: auto; }
    @media (max-width: 767.98px) {
      .btncall.btnsm, a.btncall.btnsm {
        font-size: 1.125rem; } }
  .btncall.right-text, a.btncall.right-text {
    justify-content: flex-end;
    padding-right: 3.125rem; }
    @media (max-width: 991.98px) {
      .btncall.right-text, a.btncall.right-text {
        padding-right: 3.75rem; } }
  .btncall::after, a.btncall::after {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/view-all.svg) no-repeat center center;
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    background-size: 2.625rem 2.625rem;
    margin-left: 0.5rem;
    position: absolute;
    content: '';
    right: 0;
    top: 0; }

.btncall, a.btncall, .SumoSelect {
  width: 28.75rem; }

.SumoSelect {
  font-size: 2.25rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300; }

.CaptionCont.SelectBox {
  font-style: italic; }

.sl-area {
  border-bottom: 1px solid #000;
  padding-bottom: 0.9375rem;
  margin-bottom: 1.875rem; }

.sl-wrap {
  position: relative;
  display: block; }
  .sl-wrap .soflow-color:active, .sl-wrap .soflow-color:focus {
    outline: none; }

.bannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  right: -12%;
  top: -15%;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 62.5rem;
  width: 62.5rem; }

.custom-select-box .SumoSelect > .optWrapper {
  height: 0;
  transition: all 0.5s;
  display: block; }
.custom-select-box .SumoSelect.open > .optWrapper {
  height: 28.125rem; }

@media (max-width: 991.98px) {
  .bannerAnimRightSide {
    right: 0;
    top: 0;
    height: 43.75rem !important;
    width: 100%; }

  .section.h-auto {
    height: auto !important;
    margin-top: 0 !important; }

  .solve-section-outer {
    background: #ffffff;
    padding-bottom: 5rem; }

  .banner-sec {
    position: relative; }
    .banner-sec .banner-content {
      background-color: #18181a;
      height: 100%;
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
      z-index: 2; }
      .banner-sec .banner-content .inner-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 2.5rem 1.875rem;
        flex-direction: column;
        color: #ffffff;
        max-width: 100%;
        width: 100%; }
        .banner-sec .banner-content .inner-content .h1 {
          letter-spacing: -2px;
          font-size: 2.875rem;
          line-height: 1.13;
          font-weight: 300;
          margin-bottom: 0.25rem; }

  .solve-items {
    display: flex;
    flex-wrap: wrap;
    transition: all 0.5;
    padding: 0 2.125rem; }
    .solve-items .solve-item {
      flex: 0 1 50%;
      width: 100%;
      height: 12.1875rem; }
      .solve-items .solve-item a {
        text-decoration: none;
        color: #4404bf;
        padding: 1.125rem; }
        .solve-items .solve-item a .solve-card {
          background-size: 0.625rem auto; }
          .solve-items .solve-item a .solve-card h3 {
            font-size: 1.75rem;
            line-height: 1.17; }
          .solve-items .solve-item a .solve-card h2 {
            font-size: 1.75rem;
            line-height: 1.17; }
          .solve-items .solve-item a .solve-card .smtext {
            font-size: 1.25rem;
            font-weight: 300;
            line-height: 1.21;
            margin-top: 0.1875rem;
            font-style: normal;
            color: #000; }
        .solve-items .solve-item a:hover .smtext {
          color: #ffffff; }
        .solve-items .solve-item a:hover .solve-card {
          background-size: 0.625rem auto; }
      .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2), .solve-items .solve-item:nth-child(3) {
        margin-bottom: 0; }
      .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2), .solve-items .solve-item:nth-child(4), .solve-items .solve-item:nth-child(5) {
        margin-right: 0; }
      .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(3), .solve-items .solve-item:nth-child(5) {
        margin-right: -1px; }
      .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2), .solve-items .solve-item:nth-child(3), .solve-items .solve-item:nth-child(4), .solve-items .solve-item:nth-child(5) {
        margin-bottom: -1px; }
      .solve-items .solve-item:nth-child(4), .solve-items .solve-item:nth-child(3) {
        border-radius: 0; }
      .solve-items .solve-item:first-child {
        border-radius: 0; }
      .solve-items .solve-item:nth-child(2) {
        border-radius: 0; }
      .solve-items .solve-item:nth-child(5) {
        border-radius: 0 0 0 0.625rem; }
      .solve-items .solve-item:last-child {
        border-radius: 0 0 0.625rem 0; }

  .expert-outer .expert-right {
    padding: 0 2.125rem 0 0; }

  .btncall, a.btncall {
    font-size: 1.25rem;
    max-width: 18.75rem;
    height: 3.125rem; }
    .btncall::after, a.btncall::after {
      background-size: 3.125rem 3.125rem;
      width: 3.125rem;
      height: 3.125rem; }

  .SumoSelect {
    font-size: 1.5rem;
    max-width: 18.75rem; } }
@media (max-width: 767.98px) {
  .bannerAnimRightSide {
    right: 0;
    top: 0;
    height: 26.25rem !important;
    width: 100%; }

  .solve-section {
    padding: 2.5rem 0 0 0; }

  .solve-section-outer {
    padding-bottom: 2.5rem; }

  .banner-sec {
    position: relative; }
    .banner-sec .banner-content {
      background-color: #18181a;
      height: 100%;
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
      z-index: 2; }
      .banner-sec .banner-content .inner-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 1.25rem;
        flex-direction: column;
        color: #ffffff;
        max-width: 100%;
        width: 100%; }
        .banner-sec .banner-content .inner-content .h1 {
          letter-spacing: -2px;
          font-size: 1.875rem;
          line-height: 1.13;
          margin-bottom: 0.25rem; }

  .solve-items {
    padding: 0 1.25rem; }
    .solve-items .solve-item {
      flex: 0 1 50%;
      width: 100%;
      height: auto; }
      .solve-items .solve-item a {
        text-decoration: none;
        color: #4404bf;
        padding: 0.625rem; }
        .solve-items .solve-item a .solve-card {
          transition: color 0.5s; }
          .solve-items .solve-item a .solve-card h3 {
            font-size: 1rem;
            line-height: 1.17; }
          .solve-items .solve-item a .solve-card h2 {
            font-size: 1rem;
            line-height: 1.17; }
          .solve-items .solve-item a .solve-card .smtext {
            font-size: 0.875rem;
            font-weight: 300;
            color: #000;
            line-height: 1.21;
            margin-top: 0.1875rem;
            font-style: normal; }
        .solve-items .solve-item a:hover {
          background: #4404bf; }
          .solve-items .solve-item a:hover .solve-card {
            color: #ffffff;
            background-size: 0.625rem; }
          .solve-items .solve-item a:hover .smtext {
            color: #ffffff; }
      .solve-items .solve-item:first-child, .solve-items .solve-item:nth-child(2) {
        border-radius: 0; }

  .section .expert-outer .col-lg-4 {
    min-height: auto; }

  .expert-outer .solve-right-sec-anim {
    position: static; }
  .expert-outer .expertimg {
    padding-bottom: 60%;
    border-radius: 0;
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    margin-bottom: 0.625rem; }
    .expert-outer .expertimg img {
      border-radius: 0;
      width: 100%;
      object-position: 50% 30%; }

  .expert-outer .expert-right {
    padding: 0; }
    .expert-outer .expert-right .h2 {
      margin-bottom: 0;
      margin-top: 0.5rem; }
    .expert-outer .expert-right .SumoSelect {
      font-size: 1.125rem; }

  .btncall, a.btncall {
    font-size: 1.125rem;
    max-width: 18.75rem;
    height: 2rem; }
    .btncall::after, a.btncall::after {
      background-size: 2rem 2rem;
      width: 2rem;
      height: 2rem; }

  .SumoSelect {
    font-size: 1.5rem;
    max-width: 18.75rem; } }
.home-page .arwtop-btm.posfix .clickarrow {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-top-bottom-new.svg) no-repeat top center;
  width: 2.25rem;
  height: 2.5625rem;
  background-size: 2.25rem auto; }

.arwtop-btm {
  width: 100%; }
  .arwtop-btm.posfix {
    position: absolute;
    bottom: 5rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 9; }
    .arwtop-btm.posfix .clickarrow {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-top-bottom.svg) no-repeat top right;
      width: 2.25rem;
      height: 2.5625rem;
      background-size: 2.25rem auto; }
  .arwtop-btm.solvepage-fix, .arwtop-btm.buildpage-fix, .arwtop-btm.deliverpage-fix, .arwtop-btm.supportpage-fix {
    position: relative;
    top: 0.9375rem;
    z-index: 9; }
    @media (max-width: 991.98px) {
      .arwtop-btm.solvepage-fix, .arwtop-btm.buildpage-fix, .arwtop-btm.deliverpage-fix, .arwtop-btm.supportpage-fix {
        display: none; } }
  .arwtop-btm .clickarrow {
    width: 2.8125rem;
    height: 2.8125rem;
    margin-top: 0.625rem;
    display: flex;
    cursor: pointer;
    transition: opacity 0.5s ease, margin-top 0.5s ease; }
    .arwtop-btm .clickarrow .arbtm-icons {
      color: #000;
      background-repeat: no-repeat;
      background-position: top right;
      width: 2.8125rem;
      height: 2.8125rem;
      background-size: 2.8125rem 2.8125rem; }

.SelectClass, .SumoUnder {
  pointer-events: none; }

@media (max-width: 991.98px) {
  .SelectClass, .SumoUnder {
    pointer-events: all; } }
.expert-outer .expert-right .SumoSelect .SelectBox {
  padding-left: 0; }

.SumoSelect.sumo_challenge .optWrapper {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  transition: .3s; }

.SumoSelect.sumo_challenge.open .optWrapper {
  text-indent: 0;
  position: static !important;
  height: auto;
  width: auto;
  transition: .3s;
  overflow: hidden; }

.bgblack {
  background: #000;
  height: 100%; }

.banner-blue {
  background: #4404bf;
  min-height: 27.5rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative; }
  .banner-blue .bannerAnimSide {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    width: 25rem; }
    @media (max-width: 991.98px) {
      .banner-blue .bannerAnimSide {
        width: 21.875rem; } }
  .banner-blue .col-2 {
    position: relative; }
  .banner-blue .container {
    width: 100%; }
  .banner-blue .bannner-blue-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%; }
    .banner-blue .bannner-blue-content h1 {
      margin-bottom: 1rem; }
    .banner-blue .bannner-blue-content .bannner-blue-info {
      max-width: 48.875rem; }

.section-ch-help {
  background: #ffffff;
  padding: 2.5rem 0; }

.cs-images {
  display: flex;
  flex-direction: row;
  margin: 0 -0.9375rem; }
  .cs-images .cs-images-item {
    flex: 0 1 33.33%;
    width: 100%;
    padding: 0 0.9375rem; }
    .cs-images .cs-images-item:first-child .cs-images-inner .cs-images-info {
      color: #defe46; }
    .cs-images .cs-images-item:last-child .cs-images-inner .cs-images-info {
      color: #CFFCFF; }
    .cs-images .cs-images-item .cs-images-inner {
      height: 100%;
      min-height: 9.375rem;
      display: flex;
      position: relative; }
      .cs-images .cs-images-item .cs-images-inner img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0.625rem; }
      .cs-images .cs-images-item .cs-images-inner .cs-images-info {
        background: rgba(0, 0, 0, 0.7);
        height: 11.125rem;
        font-size: 1.75rem;
        border-radius: 0 0 0.625rem 0.625rem;
        font-family: "Poppins", sans-serif;
        color: #ffffff;
        line-height: 1.14;
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 1;
        padding: 1.25rem;
        font-weight: 300; }
        .cs-images .cs-images-item .cs-images-inner .cs-images-info .texthide {
          height: 8.125rem;
          overflow: hidden; }

.section-magic-expert {
  background: #ffffff;
  padding-top: 2.5rem; }

.me-expert-outer {
  background: #333333;
  padding-bottom: 1.875rem;
  padding-top: 1.875rem; }

.magic-expert-items {
  display: flex;
  justify-content: flex-start; }
  .magic-expert-items .magic-expert-item {
    flex: 0 1 33.33%;
    color: #ffffff; }
    .magic-expert-items .magic-expert-item:nth-child(2) {
      display: flex;
      justify-content: center; }
    .magic-expert-items .magic-expert-item:nth-child(3) {
      display: flex;
      justify-content: flex-end; }
    .magic-expert-items .magic-expert-item .me-item-inner {
      width: 20rem;
      background: #000;
      border-radius: 0.625rem;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .magic-expert-items .magic-expert-item .me-item-inner .me-item-img {
        width: 100%; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-img img {
          width: 100%;
          display: block;
          object-fit: cover;
          border-radius: 0.625rem 0.625rem 0 0; }
      .magic-expert-items .magic-expert-item .me-item-inner .me-item-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 13px; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name {
          font-size: 1.75rem;
          font-family: "Poppins", sans-serif;
          font-weight: 300;
          line-height: 1.14;
          margin-bottom: 1.875rem; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name .me-smtext {
            font-size: 1.25rem;
            font-family: "Barlow", sans-serif;
            font-weight: 300; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action {
          display: flex;
          flex-direction: column;
          font-size: 1.25rem;
          font-family: "Poppins", sans-serif;
          font-weight: 300; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a {
            color: #defe46;
            text-decoration: none;
            transition: all 0.3s ease; }
            .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a:not(:last-child) {
              margin-bottom: 0.375rem; }
            .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a:hover {
              color: #B7E200; }

.ux-story-sec {
  background: #ffffff; }
  .ux-story-sec .container {
    max-width: 100%;
    padding: 0; }
  .ux-story-sec .ux-story-inner {
    display: flex;
    width: 100%;
    border: 1px solid #000;
    overflow: hidden; }
    .ux-story-sec .ux-story-inner .ux-head {
      max-width: 20%;
      border-right: 1px solid #000; }
    .ux-story-sec .ux-story-inner .hdg {
      font-size: 1.75rem;
      font-family: "Poppins", sans-serif;
      color: #000;
      font-weight: 300;
      line-height: 1.17;
      text-align: left;
      align-items: center;
      justify-content: flex-end;
      background: #e7deff; }
      .ux-story-sec .ux-story-inner .hdg.ux-content {
        padding: 1.25rem;
        height: 100%; }
    .ux-story-sec .ux-story-inner ul {
      padding: 0;
      margin: 0;
      display: flex;
      min-height: 12.5rem;
      justify-content: flex-end;
      width: 100%; }
      .ux-story-sec .ux-story-inner ul li {
        list-style: none;
        width: 100%;
        flex-grow: 1; }
        .ux-story-sec .ux-story-inner ul li:not(:last-child) {
          border-right: 1px solid #000; }
        .ux-story-sec .ux-story-inner ul li .ux-content {
          display: flex;
          height: 100%;
          align-items: flex-start;
          flex-direction: column;
          font-size: 1.5rem;
          font-weight: 300;
          color: #000;
          justify-content: flex-start;
          padding: 1.25rem; }
          .ux-story-sec .ux-story-inner ul li .ux-content.hdg {
            font-size: 2.25rem;
            font-family: "Poppins", sans-serif;
            color: #000;
            font-weight: 300;
            line-height: 1.17;
            text-align: left;
            align-items: center;
            justify-content: flex-end;
            background: #e7deff; }
          .ux-story-sec .ux-story-inner ul li .ux-content .ux-count {
            font-size: 2.5rem;
            font-family: "Poppins", sans-serif;
            font-weight: 300; }

.expert-sec {
  padding: 3.75rem 0 2.5rem 0; }

.expert-sec {
  background-color: #18181a; }

.challenge-items {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.5;
  margin: 0 -2.125rem;
  border-radius: 0.625rem;
  border: 1px solid #4404bf;
  overflow: hidden; }
  @media (min-width: 1400px) {
    .challenge-items {
      margin: 0 0; } }
  .challenge-items.three-col .challenge-item {
    flex: 0 1 33.333%;
    border-right: 1px solid #4404bf; }
    .challenge-items.three-col .challenge-item a .challenge-card {
      justify-content: flex-end;
      padding-top: 2.5rem; }
    .challenge-items.three-col .challenge-item:first-child, .challenge-items.three-col .challenge-item:nth-child(2), .challenge-items.three-col .challenge-item:last-child {
      border-top: 0; }
    .challenge-items.three-col .challenge-item:nth-child(2) {
      border-right: 1px solid #4404bf; }
    .challenge-items.three-col .challenge-item:last-child {
      border-right: 0; }
  .challenge-items .challenge-item {
    flex: 0 1 50%;
    width: 100%;
    min-height: 15rem;
    position: relative;
    background-color: #ffffff;
    transition: background 0.5s;
    border-top: 1px solid #4404bf;
    border-right: 1px solid #4404bf; }
    .challenge-items .challenge-item:first-child, .challenge-items .challenge-item:nth-child(2) {
      border-top: 0; }
    .challenge-items .challenge-item:nth-child(2), .challenge-items .challenge-item:last-child {
      border-right: 0; }
    .challenge-items .challenge-item a {
      text-decoration: none;
      color: #000;
      padding: 1.25rem;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      height: 100%; }
      .challenge-items .challenge-item a .challenge-card {
        background-position: 90% 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-thin.svg) no-repeat top right;
        color: #000;
        background-size: 1.25rem 2.25rem; }
        @media (max-width: 991.98px) {
          .challenge-items .challenge-item a .challenge-card {
            background-size: 0.6875rem 1.125rem; } }
        .challenge-items .challenge-item a .challenge-card h3 {
          font-size: 2rem;
          font-weight: 300;
          line-height: 1.2;
          margin-bottom: 0.375rem;
          position: relative;
          z-index: 2;
          font-family: "Barlow", sans-serif; }
        .challenge-items .challenge-item a .challenge-card .smtext {
          font-size: 1.125rem;
          font-weight: 300;
          line-height: 1.2;
          font-style: normal;
          position: relative;
          z-index: 2;
          font-family: "Barlow", sans-serif; }
    .challenge-items .challenge-item:hover {
      background: #defe46; }
      .challenge-items .challenge-item:hover .challenge-card {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat top right;
        color: #000;
        background-size: 1.25rem 2.25rem; }
        @media (max-width: 991.98px) {
          .challenge-items .challenge-item:hover .challenge-card {
            background-size: 0.6875rem 1.125rem; } }
        .challenge-items .challenge-item:hover .challenge-card h3 {
          font-weight: 500 !important; }
        .challenge-items .challenge-item:hover .challenge-card .smtext {
          color: #000; }

.bannerAnim {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0 3rem;
  position: absolute;
  left: 50%;
  top: 0;
  height: calc(100vh - 150px);
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 9; }

.ch-detail-topsec {
  background: #ffffff;
  min-height: 32.8125rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #000; }
  .ch-detail-topsec p:not(:last-child) {
    margin-bottom: 2.1875rem; }
  .ch-detail-topsec .pagetitle h1 {
    margin-bottom: 0; }
    .ch-detail-topsec .pagetitle h1.white-color {
      color: #000; }
  .ch-detail-topsec .ch-detail-inner {
    margin-top: 0.75rem; }
    .ch-detail-topsec .ch-detail-inner .white-color {
      color: #000; }
  @media (max-width: 991.98px) {
    .ch-detail-topsec {
      min-height: 31.25rem; }
      .ch-detail-topsec .pagetitle h1 {
        font-size: 2.875rem; }
      .ch-detail-topsec .ch-detail-inner {
        margin-top: 0.375rem; } }
  @media (max-width: 767.98px) {
    .ch-detail-topsec {
      min-height: 18.75rem; }
      .ch-detail-topsec .pagetitle h1 {
        font-size: 1.875rem; }
      .ch-detail-topsec .ch-detail-inner {
        margin-top: 0.375rem; } }

@media (max-width: 991.98px) {
  .banner-blue {
    background: #4404bf;
    min-height: 20rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    overflow: hidden; }
    .banner-blue .bannner-blue-content {
      width: 100%; }
      .banner-blue .bannner-blue-content h1 {
        font-size: 1.875rem;
        letter-spacing: -1.15px;
        margin-bottom: 1rem; }
      .banner-blue .bannner-blue-content .bannner-blue-info {
        max-width: 27.625rem; }

  .cs-images .cs-images-item {
    flex: 0 1 33.33%;
    width: 100%; }
    .cs-images .cs-images-item .cs-images-inner {
      display: flex;
      position: relative; }
      .cs-images .cs-images-item .cs-images-inner img {
        max-width: 15.3125rem;
        height: auto; }
      .cs-images .cs-images-item .cs-images-inner .cs-images-info {
        height: 5.625rem;
        font-size: 1rem;
        padding: 0.625rem 1.25rem 0.625rem 0.625rem; }
        .cs-images .cs-images-item .cs-images-inner .cs-images-info .texthide {
          height: 3.4375rem;
          overflow: hidden; }

  .section.h-auto {
    height: auto !important;
    margin-top: 0 !important; }

  .challenge-items {
    display: flex;
    flex-wrap: wrap;
    transition: all 0.5;
    margin: 0;
    padding: 0 0; }
    .challenge-items .challenge-item {
      flex: 0 1 50%;
      width: 100%;
      min-height: 12.1875rem; }
      .challenge-items .challenge-item a {
        text-decoration: none;
        color: #4404bf;
        padding: 1.125rem; }
        .challenge-items .challenge-item a .challenge-card h3 {
          font-size: 1.75rem;
          line-height: 1.17;
          margin-bottom: 0.1875rem;
          color: #4404bf;
          font-weight: 500; }
        .challenge-items .challenge-item a .challenge-card .smtext {
          font-size: 1.25rem;
          font-weight: 300;
          line-height: 1.21;
          font-style: normal;
          color: #000; }
        .challenge-items .challenge-item a:hover .smtext {
          color: #ffffff; }

  .magic-expert-items .magic-expert-item .me-item-inner {
    width: 12.5rem;
    display: flex;
    flex-direction: column; }
    .magic-expert-items .magic-expert-item .me-item-inner .me-item-img {
      width: 100%; }
      .magic-expert-items .magic-expert-item .me-item-inner .me-item-img img {
        width: 100%;
        display: block; }
    .magic-expert-items .magic-expert-item .me-item-inner .me-item-info {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 0.75rem 1.25rem; }
      .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 1.25rem; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name .me-smtext {
          font-size: 0.875rem; }
      .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action {
        font-size: 0.875rem; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a {
          color: #defe46;
          text-decoration: none; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a:not(:last-child) {
            margin-bottom: 0.375rem; }

  .ux-story-sec .ux-story-inner ul {
    min-height: 8.75rem;
    justify-content: flex-end; }
    .ux-story-sec .ux-story-inner ul li {
      list-style: none;
      width: 100%; }
      .ux-story-sec .ux-story-inner ul li:not(:last-child) {
        border-right: 1px solid #000; }
      .ux-story-sec .ux-story-inner ul li .ux-content {
        font-size: 1.25rem;
        padding: 0.625rem; }
        .ux-story-sec .ux-story-inner ul li .ux-content.hdg {
          font-size: 1.25rem;
          line-height: 1.17; }
        .ux-story-sec .ux-story-inner ul li .ux-content .ux-count {
          font-size: 1.875rem; }
  .ux-story-sec .ux-story-inner .hdg {
    font-size: 1.25rem;
    line-height: 1.17; }
    .ux-story-sec .ux-story-inner .hdg.ux-content {
      font-size: 1.25rem;
      padding: 0.625rem; } }
@media (max-width: 767.98px) {
  .banner-blue {
    background: #4404bf;
    min-height: 20rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    overflow: hidden; }
    .banner-blue .row {
      flex-direction: row-reverse; }
    .banner-blue .bannerAnimSide {
      width: 100%;
      height: auto; }
    .banner-blue .bannner-blue-content {
      width: 100%;
      padding: 11.25rem 0 3.125rem; }
      .banner-blue .bannner-blue-content h1 {
        font-size: 1.875rem;
        letter-spacing: -1.15px;
        margin-bottom: 1rem; }
      .banner-blue .bannner-blue-content .bannner-blue-info {
        max-width: 27.625rem; }

  .challenge-items {
    margin: 0;
    padding: 0; }
    .challenge-items.three-col .challenge-item {
      flex: 0 1 100%;
      border-right: 0;
      border-top: 1px solid #4404bf !important; }
      .challenge-items.three-col .challenge-item a .challenge-card {
        justify-content: center;
        padding-top: 0; }
      .challenge-items.three-col .challenge-item:first-child {
        border-top: 0 !important; }
      .challenge-items.three-col .challenge-item:nth-child(2), .challenge-items.three-col .challenge-item:last-child {
        border-right: 0; }
    .challenge-items .challenge-item {
      flex: 0 1 100%;
      width: 100%;
      min-height: 6.25rem;
      border-right: 0; }
      .challenge-items .challenge-item:first-child {
        border-top: 0; }
      .challenge-items .challenge-item:nth-child(2) {
        border-top: 1px solid #4404bf; }
      .challenge-items .challenge-item a {
        text-decoration: none;
        color: #4404bf;
        padding: 0.625rem 1.25rem; }
        .challenge-items .challenge-item a .challenge-card {
          justify-content: center; }
          .challenge-items .challenge-item a .challenge-card h3 {
            font-size: 1.25rem;
            line-height: 1.17;
            margin-bottom: 0.1875rem; }
          .challenge-items .challenge-item a .challenge-card .smtext {
            font-size: 0.875rem;
            font-weight: 300;
            color: #000;
            line-height: 1.21;
            margin-top: 0.1875rem;
            font-style: normal; }
        .challenge-items .challenge-item a:hover {
          background: #defe46; }
          .challenge-items .challenge-item a:hover .challenge-card {
            color: #000;
            background-size: 0.625rem; }
            .challenge-items .challenge-item a:hover .challenge-card .smtext {
              color: #000; }

  .cs-images .cs-images-item {
    flex: 0 1 50%;
    width: 100%; }
    .cs-images .cs-images-item:nth-child(3) {
      display: none; }
    .cs-images .cs-images-item .cs-images-inner {
      display: flex;
      position: relative; }
      .cs-images .cs-images-item .cs-images-inner img {
        max-width: 100%;
        height: 100%; }
      .cs-images .cs-images-item .cs-images-inner .cs-images-info {
        height: 5.3125rem; }

  .magic-expert-items {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .magic-expert-items .magic-expert-item {
      flex: 0 1 100%;
      color: #ffffff;
      margin: 0 -1.25rem; }
      .magic-expert-items .magic-expert-item:nth-child(3) {
        justify-content: flex-start; }
      .magic-expert-items .magic-expert-item .me-item-inner {
        display: flex;
        background: #000;
        width: 100%;
        flex-direction: row;
        padding: 0 1.25rem;
        margin-bottom: 0.75rem;
        border-radius: 0; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-img {
          width: 6.25rem;
          margin-bottom: 0.75rem; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-img img {
            width: 100%;
            display: block;
            height: 100%;
            border-radius: 0 0 0.3125rem 0.3125rem; }
        .magic-expert-items .magic-expert-item .me-item-inner .me-item-info {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          flex-grow: 1;
          height: auto;
          padding: 0.75rem 0 0.75rem 1.25rem; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name {
            font-size: 1rem;
            line-height: 1.2; }
            .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-name .me-smtext {
              font-size: 0.75rem; }
          .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action {
            font-size: 0.875rem;
            text-align: right;
            margin-top: 0.625rem; }
            .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a {
              color: #defe46;
              text-decoration: none; }
              .magic-expert-items .magic-expert-item .me-item-inner .me-item-info .me-action a:not(:last-child) {
                margin-bottom: 0.375rem; }

  .ux-story-sec .ux-story-inner {
    border: 0;
    overflow: visible;
    flex-wrap: wrap; }
    .ux-story-sec .ux-story-inner .ux-head {
      border-right: 0; }
    .ux-story-sec .ux-story-inner ul {
      min-height: 8.75rem;
      width: 100%;
      justify-content: flex-end;
      flex-direction: row;
      flex-wrap: wrap; }
      .ux-story-sec .ux-story-inner ul li {
        list-style: none;
        width: 50%;
        border: 1px solid #000; }
        .ux-story-sec .ux-story-inner ul li:first-child {
          max-width: 50%;
          border-right: 0 !important;
          border-bottom: 0; }
        .ux-story-sec .ux-story-inner ul li:not(:last-child) {
          border-right: 1px solid #000; }
        .ux-story-sec .ux-story-inner ul li:last-child {
          border-right: 0; }
        .ux-story-sec .ux-story-inner ul li:nth-child(2), .ux-story-sec .ux-story-inner ul li:nth-child(3) {
          margin-bottom: -1px; }
        .ux-story-sec .ux-story-inner ul li:nth-child(2), .ux-story-sec .ux-story-inner ul li:nth-child(4) {
          margin-right: -1px; }
        .ux-story-sec .ux-story-inner ul li:nth-child(3) {
          border-right: 0; }
        .ux-story-sec .ux-story-inner ul li:nth-child(4) {
          border-bottom: 0; }
        .ux-story-sec .ux-story-inner ul li .ux-content {
          font-size: 0.875rem;
          padding: 0.3125rem 0.625rem; }
          .ux-story-sec .ux-story-inner ul li .ux-content.hdg {
            font-size: 1.25rem;
            line-height: 1.17; }
          .ux-story-sec .ux-story-inner ul li .ux-content .ux-count {
            font-size: 1.875rem; }
    .ux-story-sec .ux-story-inner .hdg {
      line-height: 1.17; }
      .ux-story-sec .ux-story-inner .hdg.ux-content {
        padding: 0.3125rem 0.625rem;
        display: flex;
        align-items: end;
        justify-content: center; }
    .ux-story-sec .ux-story-inner .ux-head {
      border-top: 1px solid #000;
      width: 100%;
      max-width: 100%;
      height: 5rem;
      align-items: flex-start; } }
.breadcrumb {
  padding-top: 0.9375rem;
  background: #18181a;
  font-family: "Barlow", sans-serif; }
  .breadcrumb ol.breadcrumb-items {
    display: flex;
    padding: 0.625rem 0;
    margin: 0;
    justify-content: flex-start; }
    .breadcrumb ol.breadcrumb-items li {
      list-style: none; }
      .breadcrumb ol.breadcrumb-items li.breadcrumb-item {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.5);
        padding: 0.625rem 0.625rem 0.625rem 0;
        font-weight: 300;
        line-height: 1.13; }
        .breadcrumb ol.breadcrumb-items li.breadcrumb-item a {
          color: rgba(255, 255, 255, 0.5);
          text-decoration: none; }
          .breadcrumb ol.breadcrumb-items li.breadcrumb-item a:hover {
            color: #defe46; }
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 1.5rem;
    color: rgba(222, 255, 70, 0.5);
    font-family: "Barlow", sans-serif;
    content: '';
    position: relative;
    top: 0.0625rem;
    left: -0.25rem;
    background-image: url(https://wipsite.in/magicedtech/wp-content/uploads/2023/02/next.png);
    background-repeat: no-repeat;
    background-size: 0.625rem;
    background-position: center; }
  @media (max-width: 991.98px) {
    .breadcrumb {
      padding-top: 0.3125rem; }
      .breadcrumb ol.breadcrumb-items {
        display: flex;
        padding: 0.3125rem 0;
        white-space: nowrap;
        flex-wrap: wrap; }
        .breadcrumb ol.breadcrumb-items li.breadcrumb-item {
          font-size: 0.875rem;
          padding: 0.3125rem 0.625rem 0.3125rem 0; } }
  @media (max-width: 767.98px) {
    .breadcrumb ol.breadcrumb-items {
      padding: 0 0 0.3125rem 0; }
      .breadcrumb ol.breadcrumb-items li.breadcrumb-item {
        font-size: 0.625rem; } }

.topsticky-sec {
  width: 100%;
  position: sticky;
  top: 3rem;
  left: 0;
  z-index: 2;
  transition: all 0.3s ease-in; }
  @media (max-width: 767.98px) {
    .topsticky-sec {
      top: 0rem;
      position: relative; } }

.top-tab-sec {
  width: 100%;
  background: #18181a;
  border-top: 1px solid rgba(222, 255, 70, 0.5);
  border-bottom: 1px solid rgba(222, 255, 70, 0.5); }
  @media (max-width: 991.98px) {
    .top-tab-sec {
      border-top: 0;
      border-bottom: 0; } }

.top-tabs {
  background: #18181a; }
  .top-tabs ul {
    display: flex; }
    .top-tabs ul li {
      flex-grow: 1;
      border-right: 1px solid rgba(222, 255, 70, 0.5);
      font-size: 1.5rem;
      font-weight: 300; }
      .top-tabs ul li:first-child {
        border-left: 1px solid rgba(222, 255, 70, 0.5); }
      .top-tabs ul li a {
        display: block;
        text-align: left;
        padding: 0.625rem 1.125rem;
        color: rgba(255, 255, 255, 0.5);
        text-decoration: none; }
      .top-tabs ul li.active {
        background: #deff46; }
        .top-tabs ul li.active a {
          color: #000; }
    @media (max-width: 991.98px) {
      .top-tabs ul {
        flex-wrap: wrap; }
        .top-tabs ul li {
          flex: 0 1 50%;
          font-size: 1.25rem;
          border: 1px solid rgba(222, 255, 70, 0.5); }
          .top-tabs ul li:nth-child(1), .top-tabs ul li:nth-child(2) {
            margin-bottom: -1px; } }
    @media (max-width: 767.98px) {
      .top-tabs ul {
        flex-wrap: wrap; }
        .top-tabs ul li {
          font-size: 0.75rem; } }
  @media (max-width: 991.98px) {
    .top-tabs.three-col ul li {
      flex: 0 1 33.33%; }
      .top-tabs.three-col ul li a {
        display: flex;
        align-items: center;
        height: 100%; } }

.ch-detail-midsec {
  color: #fff;
  background: #ffffff; }
  .ch-detail-midsec.fullwidth .container {
    width: 100%;
    max-width: 100%;
    padding: 0; }
    .ch-detail-midsec.fullwidth .container .row {
      margin: 0; }
  .ch-detail-midsec.fullwidth .col-6 {
    padding: 0; }
  .ch-detail-midsec .left-img-sec {
    position: sticky;
    top: 10.625rem;
    right: 0;
    width: 100%;
    background: #000;
    padding-bottom: 2.125rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end; }
    .ch-detail-midsec .left-img-sec .left-inner {
      display: flex;
      flex-direction: column;
      max-width: 37.5rem;
      width: 100%;
      padding: 1.25rem 2.5rem; }
      .ch-detail-midsec .left-img-sec .left-inner .img img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
      .ch-detail-midsec .left-img-sec .left-inner .detailAnim {
        width: 100%;
        padding-bottom: 100%;
        position: relative; }
        .ch-detail-midsec .left-img-sec .left-inner .detailAnim canvas {
          width: 100%;
          height: 100%;
          transform-origin: 0px 0px 0px;
          position: absolute;
          left: 0;
          top: 0; }
      .ch-detail-midsec .left-img-sec .left-inner .name {
        font-family: "Barlow", sans-serif;
        font-size: 1.75rem;
        color: #ffffff;
        font-weight: 300;
        line-height: 1.14;
        letter-spacing: -0.7px;
        text-align: center; }
    .ch-detail-midsec .left-img-sec .arwdown {
      content: '';
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/testimonial-arrow.svg) no-repeat;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      position: absolute;
      right: -3.75rem;
      top: calc(45%);
      width: 1.25rem;
      height: 2.25rem;
      background-size: 1.125rem; }
      @media (max-width: 991.98px) {
        .ch-detail-midsec .left-img-sec .arwdown {
          right: -1.125rem;
          width: 0.625rem;
          height: 1.25rem;
          background-size: 0.625rem;
          top: 50%; } }
      @media (max-width: 767.98px) {
        .ch-detail-midsec .left-img-sec .arwdown {
          top: 46%;
          right: -1rem; } }
  .ch-detail-midsec .right-content-sec {
    position: relative;
    padding: 8.75rem 0 11.25rem 3.4375rem; }
    .ch-detail-midsec .right-content-sec ul {
      padding: 0 0 3.125rem;
      margin: 0;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .ch-detail-midsec .right-content-sec ul li {
        list-style: none;
        padding-left: 4.0625rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
        color: #000;
        position: relative;
        cursor: pointer; }
        .ch-detail-midsec .right-content-sec ul li .item {
          margin-top: -15px;
          max-width: 25rem; }
          .ch-detail-midsec .right-content-sec ul li .item h3 {
            font-size: 2.25rem;
            font-weight: 300;
            line-height: 1.17; }
          .ch-detail-midsec .right-content-sec ul li .item h2 {
            font-size: 2.25rem;
            font-weight: 300;
            line-height: 1.17; }
        .ch-detail-midsec .right-content-sec ul li.active {
          color: #000; }
          .ch-detail-midsec .right-content-sec ul li.active h3, .ch-detail-midsec .right-content-sec ul li.active .body-text {
            font-weight: 500 !important; }
          .ch-detail-midsec .right-content-sec ul li.active h2, .ch-detail-midsec .right-content-sec ul li.active .body-text {
            font-weight: 500 !important; }
  @media (max-width: 991.98px) {
    .ch-detail-midsec .left-img-sec {
      padding-bottom: 2.125rem; }
      .ch-detail-midsec .left-img-sec .left-inner {
        flex-direction: column-reverse;
        padding: 6.25rem 1.875rem; }
        .ch-detail-midsec .left-img-sec .left-inner .img img {
          max-width: 100%; }
        .ch-detail-midsec .left-img-sec .left-inner .name {
          font-size: 1.75rem;
          line-height: 1.14;
          letter-spacing: -0.7px;
          text-align: left;
          max-width: 12.5rem; }
    .ch-detail-midsec .right-content-sec {
      position: relative;
      padding: 13.75rem 0 6.25rem 0.625rem; }
      .ch-detail-midsec .right-content-sec ul li {
        list-style: none;
        padding-left: 1.875rem;
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
        position: relative; }
        .ch-detail-midsec .right-content-sec ul li .item {
          margin-top: 0;
          max-width: 15.625rem; }
          .ch-detail-midsec .right-content-sec ul li .item h3 {
            font-size: 1.25rem;
            font-weight: 300;
            line-height: 1.17;
            margin-bottom: 0.375rem; } }
  @media (max-width: 767.98px) {
    .ch-detail-midsec .container {
      padding: 0 1.25rem; }
      .ch-detail-midsec .container .col-6 {
        width: 50%;
        padding: 0; }
    .ch-detail-midsec .left-img-sec {
      padding-bottom: 2.125rem; }
      .ch-detail-midsec .left-img-sec .left-inner {
        flex-direction: column-reverse;
        padding: 5rem 0.625rem 6.25rem; }
        .ch-detail-midsec .left-img-sec .left-inner .img img {
          max-width: 100%; }
        .ch-detail-midsec .left-img-sec .left-inner .name {
          font-size: 0.875rem;
          line-height: 1.14;
          text-align: center;
          max-width: 100%;
          padding: 0 0 1.25rem; }
    .ch-detail-midsec .right-content-sec {
      position: relative;
      padding: 5rem 0.625rem 2.5rem 0.625rem; }
      .ch-detail-midsec .right-content-sec ul li {
        list-style: none;
        padding-left: 1.25rem;
        position: relative; }
        .ch-detail-midsec .right-content-sec ul li .item {
          max-width: 15.625rem; }
          .ch-detail-midsec .right-content-sec ul li .item h3 {
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.17;
            margin-bottom: 0.375rem; }
          .ch-detail-midsec .right-content-sec ul li .item h2 {
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.17;
            margin-bottom: 0.375rem; }
          .ch-detail-midsec .right-content-sec ul li .item .body-text {
            font-size: 0.75rem; } }

.fullimage-banner {
  flex: 1 0 0%;
  height: 25rem;
  position: relative; }
  .fullimage-banner iframe, .fullimage-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center; }
  @media (max-width: 991.98px) {
    .fullimage-banner {
      height: 18.75rem; }
      .fullimage-banner iframe, .fullimage-banner img {
        object-position: 6% 10%; } }
  @media (max-width: 767.98px) {
    .fullimage-banner {
      height: 11.25rem; }
      .fullimage-banner iframe, .fullimage-banner img {
        object-position: 6% top; } }

.ch-cs-sec {
  background: #18181a; }
  .ch-cs-sec.pt0 {
    padding-top: 0; }
  .ch-cs-sec .ch-cs-text {
    background: #defe46;
    border-radius: 0 0 0.625rem 0.625rem;
    color: #18181a;
    font-size: 1.375rem;
    padding: 0.375rem 1.625rem;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    line-height: 1.09;
    display: inline-block; }
  .ch-cs-sec .ch-cs-inner {
    display: flex;
    justify-content: space-between;
    padding: 1.875rem 0; }
    .ch-cs-sec .ch-cs-inner .ch-cs-inner-left {
      flex: 0 1 45%; }
    .ch-cs-sec .ch-cs-inner .ch-cs-inner-right {
      flex: 0 1 55%; }
    .ch-cs-sec .ch-cs-inner .ch-cs-heading {
      font-size: 2.8125rem;
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: -1.13px;
      color: #ffffff;
      max-width: 31.25rem; }
      .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp {
        margin-top: 0.3125rem; }
        .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .a.readmore, .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .readmor {
          font-size: 1.375rem; }
          @media (max-width: 991.98px) {
            .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .a.readmore, .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .readmor {
              font-size: 1.25rem; } }
          @media (max-width: 767.98px) {
            .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .a.readmore, .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp .readmor {
              font-size: 1rem; } }
    .ch-cs-sec .ch-cs-inner .ch-iconsec {
      display: flex;
      justify-content: space-between; }
      .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons {
        flex: 0 1 50%;
        width: 100%; }
        .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .ch-icons-item {
          display: flex;
          width: 100%;
          color: #ffffff; }
        .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconlabel {
          font-size: 1.25rem;
          font-family: "Poppins", sans-serif;
          font-weight: 300;
          max-width: 11.25rem;
          margin-left: 0.5rem; }
        .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconhdg {
          font-size: 2.8125rem;
          font-weight: 300; }
  @media (max-width: 991.98px) {
    .ch-cs-sec {
      padding-top: 3.75rem; }
      .ch-cs-sec .ch-cs-inner {
        flex-direction: column;
        padding: 1.875rem 0; }
        .ch-cs-sec .ch-cs-inner .ch-cs-inner-left {
          flex: 0 1 100%;
          margin-bottom: 1.25rem; }
        .ch-cs-sec .ch-cs-inner .ch-cs-inner-right {
          flex: 0 1 100%; }
        .ch-cs-sec .ch-cs-inner .ch-cs-heading {
          font-size: 1.75rem;
          line-height: 1.2;
          max-width: 34.375rem;
          padding-top: 1.25rem; }
          .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp {
            margin-top: 0.625rem; }
        .ch-cs-sec .ch-cs-inner .ch-iconsec {
          display: flex;
          justify-content: space-between; }
          .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons {
            flex: 0 1 50%;
            width: 100%; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .ch-icons-item {
              display: flex;
              width: 100%;
              color: #ffffff; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconlabel {
              font-size: 1.25rem;
              max-width: 11.25rem;
              margin-left: 1.25rem; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconhdg {
              font-size: 2.8125rem; } }
  @media (max-width: 767.98px) {
    .ch-cs-sec {
      padding-top: 0; }
      .ch-cs-sec .ch-cs-inner {
        flex-direction: column;
        padding: 1.875rem 0; }
        .ch-cs-sec .ch-cs-inner .ch-cs-inner-left {
          flex: 0 1 100%;
          margin-bottom: 1.25rem; }
        .ch-cs-sec .ch-cs-inner .ch-cs-inner-right {
          flex: 0 1 100%; }
        .ch-cs-sec .ch-cs-inner .ch-cs-heading {
          font-size: 1.25rem;
          line-height: 1.2;
          max-width: 15.625rem;
          padding-top: 1.25rem; }
          .ch-cs-sec .ch-cs-inner .ch-cs-heading .linksp {
            margin-top: 0.625rem; }
        .ch-cs-sec .ch-cs-inner .ch-iconsec {
          display: flex;
          justify-content: space-between; }
          .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons {
            flex: 0 1 50%;
            width: 100%; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .ch-icons-item {
              display: flex;
              flex-direction: column;
              width: 100%;
              color: #ffffff; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconlabel {
              font-size: 0.875rem;
              max-width: 7.5rem;
              margin-left: 0; }
            .ch-cs-sec .ch-cs-inner .ch-iconsec .ch-icons .iconhdg {
              font-size: 1.875rem; } }

.help-bottom-section {
  background: #ffffff; }
  .help-bottom-section .container {
    max-width: 100%;
    padding: 0; }
  .help-bottom-section .help-section {
    color: #000;
    background: #ffffff; }
  .help-bottom-section .help-right {
    background: #ffffff; }
    .help-bottom-section .help-right .help-right-inner {
      max-width: 100%; }
    .help-bottom-section .help-right .h2, .help-bottom-section .help-right h2 {
      margin-bottom: 0.5rem; }
  .help-bottom-section .help-left {
    flex: 0 1 50%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    height: 100%; }
    .help-bottom-section .help-left img {
      border-radius: 0;
      object-fit: cover;
      display: block;
      object-position: center top;
      height: 25rem; }
  .help-bottom-section .help-smtext {
    color: #000;
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif; }
  .help-bottom-section .help-action {
    display: flex;
    width: 100%;
    justify-content: flex-end; }
    .help-bottom-section .help-action:not(:last-child) {
      margin-bottom: 1.25rem; }
    .help-bottom-section .help-action .btncall, .help-bottom-section .help-action a.btncall {
      justify-content: flex-end;
      padding-right: 3.125rem;
      color: #000; }
      .help-bottom-section .help-action .btncall:focus, .help-bottom-section .help-action a.btncall:focus {
        outline: 2px solid #4404bf !important; }
      .help-bottom-section .help-action .btncall::after, .help-bottom-section .help-action a.btncall::after {
        background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
        background-size: 2.8125rem auto;
        width: 2.875rem;
        height: 2.875rem; }
        @media (max-width: 767.98px) {
          .help-bottom-section .help-action .btncall::after, .help-bottom-section .help-action a.btncall::after {
            background-size: 2rem 2rem;
            width: 2rem;
            height: 2rem; } }
  @media (max-width: 991.98px) {
    .help-bottom-section .help-section {
      align-items: stretch; }
    .help-bottom-section .help-left img {
      height: 15.625rem; }
    .help-bottom-section .help-smtext {
      font-size: 1.25rem; }
    .help-bottom-section .help-action .btncall, .help-bottom-section .help-action a.btncall {
      justify-content: flex-end;
      padding-right: 3.75rem; } }
  @media (max-width: 767.98px) {
    .help-bottom-section {
      padding-top: 0; }
      .help-bottom-section .help-left img {
        border-radius: 0;
        height: 12.5rem; }
      .help-bottom-section .help-right {
        width: 100%; }
        .help-bottom-section .help-right .help-right-inner {
          padding: 1.25rem; }
      .help-bottom-section .help-smtext {
        font-size: 0.875rem; }
      .help-bottom-section .help-action .btncall, .help-bottom-section .help-action a.btncall {
        justify-content: flex-end;
        padding-right: 2.5rem; } }

.icdate {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/cs-icon1.svg) no-repeat;
  background-size: 7.8125rem;
  width: 7.8125rem;
  height: 7.8125rem;
  display: inline-flex; }
  @media (max-width: 991.98px) {
    .icdate {
      background-size: 6.125rem;
      width: 6.125rem;
      height: 6.125rem; } }
  @media (max-width: 767.98px) {
    .icdate {
      background-size: 4.125rem;
      width: 4.125rem;
      height: 4.125rem; } }

.icusser {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/cs-icon2.svg) no-repeat;
  background-size: 7.8125rem;
  width: 7.8125rem;
  height: 7.8125rem;
  display: inline-flex; }
  @media (max-width: 991.98px) {
    .icusser {
      background-size: 6.125rem;
      width: 6.125rem;
      height: 6.125rem; } }
  @media (max-width: 767.98px) {
    .icusser {
      background-size: 4.125rem;
      width: 4.125rem;
      height: 4.125rem; } }

@media (max-width: 767.98px) {
  .top-tabs ul li a {
    color: #fff; } }
.challenge-items.three-col .arayAnimMotif {
  bottom: -66%; }

h1 .small, .h1 .small {
  font-size: 85%; }

@media (min-width: 1000px) and (max-width: 1152px) {
  .ux-story-sec .ux-story-inner ul li .ux-content.hdg {
    font-size: 1.5rem; }

  .ux-story-sec .ux-story-inner .ux-content.hdg {
    font-size: 1.5rem; } }
@media (max-width: 1366px) {
  .challenge-items {
    margin: 0; } }
.SelectClass, .SumoSelect.open .search-txt, .SumoUnder {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 0;
  left: 0; }

.SumoSelect p {
  margin: 0; }

.SelectBox {
  padding: 5px 8px; }

.sumoStopScroll {
  overflow: hidden; }

.SumoSelect .hidden {
  display: none; }

.SumoSelect .search-txt {
  display: none;
  outline: 0; }

.SumoSelect .no-match {
  display: none;
  padding: 6px; }

.SumoSelect.open .search-txt {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  box-sizing: border-box;
  border-radius: 5px; }

.SumoSelect.open > .search > label, .SumoSelect.open > .search > span {
  visibility: hidden; }

.SelectClass, .SumoUnder {
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.SelectClass {
  z-index: 1; }

.SumoSelect .select-all > label, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt label {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: 0; }

.SumoSelect > .CaptionCont {
  position: relative;
  min-height: 0.875rem;
  margin: 0; }

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 1.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic; }

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1.875rem; }

.SumoSelect > .CaptionCont > label > i {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/selectbox.svg) right center/1.75rem 1.25rem no-repeat;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8; }

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border-radius: 3px;
  overflow: hidden; }

.SumoSelect.open > .optWrapper {
  top: 2.1875rem;
  display: block; }

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.3125rem; }

.SumoSelect > .optWrapper > .options > li.opt.selected {
  display: none; }

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.SumoSelect > .optWrapper > .options {
  border-radius: 0.125rem;
  position: relative; }

.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5; }

.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 1.375rem; }

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 3.125rem; }

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%; }

.SumoSelect > .optWrapper > .options li.opt {
  padding: 0.375rem;
  position: relative; }

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0; }

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 0.125rem 0.125rem;
  border-bottom: none; }

.SumoSelect > .optWrapper > .options li.opt:hover {
  color: #defe46; }

.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer; }

.SumoSelect > .optWrapper > .options li span {
  display: none; }

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 0.5rem 0.375rem; }

.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%; }

.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none; }

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: 0.5; }

.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 2.1875rem;
  cursor: pointer; }

.SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span {
  position: absolute;
  display: block;
  width: 1.875rem;
  top: 0;
  bottom: 0;
  margin-left: -2.1875rem; }

.SumoSelect .select-all > span i, .SumoSelect > .optWrapper.multiple > .options li.opt span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff; }

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px; }

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 0.3125rem;
  position: absolute;
  bottom: 0;
  width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 0.75rem;
  width: 50%;
  box-sizing: border-box;
  text-align: center; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px; }

.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 0.75rem 0.375rem; }

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 2.1875rem; }

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 2.6875rem; }

.SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center; }

.SumoSelect.disabled {
  opacity: .7;
  cursor: not-allowed; }

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none; }

.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #333;
  background-color: #333;
  padding: 8px 0 3px 35px;
  height: 1.25rem;
  cursor: pointer; }

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
  cursor: pointer; }

.SumoSelect .select-all.partial > span i {
  background-color: #ccc; }

.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 0.3125rem;
  text-decoration: underline; }

/*# sourceMappingURL=sumoselect.min.css.map */
.magicbox-topsec {
  background: #ffffff;
  padding: 9.375rem 0; }
  .magicbox-topsec .magic-logo-g {
    width: 20.25rem;
    height: auto; }
    .magicbox-topsec .magic-logo-g img {
      width: 20.25rem;
      height: auto; }
  .magicbox-topsec .inner-content {
    color: #4404bf;
    max-width: 51.875rem;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end; }
    .magicbox-topsec .inner-content h1 {
      font-weight: 300;
      color: #4404bf;
      margin-bottom: 0.625rem;
      line-height: 1.13;
      letter-spacing: -0.75px; }
    .magicbox-topsec .inner-content .info {
      font-size: 1.5rem;
      font-family: "Barlow", sans-serif;
      font-weight: 300;
      line-height: 1.21; }
  @media (max-width: 991.98px) {
    .magicbox-topsec {
      padding: 6.25rem 0; }
      .magicbox-topsec .magic-logo-g {
        width: 13.625rem;
        height: auto; }
        .magicbox-topsec .magic-logo-g img {
          width: 13.625rem;
          height: auto; }
      .magicbox-topsec .inner-content {
        max-width: 24.375rem;
        margin-top: -0.3125rem; }
        .magicbox-topsec .inner-content h1 {
          font-size: 2.875rem;
          margin-bottom: 0.125rem; }
        .magicbox-topsec .inner-content .info {
          font-size: 1.25rem;
          line-height: 1.21; } }
  @media (max-width: 767.98px) {
    .magicbox-topsec {
      padding: 5rem 0; }
      .magicbox-topsec .magic-logo-g {
        width: 11.875rem;
        height: 11.875rem;
        margin-bottom: 2rem; }
        .magicbox-topsec .magic-logo-g img {
          width: 11.875rem;
          height: auto; }
      .magicbox-topsec .inner-content {
        max-width: 18.75rem; }
        .magicbox-topsec .inner-content h1 {
          font-size: 1.875rem;
          margin-bottom: 0.625rem; }
        .magicbox-topsec .inner-content .info {
          font-size: 0.875rem;
          line-height: 1.21; } }

.btnholder {
  background: #18181a; }

.magicbox-enquiry {
  background: #ffffff;
  padding: 2.5rem 0 0 0; }
  .magicbox-enquiry .magicbox-enquiry-action {
    padding: 2.375rem 0;
    display: flex;
    justify-content: flex-end; }
    .magicbox-enquiry .magicbox-enquiry-action .btncall:not(:last-child) {
      margin-right: 3.75rem; }
    @media (max-width: 767.98px) {
      .magicbox-enquiry .magicbox-enquiry-action {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 1rem 0; }
        .magicbox-enquiry .magicbox-enquiry-action .btncall:not(:last-child) {
          margin-right: 0;
          margin-bottom: 1.25rem; } }
  .magicbox-enquiry .h2 {
    font-size: 3.75rem;
    line-height: 1.17;
    font-weight: 300;
    letter-spacing: -1.5px;
    color: #000; }
  .magicbox-enquiry .heading {
    font-size: 2.8125rem;
    font-weight: 300;
    font-family: "Barlow", sans-serif;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: #4404bf; }
  .magicbox-enquiry .plateform {
    width: 100%;
    position: relative;
    padding-bottom: 1.25rem; }
    .magicbox-enquiry .plateform ul {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      .magicbox-enquiry .plateform ul li {
        list-style: none;
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 1.14;
        color: #000;
        position: relative; }
        .magicbox-enquiry .plateform ul li:not(:first-child)::before {
          position: absolute;
          top: 0;
          left: -1.875rem;
          content: '+';
          font-size: 1.75rem;
          color: #000; }
        .magicbox-enquiry .plateform ul li:not(:last-child) {
          margin-right: 3.125rem; }
  @media (max-width: 991.98px) {
    .magicbox-enquiry .h2 {
      font-size: 2.875rem; }
    .magicbox-enquiry .heading {
      font-size: 1.5rem; }
    .magicbox-enquiry .plateform ul li {
      font-size: 1.25rem; }
      .magicbox-enquiry .plateform ul li:not(:first-child)::before {
        left: -1rem;
        content: '+';
        font-size: 1.25rem; }
      .magicbox-enquiry .plateform ul li:not(:last-child) {
        margin-right: 1.5625rem; } }
  @media (max-width: 767.98px) {
    .magicbox-enquiry .h2 {
      font-size: 1.875rem; }
    .magicbox-enquiry .heading {
      font-size: 0.875rem; }
    .magicbox-enquiry .plateform ul li {
      font-size: 0.875rem; }
      .magicbox-enquiry .plateform ul li:not(:first-child)::before {
        left: -0.75rem;
        content: '+';
        font-size: 0.875rem; }
      .magicbox-enquiry .plateform ul li:not(:last-child) {
        margin-right: 0.9375rem; } }

.magic-imagelist-sec {
  background: #333333; }

.magicbox-card-list {
  display: flex;
  flex-direction: row;
  background: #ffffff; }
  .magicbox-card-list.card-reverse {
    flex-direction: row-reverse;
    background: #000; }
    .magicbox-card-list.card-reverse .body-content {
      color: #ffffff;
      padding: 2.5rem 2.5rem 2.5rem 1.875rem; }
    .magicbox-card-list.card-reverse .imgsec {
      background: #000; }
    .magicbox-card-list.card-reverse .magicbox-card {
      background: #18181a; }
    .magicbox-card-list.card-reverse .magicbox-card {
      justify-content: flex-end; }
  .magicbox-card-list .magicbox-card {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .magicbox-card-list .imgsec {
    width: 100%;
    min-height: 28.75rem;
    background: #000;
    position: relative; }
    .magicbox-card-list .imgsec img, .magicbox-card-list .imgsec iframe {
      max-width: 100%;
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
  .magicbox-card-list .body-content {
    padding: 2.5rem 1.875rem 2.5rem 2.5rem;
    max-width: 44.5rem;
    width: 100%;
    color: #000; }
    .magicbox-card-list .body-content .innner-text {
      max-width: 31.5rem; }
    .magicbox-card-list .body-content .info {
      font-size: 1.5rem;
      line-height: 1.17;
      font-weight: 300; }
  @media (max-width: 991.98px) {
    .magicbox-card-list .imgsec {
      width: 100%;
      min-height: 16.25rem;
      background: #3c3c3c;
      position: relative; }
      .magicbox-card-list .imgsec img, .magicbox-card-list .imgsec iframe {
        max-width: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
    .magicbox-card-list .body-content {
      padding: 1.25rem !important;
      width: 100%;
      color: #000; }
      .magicbox-card-list .body-content .h2 {
        font-size: 1.75rem; }
      .magicbox-card-list .body-content .info {
        font-size: 1.25rem;
        line-height: 1.17; } }
  @media (max-width: 767.98px) {
    .magicbox-card-list {
      flex-direction: column; }
      .magicbox-card-list.card-reverse {
        flex-direction: column;
        background: #000; }
        .magicbox-card-list.card-reverse .body-content {
          color: #ffffff; }
      .magicbox-card-list .magicbox-card {
        width: 100%; }
      .magicbox-card-list .imgsec {
        width: 100%;
        background: #3c3c3c;
        position: relative;
        display: flex; }
        .magicbox-card-list .imgsec img, .magicbox-card-list .imgsec iframe {
          max-width: 100%;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
      .magicbox-card-list .body-content {
        padding: 1.25rem 1.25rem 3.375rem 1.25rem !important;
        max-width: 100%;
        color: #000; }
        .magicbox-card-list .body-content .h2 {
          font-size: 1.25rem;
          margin-bottom: 0.3125rem; }
        .magicbox-card-list .body-content .info {
          font-size: 0.875rem;
          line-height: 1.17; } }

.magic-full-card {
  padding-top: 30%;
  position: relative; }
  .magic-full-card iframe, .magic-full-card img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center; }
  @media (max-width: 991.98px) {
    .magic-full-card {
      padding-top: 47%; } }
  @media (max-width: 767.98px) {
    .magic-full-card {
      padding-top: 45%; } }

.magicbox-story-sec + .magicbox-story-sec {
  margin-top: -1px;
  background: #ffffff;
  border: 1px solid #333; }
  .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:not(:last-child) {
    border-right: 1px solid #333; }
  .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content {
    color: #000; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .innertext {
      align-items: flex-start; }
  .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner {
    overflow: hidden; }
    @media (max-width: 767.98px) {
      .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner {
        overflow: visible; } }

@media (max-width: 767.98px) {
  .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:first-child {
    border-bottom: 1px solid #333 !important; }

  .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li {
    border: 1px solid #333;
    min-height: 3.625rem; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:first-child {
      flex: 0 1 100%;
      height: 3.75rem;
      align-items: flex-end;
      align-items: flex-start;
      border-top: 1px solid #333 !important;
      border-left: 1px solid #333 !important;
      border-bottom: 0 !important; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:not(:last-child) {
      border-right: 1px solid #333; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(2), .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(3) {
      margin-bottom: -1px; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(2), .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(4) {
      border-right: 1px solid transparent;
      border-bottom: 0; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(5) {
      border-right: 0;
      border-bottom: 0; }
    .magicbox-story-sec + .magicbox-story-sec .magicbox-story-inner ul li:nth-child(3) {
      border-right: 0; } }
.magicbox-story-sec {
  background: #333333; }
  .magicbox-story-sec .container {
    max-width: 100%;
    padding: 0; }
  .magicbox-story-sec .magicbox-story-inner {
    display: flex;
    width: 100%;
    border: 1px solid #ffffff; }
    .magicbox-story-sec .magicbox-story-inner .hdg {
      font-size: 2.8125rem;
      font-family: "Poppins", sans-serif;
      color: #ffffff;
      font-weight: 300;
      line-height: 1.2;
      align-items: flex-start;
      justify-content: flex-start;
      background: #000;
      letter-spacing: -0.75px;
      border-right: 1px solid #ffffff;
      width: 20%;
      padding: 1.25rem 0.9375rem;
      margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .magicbox-story-sec .magicbox-story-inner .hdg {
          font-size: 2.1875rem; } }
    .magicbox-story-sec .magicbox-story-inner .hdgwhite {
      background: #ffffff;
      color: #000;
      border-right: 1px solid #000; }
    .magicbox-story-sec .magicbox-story-inner ul {
      padding: 0;
      margin: 0;
      display: flex;
      min-height: 12.5rem;
      width: 100%;
      justify-content: flex-end; }
      .magicbox-story-sec .magicbox-story-inner ul li {
        list-style: none;
        flex: 1 0 0%;
        width: 20%; }
        .magicbox-story-sec .magicbox-story-inner ul li:not(:last-child) {
          border-right: 1px solid #ffffff; }
        .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content {
          display: flex;
          height: 100%;
          align-items: flex-start;
          flex-direction: column;
          font-size: 1.5rem;
          font-weight: 300;
          color: #ffffff;
          justify-content: flex-start;
          padding: 1.25rem 0.9375rem; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .innertext {
            font-size: 1.875rem;
            display: flex;
            align-items: flex-end;
            height: 100%; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content.hdg {
            font-size: 2.8125rem;
            font-family: "Poppins", sans-serif;
            color: #ffffff;
            font-weight: 300;
            line-height: 1.2;
            align-items: flex-start;
            justify-content: flex-start;
            background: #000;
            letter-spacing: -0.75px; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content.hdgwhite {
            background: #ffffff;
            color: #000; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .magicbox-count {
            font-size: 2.75rem;
            font-family: "Poppins", sans-serif;
            font-weight: 300; }
  @media (max-width: 991.98px) {
    .magicbox-story-sec .magicbox-story-inner ul {
      min-height: 8.75rem;
      justify-content: flex-end; }
      .magicbox-story-sec .magicbox-story-inner ul li {
        list-style: none;
        flex: 0 0 auto;
        width: 20%; }
        .magicbox-story-sec .magicbox-story-inner ul li:not(:last-child) {
          border-right: 1px solid #ffffff; }
        .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content {
          font-size: 0.875rem;
          padding: 0.625rem; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .innertext {
            font-size: 1.25rem;
            display: flex;
            align-items: flex-end;
            height: 100%; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content.hdg {
            font-size: 1.5rem;
            line-height: 1.17; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .magicbox-count {
            font-size: 1.875rem; } }
  @media (max-width: 767.98px) {
    .magicbox-story-sec .magicbox-story-inner {
      border: 0;
      flex-wrap: wrap; }
      .magicbox-story-sec .magicbox-story-inner .hdg {
        width: 100%;
        border: none; }
      .magicbox-story-sec .magicbox-story-inner ul {
        min-height: auto;
        width: 100%;
        justify-content: start;
        flex-direction: row;
        flex-wrap: wrap; }
        .magicbox-story-sec .magicbox-story-inner ul li {
          list-style: none;
          flex: 0 0 auto;
          width: 50%;
          border: 1px solid #ffffff; }
          .magicbox-story-sec .magicbox-story-inner ul li:first-child {
            flex: 0 1 100%;
            height: 3.75rem;
            align-items: flex-end;
            align-items: flex-start;
            border: 0 !important;
            border-top: 1px solid #fff !important;
            border-left: 1px solid #fff !important;
            border-right: 1px solid #fff !important; }
          .magicbox-story-sec .magicbox-story-inner ul li:not(:last-child) {
            border-right: 1px solid #ffffff; }
          .magicbox-story-sec .magicbox-story-inner ul li:nth-child(2), .magicbox-story-sec .magicbox-story-inner ul li:nth-child(3) {
            margin-bottom: -1px; }
          .magicbox-story-sec .magicbox-story-inner ul li:nth-child(2), .magicbox-story-sec .magicbox-story-inner ul li:nth-child(4) {
            border-right: 1px solid transparent; }
          .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content {
            font-size: 0.875rem;
            padding: 0.3125rem 1.25rem; }
            .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content.hdg {
              font-size: 1.25rem;
              line-height: 1.17;
              justify-content: flex-end;
              align-items: flex-start; }
            .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .magicbox-count {
              font-size: 1.875rem; } }

.magic-imagelist-sec.fullwidth .container {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.homePageMagicVideo {
  flex: 1 0 0%;
  padding-bottom: 29.5%;
  height: 0;
  position: relative;
  background: #555456; }
  .homePageMagicVideo .myMagicVideoiPlayer-dimensions, .homePageMagicVideo iframe, .homePageMagicVideo .img, .homePageMagicVideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.magicbox-card-list .magicbox-card {
  position: relative; }

.homePageMagicVideoCols {
  flex: 1 0 0%;
  padding-bottom: 67%;
  height: 0;
  position: relative;
  background: #000; }
  .homePageMagicVideoCols .myMagicVideoiPlayerCols1-dimensions,
  .homePageMagicVideoCols .myMagicVideoiPlayerCols2-dimensions,
  .homePageMagicVideoCols .myMagicVideoiPlayerCols3-dimensions,
  .homePageMagicVideoCols .myMagicVideoiPlayerCols4-dimensions, .homePageMagicVideoCols iframe, .homePageMagicVideoCols img, .homePageMagicVideoCols video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 1000px) and (max-width: 1152px) {
  .magicbox-story-sec .magicbox-story-inner ul li .magicbox-content .innertext {
    font-size: 1.5rem; } }
.control-buttons {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem; }
  .control-buttons .first {
    display: none; }
  .control-buttons button {
    background: transparent;
    border: 0;
    cursor: pointer; }
  .control-buttons button img {
    width: 3.125rem; }

.buld-banner-sec {
  position: relative;
  background-color: #18181a; }
  .buld-banner-sec .banner-content {
    background: rgba(0, 0, 0, 0.42);
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end; }
    .buld-banner-sec .banner-content .inner-content {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: 100%;
      padding: 1.875rem 6.25rem 1.875rem 1.875rem;
      flex-direction: column;
      color: #ffffff;
      width: 45rem;
      box-sizing: border-box;
      position: relative; }
      .buld-banner-sec .banner-content .inner-content .body-text {
        max-width: 25rem; }
      .buld-banner-sec .banner-content .inner-content .h1 {
        letter-spacing: -2px;
        font-weight: 300;
        margin-bottom: 1rem;
        color: #defe46; }
  @media (max-width: 991.98px) {
    .buld-banner-sec .banner-content {
      background-color: #18181a;
      height: 100%;
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
      z-index: 2; }
      .buld-banner-sec .banner-content .inner-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 2.5rem 1.875rem;
        flex-direction: column;
        color: #ffffff;
        max-width: 100%;
        width: 100%; }
        .buld-banner-sec .banner-content .inner-content .h1 {
          letter-spacing: -2px;
          font-size: 2.875rem;
          line-height: 1.13;
          font-weight: 300;
          margin-bottom: 0.25rem; } }
  @media (max-width: 767.98px) {
    .buld-banner-sec {
      position: relative; }
      .buld-banner-sec .banner-content {
        background-color: #18181a;
        height: 100%;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        z-index: 2; }
        .buld-banner-sec .banner-content .inner-content {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          height: 100%;
          padding: 1.25rem;
          flex-direction: column;
          color: #ffffff;
          max-width: 100%;
          width: 100%; }
          .buld-banner-sec .banner-content .inner-content .h1 {
            letter-spacing: -2px;
            font-size: 1.875rem;
            line-height: 1.13;
            margin-bottom: 0.25rem; } }
  .buld-banner-sec .banner-inner img {
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 6.25rem);
    object-position: center center;
    display: block; }
    @media (max-width: 991.98px) {
      .buld-banner-sec .banner-inner img {
        height: 100%; } }
    @media (max-width: 767.98px) {
      .buld-banner-sec .banner-inner img {
        height: 100%; } }

.buildBannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  left: 80%;
  transform: translateX(-75%);
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 48.75rem;
  width: 48.75rem;
  margin-top: -4.0625rem; }
  @media (max-width: 991.98px) {
    .buildBannerAnimRightSide {
      left: 0;
      top: 0;
      height: 43.75rem !important;
      width: 100%;
      transform: translateX(0);
      margin-top: 0; } }
  @media (max-width: 767.98px) {
    .buildBannerAnimRightSide {
      right: 0;
      top: 0;
      height: 26.25rem !important;
      width: 100%; } }

.fullwidth .container {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.buld-card-list {
  display: flex;
  flex-direction: row;
  background: #ffffff; }
  .buld-card-list.card-reverse {
    flex-direction: row-reverse; }
    .buld-card-list.card-reverse .body-content {
      color: #18181a;
      background: #cfbdff; }
      .buld-card-list.card-reverse .body-content .heading-item:not(:last-child) {
        border-bottom: 1px solid #000; }
      .buld-card-list.card-reverse .body-content .heading-item a {
        color: #18181a; }
        .buld-card-list.card-reverse .body-content .heading-item a:hover {
          background: #4404bf;
          color: #ffffff; }
          .buld-card-list.card-reverse .body-content .heading-item a:hover .h3 {
            background-image: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white1.svg);
            background-size: 1.25rem 2.25rem; }
            @media (max-width: 991.98px) {
              .buld-card-list.card-reverse .body-content .heading-item a:hover .h3 {
                background-size: 1.25rem 2rem; } }
            @media (max-width: 767.98px) {
              .buld-card-list.card-reverse .body-content .heading-item a:hover .h3 {
                background-size: 0.625rem 1rem; } }
    .buld-card-list.card-reverse .imgsec {
      background: #000; }
    .buld-card-list.card-reverse .magicbox-card {
      background: #333333; }
  .buld-card-list .buld-card {
    width: 50%;
    display: flex;
    align-items: flex-start; }
  .buld-card-list .imgsec {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative; }
    .buld-card-list .imgsec img, .buld-card-list .imgsec iframe {
      max-width: 100%;
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
  .buld-card-list .body-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    color: #ffffff;
    background: #18181a; }
    .buld-card-list .body-content .body-content-top {
      padding: 2.5rem; }
    .buld-card-list .body-content .info {
      font-size: 1.5rem;
      line-height: 1.17;
      font-weight: 300; }
    .buld-card-list .body-content .heading-item {
      position: relative;
      font-family: "Barlow", sans-serif; }
      .buld-card-list .body-content .heading-item:not(:last-child) {
        border-bottom: 1px solid #ffffff; }
      .buld-card-list .body-content .heading-item a {
        min-height: 9.25rem;
        text-decoration: none;
        color: #ffffff;
        background: transparent;
        display: block;
        padding: 1.25rem 2.5rem;
        transition: background-color 0.5s ease-in-out;
        margin: 0; }
        .buld-card-list .body-content .heading-item a .h3 {
          font-size: 2.8125rem;
          font-weight: 300;
          margin-bottom: 0.25rem;
          line-height: 1.2;
          font-family: "Barlow", sans-serif; }
        .buld-card-list .body-content .heading-item a .heading-sm {
          font-size: 1.25rem;
          letter-spacing: -0.12px;
          font-weight: 300; }
        .buld-card-list .body-content .heading-item a:hover {
          background: #defe46;
          color: #18181a; }
          .buld-card-list .body-content .heading-item a:hover .h3 {
            font-style: italic;
            font-weight: 500;
            background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat top right;
            background-size: 1.25rem 2.25rem; }
  @media (max-width: 991.98px) {
    .buld-card-list {
      flex-direction: column; }
      .buld-card-list.card-reverse {
        flex-direction: column; }
        .buld-card-list.card-reverse .imgsec {
          width: 100%;
          padding-bottom: 38%;
          height: auto; }
          .buld-card-list.card-reverse .imgsec img, .buld-card-list.card-reverse .imgsec iframe {
            object-position: top center; }
      .buld-card-list .buld-card {
        width: 100%;
        align-items: flex-start; }
      .buld-card-list .imgsec {
        width: 100%;
        padding-bottom: 38%; }
        .buld-card-list .imgsec img, .buld-card-list .imgsec iframe {
          object-position: center center; }
      .buld-card-list .body-content .body-content-top {
        padding: 1.875rem; }
      .buld-card-list .body-content .info {
        font-size: 1.25rem;
        line-height: 1.17; }
      .buld-card-list .body-content .heading-item:not(:last-child) {
        border-bottom: 1px solid #ffffff; }
      .buld-card-list .body-content .heading-item a {
        min-height: 5.875rem;
        color: #ffffff;
        padding: 1.25rem 1.875rem; }
        .buld-card-list .body-content .heading-item a .h3 {
          font-size: 1.75rem;
          margin-bottom: 0.25rem;
          line-height: 1.2;
          font-weight: 500; }
        .buld-card-list .body-content .heading-item a .heading-sm {
          font-size: 1.25rem;
          letter-spacing: -0.12px;
          font-weight: 300; }
        .buld-card-list .body-content .heading-item a:hover {
          background: #defe46;
          color: #18181a; }
          .buld-card-list .body-content .heading-item a:hover .h3 {
            background-size: 1.25rem 2rem; } }
  @media (max-width: 767.98px) {
    .buld-card-list {
      flex-direction: column; }
      .buld-card-list.card-reverse {
        flex-direction: column; }
      .buld-card-list .buld-card {
        width: 100%;
        align-items: flex-start; }
      .buld-card-list .imgsec {
        width: 100%;
        padding-bottom: 50%;
        height: auto; }
      .buld-card-list .body-content .body-content-top {
        padding: 1.25rem; }
      .buld-card-list .body-content .info {
        font-size: 0.875rem;
        line-height: 1.21; }
      .buld-card-list .body-content .heading-item:not(:last-child) {
        border-bottom: 1px solid #ffffff; }
      .buld-card-list .body-content .heading-item a {
        min-height: 3.125rem;
        color: #ffffff;
        padding: 1.25rem 1.25rem; }
        .buld-card-list .body-content .heading-item a .h3 {
          font-size: 1.25rem;
          margin-bottom: 0.25rem;
          line-height: 1.2; }
        .buld-card-list .body-content .heading-item a .heading-sm {
          font-size: 0.875rem;
          letter-spacing: -0.12px;
          font-weight: 300; }
        .buld-card-list .body-content .heading-item a:hover {
          background: #defe46;
          color: #18181a; }
          .buld-card-list .body-content .heading-item a:hover .h3 {
            background-size: 0.625rem 1rem; } }

.explore-insight-section {
  background: #ffffff;
  padding: 3.75rem 0 3.75rem 0; }
  @media (max-width: 991.98px) {
    .explore-insight-section {
      padding: 5rem 0 3.75rem 0; } }
  @media (max-width: 767.98px) {
    .explore-insight-section {
      padding: 3.75rem 0 3.75rem 0; } }

.buld-imagelist-sec ~ .explore-insight-section {
  background: #333; }
  .buld-imagelist-sec ~ .explore-insight-section h2 {
    color: #ffffff; }
  .buld-imagelist-sec ~ .explore-insight-section .viewall a.black-text {
    color: #ffffff; }

@media (min-width: 1000px) and (max-width: 1152px) {
  .buildBannerAnimRightSide {
    transform: translateX(-62%); } }
.deliver-banner-sec {
  position: relative;
  background-color: #18181a; }
  .deliver-banner-sec .banner-content {
    background: rgba(0, 0, 0, 0.42);
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end; }
    .deliver-banner-sec .banner-content .inner-content {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: 100%;
      padding: 1.875rem 6.25rem 1.875rem 1.875rem;
      flex-direction: column;
      color: #ffffff;
      width: 45rem;
      box-sizing: border-box;
      position: relative; }
      .deliver-banner-sec .banner-content .inner-content .body-text {
        max-width: 25rem; }
      .deliver-banner-sec .banner-content .inner-content .h1 {
        letter-spacing: -2px;
        font-weight: 300;
        margin-bottom: 1rem;
        color: #CFFCFF; }
  @media (max-width: 991.98px) {
    .deliver-banner-sec .banner-content {
      background-color: #18181a;
      height: 100%;
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
      z-index: 2; }
      .deliver-banner-sec .banner-content .inner-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 2.5rem 1.875rem;
        flex-direction: column;
        color: #ffffff;
        max-width: 100%;
        width: 100%; }
        .deliver-banner-sec .banner-content .inner-content .body-text {
          max-width: 28rem; }
        .deliver-banner-sec .banner-content .inner-content .h1 {
          letter-spacing: -2px;
          font-size: 2.875rem;
          line-height: 1.13;
          font-weight: 300;
          margin-bottom: 0.25rem; } }
  @media (max-width: 767.98px) {
    .deliver-banner-sec {
      position: relative; }
      .deliver-banner-sec .banner-content {
        background-color: #18181a;
        height: 100%;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        z-index: 2; }
        .deliver-banner-sec .banner-content .inner-content {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          height: 100%;
          padding: 1.25rem;
          flex-direction: column;
          color: #ffffff;
          max-width: 100%;
          width: 100%; }
          .deliver-banner-sec .banner-content .inner-content .h1 {
            letter-spacing: -2px;
            font-size: 1.875rem;
            line-height: 1.13;
            margin-bottom: 0.25rem; } }
  .deliver-banner-sec .banner-inner img {
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 6.25rem);
    object-position: center center;
    display: block; }
    @media (max-width: 991.98px) {
      .deliver-banner-sec .banner-inner img {
        height: 100%; } }
    @media (max-width: 767.98px) {
      .deliver-banner-sec .banner-inner img {
        height: 100%; } }

.deliverBannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  right: -4%;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 48.75rem;
  width: 48.75rem;
  margin-top: -4.0625rem; }
  @media (max-width: 991.98px) {
    .deliverBannerAnimRightSide {
      right: 0;
      top: 0;
      height: 43.75rem !important;
      width: 100%;
      margin-top: 0; } }
  @media (max-width: 767.98px) {
    .deliverBannerAnimRightSide {
      right: 0;
      top: 0;
      height: 26.25rem !important;
      width: 100%; } }

.fullwidth .container {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.deliver-card-list {
  display: flex;
  flex-direction: row;
  background: #18181a; }
  .deliver-card-list.card-reverse {
    flex-direction: row-reverse; }
    .deliver-card-list.card-reverse .imgsec {
      background: rgba(180, 180, 180, 0.94); }
    .deliver-card-list.card-reverse .deliver-card {
      justify-content: flex-end; }
    .deliver-card-list.card-reverse .body-content {
      padding: 2.5rem 2.5rem 2.5rem 1.875rem; }
  .deliver-card-list .deliver-card {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
  .deliver-card-list .imgsec {
    width: 100%;
    min-height: 44.25rem;
    height: 100%;
    background: #000;
    position: relative; }
    .deliver-card-list .imgsec img, .deliver-card-list .imgsec iframe {
      max-width: 100%;
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
  .deliver-card-list .body-content {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width: 44.5rem;
    width: 100%;
    box-sizing: border-box;
    color: #ffffff;
    background: #18181a; }
    .deliver-card-list .body-content .innner-text {
      max-width: 40.625rem;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-around; }
    .deliver-card-list .body-content .body-content-top {
      position: relative; }
    .deliver-card-list .body-content .smheading {
      font-size: 1.75rem;
      font-family: "Barlow", sans-serif; }
    .deliver-card-list .body-content .info {
      font-size: 1.5rem;
      line-height: 1.17;
      font-weight: 300; }
    .deliver-card-list .body-content .deliver-mbbox {
      display: flex;
      align-items: center;
      padding-top: 3.75rem; }
      .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg {
        width: 6.25rem;
        display: block; }
        .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg img {
          max-width: 6.25rem;
          width: 100%; }
      .deliver-card-list .body-content .deliver-mbbox .mbbox-inner .h2 {
        margin-bottom: 0; }
      .deliver-card-list .body-content .deliver-mbbox .mbbox-inner:not(:last-child) {
        margin-right: 4.0625rem; }
    .deliver-card-list .body-content .maicsync {
      display: flex;
      padding-top: 3.75rem;
      flex-direction: column; }
      .deliver-card-list .body-content .maicsync .maicsync-item {
        display: flex;
        width: 100%;
        align-items: center; }
        @media (max-width: 767.98px) {
          .deliver-card-list .body-content .maicsync .maicsync-item:not(:last-child) {
            margin-bottom: 0.5rem; } }
        .deliver-card-list .body-content .maicsync .maicsync-item .h2 {
          margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .deliver-card-list {
      flex-direction: column; }
      .deliver-card-list.card-reverse {
        flex-direction: column; }
      .deliver-card-list .deliver-card {
        width: 100%;
        align-items: flex-start; }
      .deliver-card-list .imgsec {
        width: 100%;
        height: 18.75rem;
        min-height: 18.75rem; }
      .deliver-card-list .body-content {
        padding: 1.875rem;
        width: 100%; }
        .deliver-card-list .body-content .innner-text {
          max-width: 100%; }
        .deliver-card-list .body-content .body-content-top {
          max-width: 35rem; }
        .deliver-card-list .body-content .flex-start {
          justify-content: flex-end; }
        .deliver-card-list .body-content .h1 {
          font-size: 2.875rem;
          margin-bottom: 0.5rem; }
        .deliver-card-list .body-content .smheading {
          font-size: 1.75rem;
          margin-bottom: 0.625rem; }
        .deliver-card-list .body-content .deliver-mbbox {
          padding-top: 1.875rem;
          align-items: center; }
          .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg {
            width: 6.25rem; }
            .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg img {
              max-width: 6.25rem;
              max-height: 6.25rem;
              height: auto;
              width: 100%; }
          .deliver-card-list .body-content .deliver-mbbox .mbbox-inner:not(:last-child) {
            margin-right: 4.0625rem; }
        .deliver-card-list .body-content .maicsync {
          padding-top: 1.875rem; }
        .deliver-card-list .body-content .info {
          font-size: 1.25rem;
          line-height: 1.17; } }
  @media (max-width: 767.98px) {
    .deliver-card-list {
      flex-direction: column; }
      .deliver-card-list.card-reverse {
        flex-direction: column; }
      .deliver-card-list .deliver-card {
        width: 100%;
        align-items: flex-start; }
      .deliver-card-list .imgsec {
        width: 100%;
        height: 11.25rem;
        min-height: 11.25rem; }
      .deliver-card-list .body-content {
        padding: 1.25rem 1.25rem 3.125rem;
        width: 100%; }
        .deliver-card-list .body-content .body-content-top {
          max-width: 100%; }
        .deliver-card-list .body-content .flex-start {
          justify-content: flex-end; }
        .deliver-card-list .body-content .h1 {
          font-size: 1.875rem;
          margin-bottom: 0.5rem; }
        .deliver-card-list .body-content .smheading {
          font-size: 0.875rem;
          margin-bottom: 0.625rem; }
        .deliver-card-list .body-content .deliver-mbbox {
          padding-top: 1.875rem;
          align-items: center; }
          .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg {
            width: 4.25rem; }
            .deliver-card-list .body-content .deliver-mbbox .mbbox-inner.logoimg img {
              max-width: 4.25rem;
              width: 4.25rem; }
          .deliver-card-list .body-content .deliver-mbbox .mbbox-inner:not(:last-child) {
            margin-right: 2.5rem; }
        .deliver-card-list .body-content .maicsync {
          padding-top: 1.875rem; }
        .deliver-card-list .body-content .info {
          font-size: 0.875rem;
          line-height: 1.21; } }

.viewicon-img {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/view-all.svg) no-repeat;
  width: 2.875rem;
  height: 2.875rem;
  margin-left: 0.625rem;
  background-size: 2.8125rem; }
  @media (max-width: 767.98px) {
    .viewicon-img {
      width: 2.125rem;
      height: 2.125rem;
      background-size: 2.125rem; } }

.mr4 {
  margin-right: 0.25rem; }

.h1 sup {
  font-size: 50%; }

@media (max-width: 767.98px) {
  .deliver-card-list .imgsec img {
    object-position: 50% 44%; } }
.support-page a:focus {
  outline-color: #4404bf !important; }

.support-banner-sec {
  position: relative;
  background-color: #18181a; }
  .support-banner-sec .banner-content {
    background: rgba(0, 0, 0, 0.42);
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end; }
    .support-banner-sec .banner-content .inner-content {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: 100%;
      padding: 1.875rem 6.25rem 1.875rem 1.875rem;
      flex-direction: column;
      color: #ffffff;
      width: 45rem;
      box-sizing: border-box;
      position: relative; }
      .support-banner-sec .banner-content .inner-content .body-text {
        max-width: 25rem; }
      .support-banner-sec .banner-content .inner-content .h1 {
        letter-spacing: -1.2px;
        font-weight: 300;
        margin-bottom: 1rem;
        color: #CFFCFF; }
  @media (max-width: 991.98px) {
    .support-banner-sec .banner-content {
      background-color: #18181a;
      height: 100%;
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
      z-index: 2; }
      .support-banner-sec .banner-content .inner-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 2.5rem 1.875rem;
        flex-direction: column;
        color: #ffffff;
        max-width: 100%;
        width: 100%; }
        .support-banner-sec .banner-content .inner-content .h1 {
          letter-spacing: normal;
          font-size: 2.875rem;
          line-height: 1.13;
          font-weight: 300;
          margin-bottom: 0.25rem; } }
  @media (max-width: 767.98px) {
    .support-banner-sec {
      position: relative; }
      .support-banner-sec .banner-content {
        background-color: #18181a;
        height: 100%;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        z-index: 2; }
        .support-banner-sec .banner-content .inner-content {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          height: 100%;
          padding: 1.25rem;
          flex-direction: column;
          color: #ffffff;
          max-width: 100%;
          width: 100%; }
          .support-banner-sec .banner-content .inner-content .body-text {
            max-width: 18rem; }
          .support-banner-sec .banner-content .inner-content .h1 {
            letter-spacing: -0.75px;
            font-size: 1.875rem;
            line-height: 1.13;
            margin-bottom: 0.25rem; } }
  .support-banner-sec .banner-inner img {
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 6.25rem);
    object-position: center center;
    display: block; }
    @media (max-width: 991.98px) {
      .support-banner-sec .banner-inner img {
        height: 100%; } }
    @media (max-width: 767.98px) {
      .support-banner-sec .banner-inner img {
        height: 100%; } }

.supportBannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  right: 0%;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 48.75rem;
  width: 48.75rem;
  margin-top: -4.0625rem; }
  @media (max-width: 991.98px) {
    .supportBannerAnimRightSide {
      left: 0;
      top: 0;
      height: 43.75rem !important;
      width: 100%;
      transform: translateX(0); } }
  @media (max-width: 767.98px) {
    .supportBannerAnimRightSide {
      right: 0;
      top: 0;
      height: 27.5rem !important;
      width: 100%;
      margin-top: -1.25rem; } }

.fullwidth .container {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.support-cs-sec {
  background: #18181a;
  padding-top: 6.25rem; }
  .support-cs-sec.pt0 {
    padding-top: 0; }
  .support-cs-sec .support-cs-text {
    background: #defe46;
    border-radius: 0 0 0.625rem 0.625rem;
    color: #18181a;
    font-size: 1.375rem;
    padding: 0.375rem 1.625rem;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    line-height: 1.09;
    display: inline-block; }
  .support-cs-sec .support-cs-inner {
    display: flex;
    justify-content: space-between;
    padding: 1.875rem 0; }
    .support-cs-sec .support-cs-inner .support-cs-inner-left {
      flex: 0 1 40%; }
    .support-cs-sec .support-cs-inner .support-cs-inner-right {
      flex: 0 1 60%; }
    .support-cs-sec .support-cs-inner .support-cs-heading {
      font-size: 2.8125rem;
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: -1.13px;
      color: #ffffff;
      max-width: 31.25rem; }
      .support-cs-sec .support-cs-inner .support-cs-heading .linksp {
        margin-top: 0.3125rem; }
    .support-cs-sec .support-cs-inner .support-iconsec {
      display: flex;
      justify-content: space-between; }
      .support-cs-sec .support-cs-inner .support-iconsec .support-icons {
        flex: 0 1 50%;
        width: 100%; }
        .support-cs-sec .support-cs-inner .support-iconsec .support-icons .support-icons-item {
          display: flex;
          width: 100%;
          color: #ffffff; }
        .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconlabel {
          font-size: 1.25rem;
          font-family: "Poppins", sans-serif;
          font-weight: 300;
          max-width: 13.75rem;
          margin-left: 0.5rem; }
        .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconhdg {
          font-size: 2.8125rem;
          font-weight: 300; }
  @media (max-width: 991.98px) {
    .support-cs-sec {
      padding-top: 3.75rem; }
      .support-cs-sec .support-cs-inner {
        flex-direction: column;
        padding: 1.875rem 0; }
        .support-cs-sec .support-cs-inner .support-cs-inner-left {
          flex: 0 1 100%;
          margin-bottom: 1.875rem; }
        .support-cs-sec .support-cs-inner .support-cs-inner-right {
          flex: 0 1 100%; }
        .support-cs-sec .support-cs-inner .support-cs-heading {
          font-size: 1.75rem;
          line-height: 1.2;
          max-width: 34.375rem;
          padding-top: 1.25rem; }
          .support-cs-sec .support-cs-inner .support-cs-heading .linksp {
            margin-top: 0.625rem; }
        .support-cs-sec .support-cs-inner .support-iconsec {
          display: flex;
          justify-content: space-between; }
          .support-cs-sec .support-cs-inner .support-iconsec .support-icons {
            flex: 0 1 50%;
            width: 100%; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .support-icons-item {
              display: flex;
              width: 100%;
              color: #ffffff; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconlabel {
              font-size: 1.25rem;
              max-width: 21.875rem;
              margin-left: 1.25rem; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconhdg {
              font-size: 2.8125rem; } }
  @media (max-width: 767.98px) {
    .support-cs-sec {
      padding-top: 3.75rem; }
      .support-cs-sec .support-cs-inner {
        flex-direction: column;
        padding: 1.875rem 0; }
        .support-cs-sec .support-cs-inner .support-cs-inner-left {
          flex: 0 1 100%; }
        .support-cs-sec .support-cs-inner .support-cs-inner-right {
          flex: 0 1 100%; }
        .support-cs-sec .support-cs-inner .support-cs-heading {
          font-size: 1.25rem;
          line-height: 1.2;
          max-width: 15.625rem; }
          .support-cs-sec .support-cs-inner .support-cs-heading .linksp {
            margin-top: 0.625rem; }
        .support-cs-sec .support-cs-inner .support-iconsec {
          display: flex;
          justify-content: space-between; }
          .support-cs-sec .support-cs-inner .support-iconsec .support-icons {
            flex: 0 1 50%;
            width: 100%; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons:not(:last-child) {
              padding-right: 1.875rem; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .support-icons-item {
              display: flex;
              flex-direction: column;
              width: 100%;
              color: #ffffff; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconlabel {
              font-size: 0.875rem;
              max-width: 100%;
              margin-left: 0;
              padding-top: 0.375rem; }
            .support-cs-sec .support-cs-inner .support-iconsec .support-icons .iconhdg {
              font-size: 1.875rem; } }

.pdficon {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/support-icon1.svg) no-repeat;
  background-size: 7.8125rem;
  width: 7.8125rem;
  height: 7.8125rem;
  min-width: 7.8125rem;
  min-height: 7.8125rem;
  display: inline-flex; }
  @media (max-width: 991.98px) {
    .pdficon {
      background-size: 6.125rem;
      width: 6.125rem;
      height: 6.125rem;
      min-width: 6.125rem;
      min-height: 6.125rem; } }
  @media (max-width: 767.98px) {
    .pdficon {
      background-size: 4.125rem;
      width: 4.125rem;
      height: 4.125rem;
      min-width: 4.125rem;
      min-height: 4.125rem; } }

.dollaricon {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/support-icon2.svg) no-repeat;
  background-size: 7.8125rem;
  width: 7.8125rem;
  height: 7.8125rem;
  min-width: 7.8125rem;
  min-height: 7.8125rem;
  display: inline-flex; }
  @media (max-width: 991.98px) {
    .dollaricon {
      background-size: 6.125rem;
      width: 6.125rem;
      height: 6.125rem;
      min-width: 6.125rem;
      min-height: 6.125rem; } }
  @media (max-width: 767.98px) {
    .dollaricon {
      background-size: 4.125rem;
      width: 4.125rem;
      height: 4.125rem;
      min-width: 4.125rem;
      min-height: 4.125rem; } }

.content-operation-sec {
  background: #ffffff;
  padding: 5.375rem 0 0 0;
  color: #000; }
  .content-operation-sec .h1 {
    color: #4404bf; }
  @media (max-width: 991.98px) {
    .content-operation-sec .h1 {
      font-size: 2.875rem; }
    .content-operation-sec .tabing-section .tabs-style ul li {
      border-color: #4404bf !important; }
      .content-operation-sec .tabing-section .tabs-style ul li.current {
        border: 0 !important; } }
  @media (max-width: 767.98px) {
    .content-operation-sec .h1 {
      font-size: 1.875rem;
      letter-spacing: -1.5px; } }
  .content-operation-sec .tabing-section {
    color: #000;
    border-top: 1px solid #4404bf;
    border-bottom: 1px solid #4404bf;
    margin-top: 1.875rem; }

.technology-operations-sec {
  background: #e7deff;
  padding: 8rem 0 0 0;
  color: #000; }
  .technology-operations-sec .tabing-section .tabs-style ul li.current {
    color: #000; }
  @media (max-width: 991.98px) {
    .technology-operations-sec .h1 {
      font-size: 2.875rem; }
    .technology-operations-sec .tabing-section .tabs-style ul li {
      border-color: #000 !important; }
      .technology-operations-sec .tabing-section .tabs-style ul li.current {
        border: 0 !important;
        color: #000; } }
  @media (max-width: 767.98px) {
    .technology-operations-sec .h1 {
      font-size: 1.875rem;
      letter-spacing: -1.5px; } }
  .technology-operations-sec .tabing-section {
    color: #000;
    border-top: 1px solid #000;
    margin-top: 1.875rem; }
    .technology-operations-sec .tabing-section .viewall1 a {
      color: #000; }
      .technology-operations-sec .tabing-section .viewall1 a:hover {
        color: #000 !important; }
    .technology-operations-sec .tabing-section .viewicon-img {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
      width: 2.875rem;
      height: 2.875rem;
      margin-left: 0.625rem;
      background-size: 2.8125rem; }
      @media (max-width: 767.98px) {
        .technology-operations-sec .tabing-section .viewicon-img {
          width: 2.125rem;
          height: 2.125rem;
          background-size: 2.125rem; } }
    .technology-operations-sec .tabing-section .tabs-style ul li {
      border: 1px solid #000;
      border-left: none; }
    @media (max-width: 991.98px) {
      .technology-operations-sec .tabing-section .tabs-style ul li {
        border: 1px solid #000;
        border-left: 1px solid #000; }
        .technology-operations-sec .tabing-section .tabs-style ul li:last-child {
          border-bottom: 1px solid #000; }
        .technology-operations-sec .tabing-section .tabs-style ul li.current:last-child {
          border-bottom: 0; } }

.tabing-section {
  display: flex;
  flex-direction: row;
  font-family: "Barlow", sans-serif; }
  .tabing-section .tabs-style {
    width: 50%;
    min-width: 35%; }
    .tabing-section .tabs-style ul {
      margin: 0px;
      padding: 0px;
      display: flex;
      flex-direction: column;
      list-style: none;
      font-family: "Barlow", sans-serif; }
      .tabing-section .tabs-style ul li {
        cursor: pointer;
        border: 1px solid #4404bf;
        border-left: none;
        padding: 0rem 2.875rem;
        font-size: 2.25rem;
        font-weight: 300;
        display: flex;
        justify-content: flex-end;
        border-radius: 0 0.625rem 0.625rem 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        min-height: 6.375rem;
        display: flex;
        align-items: center; }
        .tabing-section .tabs-style ul li button {
          cursor: pointer;
          font-size: 2.25rem;
          font-weight: 300;
          background: transparent;
          text-align: left;
          border: none; }
          .tabing-section .tabs-style ul li button:focus {
            outline: none !important;
            border: none; }
        @media (max-width: 991.98px) {
          .tabing-section .tabs-style ul li {
            border-radius: 0.625rem; } }
        .tabing-section .tabs-style ul li .item-right {
          width: 24.375rem;
          text-align: left; }
        .tabing-section .tabs-style ul li:first-child {
          border-top: 0;
          border-radius: 0 0 0.625rem 0; }
        .tabing-section .tabs-style ul li:last-child {
          border-bottom: 0;
          border-radius: 0 0.625rem 0 0; }
        .tabing-section .tabs-style ul li:not(:last-child) {
          margin-bottom: -1px; }
        .tabing-section .tabs-style ul li.current {
          border: 0;
          color: #4404bf;
          font-weight: 500;
          position: relative; }
          .tabing-section .tabs-style ul li.current button {
            font-weight: 500; }
          .tabing-section .tabs-style ul li.current::after {
            position: absolute;
            top: 50%;
            right: 0;
            content: '';
            background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/testimonial-arrow.svg) no-repeat;
            background-size: 1.3125rem 2.25rem;
            width: 1.3125rem;
            height: 2.25rem;
            transform: translateY(-50%); }
            @media (max-width: 991.98px) {
              .tabing-section .tabs-style ul li.current::after {
                display: none; } }
  .tabing-section .content-wrap .tabs-style-content {
    display: none;
    flex-grow: 1;
    padding: 1.25rem 6.875rem; }
    .tabing-section .content-wrap .tabs-style-content .info {
      font-size: 1.75rem;
      line-height: 1.14;
      font-weight: 300; }
    .tabing-section .content-wrap .tabs-style-content.current {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
  @media (max-width: 991.98px) {
    .tabing-section {
      flex-direction: column; }
      .tabing-section .tabs-style {
        width: 100%;
        min-width: 35%;
        margin-top: -0.0625rem; }
        .tabing-section .tabs-style ul {
          flex-direction: row;
          width: 100%; }
          .tabing-section .tabs-style ul li {
            border: 1px solid #4404bf;
            flex: 0 1 33.33%;
            width: 33.33%;
            padding: 0 1.375rem;
            font-size: 1.75rem;
            align-items: center;
            min-height: 6.375rem;
            border-radius: 0 0 0.625rem 0.625rem; }
            .tabing-section .tabs-style ul li:first-child {
              border: 1px solid #4404bf;
              border-radius: 0 0 0.625rem 0.625rem; }
            .tabing-section .tabs-style ul li:last-child {
              border: 1px solid #4404bf;
              border-radius: 0 0 0.625rem 0.625rem; }
            .tabing-section .tabs-style ul li.current:last-child {
              border: 0; }
            .tabing-section .tabs-style ul li.current:first-child {
              border: 1px solid #4404bf;
              border-radius: 0.625rem; }
            .tabing-section .tabs-style ul li .item-right {
              width: 100%;
              text-align: center; }
            .tabing-section .tabs-style ul li:not(:last-child) {
              margin-bottom: 0;
              margin-right: -1px; }
      .tabing-section .content-wrap .tabs-style-content {
        padding: 3.375rem 2.125rem; }
        .tabing-section .content-wrap .tabs-style-content .info {
          font-size: 1.25rem;
          max-width: 34.375rem; } }
  @media (max-width: 767.98px) {
    .tabing-section {
      flex-direction: column; }
      .tabing-section .tabs-style {
        width: 100%;
        min-width: auto; }
        .tabing-section .tabs-style ul {
          flex-direction: row;
          width: 100%; }
          .tabing-section .tabs-style ul li {
            flex: 0 1 33.33%;
            width: 33.33%;
            padding: 0 1.25rem;
            font-size: 1rem;
            align-items: center;
            min-height: 4.125rem; }
            .tabing-section .tabs-style ul li button {
              font-size: 1rem; }
            .tabing-section .tabs-style ul li .item-right {
              width: 100%;
              text-align: left; }
            .tabing-section .tabs-style ul li:not(:last-child) {
              margin-bottom: 0;
              margin-right: -1px; }
      .tabing-section .content-wrap .tabs-style-content {
        padding: 1.25rem; }
        .tabing-section .content-wrap .tabs-style-content .info {
          font-size: 0.875rem;
          max-width: 100%; } }

.viewicon-img-green {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
  width: 2.875rem;
  height: 2.875rem;
  margin-left: 0.625rem;
  background-size: 2.8125rem; }
  @media (max-width: 767.98px) {
    .viewicon-img-green {
      width: 2.125rem;
      height: 2.125rem;
      background-size: 2.125rem; } }

.about-top-section {
  background: #18181a;
  padding: 2.5rem 0 7.75rem 0; }
  .about-top-section .magic-logo {
    width: 23.5rem;
    height: 23.5rem;
    margin: 0 auto;
    margin-bottom: 4.375rem; }
    .about-top-section .magic-logo img {
      width: 100%; }
  .about-top-section .ab-content-wrap .body-content {
    text-align: left;
    margin-bottom: 2.125rem; }
    .about-top-section .ab-content-wrap .body-content h1 {
      line-height: 1.1;
      letter-spacing: -1.2px;
      font-weight: 300;
      color: #ffffff; }
      .about-top-section .ab-content-wrap .body-content h1 .white-text {
        color: #ffffff; }
  @media (max-width: 991.98px) {
    .about-top-section {
      padding: 2.5rem 0 3.75rem 0; }
      .about-top-section .magic-logo {
        width: 23.5rem;
        height: 23.5rem;
        margin: 0 auto;
        margin-bottom: 5.375rem; }
        .about-top-section .magic-logo img {
          width: 100%; }
      .about-top-section .ab-content-wrap .body-content h1 {
        font-size: 2.875rem;
        line-height: 1.14; } }
  @media (max-width: 767.98px) {
    .about-top-section {
      padding: 2.5rem 0 2.5rem 0; }
      .about-top-section .magic-logo {
        width: 17.875rem;
        height: 17.875rem;
        margin: 0 auto;
        margin-bottom: 5.375rem; }
        .about-top-section .magic-logo img {
          width: 100%; }
      .about-top-section .ab-content-wrap .body-content {
        margin-bottom: 1rem; }
        .about-top-section .ab-content-wrap .body-content h1 {
          font-size: 1.875rem; }
          .about-top-section .ab-content-wrap .body-content h1 span {
            display: block; } }

.fullimage-banner1 {
  flex: 1 0 0%;
  padding-bottom: 56%;
  height: 0;
  position: relative;
  background: #000; }
  .fullimage-banner1 .my-player-dimensions, .fullimage-banner1 iframe, .fullimage-banner1 img, .fullimage-banner1 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media (max-width: 991.98px) {
    .fullimage-banner1 {
      padding-bottom: 47%; }
      .fullimage-banner1 iframe, .fullimage-banner1 img {
        object-position: 6% 10%; } }
  @media (max-width: 767.98px) {
    .fullimage-banner1 {
      padding-bottom: 63%; }
      .fullimage-banner1 iframe, .fullimage-banner1 img {
        object-position: 6% top; } }

.digital-learning-section {
  background: #ffffff; }
  .digital-learning-section .info {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.17;
    font-family: "Poppins", sans-serif;
    letter-spacing: -0.54px;
    padding: 4.25rem 0;
    width: 100%; }
  .digital-learning-section .digital-card-row {
    display: flex;
    width: 100%;
    min-height: 37.5rem;
    align-items: flex-start; }
    .digital-learning-section .digital-card-row .digital-card-left, .digital-learning-section .digital-card-row .digital-card-right {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .digital-learning-section .digital-card-row .digital-card-item {
      border-top: 1px solid #4404bf;
      width: 100%;
      padding: 2.5rem 1.875rem 2.5rem 0; }
      .digital-learning-section .digital-card-row .digital-card-item .content-wrap {
        display: flex;
        align-items: flex-end;
        flex-direction: column; }
        .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body {
          width: 100%;
          max-width: 42.5rem;
          box-sizing: border-box;
          padding-right: 7.5rem;
          padding-left: 3.125rem; }
          .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body .h2 {
            margin-bottom: 0; }
    .digital-learning-section .digital-card-row .digital-card-right {
      width: 50%;
      background: #4404bf; }
      .digital-learning-section .digital-card-row .digital-card-right .about-lottie-holder {
        max-width: 43.25rem;
        width: 100%;
        display: flex;
        justify-content: center; }
      .digital-learning-section .digital-card-row .digital-card-right .lottie2 {
        width: 40.625rem;
        height: 40.625rem; }
        .digital-learning-section .digital-card-row .digital-card-right .lottie2 .h2 {
          font-size: 3rem;
          font-weight: 500;
          line-height: 1.17;
          letter-spacing: normal;
          color: #ffffff; }
  @media (max-width: 991.98px) {
    .digital-learning-section .info {
      font-size: 1.25rem;
      padding: 2rem 0; }
    .digital-learning-section .digital-card-row {
      min-height: auto; }
      .digital-learning-section .digital-card-row .digital-card-item {
        width: 100%;
        padding: 1.875rem 1.875rem; }
        .digital-learning-section .digital-card-row .digital-card-item .content-wrap {
          display: flex;
          align-items: flex-end;
          flex-direction: column; }
          .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body {
            width: 100%;
            box-sizing: border-box;
            padding-right: 0.3125rem;
            padding-left: 0.0625rem; }
            .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body .h2 {
              margin-bottom: 0;
              font-size: 2.25rem; }
      .digital-learning-section .digital-card-row .digital-card-right {
        width: 50%;
        background: #4404bf;
        min-height: 30.625rem; }
        .digital-learning-section .digital-card-row .digital-card-right .about-lottie-holder {
          max-width: 43.25rem;
          width: 100%;
          display: flex;
          justify-content: center; }
        .digital-learning-section .digital-card-row .digital-card-right .lottie2 {
          width: 25rem;
          height: 25rem; }
          .digital-learning-section .digital-card-row .digital-card-right .lottie2 .h2 {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.17;
            letter-spacing: normal;
            color: #ffffff; } }
  @media (max-width: 767.98px) {
    .digital-learning-section .info {
      font-size: 0.875rem;
      padding: 1.875rem 0;
      line-height: 1.21; }
    .digital-learning-section .digital-card-row {
      min-height: auto;
      flex-direction: column-reverse; }
      .digital-learning-section .digital-card-row .digital-card-left, .digital-learning-section .digital-card-row .digital-card-right {
        width: 100%; }
      .digital-learning-section .digital-card-row .digital-card-item {
        width: 100%;
        border-top: 0;
        border-bottom: 1px solid #4404bf;
        padding: 1.25rem 1.25rem; }
        .digital-learning-section .digital-card-row .digital-card-item .content-wrap {
          display: flex;
          align-items: flex-end;
          flex-direction: column; }
          .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body {
            width: 100%;
            box-sizing: border-box;
            padding-right: 0.3125rem;
            padding-left: 0.0625rem; }
            .digital-learning-section .digital-card-row .digital-card-item .content-wrap .info-body .h2 {
              margin-bottom: 0;
              font-size: 2.25rem; }
      .digital-learning-section .digital-card-row .digital-card-right {
        width: 100%;
        background: #4404bf;
        min-height: auto; }
        .digital-learning-section .digital-card-row .digital-card-right .about-lottie-holder {
          max-width: 22.5rem;
          width: 100%;
          display: flex;
          justify-content: center; }
        .digital-learning-section .digital-card-row .digital-card-right .lottie2 {
          width: 22.5rem;
          height: 22.5rem; }
          .digital-learning-section .digital-card-row .digital-card-right .lottie2 .h2 {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.17;
            letter-spacing: normal;
            color: #ffffff; } }

.team-number-section {
  background: #18181a;
  padding: 2.5rem 0; }
  .team-number-section .number-detail {
    display: flex;
    align-items: center;
    height: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #ffffff; }
    .team-number-section .number-detail .numtext {
      font-size: 6.25rem;
      line-height: 1;
      letter-spacing: -2.5px; }
    .team-number-section .number-detail .numlabel {
      font-size: 1.75rem;
      line-height: 1.14;
      padding-left: 0.25rem; }
  @media (max-width: 991.98px) {
    .team-number-section .number-detail .numtext {
      font-size: 2.875rem;
      line-height: 1.13;
      letter-spacing: -1.15px; }
    .team-number-section .number-detail .numlabel {
      font-size: 1.25rem;
      line-height: 1.14;
      padding-left: 0.25rem; } }
  @media (max-width: 767.98px) {
    .team-number-section {
      background: #ffffff;
      padding: 1.25rem 1.25rem; }
      .team-number-section .col-4 {
        padding: 0; }
      .team-number-section .number-detail {
        color: #000;
        flex-direction: column;
        align-items: flex-start; }
        .team-number-section .number-detail .numtext {
          font-size: 1.875rem;
          line-height: 1.13;
          letter-spacing: -1.15px; }
        .team-number-section .number-detail .numlabel {
          font-size: 0.875rem;
          line-height: 1.14;
          padding-left: 0; } }

.team-member-section {
  padding: 6.25rem 0;
  margin-top: 1px;
  background: #18181a; }
  .team-member-section .h2 {
    color: #ffffff; }
  @media (max-width: 991.98px) {
    .team-member-section {
      margin-top: 0;
      padding: 6.25rem 0 0 0; } }
  @media (max-width: 767.98px) {
    .team-member-section {
      background: #ffffff;
      padding: 0.3125rem 0 0 0; }
      .team-member-section .h2 {
        color: #000; } }
  .team-member-section .abouttabing-section {
    display: flex;
    flex-direction: row;
    font-family: "Barlow", sans-serif;
    padding-top: 1.875rem;
    color: #ffffff;
    background: #18181a; }
    @media (max-width: 767.98px) {
      .team-member-section .abouttabing-section {
        padding-top: 0; } }
    .team-member-section .abouttabing-section .tabs-style {
      width: 20%;
      min-width: 20%; }
      .team-member-section .abouttabing-section .tabs-style ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        list-style: none; }
        .team-member-section .abouttabing-section .tabs-style ul li {
          cursor: pointer;
          border: 1px solid #ffffff;
          border-left: none;
          padding: 2rem 1.25rem 2rem 2.875rem;
          font-size: 1.75rem;
          font-weight: 300;
          display: flex;
          justify-content: start;
          border-radius: 0 0.625rem 0.625rem 0;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          -webkit-tap-highlight-color: transparent; }
          @media (max-width: 991.98px) {
            .team-member-section .abouttabing-section .tabs-style ul li {
              border-radius: 0.625rem; } }
          .team-member-section .abouttabing-section .tabs-style ul li .item-right {
            width: auto;
            text-align: left; }
          .team-member-section .abouttabing-section .tabs-style ul li:not(:last-child) {
            margin-bottom: -1px; }
          .team-member-section .abouttabing-section .tabs-style ul li.current {
            border: 0;
            font-weight: 500;
            color: #deff46; }
            .team-member-section .abouttabing-section .tabs-style ul li.current button {
              color: #deff46; }
              .team-member-section .abouttabing-section .tabs-style ul li.current button:focus {
                outline: 0 !important; }
          .team-member-section .abouttabing-section .tabs-style ul li button {
            font-size: 1.75rem;
            cursor: pointer;
            color: #fff;
            border: 0;
            text-align: left;
            background: transparent;
            outline: 0 !important; }
    .team-member-section .abouttabing-section .content-wrap {
      flex-grow: 1; }
      .team-member-section .abouttabing-section .content-wrap .tabs-style-content {
        display: none;
        flex-grow: 1;
        padding: 3.25rem 6.875rem; }
        .team-member-section .abouttabing-section .content-wrap .tabs-style-content.current {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%; }
      .team-member-section .abouttabing-section .content-wrap .content-area {
        max-width: 64rem;
        margin-top: 0;
        background-color: #18181a; }
    @media (max-width: 991.98px) {
      .team-member-section .abouttabing-section {
        flex-direction: column; }
        .team-member-section .abouttabing-section .tabs-style {
          width: 100%;
          min-width: 35%; }
          .team-member-section .abouttabing-section .tabs-style ul {
            flex-direction: row;
            width: 100%;
            flex-wrap: wrap;
            justify-content: flex-start;
            border-bottom: 1px solid #ffffff; }
            .team-member-section .abouttabing-section .tabs-style ul li {
              border: 0;
              border-right: 1px solid #ffffff !important;
              border-top: 1px solid #ffffff !important;
              width: 33.33%;
              padding: 1.375rem;
              font-size: 1.875rem;
              align-items: center;
              border-radius: 0; }
              .team-member-section .abouttabing-section .tabs-style ul li:not(:last-child) {
                margin-bottom: 0 !important;
                margin-right: 0 !important; }
              .team-member-section .abouttabing-section .tabs-style ul li:first-child {
                width: 66.66%; }
              .team-member-section .abouttabing-section .tabs-style ul li .item-right {
                width: 100%;
                text-align: left; }
        .team-member-section .abouttabing-section .content-wrap .tabs-style-content {
          padding: 3.375rem 2.125rem; } }
    @media (max-width: 767.98px) {
      .team-member-section .abouttabing-section {
        flex-direction: column; }
        .team-member-section .abouttabing-section .tabs-style {
          width: 100%;
          min-width: auto; }
          .team-member-section .abouttabing-section .tabs-style ul {
            flex-direction: row;
            width: 100%; }
            .team-member-section .abouttabing-section .tabs-style ul li {
              padding: 0.9375rem;
              font-size: 1rem;
              align-items: center; }
              .team-member-section .abouttabing-section .tabs-style ul li .item-right {
                width: 100%;
                text-align: left; }
              .team-member-section .abouttabing-section .tabs-style ul li:not(:last-child) {
                margin-bottom: 0;
                margin-right: -1px; }
              .team-member-section .abouttabing-section .tabs-style ul li button {
                font-size: 1rem; }
        .team-member-section .abouttabing-section .content-wrap .tabs-style-content {
          padding: 1.25rem; } }

.member-card-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -1.25rem; }
  .member-card-row .member-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.25rem;
    width: 25%;
    padding: 0 0.625rem; }
    .member-card-row .member-card .member-img {
      width: 100%;
      max-width: 10.375rem;
      max-height: 10.375rem;
      display: flex;
      margin-bottom: 0.5rem; }
      .member-card-row .member-card .member-img img {
        width: 100%;
        border-radius: 0.9375rem;
        object-fit: cover;
        height: auto; }
    .member-card-row .member-card .member-info .m-name {
      font-size: 1.5rem;
      font-family: "Poppins", sans-serif;
      margin-bottom: 0.25rem; }
      .member-card-row .member-card .member-info .m-name a {
        color: #ffffff; }
        .member-card-row .member-card .member-info .m-name a:hover {
          color: #ffffff; }
    .member-card-row .member-card .member-info .m-designation {
      font-size: 1.25rem;
      font-family: "Barlow", sans-serif;
      font-weight: 300; }

@media (max-width: 991.98px) {
  .member-card-row {
    justify-content: flex-start; }
    .member-card-row .member-card {
      flex-direction: column;
      width: 9.6875rem;
      margin-bottom: 2.25rem; }
      .member-card-row .member-card:not(:nth-child(4n)) {
        margin-right: 1.625rem; }
      .member-card-row .member-card .member-img {
        width: 8.75rem;
        height: 8.75rem; }
      .member-card-row .member-card .member-info .m-name {
        font-size: 1.25rem; }
      .member-card-row .member-card .member-info .m-designation {
        font-size: 1.25rem; } }
@media (max-width: 767.98px) {
  .member-card-row {
    justify-content: space-between; }
    .member-card-row .member-card {
      display: flex;
      flex-direction: column;
      max-width: 7.5rem;
      margin-bottom: 1.25rem;
      padding: 0 0 0 1rem; }
      .member-card-row .member-card:not(:nth-child(4n)) {
        margin-right: 0; }
      .member-card-row .member-card .member-img {
        width: 5.3125rem;
        height: 5.3125rem; }
      .member-card-row .member-card .member-info .m-name {
        font-size: 0.875rem; }
      .member-card-row .member-card .member-info .m-designation {
        font-size: 0.875rem; } }
.board-member-section {
  background: #333333;
  padding: 2.5rem 0 4.75rem 0;
  color: #ffffff; }
  .board-member-section .h2 {
    margin-bottom: 2.5rem; }
  .board-member-section .member-card-row {
    justify-content: space-between; }
    @media (min-width: 992px) {
      .board-member-section .member-card-row .member-card {
        width: 16.25rem; } }
  @media (max-width: 991.98px) {
    .board-member-section {
      padding: 1.25rem 0 2.5rem 0; } }

.accreditations-sec {
  padding: 0 0 2.5rem 0;
  background: #ffffff;
  border-top: 1px solid #4404bf; }
  .accreditations-sec .headingbg {
    background: #4404bf;
    display: inline-block;
    border-radius: 0 0 0.625rem 0;
    padding: 2rem 2.875rem;
    margin-bottom: 3.25rem;
    width: 100%;
    max-width: 35.375rem;
    box-sizing: border-box; }
    .accreditations-sec .headingbg .h2 {
      color: #ffffff;
      margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .accreditations-sec .headingbg {
      max-width: 25rem;
      padding: 0.625rem 1.25rem 0.9375rem 1.25rem; } }
  @media (max-width: 767.98px) {
    .accreditations-sec .headingbg {
      max-width: 15.625rem;
      border-radius: 0 0 0.625rem 0;
      padding: 0.625rem 1.25rem 0.9375rem 1.25rem;
      float: left; }
    .accreditations-sec .logoimg {
      padding: 0; } }

.logoimg {
  width: 100%;
  display: flex; }
  .logoimg ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .logoimg ul li {
      width: 25%;
      list-style: none;
      display: flex;
      justify-content: center;
      margin-bottom: 2.25rem; }
      .logoimg ul li .partnerlogo-item {
        flex: 0 1 14.28%;
        position: relative;
        z-index: 2; }
        .logoimg ul li .partnerlogo-item:not(:last-child) {
          margin-right: 2rem; }
        .logoimg ul li .partnerlogo-item .client-img {
          height: 8.125rem;
          margin-bottom: 0.3125rem;
          display: flex;
          align-items: center;
          position: relative;
          width: 16.5rem;
          margin: 0 auto; }
          .logoimg ul li .partnerlogo-item .client-img img {
            max-width: 16.5rem;
            max-height: 8.125rem;
            display: flex;
            margin: 0 auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%); }
          .logoimg ul li .partnerlogo-item .client-img .normal {
            opacity: 1;
            transition: opacity 0.3s; }
          .logoimg ul li .partnerlogo-item .client-img .hover {
            opacity: 0;
            transition: opacity 0.3s; }
          .logoimg ul li .partnerlogo-item .client-img:hover .normal {
            opacity: 0; }
          .logoimg ul li .partnerlogo-item .client-img:hover .hover {
            opacity: 1; }
        .logoimg ul li .partnerlogo-item .name {
          font-size: 1rem;
          color: #18181a;
          line-height: 1.13;
          text-align: center;
          opacity: 0;
          transition: opacity 0.3s; }
        .logoimg ul li .partnerlogo-item:hover {
          text-decoration: none;
          color: #18181a; }
          .logoimg ul li .partnerlogo-item:hover .name {
            opacity: 1; }

.partnerlogo-sec {
  padding: 0 0 2.5rem 0;
  background: #333333; }
  .partnerlogo-sec .headingbg {
    background: #defe46;
    display: inline-block;
    border-radius: 0 0 0.625rem 0;
    padding: 2rem 2.875rem;
    box-sizing: border-box;
    margin-bottom: 3.25rem;
    width: 100%;
    max-width: 35.375rem; }
    .partnerlogo-sec .headingbg.right-side {
      float: right;
      border-radius: 0 0 0 0.625rem; }
      @media (max-width: 767.98px) {
        .partnerlogo-sec .headingbg.right-side {
          float: left;
          border-radius: 0 0 0.625rem 0; } }
    .partnerlogo-sec .headingbg .h2 {
      color: #000;
      margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .partnerlogo-sec .headingbg {
      max-width: 25rem;
      padding: 0.625rem 1.25rem 0.9375rem 1.25rem; } }
  @media (max-width: 767.98px) {
    .partnerlogo-sec .headingbg {
      max-width: 15.625rem;
      border-radius: 0 0 0.625rem 0;
      padding: 0.625rem 1.25rem 0.9375rem 1.25rem;
      float: left; }
    .partnerlogo-sec .partner-logoimg {
      padding: 0; } }

.partner-logoimg {
  width: 100%;
  display: flex; }
  .partner-logoimg ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .partner-logoimg ul li {
      width: 18%;
      list-style: none;
      display: flex;
      justify-content: center;
      margin-bottom: 2.25rem; }
      @media (max-width: 767.98px) {
        .partner-logoimg ul li {
          width: 33.33%;
          justify-content: center; } }
      @media (max-width: 575.98px) {
        .partner-logoimg ul li {
          width: 50%;
          justify-content: center; } }
      .partner-logoimg ul li .partnerlogo-item {
        flex: 0 1 14.28%;
        position: relative;
        z-index: 2; }
        .partner-logoimg ul li .partnerlogo-item:not(:last-child) {
          margin-right: 2rem; }
        .partner-logoimg ul li .partnerlogo-item .client-img {
          height: 8.125rem;
          margin-bottom: 0.3125rem;
          display: flex;
          align-items: center;
          position: relative;
          width: 16.5rem;
          margin: 0 auto; }
          .partner-logoimg ul li .partnerlogo-item .client-img img {
            max-width: 14rem;
            max-height: 7.5rem;
            display: flex;
            margin: 0 auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%); }
          .partner-logoimg ul li .partnerlogo-item .client-img .normal {
            opacity: 1;
            transition: opacity 0.3s; }
          .partner-logoimg ul li .partnerlogo-item .client-img .hover {
            opacity: 0;
            transition: opacity 0.3s; }
          .partner-logoimg ul li .partnerlogo-item .client-img:hover .normal {
            opacity: 0; }
          .partner-logoimg ul li .partnerlogo-item .client-img:hover .hover {
            opacity: 1; }
        .partner-logoimg ul li .partnerlogo-item .name {
          font-size: 1rem;
          color: #fff;
          line-height: 1.13;
          text-align: center;
          opacity: 0;
          transition: opacity 0.3s; }
        .partner-logoimg ul li .partnerlogo-item:hover {
          text-decoration: none;
          color: #18181a; }
          .partner-logoimg ul li .partnerlogo-item:hover .name {
            opacity: 1; }

.border-top-blue {
  border-top: 1px solid #4404bf; }

.accreditations-logos-aboutus {
  background-color: #ffffff;
  padding: 4.375rem 0; }
  @media (max-width: 767.98px) {
    .accreditations-logos-aboutus {
      padding: 2rem 0; } }
  .accreditations-logos-aboutus .splide__track {
    margin: 0 1.875rem; }
    @media (max-width: 767.98px) {
      .accreditations-logos-aboutus .splide__track {
        margin: 0 1rem; } }
  .accreditations-logos-aboutus .h4 {
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    margin-bottom: 0.625rem; }
  .accreditations-logos-aboutus .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    height: 1.5rem;
    width: 100%;
    z-index: 2;
    pointer-events: none; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev, .accreditations-logos-aboutus .splide__arrows .splide__arrow--next {
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
      opacity: 1;
      top: 0;
      width: 3.375rem;
      height: 3.375rem;
      background-size: 1.375rem 2.25rem;
      background-position: center center;
      margin-top: 0.75rem;
      pointer-events: all;
      transition: transform 0.5s; }
      .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev svg, .accreditations-logos-aboutus .splide__arrows .splide__arrow--next svg {
        display: none; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev {
      left: 0;
      transform: translateY(-50%) rotate(-180deg);
      transform-origin: center center;
      left: -0.9375rem; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--next {
      right: -0.9375rem; }
  .accreditations-logos-aboutus .about-client-logo {
    display: flex;
    justify-content: space-between; }
    .accreditations-logos-aboutus .about-client-logo .logo-item {
      flex: 0 1 25%;
      position: relative;
      z-index: 2; }
      .accreditations-logos-aboutus .about-client-logo .logo-item:not(:last-child) {
        margin-right: 2rem; }
      .accreditations-logos-aboutus .about-client-logo .logo-item .client-img {
        height: 6.125rem;
        width: 11.625rem;
        margin-bottom: 0.3125rem;
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto; }
        .accreditations-logos-aboutus .about-client-logo .logo-item .client-img img {
          max-width: 11.625rem;
          max-height: 6.125rem;
          display: flex;
          margin: 0 auto;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%); }
        .accreditations-logos-aboutus .about-client-logo .logo-item .client-img .normal {
          opacity: 1;
          transition: opacity 0.3s; }
        .accreditations-logos-aboutus .about-client-logo .logo-item .client-img .hover {
          opacity: 0;
          transition: opacity 0.3s; }
        .accreditations-logos-aboutus .about-client-logo .logo-item .client-img:hover .normal {
          opacity: 0; }
        .accreditations-logos-aboutus .about-client-logo .logo-item .client-img:hover .hover {
          opacity: 1; }
      .accreditations-logos-aboutus .about-client-logo .logo-item .name {
        font-size: 1rem;
        color: #18181a;
        line-height: 1.13;
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s; }
      .accreditations-logos-aboutus .about-client-logo .logo-item:hover {
        text-decoration: none;
        color: #18181a; }
        .accreditations-logos-aboutus .about-client-logo .logo-item:hover .name {
          opacity: 1; }

@media (max-width: 991.98px) {
  .accreditations-logos-aboutus .about-client-logo .logo-item:not(:last-child) {
    margin-right: 1.25rem; }

  .partner-logoimg ul li .partnerlogo-item .client-img, .logoimg ul li .partnerlogo-item .client-img {
    width: 10rem;
    height: 3.5rem; }
    .partner-logoimg ul li .partnerlogo-item .client-img img, .logoimg ul li .partnerlogo-item .client-img img {
      max-width: 10rem;
      max-height: 3.5rem; }

  .partner-logoimg ul li .partnerlogo-item .name, .logoimg ul li .partnerlogo-item .name {
    display: none; }

  .accreditations-logos-aboutus .about-client-logo .logo-item .client-img {
    width: 7.75rem;
    height: 4rem; }
    .accreditations-logos-aboutus .about-client-logo .logo-item .client-img img {
      max-width: 7.75rem;
      max-height: 4rem; }

  .accreditations-logos-aboutus .splide__arrows {
    margin-top: 0.625rem; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev {
      left: 0; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev {
      right: 0; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--next {
      right: 0; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev, .accreditations-logos-aboutus .splide__arrows .splide__arrow--next {
      width: 0.875rem;
      height: 1.5rem;
      background-size: 1.375rem 1.5rem;
      background-position: center center;
      opacity: 1; }

  .accreditations-logos-aboutus .about-client-logo .logo-item .name {
    display: none; } }
@media (max-width: 767.98px) {
  .accreditations-logos-aboutus .about-client-logo .logo-item:not(:last-child) {
    margin-right: 1.25rem; }

  .partner-logoimg ul li .partnerlogo-item .client-img, .logoimg ul li .partnerlogo-item .client-img {
    width: 4.75rem;
    height: 2.375rem; }
    .partner-logoimg ul li .partnerlogo-item .client-img img, .logoimg ul li .partnerlogo-item .client-img img {
      max-width: 4.75rem;
      max-height: 2.375rem; }

  .accreditations-logos-aboutus .about-client-logo .logo-item .client-img {
    width: 3.375rem;
    height: 1.75rem; }
    .accreditations-logos-aboutus .about-client-logo .logo-item .client-img img {
      max-width: 2.875rem;
      max-height: 1.75rem; }

  .accreditations-logos-aboutus .splide__arrows {
    margin-top: 0; }
    .accreditations-logos-aboutus .splide__arrows .splide__arrow--prev, .accreditations-logos-aboutus .splide__arrows .splide__arrow--next {
      width: 0.5rem;
      height: 0.625rem;
      background-size: 0.5rem 0.625rem;
      opacity: 1; } }
.aboutlearning-logo-section {
  background: #ffffff;
  padding: 4.5rem 0; }

.modal-overlay.active .modal {
  opacity: 1;
  visibility: visible; }
  .modal-overlay.active .modal .modal-content, .modal-overlay.active .modal .close-modal {
    opacity: 1; }

/**
 * Modal
 */
.modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
  .modal-overlay.active {
    opacity: 1;
    visibility: visible; }

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  width: 100%;
  max-width: 50rem;
  min-height: 25rem;
  padding: 1.875rem;
  border-radius: 0.625rem;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  backface-visibility: hidden;
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
  .modal .close-modal {
    position: absolute;
    cursor: pointer;
    top: 0.3125rem;
    right: 0.9375rem;
    opacity: 0;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s; }
    .modal .close-modal svg {
      width: 1.75em;
      height: 1.75em; }
  .modal .modal-content {
    opacity: 0;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s; }
  .modal.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1); }
    .modal.active .modal-content {
      opacity: 1; }
    .modal.active .close-modal {
      transform: translateY(10px);
      opacity: 1; }
  @media (max-width: 991.98px) {
    .modal {
      position: fixed;
      top: 9.375rem;
      left: 0;
      right: 0;
      max-width: 37.5rem;
      height: 37.5rem;
      min-height: auto;
      overflow-y: hidden; }
      .modal .modal-content {
        height: 31.25rem;
        overflow-x: scroll; } }
  @media (max-width: 767.98px) {
    .modal {
      position: fixed;
      top: 5rem;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      border-radius: 0;
      transform: scale(1.1);
      padding: 1.25rem 2.5rem !important; }
      .modal .close-modal {
        right: 20px !important; }
      .modal .modal-content {
        height: 70vh;
        overflow-x: scroll;
        padding-bottom: 2.5rem;
        padding-right: 1.875rem; } }

.modal-popup {
  cursor: pointer; }

.popcontent-wrap {
  display: flex;
  color: #000; }
  .popcontent-wrap .popcontent-left {
    width: 15.625rem; }
    .popcontent-wrap .popcontent-left .pop-img {
      width: 12.5rem; }
      .popcontent-wrap .popcontent-left .pop-img img {
        width: 100%; }
  .popcontent-wrap .popcontent-right {
    flex-grow: 1; }
    .popcontent-wrap .popcontent-right .user-info {
      padding: 0.625rem 2rem 2rem 2rem;
      color: #000; }
      .popcontent-wrap .popcontent-right .user-info .member-info .m-name {
        font-size: 1.5rem;
        font-family: "Poppins", sans-serif;
        margin-bottom: 0.25rem; }
      .popcontent-wrap .popcontent-right .user-info .member-info .m-designation {
        font-size: 1.25rem;
        font-family: "Barlow", sans-serif;
        font-weight: 300;
        margin-bottom: 0.375rem; }
  @media (max-width: 991.98px) {
    .popcontent-wrap {
      flex-direction: column; }
      .popcontent-wrap .popcontent-right .user-info {
        padding: 0.625rem 0;
        color: #000; } }

.about-contact-sec {
  background: #000;
  padding: 4.375rem 0; }
  .about-contact-sec .inner-info {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.21;
    color: #ffffff;
    letter-spacing: -0.36px;
    margin-bottom: 1.875rem; }
    .about-contact-sec .inner-info .paratext {
      margin-bottom: 0.25rem; }
    .about-contact-sec .inner-info .h3 {
      font-size: 2.25rem;
      font-weight: 300;
      line-height: 1.17;
      color: #ffffff; }
  @media (max-width: 991.98px) {
    .about-contact-sec .inner-info {
      font-size: 1.25rem; }
      .about-contact-sec .inner-info .h3 {
        font-size: 1.75rem; } }
  @media (max-width: 767.98px) {
    .about-contact-sec .inner-info {
      font-size: 0.875rem; }
      .about-contact-sec .inner-info .h3 {
        font-size: 1.25rem; } }

@media (max-width: 767.98px) {
  .aboutpage-testimonial .partnership-testimonial .content .paratext {
    min-height: auto; } }
.about-header-lottie-holder {
  width: 23.375rem;
  height: 23.375rem;
  display: flex;
  justify-content: center;
  margin: auto; }

.about-top-section + .fullimage-banner1 .video-js {
  background: #31048a !important; }

@media (min-width: 1000px) and (max-width: 1152px) {
  .team-number-section .number-detail .numtext {
    font-size: 5rem; } }
.segment-page .Your-Business {
  /* width: 955px; */
  /* height: 295px; */
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -1.2px; }
.segment-page .sub-head-section {
  font-size: 1.5rem;
  line-height: 1.21;
  letter-spacing: normal; }
.segment-page .head-section {
  line-height: 1.1;
  letter-spacing: -1.2px;
  padding: 0 0 0.625rem; }
.segment-page .overflow-hidden {
  overflow: hidden; }
.segment-page .container-full {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden; }
.segment-page img {
  max-width: 100%; }
.segment-page .font-weight-light, .segment-page .font-weight-light h1 {
  font-weight: 300; }
.segment-page .align-center {
  align-items: center; }
.segment-page .align-end {
  align-items: flex-end; }
.segment-page .Your-Business {
  padding: 7.25rem 0; }
.segment-page .single-item {
  margin-bottom: 6.25rem; }
  .segment-page .single-item h2 {
    font-size: 5rem;
    letter-spacing: normal;
    letter-spacing: -1.2px; }
.segment-page .d-none {
  display: none; }
.segment-page .head-section img {
  min-width: 100%; }
.segment-page .help-section .help-left {
  -webkit-box-flex: 0;
  flex: 0 1 50%; }
.segment-page .help-bottom-section .help-action .btncall, .segment-page .help-bottom-section .help-action a.btncall {
  padding-right: 70px; }
.segment-page .btncall {
  font-size: 2rem; }
.segment-page .single-item img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
.segment-page .help-section .help-right .help-right-inner {
  max-width: 100%; }
.segment-page .item-detail p {
  font-size: 1.5rem;
  font-weight: 300; }
@media (max-width: 1024px) {
  .segment-page h1 {
    font-size: 2.875rem; }
  .segment-page .item-detail h2 {
    font-size: 2.875rem;
    margin-bottom: 5px; }
  .segment-page .help-bottom-section .help-action .btncall, .segment-page .help-bottom-section .help-action a.btncall {
    padding-right: 5rem; }
  .segment-page .btncall {
    font-size: 1.5rem; }
  .segment-page .head-section img {
    min-width: 200%;
    margin-left: 20%; }
  .segment-page .help-section .help-left {
    -webkit-box-flex: 0;
    flex: 0 1 47.2%; }
  .segment-page .help-right h2 {
    font-size: 2.3rem; }
  .segment-page .help-bottom-section .help-smtext {
    font-size: 1rem; }
  .segment-page .help-section .help-right {
    height: 250px;
    max-width: 60%; }
  .segment-page .segment-page .item-detail p {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.3px; }
  .segment-page .single-item .img {
    min-height: 16.25rem;
    display: block;
    object-fit: cover;
    object-position: center center; } }
@media (min-width: 767px) {
  .segment-page .d-md-none {
    display: none; } }
@media (max-width: 767px) {
  .segment-page .d-sm-none {
    display: none; }
  .segment-page .single-item img {
    border-radius: 0; }
  .segment-page .help-section .help-right {
    max-width: 100%; }
  .segment-page button.btncall.text-uppercase.link-active {
    font-weight: 300;
    margin-top: 20px;
    font-size: 1.2rem;
    padding-right: 40px; }
  .segment-page .justify-content-sm-center {
    justify-content: center; }
  .segment-page .help-right-inner h2 {
    font-size: 2rem; }
  .segment-page .head-section img {
    min-width: 100%;
    margin: 0;
    margin-top: -55%;
    margin-bottom: 20px; }
  .segment-page .single-item {
    margin-bottom: 60px; }
  .segment-page .item-detail {
    margin-top: 10px; }
  .segment-page .help-bottom-section {
    padding-top: 0; }
  .segment-page .help-bottom-section .help-action .btncall, .segment-page .help-bottom-section .help-action a.btncall {
    padding-right: 50px; }
  .segment-page h1,
  .segment-page .help-right-inner h2,
  .segment-page .item-detail h2 {
    font-size: 1.875rem; }
  .segment-page .sub-head-section,
  .segment-page .item-detail p {
    font-size: 0.875rem; }
  .segment-page .single-item .img {
    min-height: auto; }
  .segment-page .Your-Business {
    padding: 3.125rem 0; } }

.segment-page .help-bottom-section .help-section {
  background: #333;
  color: #fff; }
.segment-page .help-bottom-section .help-smtext {
  color: #fff; }
.segment-page .help-bottom-section .help-right {
  background: #333; }
.segment-page .help-bottom-section .help-action .btncall, .segment-page .help-bottom-section .help-action a.btncall, .segment-page .help-bottom-section .help-action .btncall, .segment-page .help-bottom-section .help-action .btncall {
  color: #fff; }
.segment-page .help-bottom-section .help-action .btncall:focus, .segment-page .segment-page .help-bottom-section .help-action a.btncall:focus, .segment-page .help-bottom-section .help-action .btncall:focus, .segment-page .segment-page .help-bottom-section .help-action .btncall:focus {
  outline: 2px solid #defe46 !important; }
.segment-page .help-bottom-section .help-action .btncall::after, .segment-page .segment-page .help-bottom-section .help-action a.btncall::after, .segment-page .help-bottom-section .help-action .btncall::after, .segment-page .segment-page .help-bottom-section .help-action .btncall::after {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/view-all.svg) no-repeat center center;
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  background-size: 2.625rem 2.625rem;
  margin-left: 0.5rem;
  position: absolute;
  content: '';
  right: 0;
  top: 0; }

.contact-page {
  /* button.btncall.text-uppercase.link-active {
      font-size: 1.5rem;
      width: 270px;
      float: right;
      margin-right: 30px;
  	margin-top: 30px;
  }
  button.btncall.text-uppercase.link-active:after{
  	background-size: 2rem 2.625rem;
  } */
  /* SELECT */ }
  .contact-page .d-block {
    display: block !important; }
  .contact-page [data-class="wpcf7cf_group"], .contact-page .wpcf7cf_remove, .contact-page .wpcf7cf_add {
    padding: 0; }
  .contact-page span.wpcf7-not-valid-tip {
    padding-left: 1.5625rem;
    padding-top: 5px;
    padding-bottom: 5px; }
  .contact-page .wpcf7-not-valid-tip {
    color: #E20713; }
  .contact-page .wpcf7-response-output {
    text-align: center;
    margin: 0;
    padding: 10px;
    background: #46b450; }
  .contact-page .wpcf7 form.invalid .wpcf7-response-output {
    text-align: center;
    margin: 0;
    padding: 10px;
    border-color: #ab2a28;
    background: #ab2a28; }
  .contact-page .wpcf7 form.failed .wpcf7-response-output {
    margin: 0;
    padding: 10px;
    border-color: #ab2a28;
    background: #ab2a28; }
  .contact-page .Rectangle-2336 {
    *width: 1366px;
    *height: 700px;
    margin: 60px 0 0;
    background-color: #333; }
  .contact-page .position-relative {
    position: relative; }
  .contact-page .ch-detail-midsec.fullwidth {
    background: #18181a; }
  .contact-page .align-center {
    align-items: center; }
  .contact-page .leftarea {
    background-color: #ffff; }
  .contact-page .rightarea {
    background-color: #ffff;
    padding-left: 0px !important;
    border-left: 1px solid #4404bf; }
  .contact-page .Solve-Your-Business {
    position: absolute;
    top: 50%;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: auto;
    padding: 0;
    font-family: 'Poppins';
    color: #4404bf;
    font-size: 4.375rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.8px;
    text-align: center;
    padding: 1.25rem; }
  .contact-page .formarea form {
    padding: 0;
    padding-top: 6.25rem;
    padding-bottom: 4.375rem; }
  .contact-page .pr-0 {
    padding-right: 0 !important; }
  .contact-page .formarea > div {
    border-top: 1px solid #4404bf; }
  .contact-page input, .contact-page select {
    height: 2.8125rem; }
  .contact-page input, .contact-page textarea, .contact-page select {
    font-family: 'Barlow';
    width: 100%;
    padding: 0.3125rem;
    border: none;
    font-size: 1.25rem;
    outline: none;
    color: #000;
    padding-left: 1.5rem;
    background: #fff; }
  .contact-page input:-webkit-autofill,
  .contact-page input:-webkit-autofill:hover,
  .contact-page input:-webkit-autofill:focus,
  .contact-page input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important; }
  .contact-page textarea {
    padding-top: 0.625rem; }
  .contact-page button.btncall.text-uppercase.link-active {
    float: right;
    width: auto;
    margin-right: 70px;
    padding: 0 0.625rem;
    margin-top: 30px;
    color: #000; }
    .contact-page button.btncall.text-uppercase.link-active:focus {
      outline: 2px solid #000 !important; }
  .contact-page button.btncall.text-uppercase.link-active::after {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
    background-size: 2.8125rem auto;
    width: 2.875rem;
    height: 2.875rem;
    position: static; }
  .contact-page textarea#contactmessage {
    max-height: 130px;
    max-width: 100%; }
  .contact-page .row.formarea .col-12 {
    padding: 0; }
  .contact-page .row.formarea {
    overflow: hidden;
    padding-top: 6.25rem;
    padding-bottom: 4.375rem; }
  .contact-page .wrapper:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden; }
  .contact-page .wrapper select {
    position: absolute;
    top: -1000em;
    width: 0;
    height: 0;
    display: none !important; }
  .contact-page .wrapper label,
  .contact-page .wrapper #select-box,
  .contact-page .wrapper button {
    float: left;
    margin-right: 1em; }
  .contact-page .wrapper #select-box, .contact-page .wrapper #select-box2 {
    width: 100%;
    position: relative; }
  .contact-page ul#choices li, .contact-page ul#choices2 li {
    font-size: 1.5rem;
    font-weight: 300;
    color: #757575; }
  .contact-page div#select-box, .contact-page div#select-box2 {
    border: none; }
  .contact-page div#trigger, .contact-page div#trigger2 {
    font-size: 1.25rem;
    color: #707070;
    border: none;
    padding: 0.8125rem 0;
    padding-left: 1.5rem;
    width: 18.125rem; }
  .contact-page .wrapper #select-box #choices, .contact-page .wrapper #select-box2 #choices2 {
    width: 100%;
    color: #fff;
    top: 1.4em;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none; }
  .contact-page .wrapper #select-box #choices li, .contact-page .wrapper #select-box2 #choices2 li {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
    display: block;
    cursor: pointer; }
  .contact-page .wrapper #select-box #choices li:hover, .contact-page .wrapper #select-box2 #choices2 li:hover {
    background: #4404bf; }
  .contact-page #trigger, .contact-page #trigger2 {
    position: relative;
    display: inline-block; }
  .contact-page #trigger::after, .contact-page #trigger2::after {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/selectbox-pulple.svg) right center/1rem 1rem no-repeat;
    display: block;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -20%;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: .8; }
  .contact-page ul#choices li:hover, .contact-page ul#choices2 li:hover {
    color: #fff; }
  .contact-page .active-option {
    color: #000 !important; }
  @media (max-width: 767px) {
    .contact-page .col-12.col-md-12.col-sm-12.col-lg-12.no-border {
      border: none !important;
      padding: 0 !important; }
    .contact-page .row.formarea {
      padding-top: 0; }
    .contact-page .formarea form {
      padding-top: 0; }
    .contact-page .Solve-Your-Business {
      left: 0;
      text-align: center;
      transform: none;
      width: 80%;
      margin: 0 auto; }
    .contact-page .Solve-Your-Business br {
      display: none; }
    .contact-page button.btncall.text-uppercase.link-active {
      width: auto;
      font-weight: 300;
      font-size: 1.2rem;
      padding-right: 1.25rem; }
    .contact-page .wrapper select {
      position: static;
      top: 0;
      background-image: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/selectbox-pulple.svg);
      background-repeat: no-repeat;
      background-position: 90% center;
      background-size: 1.5625rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .contact-page .wrapper select option:first-child {
      display: none; }
    .contact-page .wrapper select#select option, .contact-page .wrapper select#select2 option {
      background: #fff;
      color: #000; } }
  .contact-page button.btncall.text-uppercase.link-active::after {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow2.svg) no-repeat;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem; }

.animation-wrapper-outer {
  display: flex;
  justify-content: flex-end; }

.animation-wrapper {
  width: 41.25rem;
  height: 41.25rem;
  position: relative; }

@media (max-width: 991.98px) {
  .contact-page .Solve-Your-Business {
    font-size: 2.875rem;
    display: flex;
    align-items: center; } }
@media (max-width: 767.98px) {
  .animation-wrapper {
    width: 100%;
    height: 12.5rem;
    overflow: hidden; }
    .animation-wrapper svg {
      width: 110% !important;
      height: auto !important;
      left: -5%;
      position: relative;
      top: -5%; }

  .contact-page .Solve-Your-Business {
    font-size: 1.875rem; } }
.contact-page.new h5 span {
  color: #defe46; }
.contact-page.new .top-section {
  background-size: cover;
  background-repeat: no-repeat; }
.contact-page.new p {
  font-size: 1.5rem;
  font-weight: 300; }
.contact-page.new p.bold {
  font-weight: 500; }
.contact-page.new h2 {
  font-size: 1.5rem;
  font-weight: 300; }
.contact-page.new h2.bold {
  font-weight: 500; }
.contact-page.new .wpcf7 form.invalid .wpcf7-response-output {
  color: #fff;
  font-weight: 300; }

.contactpage-bottom {
  padding: 5rem 0;
  font-weight: 400; }
  .contactpage-bottom .bold {
    font-weight: 700;
    margin-bottom: 0.4375rem; }
  .contactpage-bottom .second-row {
    margin-top: 3.125rem; }
    .contactpage-bottom .second-row a {
      color: #000; }
  .contactpage-bottom .form-v2 div#trigger {
    color: #000;
    font-weight: 400; }
  .contactpage-bottom .form-v2 ul#choices li {
    color: #000; }
  .contactpage-bottom .form-v2 ul#choices li:hover {
    color: #fff; }
  .contactpage-bottom .form-v2 div {
    border: none !important; }
  .contactpage-bottom .form-v2 input {
    background: #cfbdff;
    border-radius: 0.3125rem;
    margin-bottom: 0.9375rem; }
  .contactpage-bottom .form-v2 select {
    background: #cfbdff;
    border-radius: 0.3125rem;
    margin-bottom: 0.9375rem; }
  .contactpage-bottom .form-v2 textarea {
    background: #cfbdff;
    border-radius: 0.3125rem;
    margin-bottom: 0.9375rem; }
  .contactpage-bottom .form-v2 #select-box {
    background: #cfbdff;
    border-radius: 0.3125rem;
    margin-bottom: 0.9375rem; }
  .contactpage-bottom .form-v2 button.btncall.text-uppercase.link-active {
    color: #fff;
    background: #4404bf;
    display: block;
    width: 100%;
    margin: 0;
    height: 3.75rem;
    border-radius: 0.3125rem;
    font-size: 1.5rem;
    text-transform: capitalize;
    max-width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.3125rem; }
    .contactpage-bottom .form-v2 button.btncall.text-uppercase.link-active::after {
      display: none; }
  .contactpage-bottom .form-v2 span.wpcf7-not-valid-tip {
    padding-left: 0;
    margin-top: -0.9375rem; }

.form-v2 input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #000; }

.form-v2 input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1; }

.form-v2 input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1; }

.form-v2 input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000; }

.form-v2 input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000; }

.form-v2 input::placeholder {
  /* Most modern browsers support this now. */
  color: #000; }

.form-v2 textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #000; }

.form-v2 textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1; }

.form-v2 textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1; }

.form-v2 textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000; }

.form-v2 textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000; }

.form-v2 textarea::placeholder {
  /* Most modern browsers support this now. */
  color: #000; }

@media (max-width: 767px) {
  .contactpage-bottom.version-two {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
    .contactpage-bottom.version-two .container {
      padding: 0; }
  .contactpage-bottom .contact-form {
    margin-top: 3.125rem; }

  .contact-page.new p {
    font-size: 1.125rem; } }
.blog-bg {
  background: #18181a; }
  .blog-bg .blog-wrapper {
    margin: 0 1.875rem; }
  .blog-bg .blog-single {
    background: #fff;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem; }
    .blog-bg .blog-single .a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style {
      position: absolute;
      right: 0;
      left: 0;
      top: 0 !important;
      bottom: 0 !important;
      justify-content: end;
      padding-right: 49px;
      margin: 0 auto;
      display: none;
      padding-top: 0;
      z-index: 0; }
    .blog-bg .blog-single .a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style.show {
      display: flex; }
    .blog-bg .blog-single .share-icon {
      position: relative; }
    .blog-bg .blog-single .a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style a {
      margin: 0 2px; }
    .blog-bg .blog-single .bottom-content h4 {
      font-size: 1.75rem;
      font-weight: 500;
      margin-bottom: 0.3125rem;
      margin-bottom: 1.25rem; }
    .blog-bg .blog-single .bottom-content ul {
      margin-bottom: 1.875rem;
      padding-left: 1.875rem; }
      .blog-bg .blog-single .bottom-content ul li {
        font-size: 1.5rem;
        font-weight: 300;
        margin-bottom: 1.25rem;
        list-style: disc; }
    .blog-bg .blog-single .bottom-content ol {
      padding-left: 1.625rem; }
      .blog-bg .blog-single .bottom-content ol li {
        margin-bottom: 1.25rem;
        list-style: auto; }
    .blog-bg .blog-single table {
      padding: 1.875rem 0; }
    .blog-bg .blog-single table th {
      padding: 1.25rem 0;
      font-size: 2.1875rem;
      background: #CFBDFF;
      color: #310489;
      text-align: left;
      font-weight: 300;
      padding-left: 1.25rem; }
    .blog-bg .blog-single table tbody tr td {
      background: #cfbdff;
      padding: 1.875rem 0;
      padding-left: 1.25rem;
      font-weight: 300;
      padding-right: 0.9375rem; }
    .blog-bg .blog-single table tbody tr td span {
      font-size: 1.5625rem;
      line-height: 1.5; }
    .blog-bg .blog-single .page-title {
      background: #000;
      display: inline-block;
      color: #ffff;
      padding: 0.3125rem 0.9375rem;
      font-size: 1.25rem;
      border-bottom-right-radius: 0.625rem;
      margin-top: 0.625rem; }
    .blog-bg .blog-single .align-center {
      align-items: center; }
    .blog-bg .blog-single .head-section h1 {
      font-weight: 300;
      padding-top: 6.25rem; }
    .blog-bg .blog-single .share-icon a {
      background: #000;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: block;
      margin-left: auto; }
      .blog-bg .blog-single .share-icon a img {
        transform: scale(1.2); }
    .blog-bg .blog-single .blog-details ul li {
      display: inline-block;
      margin-right: 1.5rem;
      font-size: 1.25rem;
      font-weight: 300; }
    .blog-bg .blog-single .head-wrapper {
      border-bottom: 2px solid #908b8b;
      padding-bottom: 10px; }
    .blog-bg .blog-single .content-area {
      padding: 30px 0;
      font-size: 1.5rem;
      margin-top: 0; }
      .blog-bg .blog-single .content-area img {
        width: 100%;
        height: auto; }
      .blog-bg .blog-single .content-area p strong {
        font-size: 2.5rem;
        font-weight: 300; }
      .blog-bg .blog-single .content-area ul li strong {
        font-size: 2.5rem;
        font-weight: 300; }
      .blog-bg .blog-single .content-area img {
        max-width: 100%;
        margin-bottom: 0.9375rem; }
      .blog-bg .blog-single .content-area p {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
        font-weight: 300; }
      .blog-bg .blog-single .content-area .violet-bg {
        margin-top: 40px;
        background: #CFBDFF;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
        padding-left: 1.5625rem;
        padding-right: 3.125rem; }
        .blog-bg .blog-single .content-area .violet-bg h2 {
          color: #310489; }
        .blog-bg .blog-single .content-area .violet-bg ul li {
          margin-bottom: 1.875rem; }
        .blog-bg .blog-single .content-area .violet-bg h3 {
          color: #310489;
          margin-bottom: 5px;
          font-size: 2.1875rem;
          position: relative; }
          .blog-bg .blog-single .content-area .violet-bg h3:after {
            position: absolute;
            content: '';
            height: 8px;
            width: 8px;
            background: #310489;
            left: -15px;
            border-radius: 50%;
            top: 0;
            bottom: 0;
            margin: auto; }
      .blog-bg .blog-single .content-area .order-list {
        padding-top: 2.5rem; }
        .blog-bg .blog-single .content-area .order-list h2 {
          font-weight: 500; }
        .blog-bg .blog-single .content-area .order-list ul li {
          margin-bottom: 40px; }
          .blog-bg .blog-single .content-area .order-list ul li h4 {
            font-size: 1.75rem;
            font-weight: 500;
            margin-bottom: 3px; }
      .blog-bg .blog-single .content-area .author-area {
        margin-top: 2.5rem; }
        .blog-bg .blog-single .content-area .author-area h3 {
          font-size: 1.875rem;
          font-weight: 400; }
        .blog-bg .blog-single .content-area .author-area img {
          max-width: 100%;
          width: 100%;
          border-radius: 0.3125rem;
          height: 100%;
          object-fit: cover;
          max-height: 150px; }
        .blog-bg .blog-single .content-area .author-area .h-100 {
          height: 100%; }
        .blog-bg .blog-single .content-area .author-area p {
          margin-bottom: 0; }
  .blog-bg .common-section-outer {
    width: auto;
    padding: 3.125rem 0; }
  .blog-bg .container-home {
    max-width: 100%;
    padding: 0; }
  .blog-bg .help-bottom-section {
    background: #ffffff; }
    .blog-bg .help-bottom-section .container {
      padding-right: 0; }
    .blog-bg .help-bottom-section .help-right-inner {
      padding-right: 0 !important;
      max-width: 100% !important; }

@media (max-width: 767px) {
  .blog-bg .blog-wrapper {
    margin: 0 0.9375rem; }
  .blog-bg .blog-single .bottom-content {
    font-size: 0.875rem; }
    .blog-bg .blog-single .bottom-content h4 {
      font-size: 1.625rem;
      font-weight: 500;
      margin-bottom: 0.3125rem;
      margin-bottom: 1.25rem; }
    .blog-bg .blog-single .bottom-content ul {
      margin-bottom: 1.25rem; }
      .blog-bg .blog-single .bottom-content ul li {
        font-size: 0.875rem;
        font-weight: 300;
        margin-bottom: 1.25rem; }
    .blog-bg .blog-single .bottom-content ol {
      padding-left: 0.9375rem; }
      .blog-bg .blog-single .bottom-content ol li {
        margin-bottom: 1.25rem;
        list-style: auto; }
  .blog-bg .blog-single table th {
    font-size: 1.5625rem; }
  .blog-bg .blog-single table tbody tr td span {
    font-size: 0.75rem; }
  .blog-bg .blog-single .page-title {
    margin-top: 0; }
  .blog-bg .blog-single .share-icon a {
    display: none; }
  .blog-bg .blog-single .blog-details ul li {
    font-size: 0.75rem; }
  .blog-bg .blog-single .content-area {
    padding: 1.25rem 0; }
    .blog-bg .blog-single .content-area p strong {
      font-size: 1.875rem; }
    .blog-bg .blog-single .content-area ul li strong {
      font-size: 1.875rem; }
    .blog-bg .blog-single .content-area p {
      font-size: 0.875rem; }
    .blog-bg .blog-single .content-area .violet-bg {
      padding-right: 0rem;
      margin-top: 1.25rem;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      border-radius: 0; }
      .blog-bg .blog-single .content-area .violet-bg h3 {
        font-size: 1.125rem; }
        .blog-bg .blog-single .content-area .violet-bg h3:after {
          width: 5px;
          height: 5px; }
    .blog-bg .blog-single .content-area .order-list {
      padding-top: 1.25rem; }
      .blog-bg .blog-single .content-area .order-list h2 {
        font-size: 1.625rem; }
        .blog-bg .blog-single .content-area .order-list h2 br {
          display: none; }
      .blog-bg .blog-single .content-area .order-list ul li h4 {
        font-size: 0.875rem; }
    .blog-bg .blog-single .content-area .author-area h3 {
      font-size: 1.375rem; }
  .blog-bg .blog-single h1 {
    font-size: 2.5rem; } }
.casestudysingle {
  background: #1f1e1e; }
  .casestudysingle .case-header {
    position: relative;
    display: none; }
  .casestudysingle .casestudy-top {
    padding: 0 1.875rem; }
    .casestudysingle .casestudy-top h1 {
      color: #fff;
      padding: 4.375rem 0; }
  .casestudysingle .counter-area {
    padding: 0 1.875rem; }
  .casestudysingle .casestudy-wrapper .download-btn {
    float: right; }
    .casestudysingle .casestudy-wrapper .download-btn a {
      background: #fff;
      height: 1.875rem;
      width: 1.875rem;
      margin-right: 1.25rem;
      border-radius: 50%;
      display: block;
      margin-top: 1.875rem; }
      .casestudysingle .casestudy-wrapper .download-btn a img {
        transform: scale(1.2); }
    .casestudysingle .casestudy-wrapper .download-btn button {
      background: #fff;
      height: 1.875rem;
      width: 1.875rem;
      margin-right: 1.25rem;
      border-radius: 50%;
      display: block;
      margin-top: 1.875rem;
      cursor: pointer; }
      .casestudysingle .casestudy-wrapper .download-btn button img {
        transform: scale(1.2); }
  .casestudysingle .casestudy-wrapper .section-case-content {
    border: 1px solid #fff;
    background: #1f1e1e;
    border-bottom-right-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    overflow: hidden; }
    .casestudysingle .casestudy-wrapper .section-case-content .page-title a {
      font-family: "Poppins", sans-serif;
      font-weight: 300;
      background: #DEFE46;
      display: inline-block;
      color: #000;
      text-transform: uppercase;
      margin-top: 0.75rem;
      padding: 0.3125rem 1.25rem;
      border-bottom-right-radius: 0.625rem;
      float: left; }
  .casestudysingle .casestudy-wrapper .single-count {
    color: #fff;
    display: flex; }
    .casestudysingle .casestudy-wrapper .single-count span {
      font-size: 3.75rem;
      font-weight: 300;
      line-height: 1;
      margin-right: 0.3125rem;
      font-family: 'Poppins';
      font-style: normal;
      line-height: 1.17;
      letter-spacing: -1.5px; }
    .casestudysingle .casestudy-wrapper .single-count p {
      font-weight: 300;
      width: 70%;
      font-size: 1.5rem;
      line-height: 1.21;
      letter-spacing: normal;
      margin-left: 0.75rem;
      margin-top: 0.625rem; }
  .casestudysingle .casestudy-wrapper .detail-section {
    margin-top: 6.25rem;
    background: #fff;
    padding-right: 1.875rem;
    font-size: 1.5rem;
    font-weight: 300; }
    .casestudysingle .casestudy-wrapper .detail-section h2 {
      font-size: 3.75rem; }
    .casestudysingle .casestudy-wrapper .detail-section img {
      width: 100%;
      border-bottom-right-radius: 0.625rem; }
    .casestudysingle .casestudy-wrapper .detail-section p {
      margin-bottom: 1.5rem; }
    .casestudysingle .casestudy-wrapper .detail-section .texts {
      padding-top: 1.25rem; }
    .casestudysingle .casestudy-wrapper .detail-section .bottom-content {
      padding-left: 0.9375rem;
      padding-top: 1.875rem;
      padding-bottom: 1.875rem; }
      .casestudysingle .casestudy-wrapper .detail-section .bottom-content h2 {
        font-size: 3.75rem; }
      .casestudysingle .casestudy-wrapper .detail-section .bottom-content ul li {
        position: relative;
        font-size: 1.5rem;
        line-height: 1.14;
        font-weight: 300;
        margin-bottom: 1.25rem; }
  .casestudysingle .casestudy-wrapper .section-case-study {
    padding: 5rem 0; }
    .casestudysingle .casestudy-wrapper .section-case-study h2 {
      color: #fff; }
  .casestudysingle .help-section {
    background: #ffffff; }

@media (max-width: 1024px) {
  .casestudysingle .casestudy-wrapper .casestudy-top {
    margin-top: 1.875rem; }
  .casestudysingle .casestudy-wrapper .single-count {
    margin-bottom: 1.25rem;
    display: flex; }
    .casestudysingle .casestudy-wrapper .single-count span {
      width: 30%; }
  .casestudysingle .casestudy-wrapper .detail-section {
    margin-top: 2.5rem;
    padding-right: 0; }
    .casestudysingle .casestudy-wrapper .detail-section img {
      width: 100%; }
    .casestudysingle .casestudy-wrapper .detail-section .texts {
      padding: 0 1.25rem;
      margin-top: 1.875rem; }
    .casestudysingle .casestudy-wrapper .detail-section h2 {
      font-size: 2.1875rem; } }
@media (max-width: 767px) {
  .casestudysingle .casestudy-wrapper .download-btn a {
    margin-top: 0.625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: 0.625rem; }
  .casestudysingle .casestudy-wrapper .download-btn button {
    margin-top: 0.625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: 0.625rem; }
  .casestudysingle .casestudy-wrapper .casestudy-top {
    margin-top: 0;
    padding: 0 0.625rem; }
    .casestudysingle .casestudy-wrapper .casestudy-top h1 {
      font-size: 1.875rem;
      padding-bottom: 2.5rem; }
  .casestudysingle .casestudy-wrapper .counter-area {
    padding: 0 0.625rem; }
  .casestudysingle .casestudy-wrapper .single-count {
    margin-bottom: 1.25rem; }
    .casestudysingle .casestudy-wrapper .single-count span {
      font-size: 1.875rem;
      width: 25%; }
    .casestudysingle .casestudy-wrapper .single-count p {
      font-size: 0.875rem;
      width: 100%;
      margin-top: 0;
      margin-left: 0; }
  .casestudysingle .casestudy-wrapper .detail-section {
    margin-top: 2.5rem;
    padding-right: 0; }
    .casestudysingle .casestudy-wrapper .detail-section img {
      width: 100%; }
    .casestudysingle .casestudy-wrapper .detail-section .texts {
      padding: 0 0.9375rem;
      margin-top: 1.875rem;
      font-size: 0.875rem; }
    .casestudysingle .casestudy-wrapper .detail-section h2 {
      font-size: 2.1875rem; }
  .casestudysingle .casestudy-wrapper .section-case-content .page-title a {
    margin-top: 0rem; }
  .casestudysingle .casestudy-wrapper .detail-section h2 {
    font-size: 1.875rem;
    padding-left: 0.9375rem; }
  .casestudysingle .casestudy-wrapper .detail-section .texts {
    margin-top: 0rem;
    padding: 0.625rem 0.625rem; }
  .casestudysingle .casestudy-wrapper .detail-section .bottom-content {
    padding: 0 0.625rem;
    padding-bottom: 1.25rem; }
    .casestudysingle .casestudy-wrapper .detail-section .bottom-content h2 {
      font-size: 1.875rem; }
    .casestudysingle .casestudy-wrapper .detail-section .bottom-content ul li {
      font-size: 0.875rem; }
    .casestudysingle .casestudy-wrapper .detail-section .bottom-content .row .col-md-6 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; }
      .casestudysingle .casestudy-wrapper .detail-section .bottom-content .row .col-md-6:first-child {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000; }
  .casestudysingle .help-bottom-section .help-action {
    margin-top: 3.125rem; } }
.inshight-wrap-item.related-casestudy {
  position: relative; }
  .inshight-wrap-item.related-casestudy .text-white {
    color: #fff; }
  .inshight-wrap-item.related-casestudy .text-black {
    color: #000; }
  .inshight-wrap-item.related-casestudy .text-yellow {
    color: #defe46; }
  .inshight-wrap-item.related-casestudy h3 {
    position: absolute;
    font-size: 1.875rem;
    max-width: 75%;
    margin-top: 2.5rem;
    left: 0.9375rem;
    top: 0.9375rem; }
    @media (max-width: 1200px) {
      .inshight-wrap-item.related-casestudy h3 {
        font-size: 1.25rem;
        margin-top: 1.875rem; } }
    @media (max-width: 767px) {
      .inshight-wrap-item.related-casestudy h3 {
        font-size: 0.625rem;
        margin-top: 0rem; } }

.discover-cat-section.podcast.casestudylist {
  padding-bottom: 2.5rem; }
  .discover-cat-section.podcast.casestudylist h3 {
    position: relative;
    font-size: 1.625rem;
    max-width: 75%;
    margin-top: 1.875rem; }
    @media (max-width: 1366px) {
      .discover-cat-section.podcast.casestudylist h3 {
        margin-top: 1.25rem;
        font-size: 1.5625rem; } }
    @media (max-width: 767px) {
      .discover-cat-section.podcast.casestudylist h3 {
        margin-top: 0rem;
        font-size: 1.25rem; } }
  .discover-cat-section.podcast.casestudylist .text-white {
    color: #fff; }
  .discover-cat-section.podcast.casestudylist .text-black {
    color: #000; }
  .discover-cat-section.podcast.casestudylist .text-yellow {
    color: #defe46; }

.casestudy-single {
  margin-top: 0;
  overflow: hidden; }
  .casestudy-single .position-relative {
    position: relative; }
  .casestudy-single .blog-lottie {
    padding: 5rem 0; }
    .casestudy-single .blog-lottie .bannerAnimSide {
      width: 37.5rem;
      height: 105%; }
  .casestudy-single .download-btn img {
    max-width: 2.5rem; }
  .casestudy-single .download-btn {
    position: absolute;
    right: 0;
    text-align: right;
    display: inline-block;
    width: auto;
    top: -4.375rem;
    z-index: 1; }
  .casestudy-single h1 {
    font-size: 4.375rem; }
  .casestudy-single .left-column {
    width: 60%;
    padding: 3.125rem 0;
    background: #fff;
    z-index: 9; }
  .casestudy-single .right-column {
    width: 40%;
    padding: 3.125rem 0;
    background: #cfbdff;
    font-size: 1.5rem;
    z-index: 9; }
    .casestudy-single .right-column .right-top {
      padding-left: 2.5rem; }
      .casestudy-single .right-column .right-top img {
        max-width: 6.25rem;
        margin-bottom: 0.625rem; }
      .casestudy-single .right-column .right-top h3 {
        margin-bottom: 1.875rem;
        font-size: 2.1875rem; }
      .casestudy-single .right-column .right-top p {
        font-weight: 400; }
    .casestudy-single .right-column .right-bottom {
      font-weight: 300; }
      .casestudy-single .right-column .right-bottom ul {
        margin-top: 1.875rem;
        margin-left: 2.5rem; }
        @media (max-width: 767px) {
          .casestudy-single .right-column .right-bottom ul {
            margin-left: 0rem; } }
        .casestudy-single .right-column .right-bottom ul li {
          position: relative;
          margin-top: 0.9375rem;
          padding-bottom: 0.9375rem; }
          .casestudy-single .right-column .right-bottom ul li .big-text {
            font-size: 1.75rem;
            font-weight: 700;
            color: #4404bf; }
            @media (max-width: 767px) {
              .casestudy-single .right-column .right-bottom ul li .big-text {
                font-size: 1.25rem; } }
          @media (max-width: 767px) {
            .casestudy-single .right-column .right-bottom ul li span {
              color: #4404bf;
              font-weight: 700; } }
    .casestudy-single .right-column .right-bottom ul li:last-of-type {
      border-bottom: none; }
      .casestudy-single .right-column .right-bottom ul li:last-of-type::after {
        display: none; }
  .casestudy-single p {
    font-weight: 300; }
  .casestudy-single .card-reverse .left-content {
    font-size: 1.5rem;
    padding-right: 2.5rem; }
    .casestudy-single .card-reverse .left-content p {
      margin-bottom: 3.125rem; }
    .casestudy-single .card-reverse .left-content .mb-10 {
      margin-bottom: 0.625rem; }
    .casestudy-single .card-reverse .left-content .casestudy-bottom ul {
      margin-top: 0.9375rem;
      margin-bottom: 3.125rem; }
      .casestudy-single .card-reverse .left-content .casestudy-bottom ul li {
        font-weight: 300;
        background-image: url("https://www.magicedtech.com/wp-content/uploads/2022/04/tick.png");
        padding-left: 2.8125rem;
        background-position: left top;
        margin-bottom: 0.9375rem;
        background-repeat: no-repeat;
        background-size: 1.875rem; }
        @media (max-width: 767px) {
          .casestudy-single .card-reverse .left-content .casestudy-bottom ul li {
            padding-left: 1.5625rem; } }
  .casestudy-single .help-right {
    width: 30%;
    padding-right: 5.3125rem; }
    @media (max-width: 1366.5px) and (min-width: 1200px) {
      .casestudy-single .help-right {
        padding-right: 8.75rem; } }
    .casestudy-single .help-right .form-control {
      background: #CFBDFF;
      padding: 0.9375rem 0.625rem;
      border-radius: 5px;
      border: none;
      width: 100%;
      margin-bottom: 1.25rem;
      outline: none;
      border: none;
      font-size: 0.75rem; }
    .casestudy-single .help-right input::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #000; }
    .casestudy-single .help-right input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #000;
      opacity: 1; }
    .casestudy-single .help-right input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #000;
      opacity: 1; }
    .casestudy-single .help-right input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #000; }
    .casestudy-single .help-right input::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #000; }
    .casestudy-single .help-right input::placeholder {
      /* Most modern browsers support this now. */
      color: #000; }
    .casestudy-single .help-right textarea::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #000; }
    .casestudy-single .help-right textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #000;
      opacity: 1; }
    .casestudy-single .help-right textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #000;
      opacity: 1; }
    .casestudy-single .help-right textarea:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #000; }
    .casestudy-single .help-right textarea::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #000; }
    .casestudy-single .help-right textarea::placeholder {
      /* Most modern browsers support this now. */
      color: #000; }
    .casestudy-single .help-right .link-active {
      display: block;
      width: 100%;
      background: #DEFF46;
      padding: 10px 0;
      border: none;
      font-size: 1.5rem;
      border-radius: 5px; }
    .casestudy-single .help-right span.wpcf7-not-valid-tip {
      position: absolute;
      bottom: -0.8125rem;
      /* top: 0; */
      height: 0;
      font-size: 0.75rem; }
    .casestudy-single .help-right .wpcf7-response-output {
      margin: 0 !important;
      font-size: 0.875rem;
      border: none !important;
      position: absolute; }
  .casestudy-single .related-casestudy img {
    width: 100%;
    height: auto; }
  .casestudy-single .right-top h4 {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #333333;
    letter-spacing: 1px; }
    @media (max-width: 767px) {
      .casestudy-single .right-top h4 {
        font-size: 1.75rem;
        font-weight: 400; } }
  .casestudy-single .help-bottom-section .help-left img {
    min-height: 100%; }
  .casestudy-single .help-bottom-section .help-left {
    min-height: 100%;
    height: auto; }

@media (max-width: 991px) {
  .casestudy-single .card-reverse {
    flex-direction: column-reverse; }
  .casestudy-single .left-column {
    width: 100%; }
  .casestudy-single .right-column {
    width: 100%; }
  .casestudy-single .help-right {
    width: 100%; }
  .casestudy-single .help-left {
    width: 100%; } }
@media (max-width: 767px) {
  .casestudy-single .blog-lottie {
    padding: 3.125rem 0; }
  .casestudy-single .right-column .right-top img {
    max-width: 4.375rem; }
  .casestudy-single .help-right {
    padding: 0 1.25rem; }
  .casestudy-single .help-bottom-section .help-right .help-right-inner {
    padding: 3.125rem 0;
    padding-left: 0; }
  .casestudy-single p {
    font-size: 1rem; }
  .casestudy-single span {
    font-size: 1rem; }
  .casestudy-single ul li {
    font-size: 1rem; }
  .casestudy-single .right-column .right-bottom ul li::after {
    top: 5px; }
  .casestudy-single .card-reverse .left-content .casestudy-bottom ul li {
    background-size: 1.25rem; }
  .casestudy-single .card-reverse .left-content {
    padding-left: 0; }
  .casestudy-single .right-column .right-top {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .casestudy-single .related-casestudy .row .col-md-4:last-of-type {
    display: none; } }
.content-area.casestudy-single.bg-wrap {
  position: relative; }

.content-area.casestudy-single.bg-wrap:before {
  position: absolute;
  content: '';
  right: 0;
  background: #cfbdff;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 0; }
  @media (max-width: 991px) {
    .content-area.casestudy-single.bg-wrap:before {
      display: none; } }

.casestudy-single .right-column .right-bottom ul li:after {
  position: absolute;
  width: 200%;
  border-bottom: 2px dashed #fff;
  content: '';
  bottom: 0;
  left: 0;
  top: 100%; }

@media (max-width: 991px) {
  .casestudy-single .right-column .right-top {
    padding-left: 0; }

  .casestudy-single .right-column .right-bottom ul {
    margin-left: 0; }

  .casestudy-single .right-column {
    position: relative; }

  .right-column:before {
    content: '';
    background: #cfbdff;
    width: 150%;
    left: -10%;
    right: -20%;
    content: '';
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0; } }
.careers-banner-sec {
  background: #333333;
  padding: 7.625rem 0 0 0; }
  .careers-banner-sec .h1 {
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 3.125rem;
    padding-right: 0rem;
    font-size: 3.75rem; }
  .careers-banner-sec .quote {
    width: 100%; }
  .careers-banner-sec .inner-content {
    max-width: 70.625rem; }
    .careers-banner-sec .inner-content .info-para {
      font-size: 1.75rem;
      font-weight: 300;
      line-height: 1.14;
      color: #defe46;
      letter-spacing: -0.42px;
      margin-bottom: 1rem; }
    .careers-banner-sec .inner-content .careers-drop-down {
      max-width: 31rem; }
      .careers-banner-sec .inner-content .careers-drop-down .optWrapper {
        padding-left: 0.625rem; }
      .careers-banner-sec .inner-content .careers-drop-down .sl-area {
        border: 1px solid #000;
        border-radius: 0.625rem;
        padding-bottom: 0; }
      .careers-banner-sec .inner-content .careers-drop-down .SumoSelect {
        text-transform: uppercase;
        font-weight: 500;
        color: #defe46;
        font-size: 1.875rem;
        width: 100%; }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect:focus {
          outline: none !important;
          border: 0.0625rem solid rgba(222, 254, 70, 0.5);
          border-radius: 0.625rem;
          padding: 0 1rem; }
        @media (max-width: 991.98px) {
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect {
            font-size: 1.5rem; } }
        @media (max-width: 767.98px) {
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect {
            font-size: 1.25rem; } }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect .optWrapper > .options li.opt {
          color: #defe46; }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect .SelectBox {
          padding: 1.0625rem 0.5rem 0.9375rem 0.5rem; }
          @media (max-width: 767.98px) {
            .careers-banner-sec .inner-content .careers-drop-down .SumoSelect .SelectBox {
              padding: 0.625rem 0.5rem 0.625rem 0.5rem; } }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect .CaptionCont.SelectBox {
          font-style: normal; }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox {
          position: relative; }
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox span {
            padding-left: 1rem; }
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox::before {
            content: '';
            position: absolute;
            left: 0.125rem;
            top: 1.8125rem;
            width: 0.875rem;
            height: 0.875rem;
            border-radius: 100%;
            border: 0.0625rem solid #defe46;
            background: #defe46; }
            @media (max-width: 991.98px) {
              .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox::before {
                width: 0.625rem;
                height: 0.625rem;
                top: 1.25rem;
                left: 0.25rem; } }
            @media (max-width: 767.98px) {
              .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox::before {
                top: 1rem;
                left: 0.25rem;
                width: 0.375rem;
                height: 0.375rem; } }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox[title=" EXPLORE ROLES"] {
          color: rgba(255, 255, 255, 0.8); }
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect p.CaptionCont.SelectBox[title=" EXPLORE ROLES"]::before {
            display: none; }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect label {
          right: 1rem; }
        .careers-banner-sec .inner-content .careers-drop-down .SumoSelect label i {
          transition: all 0.3s ease;
          opacity: 1; }
      .careers-banner-sec .inner-content .careers-drop-down .SumoSelect.open label i {
        transform: rotate(180deg); }
      .careers-banner-sec .inner-content .careers-drop-down .SumoSelect > .optWrapper > .options li.opt label {
        padding-left: 1.125rem; }
      .careers-banner-sec .inner-content .careers-drop-down .SumoSelect > .optWrapper > .options li.opt label::before {
        content: '';
        position: absolute;
        left: 0.125rem;
        top: 1.0625rem;
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 100%;
        border: 0.0625rem solid #ffffff; }
        @media (max-width: 991.98px) {
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect > .optWrapper > .options li.opt label::before {
            top: 1rem;
            width: 0.625rem;
            height: 0.625rem;
            left: 0.25rem; } }
        @media (max-width: 767.98px) {
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect > .optWrapper > .options li.opt label::before {
            top: 1rem;
            left: 0.25rem;
            width: 0.375rem;
            height: 0.375rem; } }
      @media (max-width: 991.98px) {
        .careers-banner-sec .inner-content .careers-drop-down {
          margin-left: -1rem; } }
      @media (max-width: 767.98px) {
        .careers-banner-sec .inner-content .careers-drop-down {
          margin-left: 0; } }
  @media (max-width: 991.98px) {
    .careers-banner-sec {
      padding: 5rem 0; }
      .careers-banner-sec .h1 {
        font-size: 2.875rem;
        margin-bottom: 1rem;
        padding-right: 0; }
      .careers-banner-sec .inner-content {
        max-width: 43.75rem; }
        .careers-banner-sec .inner-content .info-para {
          font-size: 1.25rem;
          margin-bottom: 2rem; }
        .careers-banner-sec .inner-content .careers-drop-down {
          max-width: 24.75rem; }
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect {
            width: 100%;
            max-width: 100%; }
            .careers-banner-sec .inner-content .careers-drop-down .SumoSelect label i {
              background-size: 1.5rem; } }
  @media (max-width: 767.98px) {
    .careers-banner-sec {
      padding: 5rem 0 1.875rem 0; }
      .careers-banner-sec .h1 {
        font-size: 1.875rem;
        margin-bottom: 1rem;
        padding-right: 0; }
      .careers-banner-sec .inner-content {
        max-width: 34.375rem; }
        .careers-banner-sec .inner-content .info-para {
          font-size: 0.875rem;
          margin-bottom: 2rem; }
        .careers-banner-sec .inner-content .careers-drop-down {
          max-width: 100%; }
          .careers-banner-sec .inner-content .careers-drop-down .SumoSelect {
            max-width: 100%;
            font-size: 1.25rem; }
            .careers-banner-sec .inner-content .careers-drop-down .SumoSelect label i {
              background-size: 1rem; } }

.careers-card-list {
  display: flex;
  flex-direction: row;
  background: #000; }
  .careers-card-list:not(:last-child) {
    padding-bottom: 5rem; }
  .careers-card-list.card-reverse {
    flex-direction: row-reverse; }
    .careers-card-list.card-reverse .imgsec {
      background: #000; }
    .careers-card-list.card-reverse .body-content {
      padding-left: 0; }
    @media (max-width: 1365px) {
      .careers-card-list.card-reverse .body-content {
        padding-left: 0;
        padding: 2.5rem; } }
    .careers-card-list.card-reverse .careers-card-right {
      justify-content: flex-end; }
      .careers-card-list.card-reverse .careers-card-right .info {
        padding-right: 10%; }
  .careers-card-list .careers-card-left {
    width: 56%;
    display: flex;
    align-items: flex-start; }
  .careers-card-list .careers-card-right {
    width: 44%;
    display: flex;
    align-items: flex-start; }
  .careers-card-list .imgsec {
    width: 100%;
    min-height: 100%;
    background: rgba(193, 193, 193, 0.97);
    position: relative;
    border-radius: 0 0 0.625rem 0; }
    .careers-card-list .imgsec img, .careers-card-list .imgsec iframe {
      max-width: 100%;
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      border-radius: 0 0 0.625rem 0; }
  .careers-card-list .body-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 37.5rem;
    color: #ffffff;
    padding: 2.5rem; }
    .careers-card-list .body-content .body-content-top {
      max-width: 36.25rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
      .careers-card-list .body-content .body-content-top .innercontent {
        position: relative; }
    .careers-card-list .body-content .info {
      font-size: 1.5rem;
      line-height: 1.17;
      font-weight: 300; }
  @media (max-width: 991.98px) {
    .careers-card-list {
      flex-direction: column; }
      .careers-card-list:not(:last-child) {
        padding-bottom: 1.25rem; }
      .careers-card-list.card-reverse {
        flex-direction: column; }
        .careers-card-list.card-reverse .imgsec {
          width: 100%;
          border-radius: 0; }
          .careers-card-list.card-reverse .imgsec img, .careers-card-list.card-reverse .imgsec iframe {
            object-position: top center;
            border-radius: 0; }
        .careers-card-list.card-reverse .body-content {
          padding: 1.875rem; }
      .careers-card-list .careers-card-right, .careers-card-list .careers-card-left {
        width: 100%;
        align-items: flex-start; }
      .careers-card-list .imgsec {
        width: 100%;
        border-radius: 0; }
        .careers-card-list .imgsec img, .careers-card-list .imgsec iframe {
          border-radius: 0;
          object-position: center center; }
      .careers-card-list .body-content {
        width: 100%; }
        .careers-card-list .body-content .viewall1.fsize30 {
          font-size: 1.5rem; }
        .careers-card-list .body-content .body-content-top {
          max-width: 100%; }
        .careers-card-list .body-content .info {
          font-size: 1.25rem;
          line-height: 1.17;
          padding-right: 0 !important; } }
  @media (max-width: 767.98px) {
    .careers-card-list {
      flex-direction: column; }
      .careers-card-list.card-reverse {
        flex-direction: column; }
        .careers-card-list.card-reverse .body-content {
          padding: 1.25rem; }
      .careers-card-list .buld-card {
        width: 100%;
        align-items: flex-start; }
      .careers-card-list .imgsec {
        width: 100%; }
      .careers-card-list .body-content .info {
        line-height: 1.17;
        padding-right: 0 !important; } }

.jobcard-list-section {
  padding: 1.25rem 0 1.25rem 0;
  position: relative; }
  @media (max-width: 991.98px) {
    .jobcard-list-section {
      padding: 0.3125rem; } }
  .jobcard-list-section ul {
    padding: 0;
    margin: 0; }
    .jobcard-list-section ul li {
      display: flex; }
      .jobcard-list-section ul li .innerbox {
        background: #ffffff;
        padding: 1.25rem;
        border-radius: 0.625rem;
        margin: 0 0.625rem; }
      .jobcard-list-section ul li .content-wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%; }
        .jobcard-list-section ul li .content-wrap .content-sec {
          margin-bottom: 1.25rem; }
        .jobcard-list-section ul li .content-wrap .h3 {
          font-size: 1.75rem;
          font-weight: 500; }
        .jobcard-list-section ul li .content-wrap .description {
          font-size: 1rem;
          font-family: "Barlow", sans-serif;
          margin-bottom: 1.25rem; }
  @media (max-width: 991.98px) {
    .jobcard-list-section ul li .content-wrap .description {
      font-size: 0.875rem; } }
  @media (max-width: 767.98px) {
    .jobcard-list-section {
      padding: 0.3125rem 0.5rem 0.3125rem 0.5rem; }
      .jobcard-list-section ul li .innerbox {
        margin: 0 0.3125rem; }
      .jobcard-list-section ul li .content-wrap .description {
        font-size: 0.875rem; } }

.jobcard-slider .splide__pagination {
  display: none; }
.jobcard-slider .splide__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  height: 1.5rem;
  width: 100%;
  z-index: 2;
  margin-top: -0.75rem;
  pointer-events: none; }
  .jobcard-slider .splide__arrows .splide__arrow--prev, .jobcard-slider .splide__arrows .splide__arrow--next {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow.svg) no-repeat;
    opacity: 1;
    top: 0;
    width: 3.375rem;
    height: 3.375rem;
    background-size: 1.375rem 2.25rem;
    background-position: center center;
    margin-top: 0.75rem;
    pointer-events: all; }
    .jobcard-slider .splide__arrows .splide__arrow--prev:disabled, .jobcard-slider .splide__arrows .splide__arrow--next:disabled {
      display: none; }
    .jobcard-slider .splide__arrows .splide__arrow--prev svg, .jobcard-slider .splide__arrows .splide__arrow--next svg {
      display: none; }
  .jobcard-slider .splide__arrows .splide__arrow--prev {
    left: 0;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center center;
    left: -2.8125rem; }
  .jobcard-slider .splide__arrows .splide__arrow--next {
    right: -2.8125rem; }
@media (max-width: 991.98px) {
  .jobcard-slider .splide__arrows .splide__arrow--prev, .jobcard-slider .splide__arrows .splide__arrow--next {
    background-size: 0.75rem; }
  .jobcard-slider .splide__arrows .splide__arrow--prev {
    left: -2.5rem; }
  .jobcard-slider .splide__arrows .splide__arrow--next {
    right: -2.5rem; } }
@media (max-width: 767.98px) {
  .jobcard-slider .splide__arrows .splide__arrow--prev, .jobcard-slider .splide__arrows .splide__arrow--next {
    background-size: 0.625rem; }
  .jobcard-slider .splide__arrows .splide__arrow--prev {
    left: -2.375rem; }
  .jobcard-slider .splide__arrows .splide__arrow--next {
    right: -2.375rem; } }

.homePageCarrersVideoCols {
  flex: 1 0 0%;
  padding-bottom: 55%;
  height: 0;
  position: relative;
  background: #000; }
  .homePageCarrersVideoCols .video-js {
    background: #310489 !important; }
  .homePageCarrersVideoCols .my-careerPlayer-dimensions,
  .homePageCarrersVideoCols .myMagicVideoiPlayerCols4-dimensions, .homePageCarrersVideoCols iframe, .homePageCarrersVideoCols img, .homePageCarrersVideoCols video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.carrers-slider .slide-img {
  width: 100%;
  padding-bottom: 55%;
  background-size: cover;
  background-repeat: no-repeat; }
.carrers-slider .splide__pagination__page {
  background: #ffffff;
  opacity: 1; }
.carrers-slider .splide__pagination__page.is-active {
  transform: scale(1);
  background: #defe46; }

.job-listing-show {
  position: relative;
  border: 1px solid #000;
  border-radius: 0.625rem;
  padding: 0.3125rem 3.125rem 1.25rem 3.125rem; }
  @media (max-width: 991.98px) {
    .job-listing-show {
      padding: 0.125rem 1.875rem 1.25rem 1.875rem; } }
  @media (max-width: 767.98px) {
    .job-listing-show {
      padding: 0.3125rem 1rem 1rem 1rem;
      margin-left: -1.375rem; } }

.applyitem {
  position: relative; }
  .applyitem a:focus {
    outline: 2px solid #4404bf !important; }

.careers-arw3 {
  margin-left: 0.625rem;
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/black-arw.svg) no-repeat;
  width: 1.375rem;
  height: 1.375rem;
  background-size: 1.375rem;
  margin-top: 0.1875rem; }
  @media (max-width: 767.98px) {
    .careers-arw3 {
      width: 0.875rem;
      height: 1.125rem;
      margin-left: 0.375rem;
      background-size: 0.875rem;
      margin-top: 0.125rem; } }

.clbtton {
  position: absolute;
  right: 1.25rem;
  top: 1.9375rem;
  width: 1.375rem;
  background: transparent;
  cursor: pointer;
  border: none; }
  @media (max-width: 991.98px) {
    .clbtton {
      top: 1.625rem; } }
  .clbtton .close-icon {
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/close-icon.svg) no-repeat;
    width: 1.4375rem;
    height: 1.4375rem;
    background-size: 1.4375rem;
    display: flex; }
  @media (max-width: 991.98px) {
    .clbtton .close-icon {
      width: 1rem;
      height: 1rem;
      background-size: 1rem; } }
  @media (max-width: 767.98px) {
    .clbtton .close-icon {
      display: none; } }

.loctext {
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
  margin-left: -0.1875rem; }
  @media (max-width: 767.98px) {
    .loctext {
      font-size: 0.875rem; } }

.loc {
  background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/loc-icon.svg) no-repeat;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.25rem;
  background-size: 1.375rem;
  display: inline-block; }
  @media (max-width: 991.98px) {
    .loc {
      background-size: 1rem;
      height: 1rem; } }
  @media (max-width: 767.98px) {
    .loc {
      background-size: 1rem;
      height: 1rem; } }

.mgictech-logo-black {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.5rem;
  margin-top: -0.625rem; }
  .mgictech-logo-black img {
    width: 3.625rem; }

.notSelectable {
  pointer-events: none;
  opacity: 0.5;
  display: none; }

@media (max-width: 767px) {
  .quote {
    display: none; } }
#explorejobsec {
  position: relative; }

.job-listing-show .bdr0 {
  border: 0 !important; }

.career-author-area {
  background: #cfbdff;
  padding: 0 1.875rem;
  padding-top: 2.6875rem;
  padding-bottom: 3.125rem; }
  @media (max-width: 575.98px) {
    .career-author-area {
      padding-left: 0;
      padding-right: 0; } }
  .career-author-area p {
    font-family: "Poppins", sans-serif;
    font-size: 3.75rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -1.8px;
    color: #4404bf;
    margin: 0 0 2rem; }
    @media (max-width: 991.98px) {
      .career-author-area p {
        font-size: 3.125rem; } }
    @media (max-width: 767.98px) {
      .career-author-area p {
        font-size: 2.1875rem; } }
    @media (max-width: 575.98px) {
      .career-author-area p {
        font-size: 1.25rem;
        letter-spacing: 0;
        margin: 0 0 1.25rem; } }
  .career-author-area span {
    font-size: 1.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #4404bf; }
    @media (max-width: 991.98px) {
      .career-author-area span {
        font-size: 1.25rem; } }

.combo *,
.combo *::before,
.combo *::after {
  box-sizing: border-box; }

.combo {
  display: block;
  margin-bottom: 1.5em;
  max-width: 37.5rem;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
  color: #defe46;
  font-size: 1.25rem; }

.combo::after {
  border-bottom: 0.1875rem solid #DEFE46;
  border-right: 0.1875rem solid #DEFE46;
  content: "";
  display: block;
  height: 0.9375rem;
  width: 0.9375rem;
  pointer-events: none;
  position: absolute;
  right: 1.25rem;
  top: 1.5625rem;
  transform: translate(0, -65%) rotate(45deg);
  transition: .3s; }

.combo.open::after {
  transform: rotate(225deg); }

.combo-input {
  background-color: #333333;
  border: 1px solid #000;
  border-radius: 4px;
  display: block;
  font-size: 1.5rem;
  min-height: calc(1.4em + 26px);
  padding: 12px 16px 14px;
  text-align: left;
  width: 100%;
  color: white;
  cursor: pointer; }
  @media (max-width: 767px) {
    .combo-input {
      font-size: 1.125rem; } }

.open .combo-input {
  border-radius: 4px 4px 0 0; }

/* .combo-input:focus {
  border-color: #0067b8;
  box-shadow: 0 0 4px 2px #0067b8;
  outline: 4px solid transparent;
} */
.combo-label {
  display: block;
  font-size: 1.125rem;
  font-weight: 100;
  margin-bottom: 0.625rem;
  color: white; }

.combo-menu {
  background-color: #333333;
  border: 0.0625rem solid #000;
  border-radius: 0 0 4px 4px;
  display: none;
  /* max-height: 300px; */
  overflow-y: auto;
  left: 0;
  position: relative;
  top: 100%;
  width: 100%;
  z-index: 100;
  color: #defe46;
  margin-top: 0.125rem;
  border-top: 0; }

.open .combo-menu {
  display: block;
  padding-top: 0.625rem; }

div#combo1-0 {
  display: none; }

.combo-option {
  padding: 0.3125rem 0.75rem 0.75rem;
  position: relative;
  font-size: 1.5rem;
  padding-left: 2.1875rem;
  cursor: pointer; }
  @media (max-width: 767px) {
    .combo-option {
      font-size: 1.125rem; } }

.combo-option[aria-selected="true"] {
  position: relative; }

.combo-option::after {
  content: '';
  position: absolute;
  left: 0.8125rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  border: 0.0625rem solid #ffffff; }
  @media (max-width: 767.98px) {
    .combo-option::after {
      width: 0.5rem;
      height: 0.5rem; } }

.combo-option[aria-selected="true"]::after {
  background: #defe46; }

.combo-option.option-current {
  color: #fff; }
  .combo-option.option-current::after {
    background: #defe46; }

.jobcard-list-section ul.splide__pagination {
  display: inline-flex; }

.jobcard-list-section ul.splide__pagination li {
  display: inline-flex; }

.jobcard-list-section ul.splide__pagination li button.is-active {
  background: #defe46; }

.jobcard-slider .splide__pagination {
  bottom: -1.5625rem; }

@media (max-width: 767.98px) {
  .jobcard-slider .splide__pagination {
    top: 368px !important; } }
.contact-page.apply .leftarea {
  padding: 0; }
.contact-page.apply .animation-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }
.contact-page.apply .card-wrapper {
  background: #fff;
  font-weight: 300;
  color: #000;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
  padding: 1.875rem 1.25rem;
  font-size: 1.25rem; }
  .contact-page.apply .card-wrapper .logo {
    text-align: right; }
  .contact-page.apply .card-wrapper p {
    margin-bottom: 1.25rem; }
  .contact-page.apply .card-wrapper ul {
    padding-left: 1.25rem;
    margin-bottom: 1.25rem; }
    .contact-page.apply .card-wrapper ul li {
      list-style: disc;
      font-size: 1.25rem;
      margin-bottom: 0.625rem; }
.contact-page.apply .card-wrapper::-webkit-scrollbar {
  width: 12px;
  background-color: #fcfcfc;
  border-left: 1px solid #4404bf; }
.contact-page.apply .card-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #4404bf; }
.contact-page.apply input[type="file"] {
  height: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  height: 100%;
  font-size: 0;
  top: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  z-index: 1; }
.contact-page.apply .formarea div .resume div {
  border: none; }
.contact-page.apply .input-file {
  padding: 0.625rem 0;
  position: relative; }
  .contact-page.apply .input-file .btn {
    outline: none;
    color: #707070;
    z-index: 9999;
    position: relative;
    font-size: 1.25rem;
    background: #4404bf;
    color: #fff;
    height: 100%;
    padding: 0.625rem;
    padding-left: 1.5rem;
    cursor: pointer; }
  .contact-page.apply .input-file .btn.focus {
    background: #000; }
.contact-page.apply span.file-selected {
  color: #707070;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  cursor: pointer; }
.contact-page.apply span.file-selected.hasfile {
  color: #000; }

@media (max-width: 767px) {
  .contact-page.apply .animation-wrapper {
    height: auto;
    margin: 1.875rem 0; }
  .contact-page.apply .card-wrapper {
    max-width: 90%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0; }
  .contact-page.apply .input-file {
    display: flex;
    padding: 0;
    align-items: center; }
    .contact-page.apply .input-file .btn {
      width: 50%;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; }
  .contact-page.apply .btncall.text-uppercase.link-active {
    margin-right: 0; }
  .contact-page.apply span.file-selected.hasfile {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; } }
@media (max-width: 375px) {
  .contact-page.apply .input-file .btn {
    width: 70%; } }
.philanthropy-banner-sec {
  background: #4404bf;
  padding: 7.5rem 0;
  background-size: cover;
  background-position: center; }
  .philanthropy-banner-sec .inner-content {
    max-width: 62.5rem; }
    .philanthropy-banner-sec .inner-content .h1 {
      color: #ffffff;
      font-weight: 300;
      margin-bottom: 1rem; }
    .philanthropy-banner-sec .inner-content .inner-para {
      font-size: 1.75rem;
      font-weight: 300;
      line-height: 1.14;
      color: #ffffff;
      padding-right: 18%; }
  @media (max-width: 991.98px) {
    .philanthropy-banner-sec {
      padding: 5.25rem 0; }
      .philanthropy-banner-sec .inner-content {
        max-width: 36.875rem; }
        .philanthropy-banner-sec .inner-content .h1 {
          font-size: 2.875rem;
          line-height: 1.13;
          margin-bottom: 2.5rem; }
          .philanthropy-banner-sec .inner-content .h1 br {
            display: none; }
        .philanthropy-banner-sec .inner-content .inner-para {
          font-size: 1.25rem;
          line-height: 1.2;
          padding-right: 0; } }
  @media (max-width: 767.98px) {
    .philanthropy-banner-sec {
      padding: 3.125rem 0; }
      .philanthropy-banner-sec .inner-content {
        max-width: 100%; }
        .philanthropy-banner-sec .inner-content .h1 {
          font-size: 1.875rem;
          line-height: 1.13;
          margin-bottom: 2.5rem; }
          .philanthropy-banner-sec .inner-content .h1 br {
            display: none; }
        .philanthropy-banner-sec .inner-content .inner-para {
          font-size: 0.875rem;
          line-height: 1.21;
          padding-right: 0; } }

.partnerlogo-item {
  text-align: center; }

.partnerlogo-sec.v2 {
  padding-bottom: 0; }
  .partnerlogo-sec.v2.logos {
    padding: 2.1875rem 0; }
  .partnerlogo-sec.v2 .top-banner {
    position: relative; }
    .partnerlogo-sec.v2 .top-banner img {
      width: 100%; }
  .partnerlogo-sec.v2 .headingbg {
    position: absolute;
    bottom: 0.25rem;
    right: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-top-left-radius: 0.625rem; }
  .partnerlogo-sec.v2 .partner-logoim img {
    max-width: 100%;
    height: 4.375rem; }

.section.new-sec.tm-heightauto.pathsala-testimonial {
  margin-top: -5px; }

.pathsala-testimonial .partnership-right {
  background: #fff; }
.pathsala-testimonial .partnership-testimonial .cmp {
  position: relative;
  display: flex;
  justify-content: center; }
.pathsala-testimonial .partnership-testimonial.new .cmp {
  justify-content: start; }
.pathsala-testimonial .partnership-left {
  display: flex;
  align-items: center; }
  .pathsala-testimonial .partnership-left h2 {
    font-size: 2.5rem; }

.phil-card-list {
  display: flex;
  flex-direction: row;
  background: #333333; }
  .phil-card-list.card-reverse {
    flex-direction: row-reverse; }
    .phil-card-list.card-reverse .card-col {
      justify-content: flex-start; }
  .phil-card-list .card-col {
    width: 50%;
    display: flex;
    justify-content: flex-end; }
  .phil-card-list .inner-content {
    color: #ffffff;
    width: 45.3125rem;
    padding: 2.5rem 3.125rem;
    display: flex;
    justify-content: flex-start; }
    .phil-card-list .inner-content .inner-wrap {
      max-width: 35.75rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .phil-card-list .inner-content .info {
      font-size: 1.5rem;
      line-height: 1.21;
      font-weight: 300; }
      .phil-card-list .inner-content .info p {
        margin-bottom: 1.875rem; }
  .phil-card-list .imgsec {
    width: 100%;
    background: rgba(193, 193, 193, 0.97);
    position: relative;
    border-radius: 0 0 0.625rem 0;
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important; }
    .phil-card-list .imgsec img, .phil-card-list .imgsec iframe {
      max-width: 100%;
      display: block;
      width: 100%;
      position: relative !important;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      border-radius: 0 0 0.625rem 0;
      max-height: 43.75rem; }
      @media (max-width: 991.98px) {
        .phil-card-list .imgsec img, .phil-card-list .imgsec iframe {
          border-radius: 0; } }
  .phil-card-list .philVideoColsorImg {
    flex: 1 0 0%;
    height: 100%;
    position: relative;
    background: #000;
    width: 100%;
    min-height: 43.75rem; }
    .phil-card-list .philVideoColsorImg .my-careerPlayer-dimensions,
    .phil-card-list .philVideoColsorImg .myMagicVideoiPlayerCols4-dimensions, .phil-card-list .philVideoColsorImg iframe, .phil-card-list .philVideoColsorImg img, .phil-card-list .philVideoColsorImg video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .phil-card-list .philVideoColsorImg img {
      object-fit: cover;
      object-position: center center; }
  @media (max-width: 991.98px) {
    .phil-card-list {
      flex-direction: column-reverse;
      background: #333333; }
      .phil-card-list.card-reverse {
        flex-direction: column-reverse; }
        .phil-card-list.card-reverse .card-col {
          justify-content: flex-start; }
      .phil-card-list .card-col {
        width: 100%;
        justify-content: flex-start;
        position: relative; }
      .phil-card-list .inner-content {
        padding: 1.875rem;
        width: 100%; }
        .phil-card-list .inner-content .inner-wrap {
          max-width: 100%;
          width: 100%; }
        .phil-card-list .inner-content .content-top {
          max-width: 30.625rem; }
        .phil-card-list .inner-content .viewall1.fsize30 {
          font-size: 1.5rem; }
        .phil-card-list .inner-content .info {
          font-size: 1.25rem; }
          .phil-card-list .inner-content .info p {
            margin-bottom: 1.25rem; } }
  @media (max-width: 767.98px) {
    .phil-card-list .inner-content {
      width: 100%;
      padding: 1.25rem; }
      .phil-card-list .inner-content .inner-wrap {
        max-width: 100%;
        width: 100%; }
      .phil-card-list .inner-content .content-top {
        max-width: 18.625rem; }
      .phil-card-list .inner-content .viewall1.fsize30 {
        font-size: 1rem; }
      .phil-card-list .inner-content .info {
        font-size: 0.875rem; }
        .phil-card-list .inner-content .info p {
          margin-bottom: 1rem; }
    .phil-card-list .philVideoColsorImg {
      min-height: 25rem; } }

.philanthropyBannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 100%; }
  @media (max-width: 991.98px) {
    .philanthropyBannerAnimRightSide {
      left: 0;
      top: 0;
      height: 43.75rem !important;
      width: 100%;
      transform: translateX(0); } }
  @media (max-width: 767.98px) {
    .philanthropyBannerAnimRightSide {
      right: 0;
      top: 0;
      height: 26.25rem !important;
      width: 100%; } }

.philanthropy-slider .slide-img {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat; }
.philanthropy-slider .splide__pagination__page {
  background: #ffffff;
  opacity: 1; }
.philanthropy-slider .splide__pagination__page.is-active {
  transform: scale(1);
  background: #defe46; }

.new-sec.pathsala-testimonial.v-2 {
  position: relative; }
  .new-sec.pathsala-testimonial.v-2 .partnership-left {
    padding-left: 0; }
    .new-sec.pathsala-testimonial.v-2 .partnership-left h2 {
      font-size: 3.75rem; }
      @media (max-width: 767px) {
        .new-sec.pathsala-testimonial.v-2 .partnership-left h2 {
          font-size: 1.875rem;
          margin-bottom: 0; } }
  .new-sec.pathsala-testimonial.v-2 .section-inners {
    z-index: 1;
    position: relative; }
  .new-sec.pathsala-testimonial.v-2 .pcontent-wrap {
    padding-right: 0; }
    @media (max-width: 767px) {
      .new-sec.pathsala-testimonial.v-2 .pcontent-wrap {
        padding-left: 0; } }
  .new-sec.pathsala-testimonial.v-2::before {
    position: absolute;
    height: 100%;
    left: 0;
    width: 70%;
    background: #4404bf;
    content: '';
    top: 0;
    bottom: 0; }
  .new-sec.pathsala-testimonial.v-2::after {
    position: absolute;
    height: 100%;
    right: 0;
    width: 70%;
    background: #fff;
    content: '';
    top: 0;
    bottom: 0; }
  @media (max-width: 991px) {
    .new-sec.pathsala-testimonial.v-2 .container {
      padding: 0; }
    .new-sec.pathsala-testimonial.v-2 .partnership-left {
      padding: 1.875rem; }
    .new-sec.pathsala-testimonial.v-2 .partnership-right {
      padding: 1.875rem; } }
  @media (max-width: 991px) {
    .new-sec.pathsala-testimonial.v-2 .partnership-left {
      padding: 0.9375rem;
      padding-top: 1.875rem;
      padding-bottom: 1.875rem; }
    .new-sec.pathsala-testimonial.v-2 .partnership-right {
      padding: 0.9375rem; } }

.philanthropy-slider .philVideoCols {
  flex: 1 0 0%;
  height: 0;
  position: relative;
  background: #000;
  height: 43.75rem !important; }
  @media (max-width: 991.98px) {
    .philanthropy-slider .philVideoCols {
      height: 43.75rem !important; } }
  @media (max-width: 767.98px) {
    .philanthropy-slider .philVideoCols {
      height: 26.25rem !important; } }
  .philanthropy-slider .philVideoCols .my-philPlayer-dimensions, .philanthropy-slider .philVideoCols iframe, .philanthropy-slider .philVideoCols img, .philanthropy-slider .philVideoCols video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (max-width: 767.98px) {
  .phypography ul, .phypography ol {
    list-style-position: outside;
    padding: 0 0 0.625rem 1rem; } }
@media (max-width: 991px) {
  .section.new-sec.tm-heightauto.pathsala-testimonial.v-2 .cmp {
    position: static;
    display: flex;
    justify-content: start;
    text-align: left; } }
.discover-banner-sec {
  background: #18181a;
  padding: 3.125rem 0; }
  .discover-banner-sec .inner-content {
    max-width: 62.5rem; }
    .discover-banner-sec .inner-content .h1 {
      color: #CFFCFF;
      font-weight: 300;
      margin-bottom: 1.5rem;
      padding-right: 11.25rem; }
    .discover-banner-sec .inner-content .info {
      font-size: 1.5rem;
      font-weight: 300;
      line-height: 1.21;
      color: #ffffff;
      margin-bottom: 2.5rem;
      padding-right: 11.25rem; }
  @media (max-width: 991.98px) {
    .discover-banner-sec {
      padding: 21.875rem 0 5rem 0; }
      .discover-banner-sec .inner-content {
        max-width: 43.75rem; }
        .discover-banner-sec .inner-content .h1 {
          font-size: 2.875rem;
          margin-bottom: 1rem;
          padding-right: 0; }
        .discover-banner-sec .inner-content .info {
          font-size: 1.25rem;
          margin-bottom: 3.75rem;
          padding-right: 0; } }
  @media (max-width: 767.98px) {
    .discover-banner-sec {
      padding: 10rem 0 3.125rem 0; }
      .discover-banner-sec .inner-content {
        max-width: 34.375rem; }
        .discover-banner-sec .inner-content .h1 {
          font-size: 1.875rem;
          margin-bottom: 0.5rem;
          padding-right: 0;
          letter-spacing: -0.75px; }
        .discover-banner-sec .inner-content .info {
          font-size: 0.875rem;
          margin-bottom: 2rem; }
          .discover-banner-sec .inner-content .info br {
            display: none; } }

.discoverBannerAnimRightSide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  right: -21%;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9;
  height: 37.5rem;
  width: 37.5rem;
  margin-top: -2.1875rem; }
  @media (max-width: 991.98px) {
    .discoverBannerAnimRightSide {
      left: 0;
      top: -45%;
      height: 43.75rem !important;
      width: 100%;
      transform: translateX(0);
      margin-top: 0; } }
  @media (max-width: 767.98px) {
    .discoverBannerAnimRightSide {
      right: 0;
      top: -49%;
      height: 26.25rem !important;
      width: 100%;
      margin-top: 0; } }

.news-subscribe-section {
  padding: 5rem 0;
  background: #333333; }
  .news-subscribe-section .copy-link {
    display: flex;
    justify-content: space-between; }
  .news-subscribe-section .left-imgsec {
    width: 50%; }
    .news-subscribe-section .left-imgsec img {
      width: 100%;
      height: auto;
      border-radius: 0.625rem; }
    @media (max-width: 991.98px) {
      .news-subscribe-section .left-imgsec {
        display: none; } }
  .news-subscribe-section .news-letter-inner {
    width: 50%;
    padding-right: 1.875rem; }
    @media (max-width: 991.98px) {
      .news-subscribe-section .news-letter-inner {
        width: 100%;
        max-width: 37.5rem;
        padding-right: 0; } }
    .news-subscribe-section .news-letter-inner .h2 {
      font-size: 3.75rem;
      color: #defe46;
      margin-bottom: 0.5rem; }
    .news-subscribe-section .news-letter-inner .news-help-text {
      font-size: 1.5rem;
      color: #ffffff;
      margin-bottom: 1.25rem; }
    @media (max-width: 767.98px) {
      .news-subscribe-section .news-letter-inner .h2 {
        font-size: 1.875rem; }
      .news-subscribe-section .news-letter-inner .news-help-text {
        font-size: 0.875rem; } }
  .news-subscribe-section .form-wrap {
    border-radius: 0.625rem;
    border: 1px solid #000;
    padding: 0.25rem;
    max-width: 43.125rem;
    width: 100%; }
  .news-subscribe-section .form-control {
    border: 0;
    padding: 0.375rem 0.625rem;
    color: #ffffff;
    background: transparent;
    font-weight: 300;
    font-size: 1.5rem;
    width: 100%; }
  .news-subscribe-section .btn-submit {
    background: transparent;
    border: 0;
    font-size: 1.875rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #defe46; }
  .news-subscribe-section .input-items {
    display: flex;
    padding: 0 0.625rem; }

.image-outer {
  padding-bottom: 100%;
  position: relative; }
  .image-outer .CaseCat, .image-outer .blogCat {
    padding: 0.4375rem 0.9375rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    border-radius: 0 0 0.625rem 0;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    position: absolute;
    top: 0;
    z-index: 1; }
    @media (max-width: 991.98px) {
      .image-outer .CaseCat, .image-outer .blogCat {
        font-size: 0.875rem;
        padding: 0.125rem 0.625rem; } }
    @media (max-width: 767.98px) {
      .image-outer .CaseCat, .image-outer .blogCat {
        font-size: 1rem; } }
  .image-outer .CaseCat {
    background: #defe46;
    color: #18181a; }
  .image-outer .blogCat {
    background: #000;
    color: #ffffff; }
  .image-outer .cat-name {
    background: rgba(0, 0, 0, 0.8);
    min-height: 12.5rem;
    color: #defe46;
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 1.75rem;
    line-height: 1.14;
    font-family: "Poppins", sans-serif;
    padding: 1.875rem 1.25rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .image-outer .cat-name {
        font-size: 1rem;
        line-height: 1.19;
        padding: 1rem 1.25rem;
        min-height: 6.25rem; } }
  .image-outer img {
    max-width: 100%;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: top center; }

@media (max-width: 991.98px) {
  .filter-wrap {
    max-width: 31.25rem; } }
@media (max-width: 991.98px) {
  .filter-wrap {
    max-width: 100%; } }

.discover-filter {
  max-width: 25rem;
  margin-bottom: 2.5rem; }
  @media (max-width: 991.98px) {
    .discover-filter {
      max-width: 31.25rem; } }
  @media (max-width: 991.98px) {
    .discover-filter {
      max-width: 100%; } }
  .discover-filter .filter-col {
    display: flex;
    position: relative;
    flex-direction: column; }

.filbtn {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  background: transparent;
  border: 0.0625rem solid #ffffff;
  border-radius: 0.625rem;
  font-size: 1.75rem;
  padding: 1.3125rem 1.25rem 1.25rem 1.25rem;
  line-height: 1.14;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
  position: relative; }
  .filbtn::after {
    transform: rotate(90deg);
    background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow-white1.svg) no-repeat;
    background-size: 1.25rem 2.25rem;
    width: 1.25rem;
    height: 2.25rem;
    transition: all 0.3s ease-in;
    content: '';
    position: absolute;
    right: 1rem;
    top: 1.25rem; }
    @media (max-width: 991.98px) {
      .filbtn::after {
        background-size: 0.625rem 1.125rem;
        width: 0.625rem;
        height: 1.125rem;
        top: 1.1875rem; } }
  .filbtn.select {
    background: #defe46;
    color: #18181a;
    border-color: #defe46;
    border-radius: 0.625rem 0.625rem 0 0; }
    .filbtn.select::after {
      transform: rotate(-90deg);
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow1.svg) no-repeat;
      background-size: 1.25rem 2.25rem;
      width: 1.25rem;
      height: 2.25rem;
      transition: all 0.3s ease-in;
      content: '';
      position: absolute;
      right: 1rem;
      top: 1.25rem; }
      @media (max-width: 991.98px) {
        .filbtn.select::after {
          background-size: 0.625rem 1.125rem;
          width: 0.625rem;
          height: 1.125rem;
          top: 1.1875rem; } }
  @media (max-width: 991.98px) {
    .filbtn {
      padding: 1.125rem 0.625rem 1.0625rem 0.625rem;
      font-size: 1rem; } }
  @media (max-width: 767.98px) {
    .filbtn {
      padding: 1.125rem 0.625rem 1.0625rem 0.625rem;
      font-size: 0.875rem; } }

.discover-filter.active .filter-list {
  height: auto;
  opacity: 1; }

.filter-list {
  display: flex;
  width: 100%;
  height: 0;
  opacity: 0;
  flex-direction: column;
  border: 0.0625rem solid #defe46;
  border-top: 0;
  border-radius: 0 0 0.625rem 0.625rem;
  padding: 0.625rem 1.125rem;
  position: relative;
  transition: all 0.3s ease; }
  .filter-list .areclicbtn {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    width: 2.5625rem;
    height: 2.5625rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2; }
    .filter-list .areclicbtn .aricons {
      transform: rotate(-90deg);
      background: url(https://www.magicedtech.com/wp-content/themes/magic/assets/images/arrow.svg) no-repeat;
      background-size: 2.25rem 1.25rem;
      width: 2.25rem;
      height: 1.25rem;
      transition: all 0.3s ease-in;
      display: flex;
      align-items: center;
      justify-content: center; }
  .filter-list .filter-lb {
    font-size: 1.125rem;
    font-family: "Barlow", sans-serif;
    font-weight: 300;
    padding: 0.625rem 0;
    margin-bottom: 0.625rem;
    color: #ffffff;
    position: relative;
    text-transform: capitalize; }
  .filter-list .filter-items ul {
    padding: 0;
    margin: 0; }
    .filter-list .filter-items ul li {
      font-size: 1.25rem;
      font-family: "Barlow", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 0.625rem;
      color: #ffffff; }
      .filter-list .filter-items ul li label {
        position: relative;
        display: block;
        cursor: pointer; }
        .filter-list .filter-items ul li label [type='checkbox'] {
          opacity: 0; }
        .filter-list .filter-items ul li label .fltext {
          cursor: pointer;
          padding-left: 0.25rem; }
          .filter-list .filter-items ul li label .fltext::before {
            content: '';
            position: absolute;
            top: 0.3125rem;
            left: 0;
            width: 0.625rem;
            height: 0.625rem;
            border-radius: 0.625rem;
            border: 0.0625rem solid #ffffff; }
        .filter-list .filter-items ul li label input:checked ~ .fltext {
          color: #defe46; }
          .filter-list .filter-items ul li label input:checked ~ .fltext::before {
            border: 0.0625rem solid #defe46;
            background: #defe46; }

.discover-cat-section {
  background: #333333; }
  @media (max-width: 991.98px) {
    .discover-cat-section .container {
      padding: 0; } }

.insights-filtr {
  display: flex; }
  .insights-filtr .insights-col {
    display: flex;
    width: 50%;
    flex-direction: column;
    padding-right: 1rem; }

.pagination-bottom-space {
  padding: 2.375rem 0 0.625rem 0;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 991.98px) {
    .pagination-bottom-space {
      padding: 2.375rem 0.625rem 0.625rem 0.625rem; } }
  .pagination-bottom-space .page-numbers {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    color: #ffffff; }
    .pagination-bottom-space .page-numbers:not(:last-child) {
      margin-right: 1.25rem; }
    .pagination-bottom-space .page-numbers.next img, .pagination-bottom-space .page-numbers.prev img {
      width: 1.4375rem;
      height: 1.25rem; }
    .pagination-bottom-space .page-numbers.prev img {
      transform: rotate(-180deg); }
    .pagination-bottom-space .page-numbers.current {
      width: 1.875rem;
      height: 1.875rem;
      border-radius: 100%;
      background: #defe46;
      display: inline-flex;
      justify-content: center;
      color: #000; }
      .pagination-bottom-space .page-numbers.current:not(:last-child) {
        margin-right: 0.625rem; }

.hbspt-form .hs-form {
  width: 100% !important; }

#hs-form-iframe-0 .hs-form-1c741103-31c3-4013-a10a-5ea6f49cff1b_accd7598-44af-486f-8e9d-3b5b62e2dee8.hs-form {
  width: 100% !important; }

.grecaptcha-badge {
  bottom: 100px !important; }

.discover-cat-section .col-md-4:nth-of-type(2n) .image-outer .cat-name {
  color: #ffffff; }

.discover-cat-section .col-md-4:nth-of-type(3n) .image-outer .cat-name {
  color: #cffcff; }

.discover-cat-section .col-md-4:nth-of-type(4n) .image-outer .cat-name {
  color: #ffffff; }

.sitemap-nav ul.sitemap-navitems {
  padding: 0;
  margin: 0; }
  .sitemap-nav ul.sitemap-navitems li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0; }
    .sitemap-nav ul.sitemap-navitems li a {
      font-size: 1.75rem;
      font-weight: 500;
      color: #4404bf; }
      .sitemap-nav ul.sitemap-navitems li a:hover {
        color: #4404bf; }
    .sitemap-nav ul.sitemap-navitems li ul.sub-menu {
      margin-left: 1rem;
      margin-top: 0.75rem; }
      .sitemap-nav ul.sitemap-navitems li ul.sub-menu li {
        font-size: 1rem;
        margin: 0 0 0.5rem 0;
        padding: 0; }
        .sitemap-nav ul.sitemap-navitems li ul.sub-menu li a {
          color: #4404bf;
          font-weight: 300; }
          .sitemap-nav ul.sitemap-navitems li ul.sub-menu li a:hover {
            color: #4404bf; }

@media (max-width: 1024px) {
  .deliverBannerAnimRightSide, .supportBannerAnimRightSide, .buildBannerAnimRightSide {
    margin-top: 0; }

  .arwtop-btm.posfix {
    bottom: 0;
    display: none; }

  .bannerAnimRightSide {
    right: -24%; } }
@media (max-width: 767.98px) {
  .bannerAnimRightSide {
    right: 0; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .hero-slider {
    height: auto; }

  .banner-inner img, .buld-banner-sec .banner-inner img, .deliver-banner-sec .banner-inner img, .support-banner-sec .banner-inner img, .slide-img img {
    height: calc(100vh - 57rem); }

  .bannerAnimRightSide, .buildBannerAnimRightSide, .deliverBannerAnimRightSide, .supportBannerAnimRightSide {
    width: 37.5rem;
    height: 37.5rem;
    right: 0;
    margin-top: 2rem; }

  .board-member-section .member-card-row .member-card {
    width: 11.25rem; }

  .board-member-section .member-card-row {
    margin: 0; }

  .magic-content {
    min-height: 31.25rem; }

  .image-outer .cat-name {
    font-size: 1.25rem;
    min-height: 10rem; }

  .goal-section {
    padding-bottom: 1.875rem; }

  .careers-card-list.card-reverse {
    flex-direction: column; }

  .careers-card-list .careers-card-right, .careers-card-list .careers-card-left {
    width: 100%;
    align-items: flex-start; }

  .careers-card-list .body-content {
    width: 100%; }

  .careers-card-list .body-content .body-content-top {
    max-width: 100%; }

  .ch-detail-midsec .left-img-sec {
    top: 38rem; }

  .ch-detail-midsec .right-content-sec ul li {
    padding-top: 7rem; }

  .arwtop-btm.posfix {
    bottom: 0;
    display: none; }

  .hero-slider .splide__pagination {
    bottom: 1rem; } }
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .bannerLotieContainer .container {
    display: flex;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center; }

  .bannerAnimRightSide, .buildBannerAnimRightSide, .deliverBannerAnimRightSide, .supportBannerAnimRightSide {
    transform: translateY(-50%);
    top: 50%;
    margin: 0; }

  .buildBannerAnimRightSide {
    transform: translate(-65%, -50%); }

  .bannerAnimRightSide {
    right: -12%;
    top: -15%;
    transform: translateY(10px); } }
@media only screen and (min-device-width: 2048px) {
  .banner-inner img, .buld-banner-sec .banner-inner img, .deliver-banner-sec .banner-inner img, .support-banner-sec .banner-inner img, .slide-img img {
    height: calc(100vh - 57rem); }

  .bannerAnimRightSide, .buildBannerAnimRightSide, .deliverBannerAnimRightSide, .supportBannerAnimRightSide {
    width: 37.5rem;
    height: 37.5rem;
    right: 0;
    margin-top: 2rem; } }
.blog-lottie {
  position: relative;
  overflow: hidden; }
  .blog-lottie .bannerAnimSide {
    height: 100%;
    position: absolute;
    right: -1.875rem;
    top: 0;
    pointer-events: none;
    width: 35rem; }

.black-bg-podcast {
  background: #333333; }

.podcast-single {
  position: relative; }
  .podcast-single .border-bottom {
    border-bottom: 1px solid #000;
    margin: 3.125rem 0; }
  .podcast-single p {
    margin-bottom: 0.9375rem; }
  .podcast-single ul li {
    font-size: 1.5rem;
    font-weight: 300;
    margin-left: 1.5625rem;
    list-style: disc;
    margin-bottom: 0.625rem; }

.pr-0 {
  padding-right: 0 !important; }

.podcast.subscribe-section {
  background: #18181a;
  color: #fff;
  padding: 2.5rem 0; }
  .podcast.subscribe-section h3 {
    color: #defe46;
    font-size: 2.1875rem; }
.podcast.discover-banner-sec {
  padding: 8.75rem 0 !important; }
  .podcast.discover-banner-sec p {
    font-size: 2.5rem;
    color: #ffffff;
    font-weight: 300; }
  .podcast.discover-banner-sec .inner-content h1 {
    color: #defe46; }
.podcast .podcast-card {
  margin-bottom: 1.5625rem; }
.podcast .flourescent-green {
  background: #defe46;
  color: #000; }
.podcast .electic-violte {
  background: #4404BF;
  color: #fff; }
.podcast .eminence-violte {
  background: #310489;
  color: #fff; }
.podcast .icy-blue {
  background: #CFFCFF;
  color: #000; }
.podcast .viola {
  background: #CFBDFF;
  color: #000; }
.podcast .black {
  background: #000;
  color: #defe46; }
.podcast .dark-gray {
  background: #18181A;
  color: #fff; }
.podcast .light-gray {
  background: #333333;
  color: #fff; }
.podcast .card-details {
  position: absolute;
  padding: 1.25rem;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  filter: alpha(opacity=80);
  /* IE */
  -moz-opacity: 0.8;
  /* Mozilla */
  opacity: 1; }
  .podcast .card-details.blue-bg {
    color: #fff; }
  .podcast .card-details.black-bg {
    color: #fff; }
  .podcast .card-details .top-content p {
    margin-bottom: 1.25rem;
    font-weight: 300; }
  .podcast .card-details .bottom-content {
    width: 100%;
    align-self: end;
    font-weight: 300; }
    .podcast .card-details .bottom-content span {
      font-weight: 400;
      margin-bottom: 0.9375rem;
      display: block;
      font-size: 1.125rem; }
      @media (max-width: 767.98px) {
        .podcast .card-details .bottom-content span {
          font-size: 0.875rem; } }
  .podcast .card-details h3 {
    font-size: 1.875rem;
    letter-spacing: 0; }
    @media (max-width: 767.98px) {
      .podcast .card-details h3 {
        font-size: 1.375rem; } }
  .podcast .card-details .details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 400; }
    @media (max-width: 767.98px) {
      .podcast .card-details .details {
        font-size: 0.875rem; } }
.podcast #showpostDetails {
  padding-top: 1.875rem; }
.podcast .single-podcast {
  margin: 0.8125rem 0; }
.podcast .wpcf7-not-valid-tip {
  color: #E20713; }
.podcast .wpcf7-response-output {
  text-align: center;
  margin: 0;
  padding: 10px;
  background: #46b450; }
.podcast .wpcf7 form.invalid .wpcf7-response-output {
  text-align: center;
  margin: 0;
  padding: 10px;
  border-color: #ab2a28;
  background: #ab2a28;
  color: #fff; }
.podcast .wpcf7 form.failed .wpcf7-response-output {
  margin: 0;
  padding: 10px;
  border-color: #ab2a28;
  background: #ab2a28;
  color: #fff; }
.podcast button.link-active.wpcf7-form-control.wpcf7-submit {
  background-color: #DEFF46;
  border: none;
  color: #333333;
  font-size: 1.25rem;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.1875rem;
  cursor: pointer;
  margin-bottom: 0.625rem; }
.podcast .formarea label {
  color: #fff;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem; }
  .podcast .formarea label span {
    color: red; }
.podcast .formarea input {
  background: #f5f8fa;
  border-radius: 0.1875rem;
  outline: 0;
  height: 2.5rem;
  color: #000;
  font-size: 1rem; }
.podcast .formarea div {
  margin-bottom: 1.25rem; }

.episode-name {
  font-weight: 100 !important; }

div#episode_9796841 .episode-name {
  font-weight: 100; }

.bannerLotieContainer.podcast .discoverBannerAnimRightSide {
  height: 31.25rem;
  width: 31.25rem;
  right: -19%; }

nav.pagination-bottom-space.podcast {
  margin-bottom: 1.25rem; }

.accordion-container .set {
  margin-bottom: 1.25rem; }
.accordion-container .content {
  background-color: #e7deff;
  padding: 1.5625rem;
  border-bottom: 1px solid #ddd;
  display: none;
  font-size: 1.125rem; }
  .accordion-container .content ul {
    padding: 1.25rem 0; }
    .accordion-container .content ul li {
      font-size: 1.125rem; }
  .accordion-container .content p {
    font-size: 1.125rem !important; }
.accordion-container button {
  padding: 1.5625rem;
  padding-right: 4.375rem;
  border: none;
  font-weight: 200;
  width: 100%;
  border-radius: 0.625rem;
  text-align: left;
  position: relative;
  font-size: 1.25rem;
  background: transparent;
  border: 1px solid #cfcfcf;
  font-family: "Barlow", sans-serif;
  cursor: pointer; }
  .accordion-container button .blue-img {
    display: none; }
  .accordion-container button.active {
    background: #4404BF;
    color: #fff;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem; }
    .accordion-container button.active img {
      transform: rotate(180deg);
      background: #fff; }
    .accordion-container button.active .blue-img {
      display: block; }
    .accordion-container button.active .white-img {
      display: none; }
  .accordion-container button img {
    position: absolute;
    right: 2%;
    max-width: 1.875rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #4404bf;
    border-radius: 50%;
    padding: 0.3125rem; }

.news-subscribe-section.podcast .wpcf7 form.sent .wpcf7-response-output {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
  border: none;
  text-align: left;
  padding: 0; }

@media (max-width: 992.5px) {
  .podcast .bannerLotieContainer {
    display: none; }
  .podcast.discover-banner-sec p {
    font-size: 1.875rem; }

  .discover-cat-section.podcast {
    padding: 0 1.5625rem; }

  .blog-lottie .bannerAnimSide {
    display: none; } }
@media (max-width: 767px) {
  .podcast .news-letter-inner {
    padding: 0rem 0.625rem; }
  .podcast.discover-banner-sec p {
    font-size: 1.25rem; }
  .podcast.subscribe-section h3 {
    font-size: 1.5625rem; }

  .podcast-single h4 {
    font-size: 1.5rem; } }
.podcast-single {
  color: #fff; }
  .podcast-single h4 {
    color: #000; }
  .podcast-single.content-area {
    padding: 3.125rem 0;
    margin-top: 0; }
  .podcast-single .head-wrapper {
    padding: 6.25rem 0; }
    .podcast-single .head-wrapper h4 {
      color: #DEFF46; }
  .podcast-single h1 {
    font-weight: 300; }
  .podcast-single .pocast-info {
    color: #000;
    padding-right: 1.5625rem; }
    .podcast-single .pocast-info p {
      font-weight: 300;
      font-size: 1.5rem; }
    .podcast-single .pocast-info .conversation {
      margin-top: 1.875rem; }
      .podcast-single .pocast-info .conversation h5 {
        color: #4404BF;
        font-size: 1.5rem;
        font-weight: 200;
        font-weight: 400; }
    .podcast-single .pocast-info .details {
      display: flex;
      width: 100%;
      justify-content: space-between; }
      .podcast-single .pocast-info .details ul li {
        list-style: none;
        margin: 0;
        font-weight: 300; }
  .podcast-single .related-podcast {
    margin-top: 1.125rem;
    padding-left: 0.9375rem; }
    .podcast-single .related-podcast h4 {
      font-family: "Barlow", sans-serif; }
    .podcast-single .related-podcast .single-related {
      margin: 0.75rem 0;
      display: block;
      color: #000; }
      .podcast-single .related-podcast .single-related .related-title {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center; }
      .podcast-single .related-podcast .single-related h5 {
        font-weight: 300;
        font-size: 1.125rem;
        font-family: "Barlow", sans-serif; }
      .podcast-single .related-podcast .single-related img {
        max-width: 100%;
        height: auto; }
      .podcast-single .related-podcast .single-related .icon-mic {
        text-align: center;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
        .podcast-single .related-podcast .single-related .icon-mic img {
          max-height: 4.375rem; }

@media (max-width: 1480px) {
  .podcast-single .related-podcast .single-related .icon-mic {
    height: auto; } }
@media (max-width: 1080px) {
  .podcast-single .related-podcast .single-related h5 {
    font-weight: 300;
    font-size: 0.8125rem; }
  .podcast-single .head-section h1 {
    font-size: 3.75rem; } }
@media (max-width: 767px) {
  .podcast-single .related-podcast .single-related .icon-mic {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }

  .podcast-single .head-section h1 {
    font-size: 1.875rem; }
  .podcast-single .pocast-info {
    margin-bottom: 3.125rem;
    padding-right: 0; }
    .podcast-single .pocast-info h4 {
      font-size: 1.5rem; }
    .podcast-single .pocast-info h3 {
      margin-top: 0rem; }
  .podcast-single .related-podcast {
    margin-top: 3.125rem;
    padding-left: 0; }
    .podcast-single .related-podcast .single-related h5 {
      font-size: 1rem; } }
.search-form {
  padding-top: 1.875rem; }
  .search-form .is-form-style.is-form-style-3 input.is-search-input {
    font-size: 1rem !important;
    height: 3.125rem;
    background: transparent;
    border-color: #ffffff !important;
    color: #fff; }
  .search-form .is-form-style {
    display: flex; }
  .search-form .is-form-style .is-search-submit path {
    fill: #ffffff; }
  .search-form .is-search-icon svg {
    width: 1.5rem; }
  .search-form .is-form-style button.is-search-submit {
    height: 3.125rem;
    width: 3.125rem;
    border: 1px solid #fff;
    cursor: pointer; }
  .search-form .is-form-style input.is-search-submit, .search-form .is-search-icon {
    background: transparent;
    border: none; }

.is-ajax-search-result .is-ajax-search-details .is-title a, .is-ajax-search-result .is-ajax-search-post .is-title a {
  color: #000;
  text-decoration: none;
  font-size: 1rem; }
.is-ajax-search-result .is-ajax-search-details a:hover, .is-ajax-search-result .is-ajax-search-result a:hover {
  text-decoration: none !important; }

.is-ajax-search-details, .is-ajax-search-details *, .is-ajax-search-result, .is-ajax-search-result * {
  color: #000;
  font-size: 1rem !important; }

@media (max-width: 1440px) {
  .is-ajax-search-result {
    max-width: 340px !important; } }
@media (max-width: 767px) {
  .is-ajax-search-result {
    max-width: 100% !important; }

  .search-form {
    padding: 0 0.4375rem; } }
.event-page .bg-black {
  background: #000;
  color: #fff; }
.event-page .banner-area {
  background: #4404bf;
  padding: 6.25rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right; }
  .event-page .banner-area.office-event {
    min-height: 43.75rem;
    display: flex;
    align-items: center; }
.event-page p {
  font-weight: 300;
  font-size: 1.5rem; }
.event-page h2 {
  font-size: 2.5rem;
  margin-bottom: 0.75rem; }
.event-page .form-control:focus {
  outline: none; }
.event-page .row.formarea span {
  font-size: 12px;
  margin: 0;
  padding: 0;
  line-height: 0; }
.event-page .wpcf7-response-output {
  position: absolute;
  bottom: -15px;
  transform: translateY(100%);
  margin: 0 !important; }
.event-page .banner-text p {
  font-size: 1.5rem;
  color: #fff; }
.event-page .banner-text h1 {
  font-weight: 300;
  font-size: 3.125rem;
  color: #defe46;
  margin-bottom: 1.875rem; }
.event-page .learning-section {
  font-weight: 300;
  padding: 5rem 0;
  text-align: center; }
.event-page .who-we-work {
  padding: 3.125rem 0;
  color: #000;
  font-weight: 300;
  text-align: center; }
.event-page .about-event {
  padding: 3.125rem 0; }
.event-page .stage-section {
  padding-top: 3.125rem;
  padding-bottom: 1.25rem; }
.event-page .about-speaker {
  padding: 3.125rem 0;
  background: #cfbdff; }
  .event-page .about-speaker img {
    width: 100%;
    border: 1px solid #000;
    height: 11.875rem;
    object-fit: cover; }
  .event-page .about-speaker .single-speaker {
    padding: 1.25rem 0; }
    .event-page .about-speaker .single-speaker h5 {
      font-size: 1.625rem;
      font-weight: 400; }
    .event-page .about-speaker .single-speaker span {
      font-size: 1.25rem;
      font-weight: 300;
      margin-bottom: 1.875rem;
      display: block; }
.event-page .key-takeways .relative {
  position: relative; }
.event-page .key-takeways .left-section {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem; }
  .event-page .key-takeways .left-section:after {
    position: absolute;
    content: '';
    border-right: 1px solid #000;
    height: 100%;
    top: 0;
    left: 33.33%; }
.event-page .key-takeways .right-section {
  font-weight: 300;
  padding-left: 4.375rem;
  font-size: 1.625rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
  .event-page .key-takeways .right-section p {
    font-weight: 500; }
  .event-page .key-takeways .right-section ul {
    padding-left: 1.5625rem; }
    .event-page .key-takeways .right-section ul li {
      margin: 0.5rem 0;
      list-style: disc; }
.event-page .slide-area {
  padding: 1.875rem 0;
  border-bottom: 1px solid #000; }
.event-page .splide__list {
  display: none; }
  .event-page .splide__list li {
    text-align: center; }
.event-page ul#splide01-list {
  align-items: center; }
.event-page .benefits-area .section-heading {
  padding-top: 3.125rem;
  text-align: center; }
.event-page .challenge-items .challenge-item:hover h3 {
  font-weight: 300 !important; }
.event-page .challenge-items.row .col-md-6 {
  padding: 0; }
.event-page .challenge-item {
  cursor: pointer; }
  .event-page .challenge-item.selected {
    background: transparent; }
    .event-page .challenge-item.selected .challenge-card {
      background: none; }
    .event-page .challenge-item.selected .text-content {
      display: block; }
    .event-page .challenge-item.selected h3 {
      display: none; }
    .event-page .challenge-item.selected button {
      display: none; }
  .event-page .challenge-item:hover .challenge-card {
    background: none; }
.event-page .challenge-card {
  min-height: 15rem;
  display: flex;
  align-items: end;
  flex-wrap: wrap; }
  .event-page .challenge-card h3 {
    padding-left: 1.25rem;
    padding-bottom: 1.875rem;
    font-size: 1.875rem;
    z-index: 9; }
  .event-page .challenge-card button {
    padding-left: 1.25rem;
    padding-bottom: 1.875rem;
    font-size: 1.875rem;
    z-index: 9;
    border: none;
    background: transparent; }
  .event-page .challenge-card span {
    padding-left: 1.25rem;
    font-size: 1.875rem;
    z-index: 9;
    border: none;
    background: transparent;
    display: block;
    width: 100%; }
    @media (max-width: 767px) {
      .event-page .challenge-card span {
        font-size: 1.375rem; } }
  .event-page .challenge-card .text-content {
    font-weight: 300;
    left: 0;
    right: 0;
    z-index: 9999;
    /* bottom: 0; */
    margin: auto;
    text-align: center;
    text-align: left;
    padding: 1.25rem;
    padding-top: 0; }
.event-page .challege-wrapper {
  padding-top: 1.875rem;
  padding-bottom: 3.125rem; }
.event-page .challenge-items .challenge-item:hover .challenge-card {
  background-position: 100% 10%; }
.event-page .organization {
  color: #fff;
  padding: 5rem 0;
  text-align: center; }
.event-page .cta-section {
  padding: 5rem 0; }
.event-page .big-preview {
  background: #cfbdff;
  text-align: center;
  padding: 3.125rem 0; }
.event-page .img-fluid {
  max-width: 100%; }
.event-page .btn-green {
  background-color: #DEFF46;
  border: none;
  color: #333333;
  font-size: 1.25rem;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.1875rem;
  cursor: pointer;
  margin-bottom: 0.625rem;
  margin-top: 1.875rem;
  font-family: 'Barlow';
  line-height: 1; }
  .event-page .btn-green.big {
    margin: 0 auto;
    width: 30%;
    font-size: 1.6rem; }
.event-page .form-control {
  height: 3.125rem;
  border: none;
  background: white;
  margin: 10px 0;
  border-radius: 0;
  padding-left: 10px;
  width: 100%; }
.event-page .slide-area ul li {
  padding: 0rem 1.25rem; }
.event-page .slide-area ul li img {
  max-width: 100%; }
.event-page button.link-active.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  background: #defe46;
  padding: 0.9375rem;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 1.25rem;
  margin-top: 15px;
  cursor: pointer;
  font-family: 'Barlow';
  line-height: 1; }
.event-page .event-form {
  color: #fff;
  text-align: center;
  position: relative; }
  .event-page .event-form .text {
    margin-bottom: 0.4375rem;
    font-weight: 300;
    padding: 0.75rem 0;
    color: #defe46;
    background: #000;
    border: none;
    display: block;
    width: 100%; }

@media (max-width: 767px) {
  .event-page h2 {
    font-size: 1.875rem; }
  .event-page .banner-text h1 {
    font-size: 2.5rem; }
  .event-page .event-form {
    padding: 3.125rem 0; }
  .event-page .about-speaker .single-speaker span {
    margin-bottom: 0.625rem; }
  .event-page .key-takeways .left-section {
    padding: 0.9375rem 0; }
    .event-page .key-takeways .left-section:after {
      display: none; }
  .event-page .key-takeways .right-section {
    padding-left: 0;
    padding-bottom: 1.25rem; }
  .event-page .btn-green.big {
    width: auto; } }
.invited-padding {
  padding: 3.125rem 0; }

.padding-bottom {
  padding-bottom: 6.25rem; }

.invited-sec .single-box .top-sec {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem; }
  .invited-sec .single-box .top-sec span {
    font-size: 1.6875rem; }
  .invited-sec .single-box .top-sec img {
    max-width: 3.125rem;
    margin-right: 0.625rem;
    max-height: 2.5rem; }
.invited-sec .border-right {
  border-right: 1px solid #000; }

.event-form .small-text {
  font-size: 1rem;
  display: inline-block;
  padding: 0 0.625rem;
  font-weight: 400 !important; }

@media (max-width: 767px) {
  .event-page .banner-text h1 {
    margin-bottom: 0.625rem; }

  .invited-sec .single-box {
    margin-bottom: 1.875rem; }

  .event-page p {
    font-size: 1.125rem; }

  .event-page .banner-text p {
    font-size: 1.125rem; }

  .invited-sec .single-box .top-sec span {
    font-size: 1.375rem; }

  .invited-sec .border-right {
    border: none; }

  .event-form .small-text {
    font-size: 0.875rem;
    padding: 0 0.3125rem; } }
.wpcf7 form .wpcf7-response-output {
  width: 100%; }

.logos-sec {
  background: #333;
  padding: 0.9375rem 0; }
  @media (max-width: 767px) {
    .logos-sec img {
      margin: 1.25rem 0; } }

.bold p {
  font-weight: 500; }

.office-event .wpcf7 form.invalid .wpcf7-response-output, .office-event .wpcf7 form.unaccepted .wpcf7-response-output {
  background: #000;
  border-color: #000; }
.office-event .wpcf7 form.sent .wpcf7-response-output {
  background: #000;
  border-color: #000;
  padding-bottom: 10px;
  padding-top: 10px; }

.banner-text .big-text {
  font-size: 1.875rem !important; }

.thankyou h1 {
  color: #B7E200;
  font-weight: 300; }
.thankyou .banner-sec {
  position: relative;
  overflow-x: hidden; }
.thankyou .banner-inner {
  padding: 9.375rem 0; }
.thankyou .bannerAnimRightSide {
  right: 0;
  height: 31.25rem;
  width: 31.25rem;
  top: 0;
  bottom: 0;
  margin: auto; }
.thankyou .bottom-sec {
  font-weight: 300;
  padding: 3.125rem 0;
  font-size: 1.625rem; }
  .thankyou .bottom-sec p {
    margin-bottom: 1.875rem; }
    .thankyou .bottom-sec p a {
      text-decoration: underline;
      color: blue; }
  .thankyou .bottom-sec a {
    color: #000;
    font-weight: 400;
    display: inline; }
    .thankyou .bottom-sec a::after {
      right: -20%; }

@media (max-width: 880px) {
  .bannerAnimRightSide {
    display: none; } }
@media (max-width: 767px) {
  .thankyou .banner-inner {
    padding: 5rem 0; }
  .thankyou h1 {
    font-size: 2.1875rem; }
  .thankyou .bottom-sec {
    font-size: 1.25rem; }
    .thankyou .bottom-sec a::after {
      top: -5px; } }
@media (max-width: 575.98px) {
  .content-area.event-page.whitepaper .banner-area {
    padding-top: 1.875rem; } }
.content-area.event-page.whitepaper h1 {
  font-size: 3.5rem; }
  @media (max-width: 575.98px) {
    .content-area.event-page.whitepaper h1 {
      font-size: 2.375rem; } }
.content-area.event-page.whitepaper .sub-heading p {
  font-size: 1.875rem;
  margin-bottom: 1.75rem; }
  @media (max-width: 575.98px) {
    .content-area.event-page.whitepaper .sub-heading p {
      font-size: 1.5rem; } }
.content-area.event-page.whitepaper .list-styled p {
  font-size: 1.5rem;
  margin-bottom: 0.9375rem; }
  @media (max-width: 575.98px) {
    .content-area.event-page.whitepaper .list-styled p {
      font-size: 1.125rem; } }
.content-area.event-page.whitepaper .list-styled ul li {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 300;
  background-image: url("https://www.magicedtech.com/wp-content/uploads/2022/09/tick-icon.png");
  background-repeat: no-repeat;
  padding-left: 2.1875rem;
  background-size: 1.375rem;
  margin-bottom: 0.625rem;
  background-position: left; }
  @media (max-width: 575.98px) {
    .content-area.event-page.whitepaper .list-styled ul li {
      font-size: 1.125rem; } }

.whitepaper-form {
  background: #fff;
  text-align: center;
  padding: 2.5rem; }
  @media (max-width: 991.98px) {
    .whitepaper-form {
      margin-top: 3.125rem; } }
  @media (max-width: 575.98px) {
    .whitepaper-form {
      padding: 1.25rem; } }
  .whitepaper-form h6 {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 1.875rem; }
  .whitepaper-form h2 {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 1.875rem; }
  .whitepaper-form .formarea .form-control {
    border: 1px solid rgba(0, 0, 0, 0.623);
    border-radius: 3px;
    margin-bottom: 0.3125rem;
    height: 3.125rem; }
  .whitepaper-form button.link-active.wpcf7-form-control.wpcf7-submit {
    color: #defe46;
    background: #000;
    border-radius: 3px;
    margin-top: 2.1875rem;
    font-weight: 400;
    padding: 0.75rem 0; }

.content-area.event-page.talent-landing .banner-text h1 {
  font-size: 3.75rem; }
  @media (max-width: 767.98px) {
    .content-area.event-page.talent-landing .banner-text h1 {
      font-size: 2.5rem; } }
.content-area.event-page.talent-landing .banner-text p {
  font-size: 1.75rem; }
  @media (max-width: 767.98px) {
    .content-area.event-page.talent-landing .banner-text p {
      font-size: 1.625rem; } }
.content-area.event-page.talent-landing .viewicon-img {
  background-size: 1.625rem;
  background-position-y: 0.625rem; }

.talent-form {
  text-align: center; }
  @media (max-width: 992px) {
    .talent-form {
      margin-top: 1.875rem; } }
  .talent-form h6 {
    color: #fff;
    font-size: 3.125rem;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: 1.5625rem; }
    @media (max-width: 767.98px) {
      .talent-form h6 {
        font-size: 2.125rem; } }
  .talent-form h2 {
    color: #fff;
    font-size: 3.125rem;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: 1.5625rem; }
    @media (max-width: 767.98px) {
      .talent-form h2 {
        font-size: 2.125rem; } }
  .talent-form.contact-page.apply .formarea {
    padding: 0;
    padding-bottom: 0.3125rem; }
  .talent-form.contact-page.apply button.link-active.wpcf7-form-control.wpcf7-submit {
    margin-top: 0;
    border-radius: 0.3125rem; }
  .talent-form.contact-page.apply .wpcf7 form.invalid .wpcf7-response-output {
    position: relative;
    border-color: #ab2a28;
    background: #ab2a28;
    color: #fff !important; }
  .talent-form.contact-page.apply span.wpcf7-not-valid-tip {
    text-align: left !important;
    width: 100% !important;
    display: block !important;
    position: absolute !important;
    bottom: -1.5625rem;
    font-weight: 300;
    padding: 0 !important;
    float: none !important; }
  .talent-form.contact-page.apply select option {
    padding: 0.9375rem 0; }
    .talent-form.contact-page.apply select option:first-child {
      display: none; }
  .talent-form.contact-page.apply p {
    padding: 0; }
  .talent-form.contact-page.apply div {
    border: none; }
  .talent-form.contact-page.apply .form-control {
    border-radius: 0.3125rem;
    margin-bottom: 1.125rem;
    margin-top: 0; }
    .talent-form.contact-page.apply .form-control::placeholder {
      color: #000; }
  .talent-form.contact-page.apply textarea {
    min-height: 5rem; }
  .talent-form.contact-page.apply .file {
    height: max-content;
    margin-bottom: 1.125rem;
    background: #fff;
    border-radius: 0.3125rem; }
    .talent-form.contact-page.apply .file .input-file {
      padding: 1.5625rem 0; }
      @media (max-width: 767.98px) {
        .talent-form.contact-page.apply .file .input-file {
          padding: 0;
          height: 3.125rem; } }
    .talent-form.contact-page.apply .file span.wpcf7-not-valid-tip {
      font-size: 0.75rem;
      bottom: -0.625rem;
      padding: 0; }
    .talent-form.contact-page.apply .file span {
      font-size: 1rem;
      text-align: left;
      border-radius: 0.3125rem;
      background: #fff; }
    .talent-form.contact-page.apply .file .input-file .btn {
      background: #c4c3c5;
      color: #000;
      padding: 0.9375rem;
      border-radius: 0.3125rem;
      font-size: 1.125rem; }
      @media (max-width: 767.98px) {
        .talent-form.contact-page.apply .file .input-file .btn {
          display: flex;
          align-items: center;
          width: 45%;
          padding-left: 0.3125rem;
          padding-right: 0.3125rem; } }
    .talent-form.contact-page.apply .file span.file-selected {
      padding-left: 0.625rem; }
      @media (max-width: 767.98px) {
        .talent-form.contact-page.apply .file span.file-selected {
          font-size: 0.75rem;
          padding-left: 0.3125rem; } }

.list-styledsec {
  background: #fff;
  padding: 5rem 0; }
  .list-styledsec ul {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767.5px) {
      .list-styledsec ul {
        border: 1px dashed #000 !important; } }
    .list-styledsec ul li {
      width: 25%;
      text-align: center;
      padding: 1.875rem 2.5rem;
      border-bottom: 1px dashed #000;
      border-right: 1px dashed #000; }
      @media (max-width: 575.98px) {
        .list-styledsec ul li {
          padding: 0.9375rem 1.25rem; } }
      .list-styledsec ul li:nth-child(4) {
        border-right: none; }
      .list-styledsec ul li:nth-child(5) {
        border-bottom: none; }
      .list-styledsec ul li:nth-child(6) {
        border-bottom: none; }
      .list-styledsec ul li:nth-child(7) {
        border-bottom: none; }
      .list-styledsec ul li:nth-child(8) {
        border-bottom: none;
        border-right: none; }
      @media (max-width: 767.5px) {
        .list-styledsec ul li {
          width: 50%;
          border: none;
          border-bottom: 1px dashed #000 !important; }
          .list-styledsec ul li:nth-child(7) {
            border-bottom: none !important; }
          .list-styledsec ul li:nth-child(8) {
            border-bottom: none !important; }
          .list-styledsec ul li:nth-of-type(odd) {
            border-right: 1px dashed #000 !important; } }
      .list-styledsec ul li p {
        font-size: 1rem; }

.magically-page .top-banner {
  background-color: #18181A;
  padding: 12.5rem 0;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat; }
  @media (max-width: 575.98px) {
    .magically-page .top-banner {
      padding: 6.25rem 0;
      background-image: none !important; }
      .magically-page .top-banner img {
        display: none; } }
  .magically-page .top-banner .h1 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 300;
    margin-bottom: 1.25rem; }
    @media (max-width: 575.98px) {
      .magically-page .top-banner .h1 {
        font-size: 1.25rem; } }
  .magically-page .top-banner h2 {
    color: #DEFF46;
    font-size: 4.375rem;
    margin-bottom: 0; }
    @media (max-width: 575.98px) {
      .magically-page .top-banner h2 {
        font-size: 2rem; } }
.magically-page.listing .top-banner h1 {
  color: #DEFF46;
  font-size: 5rem;
  margin-bottom: 0.9375rem;
  font-weight: 300; }
  @media (max-width: 575.98px) {
    .magically-page.listing .top-banner h1 {
      font-size: 2.5rem; } }
.magically-page.listing .top-banner .h2 {
  color: #fff;
  font-size: 2.5rem;
  margin-bottom: 0; }
  @media (max-width: 575.98px) {
    .magically-page.listing .top-banner .h2 {
      font-size: 1.75rem; } }
.magically-page .event-sec {
  background: #CFFCFF;
  padding: 3.125rem 0; }
  .magically-page .event-sec h2 {
    font-size: 2.5rem; }
    @media (max-width: 575.98px) {
      .magically-page .event-sec h2 {
        font-size: 1.875rem; } }
  .magically-page .event-sec .right-video {
    padding-left: 5rem; }
    @media (max-width: 991.5px) {
      .magically-page .event-sec .right-video {
        padding-left: 0;
        margin-top: 1.875rem; } }
    @media (max-width: 575.98px) {
      .magically-page .event-sec .right-video {
        padding-left: 0.625rem; } }
  .magically-page .event-sec .video-js .vjs-big-play-button {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    height: 3.75rem;
    width: 3.75rem;
    line-height: 2.2;
    border: 0.1875rem solid #fff;
    background: transparent; }
  .magically-page .event-sec .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem; }
.magically-page .magicallyvideo {
  padding-bottom: 60%;
  position: relative; }
  .magically-page .magicallyvideo .video-js {
    width: 100%;
    border-radius: 1.25rem;
    background: transparent !important;
    position: absolute;
    height: 100%;
    width: 100%; }
  .magically-page .magicallyvideo .video-js .vjs-tech {
    object-fit: cover; }
.magically-page .host-sec {
  background: #4404BF;
  padding: 1.875rem 0; }
  .magically-page .host-sec h2 {
    color: #DEFF46;
    font-size: 2.5rem;
    margin-bottom: 0; }
    @media (max-width: 767.5px) {
      .magically-page .host-sec h2 {
        font-size: 1.875rem;
        margin-bottom: 1.5625rem; } }
  .magically-page .host-sec ul {
    display: flex;
    justify-content: space-between; }
    .magically-page .host-sec ul li {
      color: #fff;
      max-width: 25%;
      text-align: center;
      font-family: "Poppins", sans-serif; }
      @media (max-width: 575.98px) {
        .magically-page .host-sec ul li {
          max-width: 30%; } }
      .magically-page .host-sec ul li p {
        line-height: 0;
        margin-top: 1.25rem;
        font-size: 0.875rem;
        margin-bottom: 0.3125rem; }
      .magically-page .host-sec ul li span {
        font-size: 0.75rem;
        font-weight: 300; }
      .magically-page .host-sec ul li img {
        max-width: 100%; }
.magically-page .listing-sec {
  background: #333333;
  color: #fff;
  padding: 3.125rem 0; }
  .magically-page .listing-sec h2 {
    font-size: 2.8125rem;
    margin-bottom: 2.5rem; }
    @media (max-width: 767.5px) {
      .magically-page .listing-sec h2 {
        font-size: 1.875rem; } }
  .magically-page .listing-sec .podcast-card {
    margin-bottom: 0 !important; }
  .magically-page .listing-sec .bottom-content a {
    display: flex;
    position: relative;
    align-items: center;
    font-weight: 300; }
    .magically-page .listing-sec .bottom-content a img {
      max-width: 1.25rem;
      position: relative;
      margin-left: 0.625rem; }
  .magically-page .listing-sec .card-details .top-content {
    padding-right: 1.5625rem; }
    @media (min-width: 992px) {
      .magically-page .listing-sec .card-details .top-content {
        padding-right: 2.8125rem; } }
    .magically-page .listing-sec .card-details .top-content p {
      font-weight: 300; }
  .magically-page .listing-sec .card-details .bottom-content a {
    display: flex;
    position: relative;
    align-items: center;
    color: #000; }
    .magically-page .listing-sec .card-details .bottom-content a img {
      max-width: 1.25rem;
      position: relative;
      margin-left: 0.625rem;
      outline: 0 !important; }
  .magically-page .listing-sec .card-details.flourescent-green a {
    color: #000; }
  .magically-page .listing-sec .card-details.electic-violte a {
    color: #fff; }
  .magically-page .listing-sec .card-details.black a {
    color: #defe46; }
.magically-page .moreinfo-sec {
  background: #333333;
  color: #fff;
  padding: 3.125rem 0; }
  .magically-page .moreinfo-sec.listing-page {
    background: #fff;
    color: #000; }
    .magically-page .moreinfo-sec.listing-page .magically-form {
      margin-top: 0; }
    .magically-page .moreinfo-sec.listing-page form {
      background: #D0BDFF;
      padding: 1.875rem;
      margin-top: 1.5625rem; }
  .magically-page .moreinfo-sec h2 {
    font-size: 2.8125rem;
    margin-bottom: 0.3125rem; }
    @media (max-width: 767.5px) {
      .magically-page .moreinfo-sec h2 {
        margin-bottom: 0.625rem;
        font-size: 1.875rem; } }
  .magically-page .moreinfo-sec .more-left {
    padding-right: 2.5rem; }
    @media (max-width: 767.5px) {
      .magically-page .moreinfo-sec .more-left {
        padding-right: 0.625rem; } }
  .magically-page .moreinfo-sec .wpcf7-response-output {
    font-size: 0.875rem !important;
    margin-left: 0 !important; }

.resources-sec {
  background: #333333;
  color: #fff;
  padding: 3.125rem 0;
  margin-top: -0.0625rem; }
  .resources-sec .image-outer a {
    outline-offset: 0.1875rem; }
  .resources-sec .image-outer a:focus img {
    outline: none !important; }
  .resources-sec h2 {
    font-size: 2.8125rem; }
    @media (max-width: 767.5px) {
      .resources-sec h2 {
        font-size: 1.875rem;
        margin-bottom: 0; } }
  .resources-sec span {
    font-size: 1.125rem;
    display: block;
    font-family: "Poppins", sans-serif;
    margin-bottom: -0.625rem; }
    @media (max-width: 767.5px) {
      .resources-sec span {
        margin-bottom: 1.25rem;
        font-size: 0.875rem; } }

.magically-form {
  margin-top: 1.5625rem; }
  @media (max-width: 767.5px) {
    .magically-form {
      margin-bottom: 1.875rem; } }
  .magically-form .wpcf7-submit {
    background-color: #DEFF46;
    border: none;
    color: #333333;
    font-size: 1.25rem;
    padding: 0.625rem 1.5625rem;
    border-radius: 0.1875rem;
    cursor: pointer;
    margin-top: -0.3125rem; }
    .magically-form .wpcf7-submit:focus {
      outline: 0.125rem solid #fff !important;
      outline-offset: 0.125rem; }
  .magically-form .wpcf7-not-valid-tip {
    margin-top: -0.75rem;
    margin-bottom: 0.625rem;
    font-size: 0.75rem; }
  .magically-form input {
    width: 100%;
    height: 2.5rem;
    padding: 0.3125rem;
    border: none;
    border-radius: 0.1875rem;
    margin-bottom: 0.9375rem;
    padding-left: 0.9375rem;
    font-family: "Poppins", sans-serif;
    font-weight: 300; }
    .magically-form input:focus {
      outline: 0.125rem solid #DEFF46;
      outline-offset: 0.125rem; }
  .magically-form textarea {
    width: 100%;
    max-height: 5rem;
    padding: 0.3125rem;
    border: none;
    border-radius: 0.1875rem;
    padding-left: 0.9375rem;
    margin-bottom: 0.9375rem;
    font-family: "Poppins", sans-serif;
    font-weight: 300; }
    .magically-form textarea:focus {
      outline: 0.125rem solid #DEFF46;
      outline-offset: 0.125rem; }

.key-takeways.casestudy-single.content-area.bg-wrap::before {
  background: #231f20;
  left: 0; }
@media (max-width: 991.5px) {
  .key-takeways.casestudy-single.content-area.bg-wrap .container {
    padding: 0; } }
.key-takeways.casestudy-single.content-area.bg-wrap .left-column {
  width: 50%;
  background: #231F20;
  padding: 1.875rem 0; }
  @media (max-width: 991.5px) {
    .key-takeways.casestudy-single.content-area.bg-wrap .left-column {
      width: 100%; } }
  .key-takeways.casestudy-single.content-area.bg-wrap .left-column .motif-bg {
    margin-right: 5rem;
    position: relative; }
    .key-takeways.casestudy-single.content-area.bg-wrap .left-column .motif-bg img {
      max-width: 100%; }
    @media (max-width: 991.5px) {
      .key-takeways.casestudy-single.content-area.bg-wrap .left-column .motif-bg {
        margin: 0;
        padding: 1.25rem; } }
  .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
    color: #fff;
    font-size: 2.8125rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content; }
    @media (max-width: 575.98px) {
      .key-takeways.casestudy-single.content-area.bg-wrap .left-column h2 {
        font-size: 1.875rem; } }
.key-takeways.casestudy-single.content-area.bg-wrap .right-column {
  width: 50%;
  background: #fff;
  padding-left: 5rem; }
  @media (max-width: 991.5px) {
    .key-takeways.casestudy-single.content-area.bg-wrap .right-column {
      padding: 1.25rem;
      width: 100%;
      padding-bottom: 2.5rem; }
      .key-takeways.casestudy-single.content-area.bg-wrap .right-column::before {
        background: #fff; } }
  .key-takeways.casestudy-single.content-area.bg-wrap .right-column span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    margin-bottom: 3.125rem; }
    @media (max-width: 991.5px) {
      .key-takeways.casestudy-single.content-area.bg-wrap .right-column span {
        margin-bottom: 1.875rem; } }
  .key-takeways.casestudy-single.content-area.bg-wrap .right-column ul li {
    font-size: 1.125rem;
    margin-bottom: 3.125rem;
    background-image: url(https://www.magicedtech.com/wp-content/uploads/2023/03/check-mark.png);
    background-repeat: no-repeat;
    padding-left: 1.875rem;
    background-size: 1.25rem;
    background-position: left 0.3125rem;
    max-width: 80%; }
    @media (max-width: 991.5px) {
      .key-takeways.casestudy-single.content-area.bg-wrap .right-column ul li {
        margin-bottom: 1.25rem;
        max-width: 100%; } }
    @media (max-width: 767.5px) {
      .key-takeways.casestudy-single.content-area.bg-wrap .right-column ul li {
        font-size: 1rem; } }
    .key-takeways.casestudy-single.content-area.bg-wrap .right-column ul li:last-child {
      margin-bottom: 0; }

.newsroom-banner {
  padding: 11.25rem 0;
  background: #333333;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat; }
  @media (max-width: 767.98px) {
    .newsroom-banner {
      background-image: none !important;
      padding: 7.5rem 0; } }
  .newsroom-banner h1 {
    color: #DDFF46;
    font-size: 5.625rem;
    font-weight: 300;
    margin-bottom: 0.9375rem; }
    @media (max-width: 991.98px) {
      .newsroom-banner h1 {
        font-size: 4.375rem; } }
    @media (max-width: 767.98px) {
      .newsroom-banner h1 {
        font-size: 3.125rem; } }
  .newsroom-banner p {
    color: #fff;
    font-size: 3.125rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .newsroom-banner p {
        font-size: 2.1875rem; } }
    @media (max-width: 767.98px) {
      .newsroom-banner p {
        font-size: 1.5625rem; } }

.news-sec {
  padding: 5rem 0;
  background: #CFFCFF; }
  .news-sec span {
    display: block;
    margin-bottom: 1.25rem;
    font-weight: 300; }
  @media (max-width: 767.98px) {
    .news-sec {
      padding: 2.5rem 0;
      padding-bottom: 6.25rem; } }

.sec-title {
  padding: 0 4.0625rem; }
  @media (max-width: 767.98px) {
    .sec-title {
      padding: 0; } }
  .sec-title h2 {
    color: #000;
    font-size: 2.375rem;
    font-weight: 300;
    margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .sec-title h2 {
        font-size: 2rem; } }
  .sec-title .line {
    height: 0.0625rem;
    background: #000;
    width: 100%; }
    @media (max-width: 767.98px) {
      .sec-title .line {
        display: none; } }

.news-slider {
  margin-top: 1.25rem; }
  .news-slider .slick-track {
    display: flex !important; }
  .news-slider .slick-list {
    margin: 0 3.125rem; }
    @media (max-width: 767.98px) {
      .news-slider .slick-list {
        margin: 0; } }
  .news-slider .slick-slider {
    margin: 0 -0.9375rem; }
  .news-slider .slick-slide {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
    display: flex !important;
    height: inherit !important;
    flex-wrap: wrap; }
    .news-slider .slick-slide .btn-arrow {
      align-self: end; }
    @media (max-width: 767.98px) {
      .news-slider .slick-slide {
        margin: 0; } }
  .news-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-3.125rem);
    cursor: pointer; }
    @media (max-width: 767.98px) {
      .news-slider .slick-arrow {
        bottom: -4.375rem;
        top: auto;
        transform: translateY(0); } }
    .news-slider .slick-arrow:focus {
      outline: 0.125rem solid #000 !important; }
    .news-slider .slick-arrow img {
      max-width: 1.25rem; }
    .news-slider .slick-arrow.slick-prev {
      left: 0; }
      @media (max-width: 767.98px) {
        .news-slider .slick-arrow.slick-prev {
          left: 30%; } }
    .news-slider .slick-arrow.slick-next {
      right: 0; }
      @media (max-width: 767.98px) {
        .news-slider .slick-arrow.slick-next {
          right: 30%; } }
  .news-slider .signle-box {
    color: #000; }
    .news-slider .signle-box:focus {
      outline: 0.125rem solid #000 !important; }
    .news-slider .signle-box .box-preview {
      border-radius: 0.25rem;
      overflow: hidden; }
      .news-slider .signle-box .box-preview img {
        width: 100%; }
      .news-slider .signle-box .box-preview .tags {
        position: absolute;
        top: 0;
        padding: 0.4375rem 0.9375rem;
        background: #000;
        color: #fff;
        font-size: 1rem;
        border-bottom-right-radius: 0.25rem;
        text-transform: uppercase;
        left: 0; }
    .news-slider .signle-box p {
      font-family: 'Poppins';
      margin: 1rem 0;
      font-size: 1.25rem; }
    .news-slider .signle-box .btn-arrow:focus {
      outline: 0.125rem solid #000 !important; }

.btn-arrow {
  color: #000 !important;
  display: flex;
  align-items: center;
  width: max-content;
  background: transparent;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  font-family: 'Barlow'; }
  .btn-arrow img {
    margin-left: 0.3125rem;
    max-width: 1.5625rem; }

.leadertalk-sec {
  padding: 5rem 0; }
  @media (max-width: 767.98px) {
    .leadertalk-sec {
      padding: 2.5rem 0;
      padding-bottom: 6.25rem; } }

.leader-slider {
  margin-top: 1.25rem; }
  .leader-slider .slick-list {
    margin: 0 3.125rem; }
    @media (max-width: 767.98px) {
      .leader-slider .slick-list {
        margin: 0; } }
  .leader-slider .slick-slider {
    margin: 0 -0.9375rem; }
  .leader-slider .slick-slide {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem; }
    @media (max-width: 767.98px) {
      .leader-slider .slick-slide {
        margin: 0; } }
  .leader-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-4.6875rem); }
    @media (max-width: 767.98px) {
      .leader-slider .slick-arrow {
        bottom: -4.375rem;
        top: auto;
        transform: translateY(0); } }
    .leader-slider .slick-arrow:focus {
      outline: 0.125rem solid #000 !important; }
    .leader-slider .slick-arrow img {
      max-width: 1.25rem; }
    .leader-slider .slick-arrow.slick-prev {
      left: 0; }
      @media (max-width: 767.98px) {
        .leader-slider .slick-arrow.slick-prev {
          left: 30%; } }
    .leader-slider .slick-arrow.slick-next {
      right: 0; }
      @media (max-width: 767.98px) {
        .leader-slider .slick-arrow.slick-next {
          right: 30%; } }
  .leader-slider .signle-box:focus {
    outline: 0.125rem solid #000 !important; }
  .leader-slider .signle-box .box-preview p {
    color: #000;
    font-weight: 300;
    font-size: 1.125rem;
    margin-bottom: 3.125rem;
    font-family: 'Barlow'; }
  .leader-slider .signle-box .box-preview .coversation {
    font-family: 'Poppins';
    font-size: 1.375rem;
    font-weight: 300; }
    @media (max-width: 767.98px) {
      .leader-slider .signle-box .box-preview .coversation {
        font-size: 1.25rem; } }
  .leader-slider .signle-box .box-preview .leader-name {
    font-family: 'Poppins';
    font-size: 2.125rem;
    font-weight: 300; }
    @media (max-width: 767.98px) {
      .leader-slider .signle-box .box-preview .leader-name {
        font-size: 1.75rem; } }
  .leader-slider .signle-box .box-preview .designation {
    color: #000; }
  .leader-slider .signle-box .box-preview img {
    width: 100%; }
  .leader-slider .signle-box p {
    font-family: 'Poppins';
    margin: 1rem 0;
    font-size: 1.25rem;
    margin-bottom: 0.625rem; }
  .leader-slider .signle-box span {
    font-weight: 300;
    margin-bottom: 0.625rem;
    display: block; }
  .leader-slider .signle-box .btn-arrow:focus {
    outline: 0.125rem solid #000 !important; }
  .leader-slider .signle-box.card-blue .box-preview {
    background: #4403BF; }
    .leader-slider .signle-box.card-blue .box-preview p {
      color: #fff; }
    .leader-slider .signle-box.card-blue .box-preview .coversation {
      color: #fff; }
    .leader-slider .signle-box.card-blue .box-preview .leader-name {
      color: #DFFF46; }
    .leader-slider .signle-box.card-blue .box-preview .designation {
      color: #fff; }
  .leader-slider .signle-box.card-pink .box-preview {
    background: #D0BDFF; }
    .leader-slider .signle-box.card-pink .box-preview .leader-name {
      color: #4403BF; }
  .leader-slider .signle-box.card-yellow .box-preview {
    background: #DFFF46; }
    .leader-slider .signle-box.card-yellow .box-preview img {
      border: 1px solid #000; }

.pressrelaise-sec {
  padding: 5rem 0;
  background: #333333; }
  @media (max-width: 767.98px) {
    .pressrelaise-sec {
      padding: 2.5rem 0; } }
  .pressrelaise-sec h2 {
    color: #fff; }

.pressrelaise-sec .press-boxes {
  margin-top: 1.5625rem; }
  @media (max-width: 767.98px) {
    .pressrelaise-sec .press-boxes {
      margin-top: 1.25rem; } }
  .pressrelaise-sec .press-boxes img {
    width: 100%; }
.pressrelaise-sec .press-box {
  display: flex; }
  .pressrelaise-sec .press-box:focus {
    outline-offset: 0.125rem !important; }
  .pressrelaise-sec .press-box .btn-arrow {
    width: 100%;
    align-self: flex-end;
    font-size: 1rem; }
  .pressrelaise-sec .press-box.yellow {
    background: #DEFE45; }
  .pressrelaise-sec .press-box.blue {
    background: #4403BF;
    color: #fff; }
    .pressrelaise-sec .press-box.blue .btn-arrow {
      color: #fff !important; }
  .pressrelaise-sec .press-box.viola {
    background: #CFFCFF; }
  .pressrelaise-sec .press-box.black {
    background: #000000;
    color: #DEFE45; }
    .pressrelaise-sec .press-box.black .btn-arrow {
      color: #DEFE45 !important; }
  .pressrelaise-sec .press-box.purple {
    background: #D0BDFF; }

.newsevent-sec {
  background: #CFFCFF;
  padding: 5rem 0; }
  @media (max-width: 767.98px) {
    .newsevent-sec {
      padding: 2.5rem 0; } }
  .newsevent-sec .news-wrap {
    margin-top: 0rem; }
    @media (max-width: 767.98px) {
      .newsevent-sec .news-wrap {
        margin-top: -1.25rem; } }
  .newsevent-sec .news-box .news-img img {
    width: 100%; }
  .newsevent-sec .news-box .news-content {
    background: #fff;
    margin-top: -0.25rem;
    padding: 1.5625rem 1.25rem; }
    .newsevent-sec .news-box .news-content p {
      color: #000;
      font-size: 1.25rem;
      font-weight: 400; }
    .newsevent-sec .news-box .news-content ul {
      display: flex;
      margin-top: 1rem;
      padding-bottom: 1.5625rem;
      border-bottom: 1px solid #6D6D6D; }
      .newsevent-sec .news-box .news-content ul li {
        display: flex;
        align-items: center;
        color: #6D6D6D;
        font-weight: 200;
        font-size: 0.75rem; }
        .newsevent-sec .news-box .news-content ul li:first-child {
          margin-right: 0.9375rem; }
        .newsevent-sec .news-box .news-content ul li img {
          max-width: 16px;
          margin-right: 0.1875rem; }
    .newsevent-sec .news-box .news-content .news-talk p {
      font-size: 1.125rem;
      font-weight: 400;
      color: #000;
      margin-top: 1.25rem;
      margin-bottom: 0rem;
      line-height: 0.8; }
      @media (max-width: 991.98px) {
        .newsevent-sec .news-box .news-content .news-talk p {
          font-size: 1rem; } }
    .newsevent-sec .news-box .news-content .news-talk span {
      font-weight: 400;
      color: #000;
      font-size: 0.75rem;
      font-family: 'Poppins'; }

.newslogos-wrap {
  overflow: hidden;
  padding: 5rem 0; }
  @media (max-width: 767.98px) {
    .newslogos-wrap {
      padding: 3.125rem 0;
      padding-bottom: 6.25rem; } }
  .newslogos-wrap .sec-title {
    margin-bottom: 1.875rem; }
    @media (max-width: 767.98px) {
      .newslogos-wrap .sec-title {
        margin-bottom: 1.25rem; } }
  .newslogos-wrap .slick-list {
    margin: 0 3.125rem; }
    @media (max-width: 767.98px) {
      .newslogos-wrap .slick-list {
        margin: 0; } }
  .newslogos-wrap .slick-slide {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem; }
    @media (max-width: 767.98px) {
      .newslogos-wrap .slick-slide {
        margin: 0; } }
  .newslogos-wrap .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    @media (max-width: 767.98px) {
      .newslogos-wrap .slick-arrow {
        transform: translateY(5.625rem); } }
    .newslogos-wrap .slick-arrow:focus {
      outline: 0.125rem solid #000 !important; }
    .newslogos-wrap .slick-arrow img {
      max-width: 1.25rem; }
    .newslogos-wrap .slick-arrow.slick-prev {
      left: 0; }
      @media (max-width: 767.98px) {
        .newslogos-wrap .slick-arrow.slick-prev {
          left: 30%; } }
    .newslogos-wrap .slick-arrow.slick-next {
      right: 0; }
      @media (max-width: 767.98px) {
        .newslogos-wrap .slick-arrow.slick-next {
          right: 30%; } }

.news-logo {
  margin: 0 -0.9375rem; }
  @media (max-width: 767.98px) {
    .news-logo {
      margin: 0;
      padding: 0 0.625rem; } }
  .news-logo .single-logo img {
    max-width: 100%;
    max-height: 4.875rem;
    margin: 0 auto; }

.news-cta {
  padding-bottom: 3.75rem; }
  .news-cta a {
    background: #000;
    display: flex;
    font-weight: 400;
    color: #fff;
    align-items: center;
    padding: 0.625rem 1.25rem;
    min-width: 14.375rem;
    justify-content: center; }
    .news-cta a img {
      width: 2.5rem;
      margin-right: 0.3125rem; }

/*# sourceMappingURL=main-style.css.map */