@font-face {
  font-family: 'Gotham-Black';
  src: url('../Fonts/gotham/Gotham-Black.woff2') format('woff2'),
    url('../Fonts/gotham/Gotham-Black.woff') format('woff'),
    url('../Fonts/gotham/Gotham-Black.ttf') format('truetype'),
    url('../Fonts/gotham/Gotham-Black.eot') format('embedded-opentype'),
    url('../Fonts/gotham/Gotham-Medium.woff2') format('woff2'),
    url('../Fonts/gotham/Gotham-Medium.woff') format('woff'),
    url('../Fonts/gotham/Gotham-Medium.ttf') format('truetype'),
    url('../Fonts/gotham/Gotham-Medium.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../Fonts/gotham/Gotham-Medium.woff2') format('woff2'),
    url('../Fonts/gotham/Gotham-Medium.woff') format('woff'),
    url('../Fonts/gotham/Gotham-Medium.ttf') format('truetype'),
    url('../Fonts/gotham/Gotham-Medium.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../Fonts/open-sans/OpenSans-Regular.woff2') format('woff2'),
    url('../Fonts/open-sans/OpenSans-Regular.woff') format('woff'),
    url('../Fonts/open-sans/OpenSans-Regular.ttf') format('truetype') ;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../Fonts/open-sans/OpenSans-Bold.woff2') format('woff2'),
    url('../Fonts/open-sans/OpenSans-Bold.woff') format('woff'),
    url('../Fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../Fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'),
    url('../Fonts/open-sans/OpenSans-ExtraBold.woff') format('woff'),
    url('../Fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
/* body {
  padding: 40px;
  font-family: 'Open Sans';
}

p {
  font-weight: 500;
}
 */
.sliderBanner 
{
  margin-bottom: 20px;
}
.sliderBanner img 
{
  width: 100%;
}
.outerCirc 
{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  color: #1f5e77;
  line-height: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  box-shadow: 0px 0px 0px 10px #1f5e77;
  position: relative;
}
.outerCirc::before 
{
  content: '';
  position: absolute;
  width: 26px;
  height: 14px;
  background: #1f5e77;
  top: 20px;
  right: -27px;
  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}
.skyCircle .outerCirc 
{
  box-shadow: 0px 0px 0px 10px #A5DBE7;
  color: #5BB8D5;
}
.skyCircle .outerCirc::before 
{
  background: #A5DBE7;
}
.skyCircle.circleHeading h4 
{
  color: #A5DBE7;
}
.prepareCol.circleHeading h4 
{
  color: #5CBAD4;
}
.applyCol.circleHeading h4 
{
  color: #65C4D8;
}
.studyCol.circleHeading h4 
{
  color: #A5DBE7;
}
.headingCommon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e8f5f9;
  padding: 0px 20px 0px 0;
  position: relative;
}
.headingCommon::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
}
.circleHeading {
  display: flex;
  margin-left: 10px;
  align-items: center;
  font-family: 'Gotham-Black', sans-serif;
}
.circleHeading h4 {
  font-size: 45px;
  color: #1f5e77;
  /* font-weight: 800; */
  margin-bottom: 0;
  margin-left: 30px;
  text-transform: uppercase;
}
.headingCommon a {
  background-color: #eb5c2c;
  padding: 3px 25px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}
