/* Banner section start */
.features-orion-wrap {
  width: 899px;
}
.orion-video-wrap {
  height: 543px;
}
.orion-video-wrap .orion-banner {
  position: fixed;
  left: 0;
  width: 100%;
  height: 543px;
}
.orion-banner-content h1
{
  color: #FFF;
font-size: 64px;
font-weight: 700;
line-height: 80px;
margin: 0 0 54px 0;
}
.orion-video-wrap .orion-logo
{
  margin: 0 0 56px 0;
}
.orion-video-wrap.hide
{
  display: none !important;
}
.orion-cta
{
  background: linear-gradient(19deg, #FF2EFF -211.27%, #0096FF 220.34%);
  font-size: 18px;
  line-height: normal;
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 4px;
  transition: color .3s,background .3s,border .3s;
}
.orion-cta:hover
{
  background: linear-gradient(22deg, #0096FF -212.27%, #FF2EFF 300.34%);
  color: #fff;
}
/* Banner section end */

/* solutions box start */
.orion-solutions
{
  -webkit-box-shadow: 0px -59px 38px -4px rgba(0,0,0,0.95);
  -moz-box-shadow: 0px -59px 38px -4px rgba(0,0,0,0.95);
  box-shadow: 0px -59px 38px -4px rgba(0,0,0,0.95);
padding: 50px 0 140px 0;
}
.os-wrap
{
  gap: 24px;
}
.orion-solutions .solution-box
{
  display: flex;
width: 332px;
/* min-height: 350px; */
padding: 56px 32px ;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex-shrink: 0;
border-radius: 14px;
background: #1A1A1A;
}
.orion-solutions .solution-box .title
{
  color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin: 32px 0 16px 0;
}
.orion-solutions .solution-box .desc
{
  color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 21px; /* 150% */
}
/* solutions box end */

/* orion video start */
.orion-video
{
  padding: 70px 70px 140px 70px;
}
.orion-video-box
{
  display: flex;
  position: relative;
flex-shrink: 0;
border-radius: 10px;
padding: 30px 77px;
background: linear-gradient(31deg, #FF2EFF -40.08%, #3182FF 53.39%, #A1FDE4 114.93%);
}

/* Why Orion */
.why-orion
{
  padding: 0 0 140px 0;
}
.suite-section-heading h2 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3.2px;
}
.suite-section-heading h3 {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  margin: 16px 0 0 0;
}
.suite-section-heading h4 {
  color: var(--Black-60, rgba(0, 0, 0, 0.60));
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 27px; /* 150% */
margin-top: 16px;
}
.why-orion-content {
  margin-top: 90px;
  max-width: 896px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 36px 100px;
  background: transparent linear-gradient(180deg, #000000 0%, #1A1A1A 51%, #000000 100%) 0% 0% no-repeat padding-box;
}

.orion-suite.why-orion-content .msgs-left,
.orion-suite.why-orion-content .msgs-right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.orion-suite.why-orion-content .msgs-left {
  align-self: flex-start;
}

.orion-suite.why-orion-content .msgs-right {
  align-self: flex-end;
}

.orion-suite.why-orion-content .msg {
  color: var(--black-60, rgba(0, 0, 0, 0.6));
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 12px 16px;
}

.orion-suite.why-orion-content .msgs-left.msg {
  background: #1A1A1A 0% 0% no-repeat padding-box;
  border-radius: 15px 15px 15px 0px;
  max-width: 50%;
  color: #FFFFFF;
}

.orion-suite.why-orion-content .msgs-right.msg {
  background: transparent linear-gradient(29deg, #FFC4F8 -95.39%, #2388FF 81.45%, #00CEFF 118.18%) no-repeat padding-box;
  border-radius: 15px 15px 0px 15px;
  max-width: 55%;
  color: #003B67;
}

.orion-suite.why-orion-content .msgs-right.msg.scale-cost {
  max-width: 60%;
}
.orion-suite.why-orion-content .msgs-right.msg.attractive-msg {
  max-width: 65%;
}
.orion-suite.why-orion-content .msgs-right.msg.different-size {
  max-width: 50%;
}
.why-orion-content .msg {
  transform: translateY(650px);
  opacity: 0;
}

.why-orion-content .msg.show {
  animation: animate-in-view .9s ease-out forwards;
  -webkit-animation: animate-in-view .9s ease-out forwards;

  animation-name: animate-in-view;
  animation-duration: .9s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;

  -webkit-animation-name: animate-in-view;
  -webkit-animation-duration: .9s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;

}
.why-orion-content .chat-btn
{
  margin-top: 80px;
}

@keyframes animate-in-view {
  0% {
      transform: translate(0, 650px);
      opacity: 0;
  }
  35% {
      transform: translate(0, 325px);
      opacity: 0.5;
  }
  100% {
      transform: translate(0, 0);
      opacity: 1;
  }
}

@-webkit-keyframes animate-in-view {
  0% {
      -webkit-transform: translate(0, 650px);
      opacity: 0;
  }
  35% {
      -webkit-transform: translate(0, 325px);
      opacity: 0.5;
  }
  100% {
      -webkit-transform: translate(0, 0);
      opacity: 1;
  }
}

/* orion impact */
.orion-impact
{
  padding: 140px 0;
}
.orion-impact-img
{
  width: 955px;
  margin: 42px 0 0 0;
}

/* Orion Features */
.orion-features
{
  padding: 140px 0;
  background: linear-gradient(223deg, #FDF8FF -0.41%, #F4FAFF 61.45%, #E9E2FD 137.98%);
}
.orion-features .tabs_wrapper
{
  margin: 90px 0 0 0;
}

.orion-features .tabs_wrapper ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  padding: 0;
  width: 27%;
  min-width: 175px;
  list-style: none;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.orion-features .tabs_wrapper ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 8px 0 8px 20px;
  line-height: 30px;
  color: black;
  font-size: 18px;
  text-align: left;
  border-left: 2px solid #eee;
  font-weight: 500;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.orion-features .tabs_wrapper ul.tabs li:hover {
  color: #0096FF;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.orion-features .tabs_wrapper ul.tabs li.active {
  color: #0096FF;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-left: 4px solid #0096FF;
  margin-left: -2px;
}

.orion-features .tabs_wrapper .tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  width: 72%;
  min-width: 10px;
  text-align: left;
}

.orion-features .tabs_wrapper .tab_content {
  width: 770px;
  padding: 40px;
  height: 100%;
  display: none;
  border-radius: 16px;
  background: #FAFAFA;
  box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.06);
}

.orion-features .tabs_wrapper .tab_drawer_heading {
  display: none;
}
.try-cta {
  border-radius: 4px;
  border: 1px solid var(--aide, #0096FF);
color: var(--aide, #0096FF);
font-size: 16px;
font-weight: 600;
line-height: normal;
text-decoration: none;
padding: 12px 24px;
display: inline-block;
transition: color .3s,background .3s,border .3s;
}
.try-cta:hover
{
  background: #0096FF;
  color: #fff;
}
.orion-features .tabs_wrapper p {
  color: var(--black-60, rgba(0, 0, 0, 0.60));
  font-size: 14px !important;
  line-height: 21px !important;
}
.orion-features .tabs_wrapper .resources-box-img {
height: 296px;
flex-shrink: 0;
border-radius: 12px;
background: #E0E0E0;
}

@media screen and (max-width: 991.98px) {
  .orion-features .tabs_wrapper p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .orion-features .tabs_wrapper ul.tabs {
    display: none;
  }

  .orion-features .tabs_wrapper .tab_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: none;
  }
  .orion-features .tabs_wrapper .tab_content {
    padding: 40px;
    display: none;
    background: #f7f7f7;
  }
  .orion-features .tabs_wrapper .tab_drawer_heading {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M12 1.20594L6 8L-2.96978e-07 1.20595L1.065 4.30285e-07L6 5.58811L10.935 -1.14689e-09L12 1.20594Z' fill='black'/%3E%3C/svg%3E")
      no-repeat #f8f8f8;
    color: #000;
    padding: 16px 24px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 24px;
    background-position: 93% 24px;
  }
  .orion-features .tabs_wrapper .tab_drawer_heading:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M12 6.79406L6 2.62268e-07L-2.96978e-07 6.79405L1.065 8L6 2.41189L10.935 8L12 6.79406Z' fill='white'/%3E%3C/svg%3E")
      no-repeat #0096FF;
    color: #fff;
    background-position: 93% 24px;
  }

  .orion-features .tabs_wrapper .d_active {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M12 6.79406L6 2.62268e-07L-2.96978e-07 6.79405L1.065 8L6 2.41189L10.935 8L12 6.79406Z' fill='white'/%3E%3C/svg%3E")
      no-repeat #0096FF;
    color: #fff;
    background-position: 93% 24px;
    border-radius: 8px 8px 0px 0px;
  }
}

/* Orion related services */
.orion-rela-serv
{
  padding: 140px 0 200px 0;
}
.services-box-details
{
  gap: 24px;
  margin: 60px 0 0 0;
}
.services-box-details .resources-box
{
  border-radius: 8px;
  background: #FAFAFA;
  width: 331px;
  display: flex;
}
.services-box-details .resources-box .text-ca
{
  color: var(--black-60, rgba(0, 0, 0, 0.60));
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 150% */
}
.services-box-details .resources-box .lm-link
{
color: #0096FF;
text-decoration: none;
transition: 0.5s;
}
.services-box-details .resources-box .lm-link:hover
{
color: #000;
}

 /* Breakpoints */

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  }

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  .orion-features .tabs_wrapper .tab_content {
    width: 650px
  }
  .services-box-details .resources-box {
    width: 280px
  }
 }

 /* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .suite-section-heading h3 {
   font-size: 32px;
    line-height: 42px
  }
  .orion-video-box {
   width: 728px
  }
 }
 /* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .orion-video-box {
    width: 100%;
    height: auto;
    padding: 25px;
  }
  .orion-features .tabs_wrapper .tab_content {
    width: 100%;
  }
  .suite-section-heading h3 {
    font-size: 28px;
    line-height: 38px;
  }
  .orion-banner-content h1 {
    font-size: 44px;
    line-height: 60px;
  }
  .orion-suite.why-orion-content .msgs-right.msg, .orion-suite.why-orion-content .msgs-right.msg.attractive-msg, .orion-suite.why-orion-content .msgs-right.msg.scale-cost, .orion-suite.why-orion-content .msgs-right.msg.different-size, .orion-suite.why-orion-content .msgs-left.msg {
    max-width: 80%;
  }
  .why-orion-content {
    padding: 36px;
  }
  .orion-solutions .solution-box {
    width: 290px;
  }
  .why-orion {
    padding: 0 0 40px 0;
  }
  .orion-impact, .orion-features, .orion-rela-serv {
    padding: 80px 0;
  }
  .orion-features .tabs_wrapper {
    margin: 40px 0 0 0;
  }
  }

 
/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }