* {
    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; }
  
      .search_result a {
        display: flex;
        align-items: center;
        border-bottom: 0.0625rem solid #000;
    }
      div#datafetch {
        margin-top: -0.25rem;
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
        max-height: 29.375rem;
        margin-top: 0; }
        @media (max-width: 767.98px) {
          div#datafetch {
            margin-top: 0.125rem; } }
        div#datafetch::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
          background-color: #F5F5F5; }
        div#datafetch::-webkit-scrollbar {
          width: 8px;
          background-color: #F5F5F5; }
        div#datafetch::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          background-color: #555; }
      
      .search_bar input#keyword {
        height: 3.75rem;
        padding-left: 1.125rem;
        border-radius: 0.375rem;
        outline: none !important;
        font-size: 1.25rem; }
        @media (max-width: 767.98px) {
          .search_bar input#keyword {
            font-size: 1rem; } }
        .search_bar input#keyword::placeholder {
          font-weight: 300; }
          .search_result a {
            display: flex;
            align-items: center;
            border-bottom: 0.0625rem solid #000; }
            .search_result a > span {
              text-transform: capitalize;
              background: #000;
              color: #DEFF46;
              border-radius: 0.375rem;
              padding: 0.3125rem 0.625rem;
              font-size: 0.875rem;
              min-width: 8.125rem;
              text-align: center;
              margin-left: 1.125rem;
              font-family: 'Poppins'; }
              @media (max-width: 767.98px) {
                .search_result a > span {
                  font-size: 0.625rem;
                  min-width: 5.3125rem; } }
  
  
  
  .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; }
  
  
  .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; } }
  
  
  .w-100 {
    width: 100% !important; }
  
  
  
  
  .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; }
          @media (max-width: 1180px) {
            .menu-sec .menu ul > li > p {
              padding: 0.375rem 1.125rem; } }
        .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: 1100px) {
            .menu-sec .menu ul li {
              font-size: 1rem; } }
          @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, .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, .build-menu .build-menu-card-l .s-inner-items .h5 a {
            font-size: 3.75rem; }
            .build-menu .build-menu-card-l .s-inner-items h5 a:focus, .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: 1rem;
          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; }
        @media (min-width: 992px) {
          .build-menu .build-menu-card .b-inner-items1.isSeg {
            padding-left: 5rem;
            width: 70%; } }
        @media (max-width: 991.98px) {
          .build-menu .build-menu-card .b-inner-items1.isSeg {
            display: block !important; } }
        @media (min-width: 992px) {
          .build-menu .build-menu-card .b-inner-items1.isSeg .b-inner-item {
            margin-top: 1rem; } }
        .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.125rem;
            font-weight: 500;
            color: #4404bf;
            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.125rem;
              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;
    padding-top: 0; }
    .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 {
      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 {
      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: #4404bf;
                  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.firstChild {
            font-size: 2.8125rem;
            font-weight: 300;
            display: flex;
            flex-direction: column;
            border-bottom: 0.0625rem solid #000;
            padding-bottom: 0.9375rem; }
            .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild:last-child {
              border: none; }
            .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild:last-child {
              margin-bottom: 1.875rem; }
            .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild .mega-dropdown {
              padding-top: 0; }
              .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild .mega-dropdown .drop-inner .container {
                padding: 0; }
            .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild:not(:last-child) {
              margin: 0 0 1.25rem 0; }
            .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild .menu-title {
              width: 100%;
              color: #000 !important;
              position: relative;
              padding: 0 1.25rem; } }
  @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 {
      display: inline-flex;
      padding: 0.625rem 0.625rem;
      border-radius: 0.625rem 0.625rem 0 0;
      min-width: 28%;
      background: #626262;
      margin-right: 1.875rem; }
      .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
        width: 100%; }
      @media (min-width: 992px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
          max-width: 28%; } }
      @media (max-width: 991.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
          max-width: 45%; } }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
          max-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 {
        width: 100%;
        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; } }
      @media (max-width: 767.98px) {
        .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
          background: #fff;
          color: #000; } }
      .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item .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 .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; }
  @media (min-width: 1024px) {
    .mega-dropdown.deliver-megamenu.discover-megamenu.cognify2 .build-menu-card .b-inner-items1 {
      justify-content: space-between; } }
  .mega-dropdown.deliver-megamenu.discover-megamenu.cognify2 .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.cognify2 .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.cognify2 .build-menu-card .b-inner-items1 .b-inner-item {
        min-width: 23%;
        max-width: 23%;
        margin: 0; } }
    .mega-dropdown.deliver-megamenu.discover-megamenu.cognify2 .build-menu-card .b-inner-items1 .b-inner-item .b-inner-card-sec {
      width: 100%; }
  .mega-dropdown.deliver-megamenu.discover-megamenu.cognify2 .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: 45%;
      margin: 0 !important;
      margin-left: 0.9375rem !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: 0rem; }
  
    .mega-dropdown.deliver-megamenu .drop-inner {
      margin-bottom: 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; }
  
  .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu {
    width: 22%;
    margin-bottom: 0.9375rem;
    border-right: 0.0625rem solid #333; }
    .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu p {
      font-size: 1.25rem;
      color: #000 !important;
      font-weight: 300; }
    .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu ul {
      margin-top: 0.625rem;
      flex-wrap: wrap; }
      .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu ul li {
        display: block;
        width: 100%; }
        .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu ul li:last-child:focus {
          outline: 2px solid #4404bf !important; }
        .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu ul li a {
          color: #4404bf !important;
          font-size: 1.5rem;
          font-weight: 300;
          padding-left: 0;
          line-height: 1.7; }
          .menu-sec .mega-dropdown .drop-inner .build-menu-card .seg-menu ul li a:focus {
            outline: 2px solid #4404bf !important; }
  
  .seg-title {
    font-size: 1.25rem;
    color: #000 !important;
    font-weight: 300;
    width: 100%; }
    @media (max-width: 991.98px) {
      .seg-title {
        display: none; } }
  
  .navaction-btn .viewall1.mtsp {
    font-size: 1.25rem;
    white-space: nowrap; }
    .navaction-btn .viewall1.mtsp .viewicon-img-green {
      width: 2.5rem;
      height: 2.5rem;
      background-size: 2.5rem; }
  
  @media (max-width: 991.98px) and (min-width: 768px) {
    .mega-dropdown .bottom-menu ul {
      padding-left: 0 !important; }
    .mega-dropdown .bottom-menu .col-12, .mega-dropdown .bottom-menu .col-lg-8 {
      padding: 0; } }
  
  .seg-menu.mobile {
    z-index: 3;
    display: none;
    width: 100%; }
    @media (max-width: 991.98px) {
      .seg-menu.mobile .bottom-menu {
        margin-bottom: 0.9375rem; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .seg-menu.mobile .bottom-menu ul {
      padding-left: 0 !important; }
    .seg-menu.mobile .bottom-menu .col-12, .seg-menu.mobile .bottom-menu .col-lg-8 {
      padding: 0; } }
  
    @media (max-width: 575.98px) {
      .seg-menu.mobile .bottom-menu ul {
        padding-left: 0 !important; } }
    @media (min-width: 992px) {
      .seg-menu.mobile {
        display: none; } }
    .seg-menu.mobile ul {
      padding-left: 1.25rem; }
    .seg-menu.mobile li {
      margin-bottom: 0 !important;
      text-align: left !important; }
      .seg-menu.mobile li a {
        font-size: 0.875rem;
        line-height: 1.21;
        font-weight: 300;
        padding: 0.6875rem 0 0.6875rem 0 !important;
        text-align: left;
        display: block;
        width: 100%;
        height: 100%;
        border-bottom: 0;
        font-weight: 500;
        color: #4404bf !important; }
        .seg-menu.mobile li a::after {
          display: none; }
  
  @media (max-width: 991.98px) {
    .seg-menu.desktop {
      display: none; } }
  
  @media (min-width: 992px) {
    .bottom-menu {
      position: absolute;
      left: 0;
      right: 0;
      opacity: 0;
      top: 0;
      transition-delay: 1;
      transition: .4s;
      background: #333333;
      z-index: -1;
      top: 18.75rem; } }
  .badge-pink {
    color: #1A1A1A;
    font-family: 'Poppins';
    font-size: 1rem;
    font-weight: 500;
    line-height: 189.904%;
    text-transform: uppercase;
    background: #cfbdff;
    padding: 0.125rem 0;
    padding-left: 1.125rem;
    padding-right: 1.375rem;
    border-radius: 0px 0px 0.5625rem 0.5625rem;
    width: max-content; }
    @media (max-width: 575.98px) {
      .badge-pink {
        font-size: 0.75rem; } }
  
  .bottom-menu {
    background: #333333;
    padding-bottom: 2.5rem;
    transition: .3s; }
    @media (min-width: 992px) {
      .bottom-menu {
        display: none !important; } }
    @media (max-width: 991.98px) {
      .bottom-menu {
        margin-top: 0.9375rem; } }
    @media (max-width: 575.98px) {
      .bottom-menu {
        padding-bottom: 0.9375rem; } }
    .bottom-menu .col-auto {
      margin-right: 0;
      margin-left: auto; }
    .bottom-menu .viewall1.mtsp {
      margin-top: 0; }
    .bottom-menu .h4 {
      font-weight: 300 !important;
      font-size: 1.5rem;
      line-height: 133.333%;
      letter-spacing: 0;
      color: #fff;
      margin-top: 1.375rem;
      margin-bottom: 1.5rem; }
      @media (max-width: 575.98px) {
        .bottom-menu .h4 {
          font-size: 0.875rem;
          font-weight: 500 !important; } }
    .bottom-menu ul li {
      flex-direction: revert !important;
      font-weight: 300 !important;
      font-size: 0.9375rem !important;
      color: #fff;
      display: flex;
      align-items: start !important;
      margin-bottom: 0.625rem !important;
      flex-wrap: wrap;
      flex-wrap: nowrap !important; }
      .bottom-menu ul li p {
        color: #fff !important;
        padding-top: 0 !important;
        padding-left: 0 !important;
        font-family: 'Barlow'; }
      @media (max-width: 575.98px) {
        .bottom-menu ul li {
          font-size: 0.75rem; } }
      @media (min-width: 992px) {
        .bottom-menu ul li {
          margin-right: 3.125rem; }
          .bottom-menu ul li:last-child {
            margin-right: 0; } }
      .bottom-menu ul li span {
        margin-right: 0.3125rem;
        width: 1.25rem; }
      .bottom-menu ul li h5, .bottom-menu ul li .h5 {
        width: 80%;
        letter-spacing: 0;
        font-size: 1.125rem !important;
        margin-bottom: 0.3125rem;
        font-weight: 300 !important; }
        @media (max-width: 575.98px) {
          .bottom-menu ul li h5, .bottom-menu ul li .h5 {
            font-size: 1rem; }
            .bottom-menu ul li h5 a, .bottom-menu ul li .h5 a {
              font-size: 1rem; } }
    .bottom-menu .viewall1 {
      height: 100%;
      align-items: end; }
      .bottom-menu .viewall1 .blacktext {
        color: #cfbdff !important;
        font-size: 1.25rem;
        white-space: nowrap; }
        .bottom-menu .viewall1 .blacktext:hover {
          color: #cfbdff !important; }
        .bottom-menu .viewall1 .blacktext .viewicon-img-green {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E %3Ccircle cx='20' cy='20' r='20' fill='%23CFBDFF'/%3E %3Cmask id='mask0_418_6730' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='9' y='8' width='25' height='25'%3E %3Crect x='9.23047' y='8' width='24.6154' height='24.6154' fill='%23D9D9D9'/%3E %3C/mask%3E %3Cg mask='url(%23mask0_418_6730)'%3E %3Cpath d='M16.3071 29.7685C16.1191 29.5634 16.0208 29.3241 16.0122 29.0506C16.0037 28.7771 16.102 28.5378 16.3071 28.3326L24.384 20.2557L16.3071 12.1788C16.1191 11.9908 16.0208 11.7557 16.0122 11.4737C16.0037 11.1916 16.102 10.948 16.3071 10.7429C16.4951 10.5378 16.7302 10.4309 17.0122 10.4224C17.2943 10.4138 17.5379 10.5121 17.743 10.7173L26.743 19.7173C26.8285 19.8027 26.8883 19.8882 26.9225 19.9737C26.9567 20.0591 26.9738 20.1532 26.9738 20.2557C26.9738 20.3583 26.9567 20.4523 26.9225 20.5378C26.8883 20.6232 26.8285 20.7087 26.743 20.7942L17.743 29.7942C17.555 29.9822 17.3199 30.0762 17.0379 30.0762C16.7558 30.0762 16.5122 29.9737 16.3071 29.7685Z' fill='%231C1B1F'/%3E %3C/g%3E %3C/svg%3E") !important; }
        .bottom-menu .viewall1 .blacktext .viewicon-img-green {
          width: 2.5rem;
          height: 2.5rem;
          background-size: 2.5rem; }
          @media (max-width: 575.98px) {
            .bottom-menu .viewall1 .blacktext .viewicon-img-green {
              width: 1.875rem;
              height: 1.875rem;
              background-size: 1.875rem; } }
        @media (max-width: 575.98px) {
          .bottom-menu .viewall1 .blacktext {
            font-size: 0.875rem; } }
  
  @media (max-width: 991.98px) {
    .menu-title {
      display: flex;
      justify-content: space-between; } }
  .menu-title .badge-new {
    color: #1A1A1A;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 0.75rem;
    border-radius: 1.25rem;
    background: #CFBDFF;
    padding: 0.25rem 0.5rem;
    height: max-content;
    margin-top: 0.375rem; }
    @media (min-width: 992px) {
      .menu-title .badge-new {
        display: none; } }
  
  @media (max-width: 767.98px) {
    .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item {
      width: 100%;
      margin: 0 !important;
      margin-left: 0 !important; } }
  .firstChild.showMe .bottom-menu {
    display: block !important; }
  
  #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; }
  
  .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; } }
  
  
  .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: 9;
    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;
    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 {
        box-shadow: 0 1px 0 0 black;
        height: 20rem; }
        .menu-sec .menu ul li.showMe .mega-dropdown .bottom-menu,
        .menu-sec .menu ul li:hover .mega-dropdown .bottom-menu {
          opacity: 1;
          top: 20rem;
          display: block;
          -moz-animation: dropMenuSelect 0s forwards;
          -webkit-animation: dropMenuSelect 0s forwards;
          animation: dropMenuSelect 0s forwards;
          animation-delay: 0.4s; } }
    @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;
    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 {
        box-shadow: 0 1px 0 0 black;
        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-visible, p:focus-visible,
  a:focus-visible,
  button:focus-visible,
  span:focus-visible {
    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-visible,
  .buld-card-list .body-content .heading-item a:focus-visible,
  .goal-items .goal-item a:focus-visible {
    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-visible,
  .buld-card-list.card-reverse .body-content .heading-item a:focus-visible,
  .challenge-items .challenge-item a:focus-visible,
  .solve-items .solve-item a:focus-visible {
    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: 0.25rem;
    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.625rem 0.5rem !important;
        border: none !important;
        text-align: center;
        width: 90% !important;
        font-size: 1.25rem;
        margin-top: 1.25rem;
        color: #000 !important;
        background: #defe46 !important;
        font-weight: 400;
        border-radius: 0.25rem;
        font-size: 1rem; }
        .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-visible img {
    outline: 2px solid #defe46 !important; }
  
  .thankyou .bottom-sec a:focus-visible {
    outline: 2px solid #defe46 !important; }
  
  .contactpage-bottom .form-v2 input:focus-visible {
    outline: 2px solid #4404bf; }
  
  .contactpage-bottom .wrapper p:focus-visible {
    outline: 2px solid #4404bf !important; }
  
  div#select-box:focus-visible {
    outline: 2px solid #4404bf !important; }
  
  .contact-page textarea#contactmessage:focus-visible {
    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-visible {
    outline: 2px solid #fff !important; }
  
  .top-tabs li a:focus-visible {
    outline: 2px solid #4549f5 !important; }
  
  a{
    cursor: pointer !important;
  }
  .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; }
  

  
  .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; } }
  
  
  .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; } }
  
  .container-fluid {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
    @media (max-width: 767.98px) {
      .container-fluid {
        padding: 0 1rem !important; } }
  
  .magic-banner {
    position: relative; }
    .magic-banner img {
      width: 100%;
      max-height: 45.625rem;
      object-fit: cover; }
      @media (max-width: 767.98px) {
        .magic-banner img {
          min-height: 37.5rem; } }
    .magic-banner.list .banner-content {
      padding-bottom: 3.125rem;
      background: linear-gradient(0deg, #000000 4.7%, rgba(0, 0, 0, 0) 50.59%); }
      @media (max-width: 767.98px) {
        .magic-banner.list .banner-content {
          padding-bottom: 1.5625rem; } }
    .magic-banner .banner-content {
      background: linear-gradient(0deg, #18181A 4.7%, rgba(0, 0, 0, 0) 50.59%);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: auto;
      color: #F4F4F4;
      top: 0;
      display: flex;
      align-items: end;
      padding-bottom: 0.9375rem; }
      .magic-banner .banner-content span {
        color: #F4F4F4;
        display: block;
        font-size: 2.125rem;
        margin-bottom: 0.875rem; }
        @media (max-width: 767.98px) {
          .magic-banner .banner-content span {
            margin-bottom: 0.625rem;
            font-size: 1.75rem; } }
      .magic-banner .banner-content .title-lg {
        margin-bottom: 1.75rem; }
        @media (max-width: 767.98px) {
          .magic-banner .banner-content .title-lg {
            margin-bottom: 0.9375rem; } }
      .magic-banner .banner-content .title-xl {
        margin-bottom: 1.75rem; }
        @media (max-width: 767.98px) {
          .magic-banner .banner-content .title-xl {
            margin-bottom: 0.9375rem; } }
      .magic-banner .banner-content p {
        font-size: 1.5rem;
        font-weight: 300; }
        @media (max-width: 767.98px) {
          .magic-banner .banner-content p {
            font-size: 1rem; } }
  
  .title-xl {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1.1; }
    @media (max-width: 991.98px) {
      .title-xl {
        font-size: 4.375rem; } }
    @media (max-width: 767.98px) {
      .title-xl {
        font-size: 2.375rem; } }
  
  .title-sm {
    font-size: 3rem;
    color: #F4F4F4;
    margin-bottom: 0;
    line-height: 1.2; }
    @media (max-width: 991.98px) {
      .title-sm {
        font-size: 2.5rem; } }
    @media (max-width: 767.98px) {
      .title-sm {
        font-size: 1.625rem; } }
  
  .fs-24 {
    color: #A5A5A5;
    font-weight: 300;
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif; }
    @media (max-width: 767.98px) {
      .fs-24 {
        font-size: 1rem; } }
  
  .magic-goal {
    background: #18181A;
    padding-top: 6.875rem; }
  
  .border-wrap {
    border: 0.0625rem solid #FFFFFF;
    border-radius: 0.5rem;
    border-bottom: 0;
    border-right: 0;
    border-top: 0; }
    .border-wrap .col-lg-3 {
      border-bottom: 0.0625rem solid #FFFFFF; }
    .border-wrap .row .col-lg-3:nth-child(4) {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      overflow: hidden; }
    .border-wrap .row .col-lg-3:last-child {
      border-right: 0.0625rem solid #FFFFFF;
      border-bottom-right-radius: 0.5rem; }
    @media (max-width: 991.98px) {
      .border-wrap .row .col-lg-3:nth-child(2) {
        border-top-right-radius: 0.5rem;
        border-right: 0.0625rem solid #FFFFFF;
        overflow: hidden; } }
    @media (max-width: 767.98px) {
      .border-wrap .row .col-lg-3:nth-child(2) {
        border-top-right-radius: 0; } }
    @media (max-width: 991.98px) {
      .border-wrap {
        border-top: 0;
        overflow: hidden; } }
    .border-wrap .row {
      border-radius: 0.5rem;
      overflow: hidden; }
      .border-wrap .row .col-lg-3 {
        padding: 0 !important; }
        @media (max-width: 991.98px) {
          .border-wrap .row .col-lg-3 {
            border-right: 0.0625rem solid #FFFFFF; } }
        @media (max-width: 767.98px) {
          .border-wrap .row .col-lg-3:first-child {
            border-top-right-radius: 0.5rem;
            overflow: hidden; } }
        .border-wrap .row .col-lg-3:last-child .g-box {
          border: none;
          border-top-right-radius: 0.5rem;
          border-bottom-right-radius: 0.5rem;
          border-top: 0.0625rem solid #FFFFFF; }
          @media (max-width: 991.98px) {
            .border-wrap .row .col-lg-3:last-child .g-box {
              border-top-right-radius: 0; } }
        .border-wrap .row .col-lg-3:first-child
        .g-box {
          border-top-left-radius: 0.5rem;
          border-bottom-left-radius: 0.5rem; }
          @media (max-width: 991.98px) {
            .border-wrap .row .col-lg-3:first-child
            .g-box {
              border-top-left-radius: 0; } }
    @media (min-width: 992px) {
      .border-wrap .row .col-lg-3:nth-child(4) .g-box {
        border-top-right-radius: 0.625rem; } }
    @media (max-width: 991.98px) {
      .border-wrap .row .col-lg-3 .g-box {
        border-top: 0.0625rem solid #FFFFFF !important; }
      .border-wrap .row .col-lg-3:nth-child(2) .g-box {
        border-right: 0; } }
  
  .g-box {
    min-height: 20.625rem;
    display: flex;
    transition: .3s;
    flex-wrap: wrap;
    border-right: 0.0625rem solid #FFFFFF;
    padding: 1.5rem 1.0625rem;
    outline-offset: 0 !important;
    border-top: 0.0625rem solid #FFFFFF; }
    @media (max-width: 575.98px) {
      .g-box {
        border-right: 0; } }
    .g-box:focus {
      outline-offset: 0 !important; }
    .g-box:hover {
      background: #4404BF; }
      .g-box:hover p {
        color: #F4F4F4; }
    .g-box .top-content h4 {
      font-size: 1.625rem;
      color: #F4F4F4;
      margin-top: 1.25rem;
      letter-spacing: 0; }
    .g-box .bottom-content {
      align-self: flex-end;
      justify-content: space-between;
      color: #A5A5A5;
      display: flex;
      font-weight: 300;
      font-family: "Barlow", sans-serif;
      align-items: end;
      width: 100%; }
      .g-box .bottom-content p {
        width: 78%; }
  
  #accordionGoal {
    margin-top: 3.125rem; }
    #accordionGoal .accordion-body {
      padding: 0;
      padding-bottom: 1.25rem; }
    #accordionGoal .accordion-button::after {
      position: absolute;
      right: 0;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M-9.53014e-08 2.18024C-7.14473e-08 1.63452 0.208275 1.08881 0.626583 0.66234C1.47023 -0.1967 2.86401 -0.215849 3.73314 0.619694L15.8052 12.5758C17.2542 14.0377 18.1338 14.7644 18.1338 14.7644C18.1338 14.7644 19.0696 13.8397 20.1992 12.5758L32.2669 0.623173C33.1307 -0.207144 34.4762 -0.207144 35.3348 0.619696C35.7557 1.02441 35.9921 1.56751 36 2.14891L36 2.18024C36 2.75032 35.7794 3.28733 35.3778 3.6964L19.5568 19.3663C18.9873 19.9294 18.1542 20.1374 17.3844 19.9085C17.0373 19.8145 16.7095 19.6257 16.4476 19.3663L0.626583 3.6964C0.208275 3.2708 -1.19117e-07 2.72508 -9.53014e-08 2.18024Z' fill='white'/%3E %3C/svg%3E ");
      width: 1.625rem;
      height: 2.25rem;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 0;
      background-size: contain; }
    #accordionGoal .accordion-button:not(.collapsed)::after {
      transform: rotate(0);
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M36 17.8198C36 18.3655 35.7917 18.9112 35.3734 19.3377C34.5298 20.1967 33.136 20.2158 32.2669 19.3803L20.1948 7.42422C18.7458 5.96225 17.8662 5.2356 17.8662 5.2356C17.8662 5.2356 16.9304 6.16029 15.8008 7.42422L3.73314 19.3768C2.86928 20.2071 1.52384 20.2071 0.665247 19.3803C0.244304 18.9756 0.00791061 18.4325 2.56255e-08 17.8511L2.59991e-08 17.8198C3.27972e-08 17.2497 0.220579 16.7127 0.622189 16.3036L16.4432 0.633711C17.0127 0.0705816 17.8458 -0.137436 18.6156 0.0914709C18.9627 0.185469 19.2905 0.37434 19.5524 0.633711L35.3734 16.3036C35.7917 16.7292 36 17.2749 36 17.8198Z' fill='%23DEFE46'/%3E %3C/svg%3E "); }
    #accordionGoal .accordion-item {
      background: transparent;
      padding: 0 3.5rem;
      border-top: 0.0625rem solid #F4F4F4;
      transition: .3s; }
      #accordionGoal .accordion-item:hover button {
        color: #DEFE46; }
        #accordionGoal .accordion-item:hover button span {
          color: #A5A5A5; }
      #accordionGoal .accordion-item:hover .accordion-button::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M-9.53014e-08 2.18024C-7.14473e-08 1.63452 0.208275 1.08881 0.626583 0.66234C1.47023 -0.1967 2.86401 -0.215849 3.73314 0.619694L15.8052 12.5758C17.2542 14.0377 18.1338 14.7644 18.1338 14.7644C18.1338 14.7644 19.0696 13.8397 20.1992 12.5758L32.2669 0.623173C33.1307 -0.207144 34.4762 -0.207144 35.3348 0.619696C35.7557 1.02441 35.9921 1.56751 36 2.14891L36 2.18024C36 2.75032 35.7794 3.28733 35.3778 3.6964L19.5568 19.3663C18.9873 19.9294 18.1542 20.1374 17.3844 19.9085C17.0373 19.8145 16.7095 19.6257 16.4476 19.3663L0.626583 3.6964C0.208275 3.2708 -1.19117e-07 2.72508 -9.53014e-08 2.18024Z' fill='%23DEFE46'/%3E %3C/svg%3E "); }
      #accordionGoal .accordion-item:hover .accordion-button:not(.collapsed)::after {
        transform: rotate(0);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M36 17.8198C36 18.3655 35.7917 18.9112 35.3734 19.3377C34.5298 20.1967 33.136 20.2158 32.2669 19.3803L20.1948 7.42422C18.7458 5.96225 17.8662 5.2356 17.8662 5.2356C17.8662 5.2356 16.9304 6.16029 15.8008 7.42422L3.73314 19.3768C2.86928 20.2071 1.52384 20.2071 0.665247 19.3803C0.244304 18.9756 0.00791061 18.4325 2.56255e-08 17.8511L2.59991e-08 17.8198C3.27972e-08 17.2497 0.220579 16.7127 0.622189 16.3036L16.4432 0.633711C17.0127 0.0705816 17.8458 -0.137436 18.6156 0.0914709C18.9627 0.185469 19.2905 0.37434 19.5524 0.633711L35.3734 16.3036C35.7917 16.7292 36 17.2749 36 17.8198Z' fill='%23DEFE46'/%3E %3C/svg%3E "); }
      @media (max-width: 767.98px) {
        #accordionGoal .accordion-item {
          padding: 0 1rem; } }
    #accordionGoal .accordion-button {
      background: transparent;
      outline: none !important;
      box-shadow: none !important;
      flex-wrap: wrap;
      padding: 2.5rem 0;
      font-size: 2.25rem;
      color: #F4F4F4;
      font-weight: 300;
      border-radius: 0; }
      @media (max-width: 991.98px) {
        #accordionGoal .accordion-button {
          font-size: 2rem; } }
      @media (max-width: 767.98px) {
        #accordionGoal .accordion-button {
          font-size: 1.5rem;
          padding: 1.625rem 0; } }
      #accordionGoal .accordion-button span {
        display: block;
        width: 100%;
        font-size: 1.5rem;
        color: #A5A5A5;
        margin-top: 1.375rem;
        font-family: "Barlow", sans-serif; }
        @media (max-width: 991.98px) {
          #accordionGoal .accordion-button span {
            font-size: 1.25rem; } }
        @media (max-width: 767.98px) {
          #accordionGoal .accordion-button span {
            font-size: 1rem; } }
  
  .magic-solutions {
    background: #1A1A1A;
    padding: 6.25rem 0; }
    @media (max-width: 767.98px) {
      .magic-solutions {
        padding: 3.75rem 0; } }
    .magic-solutions .title-sm {
      margin-bottom: 0.625rem; }
    .magic-solutions .section-ch-help {
      background: transparent;
      padding: 0; }
      .magic-solutions .section-ch-help .challenge-items {
        margin-top: 3.125rem;
        border-color: #fff;
        padding-left: 0; }
        .magic-solutions .section-ch-help .challenge-items a {
          height: 100%; }
          @media (max-width: 767.98px) {
            .magic-solutions .section-ch-help .challenge-items a:hover {
              background: #4404BF !important; } }
        .magic-solutions .section-ch-help .challenge-items .challenge-item {
          background: transparent;
          border-color: #fff; }
          .magic-solutions .section-ch-help .challenge-items .challenge-item:hover {
            background: #4404BF; }
            .magic-solutions .section-ch-help .challenge-items .challenge-item:hover .smtext {
              color: #fff; }
            @media (max-width: 767.98px) {
              .magic-solutions .section-ch-help .challenge-items .challenge-item:hover {
                background: #4404BF; } }
          .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card {
            background-position: bottom right;
            flex-direction: initial;
            height: max-content;
            justify-content: start;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='36' viewBox='0 0 20 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.18024 36C1.63452 36 1.08881 35.7917 0.662341 35.3734C-0.196699 34.5298 -0.215848 33.136 0.619696 32.2669L12.5758 20.1948C14.0377 18.7458 14.7644 17.8662 14.7644 17.8662C14.7644 17.8662 13.8397 16.9304 12.5758 15.8008L0.623173 3.73314C-0.207144 2.86928 -0.207144 1.52384 0.619696 0.665247C1.02441 0.244304 1.56751 0.00791059 2.14891 0H2.18024C2.75032 0 3.28733 0.220579 3.6964 0.622189L19.3663 16.4432C19.9294 17.0127 20.1374 17.8458 19.9085 18.6156C19.8145 18.9627 19.6257 19.2905 19.3663 19.5524L3.6964 35.3734C3.2708 35.7917 2.72508 36 2.18024 36Z' fill='white'/%3E %3C/svg%3E "); }
            @media (max-width: 767.98px) {
              .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card {
                background-position: 100% 50%;
                height: 100%;
                align-items: center; } }
            .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card .s-icon {
              margin-right: 0.75rem;
              margin-top: 0.3125rem; }
            .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 {
              display: flex;
              align-items: center; }
              .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 svg {
                margin-right: 1.25rem; }
                @media (max-width: 767.98px) {
                  .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 svg {
                    max-width: 1.5rem; } }
              .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 .small {
                color: #FFFFFF;
                font-size: 2.25rem;
                font-weight: 500;
                text-transform: uppercase; }
                @media (max-width: 991.98px) {
                  .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 .small {
                    font-size: 2rem; } }
                @media (max-width: 767.98px) {
                  .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card h3 .small {
                    font-size: 1.375rem; } }
            .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card .smtext {
              color: #A5A5A5;
              font-size: 1.5rem; }
              @media (max-width: 991.98px) {
                .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card .smtext {
                  font-size: 1.375rem; } }
              @media (max-width: 767.98px) {
                .magic-solutions .section-ch-help .challenge-items .challenge-item .challenge-card .smtext {
                  font-size: 1rem; } }
  
  .drive-sec {
    background: #FFFFFF;
    padding: 6.25rem 0; }
    @media (max-width: 767.98px) {
      .drive-sec {
        padding: 3.75rem 0;
        padding-bottom: 6.25rem; } }
    .drive-sec .controls-wrap {
      display: flex;
      justify-content: end;
      color: #18181A;
      font-size: 1rem;
      align-items: center;
      margin-top: -1.875rem; }
      @media (max-width: 767.98px) {
        .drive-sec .controls-wrap {
          position: absolute;
          bottom: 2.5rem;
          right: 1.25rem; } }
      .drive-sec .controls-wrap .pagingInfo {
        margin: 0 0.625rem; }
      .drive-sec .controls-wrap button {
        border: 0.0625rem solid #000000;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: transparent; }
    .drive-sec .title-sm {
      color: #18181A;
      margin-bottom: 0.625rem; }
    .drive-sec P {
      color: #18181A !important; }
  
  .btn-more {
    color: #F4F4F4 !important;
    font-size: 1.25rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 0.625rem 0;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    transition: .3s; }
    .btn-more.sm {
      font-size: 1rem; }
      @media (max-width: 767.98px) {
        .btn-more.sm {
          font-size: 0.8125rem; } }
    .btn-more.dark {
      color: #18181A !important; }
    @media (max-width: 767.98px) {
      .btn-more {
        font-size: 0.875rem; } }
    .btn-more svg {
      margin-left: 0.625rem;
      transition: .3s;
      max-width: 1.625rem; }
    .btn-more:hover svg {
      transform: translateX(0.25rem); }
  
  .drive-slide {
    margin-top: 2.1875rem;
    position: relative;
    margin-left: -1.5625rem;
    margin-right: -1.5625rem; }
    .drive-slide::before {
      position: absolute;
      left: 0;
      content: '';
      background: #fff;
      width: 200%;
      right: 100%;
      left: auto;
      top: 0;
      bottom: 0;
      z-index: 2; }
    @media (max-width: 767.98px) {
      .drive-slide .top-wrap {
        width: 92%;
        margin: 0 auto; } }
    .drive-slide .slick-list {
      overflow: visible !important;
      margin-left: 1.5625rem; }
    .drive-slide .btn-more {
      margin-top: auto;
      margin-bottom: 1.25rem;
      width: max-content; }
      @media (max-width: 767.98px) {
        .drive-slide .btn-more {
          margin-left: 1rem;
          margin-top: 1.25rem; } }
    .drive-slide .single-drive {
      margin-right: 1.5625rem;
      background: #333333; }
      .drive-slide .single-drive img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .drive-slide .single-drive .tag {
        background: #DEFE46;
        display: inline-block;
        border-radius: 0 0 0.5rem 0.5rem;
        padding: 0.5rem 1.125rem;
        color: #18181A;
        font-family: "Poppins", sans-serif;
        text-transform: uppercase;
        font-size: 1rem; }
        @media (max-width: 767.98px) {
          .drive-slide .single-drive .tag {
            font-size: 0.625rem; } }
      .drive-slide .single-drive h3 {
        margin-top: 0.9375rem;
        font-size: 2.25rem;
        color: #FFFFFF;
        margin-bottom: 2.5rem;
        width: 100%; }
        @media (max-width: 767.98px) {
          .drive-slide .single-drive h3 {
            font-size: 1.375rem; } }
      .drive-slide .single-drive ul {
        width: 100%;
        padding-left: 0;
        display: flex; }
        .drive-slide .single-drive ul li {
          max-width: 11.875rem;
          margin-right: 1.25rem;
          display: flex;
          line-height: 1;
          font-size: 1rem;
          color: #F4F4F4;
          font-family: "Barlow", sans-serif;
          font-weight: 300; }
          @media (max-width: 767.98px) {
            .drive-slide .single-drive ul li {
              flex-wrap: wrap; } }
          .drive-slide .single-drive ul li span {
            margin-right: 0.375rem;
            color: #DEFE46;
            font-size: 2.875rem;
            font-family: "Poppins", sans-serif; }
            @media (max-width: 767.98px) {
              .drive-slide .single-drive ul li span {
                font-size: 2rem;
                margin-bottom: 0.625rem; } }
  
  .experience-section {
    background: #1A1A1A;
    padding-bottom: 2.5rem; }
    @media (max-width: 767.98px) {
      .experience-section {
        background: #000000; } }
    .experience-section .top-space {
      padding-top: 2.5rem; }
    .experience-section .btn-more {
      margin-top: 2.1875rem;
      float: right; }
      @media (max-width: 767.98px) {
        .experience-section .btn-more {
          float: left; } }
    .experience-section ul {
      padding-left: 0;
      font-family: "Poppins", sans-serif;
      display: flex; }
      @media (max-width: 991.98px) {
        .experience-section ul {
          margin-top: 0.9375rem; } }
      .experience-section ul li {
        color: #F4F4F4;
        font-weight: 300;
        font-size: 1.5rem;
        display: flex;
        flex-wrap: wrap; }
        @media (max-width: 767.98px) {
          .experience-section ul li {
            font-size: 1rem; } }
        .experience-section ul li:not(:last-child) {
          margin-right: 4.375rem; }
        .experience-section ul li span {
          font-size: 3.75rem;
          display: block;
          width: 100%; }
          @media (max-width: 767.98px) {
            .experience-section ul li span {
              color: #DEFE46;
              font-size: 3rem; } }
  
  .partner-section {
    padding-top: 7.5rem;
    background: #fff; }
    @media (max-width: 767.98px) {
      .partner-section {
        padding: 3.75rem 1rem; } }
    .partner-section .controls-wrap {
      display: flex;
      justify-content: end;
      color: #18181A;
      font-size: 1rem;
      align-items: center;
      position: absolute;
      right: 1.875rem;
      top: 3rem;
      background: #CFBDFF;
      z-index: 2; }
      @media (max-width: 767.98px) {
        .partner-section .controls-wrap {
          top: 100%;
          left: 0;
          height: 3.75rem;
          right: 0;
          padding-right: 1.25rem;
          border-top: 0.0625rem solid #000; } }
      .partner-section .controls-wrap .pagingInfo2 {
        margin: 0 0.625rem; }
      .partner-section .controls-wrap button {
        border: 0.0625rem solid #000000;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: transparent; }
    .partner-section .partner-left {
      background: #1A1A1A;
      padding: 2.1875rem;
      height: 100%; }
      @media (max-width: 767.98px) {
        .partner-section .partner-left {
          padding: 1.5625rem; } }
      .partner-section .partner-left span {
        color: #fff;
        font-size: 3.75rem;
        display: block;
        margin-top: 7.5rem;
        margin-bottom: 0.4375rem;
        font-weight: 300;
        font-family: "Poppins", sans-serif; }
        @media (max-width: 767.98px) {
          .partner-section .partner-left span {
            font-size: 3rem;
            margin-top: 4.375rem; } }
      .partner-section .partner-left p {
        font-family: "Poppins", sans-serif; }
    .partner-section .slider-partner {
      background: #CFBDFF;
      padding: 1.5rem;
      height: 100%; }
      .partner-section .slider-partner ul {
        padding-left: 0;
        display: flex;
        align-items: center;
        margin-bottom: 1.25rem; }
        .partner-section .slider-partner ul li {
          display: inline-block; }
          .partner-section .slider-partner ul li:first-child {
            border-right: 0.125rem solid #000;
            padding-right: 1.25rem; }
          .partner-section .slider-partner ul li:last-child {
            padding-left: 1.25rem; }
          .partner-section .slider-partner ul li .author {
            max-width: 6rem;
            border-radius: 50%; }
          .partner-section .slider-partner ul li .c-logo {
            max-width: 7.5rem; }
      .partner-section .slider-partner p {
        margin-bottom: 1.25rem;
        color: #000000; }
      .partner-section .slider-partner span {
        font-family: "Barlow", sans-serif;
        color: #000000;
        font-size: 1.25rem;
        display: block;
        width: 100%;
        text-align: right; }
        @media (max-width: 767.98px) {
          .partner-section .slider-partner span {
            font-size: 0.75rem; } }
  
  .accredian-sec {
    padding: 2.25rem 0;
    padding-top: 3.75rem;
    background: #fff;
    margin-top: -1px; }
    .accredian-sec .title-sm {
      color: #000000;
      margin-bottom: 1.875rem; }
    .accredian-sec span {
      display: block;
      color: #000000;
      font-family: "Barlow", sans-serif;
      font-size: 1.5rem;
      margin-bottom: 1.25rem; }
      @media (max-width: 767.98px) {
        .accredian-sec span {
          font-size: 1rem; } }
    .accredian-sec .slider-accredian img {
      margin: 0 auto; }
      @media (max-width: 767.98px) {
        .accredian-sec .slider-accredian img {
          max-width: 80%; } }
  
  .lastest-sec {
    background: #fff;
    padding-top: 6.25rem;
    padding-bottom: 3.75rem;
    overflow: hidden; }
    .lastest-sec .btn-more {
      margin-top: 2.5rem; }
      @media (max-width: 767.98px) {
        .lastest-sec .btn-more {
          margin-top: 1.25rem; } }
    @media (max-width: 767.98px) {
      .lastest-sec {
        padding-top: 3.75rem; } }
    .lastest-sec .slick-slider {
      margin: 0 -0.9375rem; }
    .lastest-sec .slick-slide {
      margin-right: 0.9375rem;
      margin-left: 0.9375rem; }
    .lastest-sec .title-sm {
      color: #18181A;
      margin-bottom: 3.125rem; }
      @media (max-width: 767.98px) {
        .lastest-sec .title-sm {
          margin-bottom: 1.25rem; } }
    .lastest-sec .controls-wrap {
      display: flex;
      justify-content: end;
      color: #18181A;
      font-size: 1rem;
      align-items: center;
      margin-top: -5.625rem; }
      @media (max-width: 767.98px) {
        .lastest-sec .controls-wrap {
          margin-top: 1.25rem; } }
      .lastest-sec .controls-wrap .pagingInfo3 {
        margin: 0 0.625rem; }
      .lastest-sec .controls-wrap button {
        border: 0.0625rem solid #000000;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: transparent; }
    .lastest-sec .latest-slider::before {
      position: absolute;
      left: 0;
      content: '';
      background: #fff;
      width: 200%;
      right: 100%;
      left: auto;
      top: 0;
      bottom: 0;
      z-index: 2; }
    .lastest-sec .latest-slider .slick-list.draggable {
      overflow: visible !important; }
    .lastest-sec .latest-slider .single-postbox {
      display: block;
      padding: 1rem;
      padding-top: 0;
      background-color: #1A1A1A;
      font-family: "Poppins", sans-serif;
      color: #F4F4F4;
      background: #1A1A1A;
      transition: .3s;
      height: 23.4375rem;
      font-weight: 300;
      position: relative; }
      @media (max-width: 767.98px) {
        .lastest-sec .latest-slider .single-postbox {
          height: 19.375rem; }
          .lastest-sec .latest-slider .single-postbox .btn-more {
            bottom: 0 !important; } }
      .lastest-sec .latest-slider .single-postbox .btn-more {
        position: absolute;
        bottom: 1rem;
        left: 1rem; }
      .lastest-sec .latest-slider .single-postbox:hover {
        background-image: url("https://www.magicedtech.com/wp-content/uploads/2023/12/Mask-group.png");
        background-repeat: no-repeat;
        background-color: #4404BF;
        background-size: cover; }
        .lastest-sec .latest-slider .single-postbox:hover .tag {
          background: #000;
          color: #fff; }
      .lastest-sec .latest-slider .single-postbox p {
        font-size: 1.5rem;
        margin-top: 1.625rem;
        width: 75%; }
        @media (max-width: 767.98px) {
          .lastest-sec .latest-slider .single-postbox p {
            font-size: 1rem;
            width: 85%; } }
      .lastest-sec .latest-slider .single-postbox .tag {
        color: #18181A;
        background: #F4F4F4;
        border-radius: 0 0 0.5rem 0.5rem;
        padding: 0.5rem 1rem;
        text-transform: uppercase;
        font-family: "Poppins", sans-serif;
        display: inline-block; }
        @media (max-width: 767.98px) {
          .lastest-sec .latest-slider .single-postbox .tag {
            font-size: 0.625rem; } }
  
  .latest-magic {
    background: #FFFFFF;
    padding: 6.25rem 0;
    overflow: hidden; }
    @media (max-width: 767.98px) {
      .latest-magic {
        padding: 2.5rem 0;
        padding-bottom: 1.25rem; } }
    .latest-magic .slick-slider {
      margin: 0 -0.9375rem; }
      @media (max-width: 767.98px) {
        .latest-magic .slick-slider {
          margin: 0 -0.5rem; } }
    .latest-magic .slick-slide {
      margin-right: 0.9375rem;
      margin-left: 0.9375rem; }
      @media (max-width: 767.98px) {
        .latest-magic .slick-slide {
          margin-right: 0.5rem;
          margin-left: 0.5rem; } }
    .latest-magic .single-magic {
      border: 0.0625rem solid #000;
      transition: .3s;
      display: block; }
      .latest-magic .single-magic img {
        width: 100%; }
      .latest-magic .single-magic p {
        font-family: "Poppins", sans-serif;
        font-size: 1.5rem;
        color: #161616;
        font-weight: 300; }
        @media (max-width: 767.98px) {
          .latest-magic .single-magic p {
            font-size: 1.125rem; } }
      .latest-magic .single-magic .bottom-content {
        padding: 1.125rem 1rem; }
      .latest-magic .single-magic .btn-more {
        color: #18181A !important;
        margin-top: 2.5rem; }
        @media (max-width: 767.98px) {
          .latest-magic .single-magic .btn-more {
            margin-top: 1.25rem; } }
        .latest-magic .single-magic .btn-more svg path {
          fill: #18181A; }
      .latest-magic .single-magic:hover .bottom-content {
        background: #4404BF; }
        .latest-magic .single-magic:hover .bottom-content p, .latest-magic .single-magic:hover .bottom-content .btn-more {
          color: #F4F4F4 !important; }
        .latest-magic .single-magic:hover .bottom-content .btn-more svg path {
          fill: #F4F4F4; }
    .latest-magic .controls-wrap {
      display: flex;
      justify-content: end;
      color: #18181A;
      font-size: 1rem;
      align-items: center;
      margin-top: -5.625rem; }
      @media (max-width: 767.98px) {
        .latest-magic .controls-wrap {
          margin-top: 1.25rem; } }
      .latest-magic .controls-wrap .pagingInfo4 {
        margin: 0 0.625rem; }
      .latest-magic .controls-wrap button {
        border: 0.0625rem solid #000000;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: transparent; }
    .latest-magic .title-sm {
      color: #1A1A1A;
      margin-bottom: 3.125rem; }
      @media (max-width: 767.98px) {
        .latest-magic .title-sm {
          margin-bottom: 1.875rem; } }
    .latest-magic .magic-slider {
      position: relative; }
      .latest-magic .magic-slider::before {
        position: absolute;
        left: 0;
        content: '';
        background: #fff;
        width: 200%;
        right: 100%;
        left: auto;
        top: 0;
        bottom: 0;
        z-index: 2; }
      .latest-magic .magic-slider .slick-list.draggable {
        overflow: visible !important; }
  
  .section-inner.new .help-left {
    flex: 0 1 50%; }
  .section-inner.new .help-right .help-right-inner {
    max-width: 46.875rem; }
    @media (max-width: 991.98px) {
      .section-inner.new .help-right .help-right-inner {
        max-width: 43.75rem; } }
    .section-inner.new .help-right .help-right-inner .title-sm {
      color: #DEFE46; }
    .section-inner.new .help-right .help-right-inner .btn-more {
      color: #DEFE46 !important; }
  
  ul {
    padding: 0;
    margin-bottom: 0; }
  
  .title-lg {
    font-size: 4rem;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .title-lg {
        font-size: 3.25rem; } }
    @media (max-width: 767.98px) {
      .title-lg {
        font-size: 2.25rem; } }
  
  .section-tiles {
    padding-top: 5rem;
    padding-bottom: 3.4375rem;
    border-top: 0.0625rem solid #1A1A1A;
    border-bottom: 0.0625rem solid #1A1A1A; }
    @media (max-width: 991.98px) {
      .section-tiles {
        padding-top: 4.0625rem;
        padding-bottom: 2.8125rem; } }
    @media (max-width: 767.98px) {
      .section-tiles {
        padding: 3.4375rem 0; } }
    .section-tiles.white-bg {
      background: #fff; }
      .section-tiles.white-bg .title-sm {
        color: #000000;
        margin-bottom: 0.625rem;
        display: flex;
        align-items: center; }
        @media (max-width: 767.98px) {
          .section-tiles.white-bg .title-sm {
            align-items: start; } }
        .section-tiles.white-bg .title-sm img {
          object-fit: contain;
          width: 2.5rem;
          height: 2.5rem;
          margin-right: 0.5rem; }
          @media (max-width: 767.98px) {
            .section-tiles.white-bg .title-sm img {
              max-width: 1.5rem;
              height: auto; } }
      .section-tiles.white-bg p {
        color: #000000;
        margin-left: 3.125rem; }
        @media (max-width: 767.98px) {
          .section-tiles.white-bg p {
            margin-left: 2rem; } }
  
  .magic-banner.inner .banner-content {
    padding-bottom: 2.5rem; }

  
  .text-red {
    color: #FF0000 !important; }
  
  .fw-400 {
    font-weight: 400; }
  
  
  
  .magic-banner.challege-inner .banner-content {
    padding-bottom: 3rem; }
  .magic-banner.challege-inner img {
    max-height: 41.25rem; }
  
  .challange-info {
    background: #18181A;
    padding: 5.625rem 0; }
    .challange-info.black {
      background: #000000;
      padding-bottom: 2.8125rem; }
      @media (max-width: 767.98px) {
        .challange-info.black {
          padding-bottom: 2.5rem; } }
    @media (max-width: 767.98px) {
      .challange-info {
        padding: 4.375rem 0;
        margin-top: -2px;
        position: relative; } }
    .challange-info .title-sm {
      color: #F4F4F4;
      margin-bottom: 1.625rem; }
    .challange-info p {
      color: #A5A5A5; }
      .challange-info p:not(:last-child) {
        margin-bottom: 1.875rem; }

  
  .menu-content {
    display: flex; }
    @media (max-width: 991.98px) {
      .menu-content {
        flex-wrap: wrap; } }
    .menu-content nav {
      border-right: 0.0625rem solid #333333; }
      @media (max-width: 991.98px) {
        .menu-content nav {
          width: 100%; } }
    .menu-content .nav-tabs {
      width: 12.5rem;
      flex-wrap: wrap; }
      @media (max-width: 991.98px) {
        .menu-content .nav-tabs {
          width: 100%; } }
      .menu-content .nav-tabs .nav-link {
        color: #1A1A1A;
        text-align: left;
        font-family: 'Poppins';
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: 100%;
        padding-left: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cmask id='mask0_676_5650' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E %3Crect width='16' height='16' fill='%23D9D9D9'/%3E %3C/mask%3E %3Cg mask='url(%23mask0_676_5650)'%3E %3Cpath d='M9.8874 7.9999L4.8656 2.9781C4.73313 2.84562 4.66859 2.68794 4.672 2.50504C4.67543 2.32212 4.74338 2.16444 4.87585 2.03197C5.00833 1.89949 5.16602 1.83325 5.34892 1.83325C5.53182 1.83325 5.68951 1.89949 5.82199 2.03197L10.9258 7.14607C11.0463 7.26658 11.1357 7.40162 11.1938 7.55119C11.2519 7.70076 11.281 7.85034 11.281 7.9999C11.281 8.14947 11.2519 8.29904 11.1938 8.44862C11.1357 8.59819 11.0463 8.73322 10.9258 8.85374L5.81174 13.9678C5.67926 14.1003 5.52328 14.1648 5.34379 14.1614C5.16431 14.158 5.00833 14.0901 4.87585 13.9576C4.74338 13.8251 4.67714 13.6674 4.67714 13.4845C4.67714 13.3016 4.74338 13.1439 4.87585 13.0115L9.8874 7.9999Z' fill='%231C1B1F'/%3E %3C/g%3E %3C/svg%3E ");
        background-repeat: no-repeat;
        background-position: 96% center;
        border: none;
        border-bottom: 0.0625rem solid #DBDBDB;
        position: relative;
        border-radius: 0;
        outline: none !important;
        box-shadow: none !important; }
        @media (max-width: 991.98px) {
          .menu-content .nav-tabs .nav-link {
            padding-left: 1.375rem; } }
        .menu-content .nav-tabs .nav-link::after {
          width: 200%;
          right: 100%;
          left: auto;
          content: '';
          height: 0.0625rem;
          position: absolute;
          top: auto;
          bottom: -0.0625rem;
          border-bottom: 0.0625rem solid #DBDBDB;
          height: 100%; }
        .menu-content .nav-tabs .nav-link.active {
          background-color: #E2E2E2; }
          .menu-content .nav-tabs .nav-link.active::before {
            width: 200%;
            background-color: #E2E2E2;
            right: 100%;
            left: auto;
            content: '';
            position: absolute;
            top: 0rem;
            bottom: -0.0625rem; }
    .menu-content ul li a {
      color: #696969 !important;
      font-size: 1rem;
      font-family: "Barlow", sans-serif;
      font-weight: 300; }
      @media (max-width: 1199.98px) {
        .menu-content ul li a {
          font-size: 0.875rem; } }
      .menu-content ul li a span {
        color: #18181A !important;
        font-size: 1rem;
        font-family: "Poppins", sans-serif;
        font-weight: 500; }
        @media (max-width: 1199.98px) {
          .menu-content ul li a span {
            font-size: 0.875rem; } }
    .menu-content .main-row {
      display: flex;
      flex-wrap: wrap; }
      .menu-content .main-row .top-items {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.0625rem solid #DBDBDB;
        margin-bottom: 1.125rem;
        margin-left: 1.75rem; }
        @media (max-width: 991.98px) {
          .menu-content .main-row .top-items {
            margin-left: 0;
            padding-right: 1.875rem; } }
        .menu-content .main-row .top-items a {
          color: #18181A;
          font-family: 'Poppins';
          font-size: 1rem;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cmask id='right3' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E %3Crect width='16' height='16' fill='%23D9D9D9'/%3E %3C/mask%3E %3Cg mask='url(%23right3)'%3E %3Cpath d='M9.8874 7.9999L4.8656 2.9781C4.73313 2.84562 4.66859 2.68794 4.672 2.50504C4.67543 2.32212 4.74338 2.16444 4.87585 2.03197C5.00833 1.89949 5.16602 1.83325 5.34892 1.83325C5.53182 1.83325 5.68951 1.89949 5.82199 2.03197L10.9258 7.14607C11.0463 7.26658 11.1357 7.40162 11.1938 7.55119C11.2519 7.70076 11.281 7.85034 11.281 7.9999C11.281 8.14947 11.2519 8.29904 11.1938 8.44862C11.1357 8.59819 11.0463 8.73322 10.9258 8.85374L5.81174 13.9678C5.67926 14.1003 5.52328 14.1648 5.34379 14.1614C5.16431 14.158 5.00833 14.0901 4.87585 13.9576C4.74338 13.8251 4.67714 13.6674 4.67714 13.4845C4.67714 13.3016 4.74338 13.1439 4.87585 13.0115L9.8874 7.9999Z' fill='%231C1B1F'/%3E %3C/g%3E %3C/svg%3E");
          background-position: right center;
          background-repeat: no-repeat;
          padding-right: 1.25rem; }
        .menu-content .main-row .top-items p {
          color: #1A1A1A !important;
          font-family: 'Poppins';
          font-size: 1.25rem;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
          @media (max-width: 991.98px) {
            .menu-content .main-row .top-items p {
              font-size: 0; } }
      .menu-content .main-row .list-items {
        width: 70%;
        color: #18181A;
        font-family: 'Poppins';
        font-size: 1rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal; }
        @media (max-width: 991.98px) {
          .menu-content .main-row .list-items {
            width: 100%; } }
        .menu-content .main-row .list-items .int {
          margin-left: 1.75rem; }
        .menu-content .main-row .list-items ul {
          padding: 0;
          margin: 0;
          flex-wrap: wrap;
          margin-top: 0.75rem; }
          .menu-content .main-row .list-items ul li {
            width: 50%; }
            @media (max-width: 991.98px) {
              .menu-content .main-row .list-items ul li {
                width: 100%; } }
            .menu-content .main-row .list-items ul li a {
              padding: 0;
              padding: 0.75rem 1.75rem;
              display: block;
              width: 100%;
              transition: .3s; }
              @media (max-width: 1280px) {
                .menu-content .main-row .list-items ul li a {
                  padding-right: 1.125rem; } }
              .menu-content .main-row .list-items ul li a span {
                display: flex;
                align-items: center;
                margin-bottom: 0.3125rem; }
              .menu-content .main-row .list-items ul li a svg {
                margin-right: 0.3125rem; }
              .menu-content .main-row .list-items ul li a:hover {
                background: #E2E2E2; }
      .menu-content .main-row .service-list {
        width: 30%;
        color: #18181A;
        font-family: 'Poppins';
        font-size: 1rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        border-left: 0.0625rem solid #DBDBDB; }
        @media (max-width: 991.98px) {
          .menu-content .main-row .service-list {
            width: 100%;
            border: none;
            border-top: 0.0625rem solid #DBDBDB;
            margin-top: 1rem;
            padding-top: 1.25rem; } }
        .menu-content .main-row .service-list .int {
          margin-left: 1.75rem; }
        .menu-content .main-row .service-list ul {
          display: block;
          padding: 0;
          margin: 0;
          margin-top: 0.75rem; }
          .menu-content .main-row .service-list ul li {
            display: block;
            width: 100%; }
            .menu-content .main-row .service-list ul li a {
              padding: 0;
              padding: 0.625rem 1.75rem;
              transition: .3s;
              display: block;
              width: 100%; }
              .menu-content .main-row .service-list ul li a:hover {
                background: #E2E2E2; }
              .menu-content .main-row .service-list ul li a svg {
                margin-right: 0.3125rem; }
              .menu-content .main-row .service-list ul li a span {
                display: flex;
                align-items: center;
                margin-bottom: 0.3125rem; }
  
  .discover-megamenu.buildnew .menu-content .main-row .list-items {
    width: 100%; }
    .discover-megamenu.buildnew .menu-content .main-row .list-items ul li {
      width: 33.33%; }
  
  @media (min-width: 992px) {
    .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu.solve, .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu.solve {
      height: max-content; }
  
    .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.discover-megamenu.buildnew, .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.discover-megamenu.buildnew {
      height: max-content; }
  
    .menu-sec .menu ul li.showMe .mega-dropdown.deliver-megamenu.deliver-megamenu, .menu-sec .menu ul li:hover .mega-dropdown.deliver-megamenu.deliver-megamenu {
      height: max-content; } }
  .build-menu .build-menu-card-l .s-inner-items a {
    margin-bottom: 0.625rem; }
  
  .mega-dropdown.deliver-megamenu .build-menu .build-menu-card .b-inner-items1 .b-inner-item:first-child .b-drop-heading a {
    margin-bottom: 0 !important; }
  
  .menu-content.delmenu {
    gap: 2.75rem;
    width: 88%;
    justify-content: space-between; }
    @media (max-width: 991.98px) {
      .menu-content.delmenu {
        width: 100%;
        gap: 1.25rem; } }
    .menu-content.delmenu .mbox-wrap {
      display: flex; }
      @media (max-width: 991.98px) {
        .menu-content.delmenu .mbox-wrap {
          width: 50%;
          max-width: 50%; } }
      @media (max-width: 767.98px) {
        .menu-content.delmenu .mbox-wrap {
          width: 100%;
          max-width: 96%; } }
      .menu-content.delmenu .mbox-wrap .singlem-box {
        position: relative;
        max-width: 23rem;
        display: block; }
        @media (max-width: 991.98px) {
          .menu-content.delmenu .mbox-wrap .singlem-box {
            width: 100%;
            max-width: 100%;
            padding: 0;
            margin-left: 1rem; } }
        .menu-content.delmenu .mbox-wrap .singlem-box::after {
          background: linear-gradient(360deg, rgba(0, 0, 0, 0.67) 1.44%, rgba(0, 0, 0, 0) 100%);
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          content: ''; }
        .menu-content.delmenu .mbox-wrap .singlem-box img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .menu-content.delmenu .mbox-wrap .singlem-box .m-content {
          z-index: 2;
          display: flex;
          justify-content: space-between;
          align-items: end;
          position: absolute;
          padding: 1rem 0.875rem;
          bottom: 0;
          left: 0;
          right: 0;
          top: auto; }
          .menu-content.delmenu .mbox-wrap .singlem-box .m-content p {
            color: #F4F4F4;
            font-family: 'Poppins';
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .menu-content.delmenu .mbox-wrap .singlem-box .m-content span {
            color: #FFF;
            font-family: 'Barlow';
            font-size: 1rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal; }
    .menu-content.delmenu .main-row {
      width: 100%; }
      .menu-content.delmenu .main-row .top-items {
        margin-left: 0 !important; }
  
  .menu ul li.firstChild .menu-title a {
    display: none; }
  
  .deque-tooltip-wrapper, .deque-wrapper .deque-tooltip-wrapper, .deque-wrapper .deque-tooltip-wrapper .tooltipWrap, .deque-wrapper .deque[role=menu] li, .deque-wrapper .deque[role=menubar] li, .deque-wrapper .form-wrap, .deque-wrapper .formValidation, .deque-wrapper .one-wrap, .deque-wrapper .tooltipWrap, .deque-wrapper form.deque[data-feedback-type] label {
    height: 26px;
    display: block; }
  
  @media (max-width: 991.98px) {

    .challenge-items {
      display: flex;
      flex-wrap: wrap;
      transition: all .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: .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 {
    flex: 0 1 50%;
    width: 100%;
    min-height: 12.1875rem;
}
  .challenge-items .challenge-item a:hover .smtext {
      color: #fff
  }
    .discover-megamenu.buildnew .tab-content {
      width: 100% !important; }
    .discover-megamenu.buildnew .menu-content {
      width: 100% !important; }
    .discover-megamenu.buildnew .main-row .top-items {
      margin-bottom: 0; }
  
    .discover-megamenu.buildnew .menu-content .main-row .list-items ul li {
      width: 100%; }
  
    .txt-con {
      display: flex;
      flex-wrap: wrap;
      justify-content: start; }
      .txt-con p {
        padding-left: 0 !important; }
  
    .discover-megamenu.mobilereverse .top-items {
      order: 4;
      margin-bottom: 0;
      border: none; }
    .discover-megamenu.mobilereverse .list-items {
      padding-top: 1rem; }
  
    .discover-megamenu.nobtn .top-items {
      display: none !important; }
  
    .navsection .menu-sec.mobile-nav.show .menu ul li.firstChild .menu-title a {
      position: absolute;
      right: 1.25rem;
      border: 0.0625rem solid #000;
      display: flex;
      top: 0.6875rem;
      width: 2.5rem;
      height: 2.5rem;
      align-items: center;
      padding: 0;
      justify-content: center;
      border-radius: 50%; } }
  .magic-goal {
    margin-top: -1px; }
  
  .banners-sec {
    position: relative; }
    .banners-sec .controls-wrap {
      position: absolute;
      right: 3rem;
      color: #F4F4F4;
      font-family: 'Barlow';
      font-size: 1rem;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      bottom: 10%;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 0.625rem; }
      @media (max-width: 767.98px) {
        .banners-sec .controls-wrap {
          bottom: -7%;
          right: 1rem; } }
      .banners-sec .controls-wrap button {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.0625rem solid #fff;
        background: transparent;
        border-radius: 50%; }
    .banners-sec .single-mbox {
      position: relative; }
    .banners-sec .slick-track {
      display: flex !important; }
    .banners-sec .slick-slide {
      height: inherit !important; }
    .banners-sec img {
      height: 100%; }
  
  .buld-imagelist-sec.white-bg.fullwidth .body-content .heading-item a {
    outline: 0 !important; }
  
  .slider-accredian .slider-accredian {
    display: flex !important;
    align-items: center; }
  
  .accredian-sec .slick-track {
    display: flex;
    align-items: center; }
  .accredian-sec .slick-track img {
    max-height: 3.75rem;
    max-width: 11.875rem; }
    @media (max-width: 767.98px) {
      .accredian-sec .slick-track img {
        max-width: 80% !important; } }
  
  .deliver-card-list.revamp.card-reverse.challange .accordion .accordion-header .accordion-button span {
    width: 90%; }
  
  @media (min-width: 768px) {
    div#navbar .mega-dropdown {
      height: auto; } }
  
  @media (max-width: 991.98px) {
    .navsection .menu-sec.mobile-nav.show .menu ul li:nth-child(6) p a {
      display: none !important; }
  
    .dkhide.mmacc.active ~ .mega-dropdown .drop-inner {
      visibility: visible !important; } }
  @media (max-width: 767.98px) {
    .buld-card-list.card-reverse .imgsec {
      min-height: 15.625rem; } }
  .search-trighher {
    background: transparent;
    border: none;
    height: 2.375rem;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    background: #fff;
    border-radius: 50%;
    margin-left: 1.4375rem; }
    @media (max-width: 992px) {
      .search-trighher {
        margin-left: auto;
        margin-right: 1.25rem; } }
    @media (max-width: 767.98px) {
      .search-trighher {
        height: 2.125rem; } }
    .search-trighher svg {
      width: 50%; }
  
  .menu-content .main-row .list-items ul li a:focus-visible, .menu-content .main-row .service-list ul li a:focus-visible {
    outline-color: #4404BF !important; }
  
  .menu-content .nav-tabs .nav-link:focus-visible {
    outline: 0.125rem solid #4404BF !important; }
  
  .modal.custom {
    position: fixed;
    max-width: 100%;
    background-color: #ffffffcf;
    min-height: 100%;
    padding: 0 !important;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    top: 0 !important; }
    @media (max-width: 767.98px) {
      .modal.custom {
        background: #fff; } }
    .modal.custom .modal-content {
      opacity: 1;
      background: transparent;
      overflow-x: hidden !important;
      height: 100% !important;
      padding-right: 0; }
  .modal.show {
    visibility: visible;
    opacity: 1; }
  
  .search_result li {
    font-weight: 300;
    display: block;
    padding: 0.75rem 0.75rem;
    color: #000;
    font-size: 1.5rem;
    transition: .3s; }
    @media (max-width: 992px) {
      .search_result li {
        font-size: 1.125rem; } }
    @media (max-width: 767.98px) {
      
      .search_result li {
        padding: 0.4375rem 0.5rem; } }
  .search_result a {
    font-weight: 300;
    display: block;
    color: #000;
    font-size: 1.5rem;
    transition: .3s; }
    @media (max-width: 992px) {
      .search_result a {
        font-size: 1.125rem; } }
  .search_result a:hover {
    background: #4404BF; }
    .search_result a:hover li {
      color: #fff; }
  
  .input_search::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1.3em;
    width: 1.3em;
    border-radius: 50em;
    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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1.25rem;
    position: relative;
    cursor: pointer; }
  
  .modal-header button.btn-close {
    background-color: #4404be;
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    display: flex;
    align-items: center;
    opacity: 1;
    justify-content: center;
    margin-right: 1.25rem; }
    @media (max-width: 767.98px) {
      .modal-header button.btn-close {
        margin-right: 0;
        width: 1.5625rem;
        height: 1.5625rem; } }
  
  div#datafetch {
    margin-top: -0.25rem;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    max-height: 29.375rem;
    margin-top: 0; }
    @media (max-width: 767.98px) {
      div#datafetch {
        margin-top: 0.125rem; } }
    div#datafetch::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5; }
    div#datafetch::-webkit-scrollbar {
      width: 8px;
      background-color: #F5F5F5; }
    div#datafetch::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #555; }
  
  .search_bar input#keyword {
    height: 3.75rem;
    padding-left: 1.125rem;
    border-radius: 0.375rem;
    outline: none !important;
    font-size: 1.25rem; }
    @media (max-width: 767.98px) {
      .search_bar input#keyword {
        font-size: 1rem; } }
    .search_bar input#keyword::placeholder {
      font-weight: 300; }
      @media (max-width: 991.98px) {
        .challenge-items {
          display: flex;
          flex-wrap: wrap;
          transition: all .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: .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: #fff
      }
      }
      @media (max-width: 767.98px) {
        .challenge-items .challenge-item:first-child {
          border-top: 0;
      }
      .challenge-items .challenge-item:nth-child(2) {
        border-top: 1px solid #fff;
    }
      .challenge-items .challenge-item {
        flex: 0 1 100%;
        width: 100%;
        min-height: 6.25rem;
        border-right: 0;
    }
  }
  
  /*# sourceMappingURL=main-style.css.map */