.headingCommon a:hover {
  background-color: #fff;
  color: #000;
}
.arn-body {
  padding: 20px 60px;
}
.arn-body p,
.arn-body ul li {
  font-size: 16px;
  font-weight: 500;
}
.arn-body ul.list li {
  display: block;
}
.arn-body ul.list li a {
  color: #E96529;
  font-size: 20px;
  padding: 5px 0;
  display: block;
}
.arn-body table thead tr {
  border-bottom: 4px solid #326A84;
}
.arn-body table thead tr th {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.arn-body table tr td {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
/* .arn-body table thead tr th:first-child,
.arn-body table tfoot tr th:first-child,
.arn-body table tr td:first-child {
  text-align: left;
} */
.arn-body table tfoot tr th {
  font-weight: 800;
  text-align: center;
}
.arn-body .table-container {
  overflow-x: auto;
  border-radius: 30px 30px 1px 1px;
}
.arn-body .table-container table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.arn-body .table-container table th,
.arn-body .table-container table td {
  border: none;
  padding: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 6px 10px;
  box-shadow: inset -4px 0px 2px 0px #0000001f;
}
.arn-body .table-container table tbody tr td:first-child {
  box-shadow: inset 4px 0px 2px 0px #0000002b, inset -4px 0px 2px 0px #0000001f;
}
.arn-body .table-container table tbody tr:nth-child(even) {
  background: #F3F4F9;
}
.arn-body .table-container tbody tr td:nth-child(even) {
  background-color: #F3F4F9;
}
.arn-body .table-container table th {
  background-color: #1c2747;
  color: #fff;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.arn-body .table-container table thead tr:first-child th:nth-child(2),
.arn-body .table-container table thead tr:last-child th:nth-child(2),
.arn-body .table-container table thead tr:last-child th:first-child {
  background: #58b2c9;
}
.arn-body .table-container tbody tr td {
  color: #58b2c9;
}
.arn-body .table-container table thead tr:first-child th:nth-child(3),
.arn-body .table-container table thead tr:last-child th:nth-child(3),
.arn-body .table-container table thead tr:last-child th:nth-child(4) {
  background: #2d6079;
}
.arn-body .table-container table tr:first-child th {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.dark-blue {
  color: #000;
}
.table-container table th img {
  width: 150px;
}
.table-container table th .sub {
  font-size: 0.85em;
  font-weight: normal;
  display: block;
}
.table-container table td:first-child {
  text-align: left;
  font-weight: bold;
  /* background-color: #e6f1f4; */
  font-size: 13px;
  padding: 6px;
  color: #172747;
}
.table-container table td:first-child span {
  font-size: 12px;
  font-weight: 400;
}
.arn-body .table-container table .red,
.arn-body .table-container.table-wrapper tbody tr td.red,
.arn-body .table-container.table-wrapper tbody tr td.red:first-child,
.arn-body .table-container tbody tr td.red:first-child {
  color: #e94e1b;
  font-weight: bold;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.arn-body .table-container tbody tr td.borderB {
  border-bottom: 1px solid #000;
}
.table-container table button {
  background-color: #5AAA53;
  font-size: 13px;
  color: #fff;
  padding: 3px 16px;
  border: none;
  border-radius: 55px;
  font-size: 12px;
  cursor: pointer;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
}
.table-container table button:hover {
  background-color: #258d33;
}
.table-container table td a.linkinfo {
  font-size: 13px;
  color: #ff5005;
  text-decoration: none;
  display: block;
}
.table-container table thead tr {
  border: none;
}
.table-container table td a.linkinfo:hover {
  color: #000;
}
.table-container table button span {
  display: block;
  white-space: nowrap;
  font-weight: 400;
}
.table-container.table-rate table tbody td
{
  background:#F3F4F9;
}
.table-container table tbody td,
.arn-body .table-rate.table-container table tbody tr:first-child td,
.arn-body .table-rate.table-container table tbody tr:nth-child(2) td,
.arn-body .table-rate.table-container table tbody tr:nth-child(3) td
{
  font-size: 20px;
}
.arn-body .table-container table tbody tr:first-child td,
.arn-body .table-container table tbody tr:nth-child(2) td,
.arn-body .table-container table tbody tr:nth-child(3) td {
  font-size: 15px;
  /* text-transform: uppercase; */
  font-weight: bold;
}
.arn-body .table-container table thead tr:first-child th:first-child {
  /* width: 200px; */
  padding: 8px 34px;
}
.arn-body .table-container table thead tr:last-child th {
  width: 160px;
}
.sky-blue {
  color: #58b2c9 !important;
}
.blue {
  color: #2d6079 !important;
}
.table-wrapper {
  margin-top: 30px;
}
.arn-body .table-container.table-wrapper thead tr th {
  background: #582B6E !important;
  font-size: 16px;
}
.arn-body .table-container.table-wrapper thead tr:last-child th {
  font-size: 14px;
}
.arn-body .table-container.table-wrapper thead tr:first-child th:first-child {
  background: #1c2747 !important;
}
.arn-body .table-container.table-wrapper tbody tr td span.price {
  font-size: 13px;
  font-weight: 400 !important;
  display: block;
  white-space: nowrap;
}
.arn-body .table-container.table-wrapper tbody tr td {
  color: #582B6E;
}
.arn-body .table-container.table-wrapper tbody tr td:first-child,
.arn-body .table-container tbody tr td:first-child {
  color: #19285B;
  padding-left: 16px;
}
.crnButton {
  background-color: #eb5c2c;
  padding: 3px 25px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  text-decoration: none;
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
  text-transform: uppercase;
}
.crnButton:hover {
  color: #fff;
}
.question {
  font-size: 20px;
  color: #4995AE;
  display: block;
  font-weight: bold;
  border-bottom: 4px solid #326A83;
  padding-bottom: 10px;
  margin-top: 20px;
}
.questiontable thead tr th {
  font-size: 16px !important;
  color: #58b2c9 !important;
  border-bottom: 4px solid #326984 !important;
}
.questiontable thead tr th:first-child {
  width: 50%;
  font-size: 20px !important;
  padding: 0;
}
.questiontable thead tr th:last-child {
  width: 26%;
}
.questiontable tbody tr td {
  font-weight: 600;
}
.frequentQuestion {
  margin-top: 40px;
}
.frequentQuestion h4 {
  font-size: 26px;
  color: #eb5c2c;
  margin-bottom: 20px;
  font-weight: bold;
}
.questionHeading h5 {
  font-size: 18px;
  color: #000;
  position: relative;
  padding-left: 20px;
  font-weight: 600;
}
.questionHeading h5::before {
  content: "+";
  margin-right: 10px;
  position: absolute;
  left: 0;
}
.questionHeading p {
  padding-left: 20px;
  font-size: 16px;
}
.rightImage {
  width: 150px;
  margin-top: -30px;
}
.circlePrepare {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: -webkit-linear-gradient(45deg, #346E87, #55ADC8);
  position: relative;
  line-height: 80px;
  text-align: center;
  margin-left: -20px;
}
.circlePrepare::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  left: 10px;
  top: 10px;
}
.circlePrepare::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 20px;
  background: #0098b1;
  top: 30px;
  right: -20px;
  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}
.number {
  z-index: 10;
  font-size: 36px;
  font-weight: 900;
  color: #316887;
}
.joinCirc.circlePrepare,
.joinCirc.circlePrepare::before {
  background: #326A84;
}
.joinCirc.circlePrepare .number {
  color: #326A84;
}
.applyCirc.circlePrepare,
.applyCirc.circlePrepare::before {
  background: #5EBED5;
}
.applyCirc.circlePrepare .number {
  color: #5EBED5;
}
.studyCirc.circlePrepare {
  background: -webkit-linear-gradient(45deg, #7ECDDC, #A0D9E6);
}
.studyCirc.circlePrepare::before {
  background-color: #A0DAE6;
}
.studyCirc.circlePrepare .number {
  color: #5CBAD4;
}
.skycirc.circlePrepare {
  background: #A5DBE7;
}
.skycirc.circlePrepare::before {
  background: #A4DAE8;
}
.skycirc.circlePrepare .number {
  color: #5CBAD4;
}
.dash {
  letter-spacing: -2px;
}
.feesView {
  display: flex;
}

@media (max-width: 768px) {

  .table-container table th,
  .table-container table td {
    font-size: 0.85em;
    padding: 10px;
  }
  .table-container h1 {
    font-size: 1.4em;
  }
}

@media (max-width: 680px) {
  .arn-body {
    padding: 20px 10px;
  }

  .circleHeading h4 {
    font-size: 30px;
  }

  .circlePrepare {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-left: -10px;
  }

  .circlePrepare::after {
    width: 50px;
    height: 50px;
    left: 5px;
    top: 5px;
  }

  .circlePrepare::before {
    width: 18px;
    height: 14px;
    top: 22px;
    right: -14px;
  }

  .number {
    font-size: 26px;
  }

  .rightImage {
    margin-top: 0;
    padding-left: 30px;
    width: 100px;
  }

  .headingCommon a {
    margin-left: 12px;
    position: relative;
    font-size: 12px;
    padding: 3px 10px;
  }

  .questiontable thead tr th:first-child,
  .question,
  .arn-body table thead tr th {
    font-size: 14px !important;
  }

  .questiontable thead tr th {
    font-size: 12px !important;
  }

  .feesView {
    flex-direction: column;
  }
}

@media (max-width: 440px) {

  .circleHeading h4 {
    font-size: 26px;
  }

  .arn-body table tr td {
    font-size: 12px;
  }

}

.arn-body .table-rate.table-container table tbody tr td .section-label {
      writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-weight: 500;
    color: white;
    text-align: center;
    font-size: 20px;
    display: block;
    width: 50px;
    height: 100%;
    border-radius: 0px 0px 20px 1px;
    line-height: 50px;
    text-transform: uppercase;
}
/* .arn-body .table-rate.table-container table thead tr:nth-child(2) th:first-child,
.arn-body .table-rate.table-container table tbody tr td:first-child
{
  width: 40px;
} */
.arn-body .table-rate.table-container table thead tr:last-child th:first-child
{
  width: 40px;
}
.arn-body .table-rate.table-container table tbody tr td:first-child
{
  height: 40px;
}
.arn-body .table-rate.table-container table tbody tr td:first-child
{
    padding: 0 0 0 0px;
}
.arn-body .table-rate.table-container table tbody tr td.no-shadow,
.arn-body .table-rate.table-container table thead tr th.no-shadow
{
  box-shadow: none;
}
.arn-body .table-rate.table-container table tbody tr td .section-label.discounts {
  background-color: #E34A30;
}

.arn-body .table-rate.table-container table tbody tr td .section-label.education {
  background-color: #579C27;
}

.arn-body .table-rate.table-container table tbody tr td .section-label.network {
  background-color: #306681;
  line-height: 22px;
}


.arn-body .table-rate.table-container table thead tr th:first-child,
.arn-body .table-rate.table-container table thead tr:last-child th:first-child
{
  background-color: #F3F4F9;
}

.arn-body .table-rate.table-container table tbody tr td.bgGray
{
  background-color: #F3F4F9;
}

.arn-body .table-rate.table-container tbody tr td:nth-child(even)
{
  /* background: #fff; */
}
.arn-body .table-rate.table-container tbody tr:nth-child(even) td,
.arn-body .table-rate.table-container table tbody tr:nth-child(even) td.bgGray
{
  background: #E6E8F4;
}


.arn-body .table-rate.table-container table thead tr th,
.arn-body .table-rate.table-container table thead tr:nth-child(2) th:first-child,
.arn-body .table-rate.table-container table thead tr:first-child th:nth-child(3) {
  background-color: #57B0C9;
  font-family: 'Gotham-Medium';
  box-shadow: none;
  border-right: 1px solid #76A2C2;
}

.arn-body .table-container.table-rate {
  border-radius: 1px;
}
.arn-body .table-rate.table-container table thead tr:last-child th
{
  background-color: #306681;
      width: auto;
    padding: 12px;
    font-weight: bold;
}
.arn-body .table-rate.table-container table tbody tr td:nth-child(2),
.arn-body .table-rate.table-container table tbody tr td:first-child
{
color: #000;
}
.arn-body .table-rate.table-container table tbody tr td
{
  height:40px;
}

.arn-body .table-rate.table-container table tbody tr td.firstCol
{
        font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    box-shadow: inset 4px 0px 2px 0px #0000002b, inset -4px 0px 2px 0px #0000001f;
    padding: 0 10px 0 20px;
    font-family: 'Gotham-Medium';
}
.arn-body .table-rate.table-container table th img {
    width: 260px;
}

.arn-body .table-rate.table-container table thead tr:first-child th
{
  white-space: nowrap;
  padding: 0 10px;
}
.arn-body .table-rate.table-container table thead tr:nth-child(2) th
{
  text-align: center;
  font-weight: 500;
}

.arn-body .table-rate.table-container table tbody tr td.orange
{
  color: #DF4D2D;
  font-weight: bold;
}
.arn-body .table-rate.table-container table tbody tr td.green
{
color: #589B26;
  font-weight: bold;
}
.arn-body .table-rate.table-container table tbody tr td.blue
{
  color: #2C5E79;
  font-weight: bold;
}
.arn-body .table-rate.table-container table tbody tr.borderB td
{
  border-bottom: 1px solid #000;
}

.arn-body .table-rate.table-container table tbody tr.borderBold td
{
  padding: 0;
    height: 5px;
    background: #1B2646;
}
