/* Base page styles */
  body {
  font-size: 15px;
  font-family: "Montserrat", sans-serif!important;
  color: #444!important;
  font-weight: normal;
  line-height: 24px !important;
  letter-spacing:inherit!important;
  }

  .oranges {
    color: #f26322;
}

  .red {
    color: #red;
}

  .cta-orange {
      background: #e4551d;
      padding: 12px 30px;
      border-radius: 12px;
      font-weight: 600;
      border: 0;
      color: #fff;
      transition: all 0.3s ease;
      font-size: 16px;
  }
.boxex-con h3 {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0;
    color: #000;
}
.boxex-con {
    padding: 20px 15px;    
    min-height: 255px;
}
  .postion-relative{
    position: relative !important;
  }

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

  /* Hero section styles */
  .hero-section {
      position: relative;
      overflow: hidden;
      padding: 40px 0 40px;
      text-align: center;
  }

  .hero-overlay {
     background: linear-gradient(130deg, #e8f1fb 0%, #fef6ee 50%, #fff 100%) !important;
      height: 100%;
      position: absolute;
      right: 0;
      opacity: inherit;
      top: 0;
      width: 100%;
  }

  .hero-section h1 {
      font-size: 30px;
      color: #000;
      margin-top: 0;
  }

  .swpe {
      box-shadow: 0 3px 10px rgb(0 0 0 / 8%);
      font-size: 14px;
      line-height: 20px;
      position: relative;
      padding-left: 50px;
      text-align: left;
  }
  .swpe span {
      position: absolute;
      background: #e4551d;
      left: 8px;
      border-radius: 10px;
      font-size: 15px;
      font-weight: 600;
      color: #fff;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      top: 12px;
  }

  .hvr-sweep-to-left::before {
      background: #e4551d none repeat scroll 0 0;
  }

  .hvr-sweep-to-left {
    background: #ffffff none repeat scroll 0 0;
      text-decoration: none !important;
      /* box-shadow: 0 0 1px transparent; */
      color: #000;
      margin-bottom: 15px;
      display: inline-block;
      padding: 7px 10px 7px 45px;
      /* position: relative; */
      transform: perspective(1px) translateZ(0px);
      transition-duration: 0.3s;
      transition-property: color;
      vertical-align: middle;
      border-radius: 8px;
      width: 100% !important;
  }

  /* Card component styles */
  .test-card {
      background: #fff;
      border-radius: 14px;
      padding: 20px;
      margin-bottom: 30px;
      position: relative;
      border: 1px solid #e8e6e6;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
      transition: 0.3s ease;
  }

  .test-card:hover {
      box-shadow: 0 20px 40px -10px hsl(16 85% 56% / .3);
      border-color: #ff8555;
      transform: translateY(-5px);
  }

  .icon-box {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      background: #ffe5dd;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      color: #e85222;
      margin-bottom: 15px;
  }

  .test-card h4 {
      margin-bottom: 10px;
      background: transparent;
      font-size: 20px;
      text-align: left;
  }

  .meta {
      color: #777;
      font-size: 13px;
      margin-bottom: 20px;
  }

  .btn-outline {
      border: 2px solid #e85222;
      color: #ffffff;
      border-radius: 8px;
      padding: 8px 20px;
      font-weight: 600;
      background: #e85222;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }

  .btn-outline:hover {
      background: #e85222;
      color: #fff;
      border: 2px solid #e85222;
  }

  .badge {
      position: absolute;
      top: 15px;
      right: 15px;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 11px;
      font-weight: 600;
  }

  .badge-hard {
      background: #ffd6d6;
      color: #c0392b;
      top: 30px;
  }

  .badge-medium {
      top: 30px;
      background: #ffe8a3;
      color: #000000;
  }

  .practice-section {
      background: #ffffff;
      border-radius: 18px;
      padding: 25px 20px;
      margin: 0px 0;
      color: #fff;
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
      border: 2px solid #df3c08;
  }

  .practice-section h2 {
      margin-bottom: 5px;
      color: #000000;
      font-size: 25px;
  }

  .practice-section p {
      font-size: 16px;
      margin-bottom: 15px !important;
      color: #000000;
  }

  /* Full mocks and sectional tests styles */
  .ipmat-v1 .jumbo-button-group {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 14px;
  }
  .ipmat-v1 .jumbo-button-group .btn {
      min-width: 230px;
  }

  .ipmat-v1-section {
      padding: 35px 0 10px;
  }

  .ipmat-v1-section .section-copy {
      max-width: 940px;
      margin: 0 auto 28px;
      text-align: center;
  }

  .ipmat-v1-card .meta {
      min-height: 44px;
  }

  .ipmat-v1-card .btn-outline {
      text-decoration: none;
  }

  .ipmat-v1-group {
      margin-bottom: 30px;
  }

  .ipmat-v1-group-title {
      margin: 0 0 8px;
      font-size: 24px;
      color: #111;
  }

  .ipmat-v1-group-copy {
      margin: 0 0 20px;
      color: #555;
  }

  .ipmat-v1-linkstack {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .ipmat-v1-linkstack .btn-outline {
      font-size: 14px;
  }

  .ipmat-v1-note {
      margin: 0 0 25px;
      padding: 16px 18px;
      background: #fff4ef;
      border: 1px solid #ffd7c7;
      border-radius: 12px;
      color: #6d3218;
  }

  /* Popup form styles */
  .sub-head{
      color: #f26322;
      font-size: 20px;
      font-weight: 700;
      margin: auto;
  }

  #login-user-form input#submitButton {
      background-color: #f15a22;
      border-color: #f15a22;
  }

  #myModalNorm .modal-dialog {
      width: 460px;
      margin: 30px auto;
  }

  #myModalNorm .modal-content {
      border-radius: 14px;
      border: 0;
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
      padding: 0;
      overflow: hidden;
  }

  #myModalNorm .modal-header {
      border-bottom: 0;
      padding: 20px 24px 8px;
      position: relative;
  }

  #myModalNorm .modal-title {
      color: #111;
      font-weight: 700;
      font-size: 24px;
      font-family: "Montserrat", sans-serif !important;
      margin: 0;
      text-align: center;
  }

  #myModalNorm .close {
      position: absolute;
      right: 14px;
      top: 10px;
      font-size: 28px;
      font-weight: 400;
      color: #4b4b4b !important;
      opacity: 1;
      text-shadow: none;
  }

  #myModalNorm .modal-body {
      padding: 0 24px 24px;
  }

  #myModalNorm .tabs ul.nav.nav-tabs {
      display: flex;
      border-bottom: 0;
      margin-bottom: 18px !important;
  }

  #myModalNorm .tabs ul.nav.nav-tabs li {
      float: none;
      width: 50%;
      margin: 0;
  }

  #myModalNorm .tabs ul.nav.nav-tabs li a {
      margin: 0;
      border: 1px solid #e8e6e6;
      border-radius: 0;
      background: #fff;
      color: #4d4d4d;
      font-weight: 600;
      text-align: center;
      padding: 12px 16px;
  }

  #myModalNorm .tabs ul.nav.nav-tabs li:first-child a {
      border-radius: 10px 0 0 10px;
  }

  #myModalNorm .tabs ul.nav.nav-tabs li:last-child a {
      border-radius: 0 10px 10px 0;
  }

  #myModalNorm .tab-content {
      padding: 0;
  }

  #myModalNorm .form-group {
      margin-bottom: 10px;
  }

  #myModalNorm .form-control {
      height: 44px;
      border: 1px solid #d8d8d8;
      border-radius: 10px;
      box-shadow: none;
      font-size: 15px;
      padding: 10px 14px;
  }

  #myModalNorm .form-control:focus {
      border-color: #e4551d;
      box-shadow: 0 0 0 3px rgba(228, 85, 29, 0.08);
  }

  #myModalNorm #submitButton,
  #myModalNorm #submit-popup-new,
  #myModalNorm .submit_button {
      width: 100%;
      height: 44px;
      border-radius: 10px;
      font-weight: 700;
      margin-top: 6px;
  }

  #myModalNorm .submit_button {
      margin-top: 10px;
      background: #fff;
      color: #e4551d;
      border: 1px solid #e4551d;
  }

  #myModalNorm .submit_button:hover {
      background: #fff7f3;
      color: #e4551d;
      border-color: #e4551d;
  }

  #myModalNorm #message-popup,
  #myModalNorm .status,
  #myModalNorm #msg {
      margin-top: 10px;
  }

  input.submit_button.btn.btn-primary.button2 {
      background-color: transparent;
      border-color: transparent;
      color: inherit;
  }

  div#register-user-form button#submit-popup-new {
      background-color: #f15a22;
      border-color: #f15a22;
  }

  .modal-body .tabs ul.nav.nav-tabs li.active,
  .modal-body .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
      margin-right: 0;
      border-radius: inherit;
      background: aliceblue !important;
      color: #000 !important;
  }

  /* Supporting page sections */
  .steps-img {
      border-radius: 8px;
      max-height: 325px;
      border: 1px solid #811d3f;
      width: 100%;
  }

  .process-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      border: 1px solid;
      justify-self: center;
      margin-top: 30px;
  }

  .process-section .process-block img {
      max-width: 35px;
      text-align: center;
      padding: 10px 0;
      padding-right: 10px;
  }

  .process-block {
      text-align: center;
      padding: 7px 12px;
      display: flex;
      align-items: center;
  }

  .course-block {
      clear: both;
      background-color: #cfe3f9;
      position: relative;
      border-bottom: 1px #cfe3f9 solid;
  }

  section.course-block {
      padding: 0px;
  }

  .course-block .info-block {
      text-align: left;
      position: relative;
      float: left;
      width: 100%;
      padding-left: 45px;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 8px;
  }

  .course-block .info-block2 {
      background-color: #fafafa;
  }

  .course-block .info-block .counter-count {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      float: left;
      background-color: #9a2e56;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 30px;
      color: #fff;
      position: absolute;
      left: 8px;
      top: 50%;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  .height-inherit {
      min-height: inherit;
  }


  .slick-arrow {
      top: -5%;
  }

  .question-paper {
      box-shadow: 0 2px 4px rgba(16, 17, 21, 0.1);
      padding: 20px 10px 10px 10px;
      background: #fdf4f4;
      border-radius: 10px;
      border: 1px solid #fbdede;
      /* min-height: 425px; */
      max-width: 100%;
      display: block;
  }

  .question-paper1 {
      box-shadow: 0 2px 4px rgba(16, 17, 21, 0.1);
      padding: 20px 10px 10px 10px;
      background: #fdfbf4;
      border-radius: 10px;
      border: 1px solid #f7edc9;
      min-height: 425px;
  }

  .numbers-top  .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 10px;
  }

  .numbers-top h3 {
      line-height: inherit;
      margin-top: 0;
  }

  .numbers-top table tr:first-child {
      background: #f0f8fd !important;
      color: #000;
      font-size: 15px;
      font-weight: normal;
  }

  .mba-colleges a.testtake {
      padding: 2px 10px;
      border: 2px solid #f44336;
      display: inline-block;
      border-radius: 50px;
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 10px;
      background: #f44336;
      font-weight: 600;
      margin-left: 15px;
  }

  /* Start modal styles */
  #startModal .modal-content {
      border-radius: 10px;
      border: none;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      padding: 15px 25px;
      font-family: "Montserrat", sans-serif!important;
  }

  #startModal .modal-dialog {
      width: 460px;
      margin: 30px auto;
  }

  #startModal .form-group select {
      background-repeat: no-repeat;
  }

  #startModal .modal-header {
      border-bottom: none;
      text-align: left;
      position: relative;
      background: no-repeat;
      padding: 0;
  }

  #startModal .modal-title {
      color: #000;
      font-weight: 700;
      font-size: 20px;
      font-family: "Montserrat", sans-serif !important;
      margin-bottom: 16px;
      line-height: 22px;
      text-align: center;
  }

  #startModal .close {
      position: absolute;
      right: -16px;
      top: 2px;
      font-size: 23px;
      font-weight: bold;
      color: #646363 !important;
      opacity: 1;
      transition: color 0.3s ease;
      background: transparent;
      width: inherit;
      height: inherit;
  }

  #startModal .close:hover {
      color: #0096e6;
  }

  #startModal .modal-body {
      padding: 0px 0px;
      text-align: left;
  }

  #startModal .modal-body p {
      text-align: left;
      color: #484646;
      margin-bottom: 15px;
      font-size:14px;
  }

  #startModal .form-control {
      border-radius: 8px;
      box-shadow: none;
      border: 1px solid #ccc;
      height: 38px;
      font-size: 15px;
      transition: all 0.3s ease;
  }

  #startModal .form-control:focus {
      border-color: #e85323;
      box-shadow: 0 0 5px rgba(0, 150, 230, 0.3);
  }

  #startModal .btn-primary {
      background-color: #e85323;
      border: none;
      border-radius: 8px;
      width: 100%;
      font-weight: bold;
      height: 44px;
      transition: all 0.3s ease;
  }

  #startModal .btn-primary:hover {
      background-color: #e85323;
  }

  #startModal .modal-footer {
      border-top: none;
      text-align: center;
  }

  button.btnotp-2 {
      right: 8px !important;
      top: 4px !important;
  }

  .form-group {
      margin-bottom: 15px;
      position: relative;
  }

  /* Responsive styles */
  @media only screen and (min-width: 1200px) {
      table tbody tr td:nth-child(2):nth-last-child(1),
      table tbody tr td:nth-child(1):nth-last-child(2) {
          width: inherit;
      }
  }

  @media all and (max-width: 767px) {
      .hero-section h1 {
          font-size: 29px;
          line-height: 1.2;
      }

      .sub-head {
          font-size: 18px;
          margin-bottom: 12px;
      }

      .ipmat-v1-section h2,
      .numbers-top h2,
      .ms h2,
      .msii2 h2 {
          font-size: 24px;
          line-height: 1.25;
      }

      .cta-orange {
      font-size: 14px;
      margin-top: 0 !important;
  }
  .test-card h4{
    font-size: 19px;

  }

      .ipmat-v1-group-title,
      .question-paper h3,
      #myModalNorm .modal-title {
          font-size: 22px;
          line-height: 1.3;
      }

      .ipmat-v1 .jumbo-button-group .btn {
          min-width: 100%;
      }

      .ipmat-v1-section {
          padding-top: 25px;
      }

      .process-section {
          justify-content: flex-start;
      }

      .process-block {
          padding: 0px 12px;
      }

      .steps-img {
          max-height: auto;
      }

      .slick-arrow {
          top: 45%;
      }

      #startModal .modal-dialog {
          width: 100%;
          margin: 30px auto;
          padding: 0 7px;
      }

      #myModalNorm .modal-dialog {
          width: auto;
          margin: 20px 10px;
      }

      #myModalNorm .modal-header {
          padding: 18px 18px 8px;
      }

      #myModalNorm .modal-body {
          padding: 0 18px 18px;
      }

      button.btnotp-2 {
          right: 8px !important;
          top: 4px !important;
      }
  }