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

}

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


}
.tabs {
    height: 68px;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition for slide effect and background */
    background-color: transparent; /* Ensure no background color */
    border-radius: 2rem; /* Rounded corners */
  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 {
    transform: translateX(10px); /* Slide effect to the right on 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; /* Rounded corners */
    color: #3979E0;

}

tr {
      color: #000000; /* Inherit initial text color */
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition for slide effect and background */
}

tr:hover {
    transform: translateX(10px); /* Slide effect to the right on hover */
        color: #E63946; /* New text color on hover */
}





tr:hover h5 {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.40) 100%);
    background-size: cover; /* Ensure the background image covers the entire element */
box-shadow: -8.002px 7.002px 73.016px 3.001px rgba(54, 74, 105, 0.10);
    vertical-align: middle;
    border-radius: 10px; /* Rounded corners */
    transform: translateX(-70px); /* Slide effect to the right on hover */
    transition: transform 0.3s ease-in; /* Ease in from the left */
    padding: 2vw 2vw;
    height: auto;
    width: auto; /* Ensure the width hugs the contents */
    display: inline-flex; /* Ensure the element hugs its contents and includes the icon */
    align-items: center; /* Center align the contents vertically */
    position: relative; /* Required for positioning the icon */

}


tr:hover h5::after {
  content: url('https://www.expansivefm.com/hubfs/Platform_Tour/Iconography/arrow-right.svg');  
  display: inline-block;
    margin-left: 10px;
    width: 24px; /* Adjust the size as needed */
    height: 24px; /* Adjust the size as needed */
    transition: margin-left 0.3s ease-in-out; /* Smooth transition for icon appearance */

}

.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; }
}