a {
      color: inherit !important; /* Inherit initial text color */

}

a:hover {
        color: #3979E0 !important; /* New text color on hover */
}


}
.tabs {
    height: 68px;
    transition: filter 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    background-color: transparent;
    border-radius: 2rem;
  filter: drop-shadow(-5px 5px 34px rgba(107, 132, 172, 0.60));
  fill: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.10) 100%);
padding: 10px !important;

}

.tabs:hover {
  fill: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.10) 100%);
  filter: drop-shadow(-5px 5px 34px rgba(107, 132, 172, 1));
  vertical-align: middle;
  border-radius: 2rem;
  color: #3979E0;

}

tr {
    color: #000000;
    transition: color 0.3s ease-in-out;
}

tr:hover {
    color: #3979E0;
}

tr h5 {
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}

tr:hover h5 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.40) 100%);
    box-shadow: -8px 7px 73px 3px rgba(54, 74, 105, 0.10);
    color: #3979E0;
}

tr h5::after {
    content: url('https://www.expansivefm.com/hubfs/Platform_Tour/Iconography/arrow-right.svg');
    display: inline-block;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

tr:hover h5::after {
    opacity: 1;
}

.azure{
color: #3979E0;
  text-shadow: -8px 9px 24px rgba(146, 167, 201, 0.40);

}

h4 { font-size: 22px;
    font-weight: 700;
}

th, td {
    background-color: transparent;
    vertical-align: middle; /* Align content vertically in the middle */
    text-align: left; /* Optional: Center align text horizontally */
    padding: 10px; /* Optional: Add padding for better spacing */
  border: none;
}

p.mble {display: none;}
.new-bnr-logo {padding-top: 20px;}
.new-bnr-outer {background: none;}
.new-bnr-img img {width: 100%;
  filter: grayscale(100%); /* Convert image to greyscale by default */
      transition: filter 0.3s ease-in-out; /* Smooth transition for filter effect */;
      transition: transform 0.3s ease-in-out; /* Smooth transition for transform effect */

}
.new-bnr-img img:hover {
    filter: none; /* Cancel the filter effect on hover */
  transform: scale(1.5); /* Grow effect on hover */

}
.page-center {
  float: none!important;
  margin: 0 auto!important;
  max-width: 1240px;
  padding: 0 20px;
}
.new-bnr-outer {
    height: 100vh; /* Default height to fill the viewport */
    padding: 3.25rem 2rem 0 2rem;
    box-shadow: -28px 29px 94px 0px rgba(146, 167, 201, 0.20);
    border-radius: 1rem !important;
  
}

/* Media query for small screens (e.g., mobile devices) */
@media (max-width: 600px) {
    .new-bnr-outer {
        height: 60vh; /* Adjust height for small screens */
    }
}

/* Media query for medium screens (e.g., tablets) */
@media (min-width: 601px) and (max-width: 1024px) {
    .new-bnr-outer {
        height: 70vh; /* Adjust height for medium screens */
    }
}

/* Media query for large screens (e.g., desktops) */
@media (min-width: 1025px) {
    .new-bnr-outer {
        height: 80vh; /* Adjust height for large screens */
    }
}
.new-bnr-heading {padding-bottom: 24px;}
.new-bnr-text {padding-bottom: 39px;}
.ways-heading h2 {
  font-size: 2.25rem !important;
  font-style: normal;
  font-weight: 900;
  line-height: 63px;
  letter-spacing: -0.72px;
  text-transform: none;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: 0px 0px 20px 0px;
}

.new-bnr-text p {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  margin: 0;
}

.new-bnr-logo-heading h2 {
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.4px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.new-bnr-logo-heading {padding-bottom: 40px;}

.new-bnr-logo-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.new-bnr-logo-inner {flex: 0 14%;text-align: center;}

.new-bnr-btn {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-bottom: 30px;
}

/* .new-bnr-inner-1 a {
background: #ffa72b;
padding: 15px 25px;
font-size: 16px;
border-radius: 7px;
border: 0;
text-align: center;
transition: .35s cubic-bezier(0.4,0,0.2,1);
line-height: 21px;
font-weight: 700;
text-decoration: none;
color: #2f3a45;
display: inline-block;
width: auto;
}
.new-bnr-inner-1 a:hover {
background-color: #3979E0;
color:#fff ;
}
.new-bnr-inner-2 a:hover {
background-color: #FFA72B;
color: #2f3a45;
}
.new-bnr-inner-2 a {
padding: 16.18px 27px;
font-size:17px;
background:#3979E0;
border-radius: 7px;
border: 0;
cursor: pointer;
text-align: center;
transition: .35s cubic-bezier(0.4,0,0.2,1);
line-height: 22.647px;
font-weight: 700;
text-decoration: none;
color: #fff;
display: inline-block;
} */
@media only screen and (max-width: 847px) {
  .new-bnr-text p br { display: none;}
  .new-bnr-logo-sec {gap: 10px;}
}
@media only screen and (max-width: 600px) {
  .new-bnr-outer { background: none;}
  .new-bnr-outer {padding: 40px 0; border-radius: 2rem !important;}
  .new-bnr-heading h1 {
    font-size: 47px  !important;
    line-height: 43px  !important;
    letter-spacing: -0.47px;
  }
  .new-bnr-logo-heading h2 {
    font-size: 36px !important;
    letter-spacing: -.36px !important;
    line-height: 36px !important;
  }
}
@media only screen and (max-width: 767px) {
  .new-bnr-logo-sec {    text-align: center;  gap: 30px; }
  .new-bnr-logo-inner {flex: 0 100%;  }
  .new-bnr-logo-heading h2 {
    font-size: 26px !important;
    letter-spacing: -.25px;
    line-height: 1.15;
  }
}

}
@media only screen and (max-width: 479px) {
  p.desktop {display: none;}
  p.mble {display: block;}

  .new-bnr-img img {display: none;}

  .new-bnr-img-mobile img{ display:block !important; }

  .new-bnr-btn { display: block;padding-bottom: 15px;}
  .new-bnr-inner a, .new-bnr-inner a { width: 100%; }
  .new-bnr-inner { margin-bottom: 20px; }
}