/*BUTTON*/
.wp-block-button .has-blue-2-background-color:after, 
.wp-block-button .has-blue-2-background-color:before {
    content: none !important;
}

.wp-block-button .has-blue-2-background-color {
    background: linear-gradient(135deg, #0B308F, #1783FF);
    clip-path: polygon(0% 0%, calc(100% - 41px) 0%, 100% 100%, 41px 100%);
}

.wp-block-button:before {
    left: 10px;
    bottom: -18px;
}
.wp-block-button:hover:before {
    left: 17px !important;
}

.wp-block-button.blue-2 {
    margin: 0 !important;
}

.wp-block-button__link {
    padding: 0 30px; /*0 50px*/
}

.wp-block-button .has-blue-2-background-color.wp-block-button__link {
    padding: 0 42px;
}

/*ARROWS CAROUSEL*/

.ctrl-side {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border: 2px solid #5aaaff;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 0 0 0 transparent;
  z-index: 2;
}
.ctrl-side:hover {
  transform: scale(1.04);
  box-shadow: 0 2px 10px rgba(23, 131, 255, 0.3);
}
.ctrl-side:disabled {
  opacity: 0.35;
  cursor: default;
  transform: none;
}
.ctrl-side svg {
  width: 24px;
  height: 24px;
  display: block;
}

/*QUOTES*/
.quotes h2:before {
    content: none !important;
}

.quotes {
    margin: 50px 0 clamp(10px,2vw,30px) 0 !important;
}

.quotes .items {
   margin: 0 40px;

}
.quotes-wrapper {
  position: relative;
}

.quotes .item {
    border: none !important;
    background-color: #072151;
    background-image: url(/wp-content/uploads/2026/03/customer-quotes-background.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 12px;
}
.quotes .item:before,
.quotes .item:after {
    content: none !important;
}

.quotes .slick-slide {
    box-sizing: border-box;
}

.quotes .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0 !important;
}

.quotes .slick-track {
    display: flex !important;
    align-items: stretch;
}

.quotes .slick-slide {
    height: auto;
}

.quotes .slick-slide > div,
.quotes .slick-slide .item {
    height: 100%;
}

.quotes .ctrl-side {
    position: absolute;
    bottom: 50%;
}
.quotes .ctrl-side.right {
    right: 0;
}

.quotes .author strong {
    font-size: 18px;
    line-height: 1.35em;
    color: #3BB0CA ;
}

.quotes .author {
    font-size: 16px !important;
    line-height: 1.35em !important;
    color: #929393 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    border-left: none !important;
    padding: 0 !important;
}


.quotes .item p {
    font-size: 18px;
    line-height: 1.35em;
    color: #fff;
    font-weight: 400;
}

.quotes .title h2 {
    margin-bottom: 50px !important;
    line-height: 68px !important;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .quotes {
         margin: 50px 0 50px !important;
    }
}

@media (max-width: 767px) {
.quotes .item p {
    font-size: 14px ;
}
.quotes .author strong{
    font-size: 14px ;
}
.quotes .author{
    font-size: 12px !important;
}
.quotes .item {
    padding: 20px;
}
.quotes {
    margin: 0 0 10px !important;
}
.carousel-what-we-do .wp-block-image img {
    width: 100%;
}
}

/*HOW WE DO IT*/

.how-we-do-it .wp-block-media-text.slide-certified .wp-block-media-text__media::after {
    content: "*ISO 9001 and 45001 (certificates issued to Beyondsoft International (Singapore) Pte Ltd). ISO 27001 (certificates issued to Beyondsoft International (Singapore) Pte Ltd, Beyondsoft (Malaysia) Sdn. Bhd., and Beyondsoft Consulting Inc., Bellevue, WA, USA)" !important;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 12px 12px;
    font-size: 12px;
    line-height: 1.15;
    max-width: 70%;
    color: #000000;
}

.how-we-do-it .slide-certified .wp-block-media-text__media {
 height: 260px;
}

.how-we-do-it .wp-block-media-text{
    padding: 0;
}

.how-we-do-it .wp-block-media-text__media:before {
    content: none !important;
}

.how-we-do-it .wp-block-cover__inner-container,
.how-we-do-it .wp-block-group__inner-container {
    max-width: none !important;
    padding: 0 !important;
}

.how-we-do-it .wp-block-media-text.slide {
  height: 260px;
  display: flex !important;
  margin-right: 45px;
  outline: none;
  gap: 0;

}

.how-we-do-it .slide .wp-block-media-text__media {
  width: 60%;
  flex-shrink: 0;
  overflow: hidden;
}

.how-we-do-it .slide .wp-block-media-text__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

.how-we-do-it .slide:hover .wp-block-media-text__media img { 
    transform: scale(1.04); 
}

.how-we-do-it .slide .wp-block-media-text__content {
  width: 40%;
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 50px;
  position: relative;
}

.slide-position-img-success-factors .wp-block-media-text__media img {
   object-position: right top;
   transform: translateY(70px);
}

.how-we-do-it .carousel-controls {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 100px 25px 0;
}

.how-we-do-it  .has-large-font-size {
    font-size: 42px !important;
    line-height: 1.35em;
}

.title-color {
    font-size: 50px;
    line-height: 1.0em;
    font-weight: 700;
}

h2.wp-block-heading.page-home-title {
    margin-bottom: 50px !important;
}


.home-text-24-7-color {
    font-size: 48px !important;
    font-weight: 500 !important;
}

.number-color{
   background: linear-gradient( to right, #1783FF 0%,  #0B308F 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 64px;
  line-height: 1.0em;
  font-weight: 900;
}

.how-we-do-it h4.text-section-how-we-do-it{
    max-width: 800px;
    font-size: 20px;
    line-height: 1.35em;
    margin: 0 auto !important;
    padding-bottom: 30px ;
}

@media (min-width: 1024px) {
    .section-carousel-what-we-deliver .carousel-controls {
        display: none !important;
    }
}

@media (max-width: 1024px) {

.how-we-do-it .wp-block-media-text.slide-certified .wp-block-media-text__media {
  position: relative !important;
}

.how-we-do-it .wp-block-media-text.slide-certified .wp-block-media-text__media::after {
  content: "*ISO 9001 y 45001 (certificados emitidos a Beyondsoft International (Singapore) Pte Ltd). ISO 27001 (certificados emitidos a Beyondsoft International (Singapore) Pte Ltd, Beyondsoft (Malaysia) Sdn. Bhd., y Beyondsoft Consulting Inc., Bellevue, WA, USA)" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  left: 0 !important;
  max-width: 100% !important;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%) !important;
  padding: 12px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  color: #000000 !important;
  z-index: 10 !important;
}
}


@media (max-width: 1024px) and (min-width: 768px) {
.section-space-our-success-factors .wp-block-spacer{
    max-height: none !important;
 }
.how-we-do-it .slide .wp-block-media-text__content {
    padding: 32px;
}
.how-we-do-it .slide .wp-block-media-text__media {
    height: 100% !important;
}
.how-we-do-it h4.text-section-how-we-do-it {
    padding-right: 20px;
    padding-left: 20px;
}

.home-text-24-7-color {
    font-size: 44px !important;
}
.slide-position-img-success-factors .wp-block-media-text__media img {
   transform: translateY(0px);
}

}


@media (max-width: 767px) {
.section-space-our-success-factors .wp-block-spacer{
    max-height: 60px !important;
 }
.how-we-do-it .has-large-font-size {
    font-size: 30px !important;
}

.title-color {
    font-size: 36px;
}

.home-text-24-7-color {
    font-size: 30px !important;
}

.number-color{
    font-size: 40px;
}

.how-we-do-it .slide .wp-block-media-text__content {
    padding: 20px 10px;
}

.how-we-do-it .wp-block-media-text.slide {
    margin-right: 20px;
}

.how-we-do-it .wp-block-media-text * {
        font-size: 16px;
        line-height: 1.35em;
    }
    
.how-we-do-it .slide .wp-block-media-text__media{
    width: 50%;
    height: 100%;
}

.how-we-do-it .slide .wp-block-media-text__content{
    width: 50%;
}

.how-we-do-it h4.text-section-how-we-do-it {
    padding: 0 20px 20px 20px;
}

.how-we-do-it .carousel-controls {
    justify-content: center;
    padding: 0 0 25px 0;
}
.slide-position-img-success-factors .wp-block-media-text__media img {
   transform: translateY(0px);
}

}

.what-we-do .wp-block-media-text h2 {
   font-size: 30px;
   line-height: 1.35em;
}


.what-we-do .wp-block-media-text__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 255px;
    padding-top: 15px;
    padding: 15px 20px 0 20px;
    background: #fff;
}

.what-we-do .wp-block-media-text__content p {
    margin-bottom: 0 !important;
}


.what-we-do .wp-block-media-text h2 {
    margin-bottom: 0;
}

.what-we-do .wp-block-media-text{
    padding: 0 ;
    margin: 40px 7px;
    box-shadow: 0px 3px 10px 0px rgba(37, 77, 181, 0.20);
}

.what-we-do .wp-block-media-text:not(.custom) .wp-block-media-text__media:before {
    transform: none;
    border: none;
    top: 0;
    left: 0;
}


.what-we-do .wp-block-media-text:not(.custom) img {
    min-height: 340px;
}

.button-what-we-do .wp-block-button__link:after {
     left: 0; 
     right: 0; 
     border-top: none; 
     border-bottom:none;
}

.button-what-we-do .wp-block-button__link:before {
    content: none;
}

.button-what-we-do .wp-block-button__link {
    background-color: transparent;
    color: #7E7676;
    text-transform: none;
    text-decoration: underline;
    padding: 0;
    font-weight: 500;
}

.wp-block-media-text__content .wp-block-button.button-what-we-do {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: left;
}

.button-what-we-do.wp-block-button:before {
    content: none !important;
    left: 0;
    bottom: 0;
}

.what-we-do .carousel-controls {
    display: flex;
    gap: 10px;
    justify-content: end;
    padding-right: 14px;
}

.col-button-view-services .wp-block-buttons {
    justify-content: end !important;
    margin: 0 !important;
}

.what-we-do .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.what-we-do h2.wp-block-heading.has-text-align-left.has-black-color.has-text-color {
    margin-bottom: 25px;
}

.what-we-do p.has-black-color {
    font-size: 20px !important;
    line-height: 1.35em;
    margin-bottom: 0;
}

.section-what-we-deliver {
    padding: 30px 7px 10px !important;
}

div#what-we-deliver {
    padding: 0 20px;
}

.expandable-card .wp-block-buttons{
    margin: 0 0 20px 0 !important;
    margin-top: auto !important;
}


@media (max-width: 1024px) {
    .section-what-we-deliver {
        flex-wrap: wrap !important;
        gap: 20px !important;
        padding: 0 20px !important;
    }
    .what-we-do .wp-block-media-text:not(.custom) img {
    max-height: 300px;
}
.col-button-view-services .wp-block-buttons {
    justify-content: left !important;
}
.what-we-do .wp-block-media-text__content {
    height: 185px;
}
}

@media (max-width: 767px){
.col-button-view-services .wp-block-buttons {
    justify-content: left !important;
}
.what-we-do .wp-block-media-text__content {
    height: 195px;
}
}

.home-section-principal-introducing{
    position: relative;
    z-index: 2;
    margin-top: 40px;
}

.page-id-2 .home-banner-section {
    margin-top: -230px ;
}

.text-home-banner-introducing .wp-block-column {
    display: flex ;
    justify-content: center;
    align-items: center;
}

.text-home-banner-introducing{
    padding: 20px 0 !important;
}

.text-home-banner-introducing p {
    margin: 0 !important;
    font-size: 20px;
    line-height: 1.35em;
}

.link-section-introducing {
    font-size: 16px;
    line-height: 1.35em;
    text-decoration: underline;
}


.page-id-2 .home-tabs {
    margin-top: 0 !important;
    border-top: none;
    border-bottom: none;
    background: linear-gradient(90deg, #0A62AA 0%, #3BAFCA 100%);
}

.page-id-2 .home-tabs .navbar > ul > li > a {
    color: #fff;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 16px !important;
}

.home-tabs .navbar > ul > li:hover::after {
    border-bottom: none !important;
}

.home-tabs .navbar > ul > li > a:hover {
    color: #fff !important;
}

.home-banner-section p.has-medium-font-size {
   font-size: 20px !important;
   line-height: 1.35em;
   width: 80%;
   font-weight: 400;
}

.home-banner-section .has-blue-2-color {
    color: #3BB0CA;
}


@media (max-width: 1280px) and (min-width: 1025px){
.home-tabs .filters > ul > li > ul{
min-height: 100px;
}
}


@media (max-width: 1024px) and (min-width: 768px) {
    .home-banner-section p.has-medium-font-size{
         width: 50%;
    }
}

@media (max-width: 767px) {
    .home-banner-section p.has-medium-font-size{
         width: 100%;
    }
    .home-banner-section .section-what-we-deliver {
        padding: 0 !important;
    }
    .home-banner-section h2.wp-block-heading{
        font-size: 28px;
        line-height: 1.35em;
    }
    .home-banner-section .has-blue-2-color {
        font-size: 55px;
    }
    .home-banner-section p.has-medium-font-size {
        font-size: 18px !important;
    }
    .text-home-banner-introducing p {
    font-size: 16px;
    }
    .link-section-introducing {
        font-size: 14px;
    }
}

.page-id-1043552 h1:before {
    content: none !important;
}
.page-id-1043552 h1 {
    color: #0065B2;
    padding: 0 20px;
    margin-bottom: 30px;
}


.page-id-1043551 h1:before {
    content: none !important;
}
.page-id-1043551 h1 {
    color: #0065B2;
    padding: 0 20px;
    margin-bottom: 30px;
}

.title-secction-what-we-do {
    font-size: 30px !important;
    line-height: 1.35em;
    margin-bottom: 30px !important;
    padding: 0 20px;
}

.breadcrumbs-what-we-do {
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.35em;
}

.section-services-bc.breadcrumbs-what-we-do { padding: 0 20px !important; margin-bottom: 50px;}

@media (max-width: 767px) {
    article h1 + p.has-black-color.has-text-color[class*="breadcrumbs-"]{padding: 0 !important;}
    .page-id-1043551 h1 { padding: 0 ; }
}

.section-what-we-do {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
}

.section-what-we-do h2.wp-block-heading {
    font-size: 30px !important;
    line-height: 1.35em;
    margin-bottom: 25px !important;
    padding: 0 20px;
}
.section-what-we-do h2.wp-block-heading a{ color: black; transition: all 0.2s; }
.section-what-we-do h2.wp-block-heading a:hover{ color: var(--cyan); }
.section-what-we-do p {
    font-size: 20px !important;
    line-height: 1.35em;
}

.text-carousel-what-we-do {
    padding: 0 20px;
}

.carousel-button a {
    text-decoration: underline;
}

.carousel-button a:hover {
    color: #fff !important;
}

.carousel-what-we-do { 
    position: relative; 
    overflow: hidden; 
}

.section-what-we-do { 
    display: none !important; 
}

.section-what-we-do.active { 
    display: grid !important; 
}

.carousel-arrow {
  background: none; 
  border: none; 
  font-size: 22px;
  cursor: pointer; 
  color: #000; 
  padding: 0 4px;
}
.carousel-arrow:hover{
  color: #1783FF; 
}
.carousel-num {
  width: 30px; 
  height: 30px; 
  border-radius: 4px;
  border: none; 
  background: transparent;
  cursor: pointer; 
  font-size: 16px; 
  color: #555;
}
.carousel-num:hover,
.carousel-num-active {
  background: linear-gradient(to left, #1783FF 0%, #0B308F 100%); 
  color: #fff; 
  border-color: #2563eb;
  border-radius: 0;
}


.section-what-we-do .wp-block-columns {
    padding: 20px !important;
}

.section-what-we-do p.has-white-color {
    margin: 0 !important;
}


.section-what-we-do .wp-block-column {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 25px 0px rgba(37, 77, 181, 0.15);
}

.section-what-we-do .wp-block-column p {
  flex: 1;
}

.section-what-we-do .wp-block-column .wp-block-buttons {
  margin-top: auto;
}

@media (max-width: 1024px) and (min-width: 768px)  {
    .section-what-we-do .wp-block-columns {
    padding: 15px !important;
    }
    .section-what-we-do {
        gap: 0 !important;
    }
}

@media (max-width: 767px){
.section-what-we-do {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0;
}
.section-what-we-do .wp-block-columns {
    padding: 15px 0 !important;
}
.section-what-we-do .wp-block-columns p {
    padding: 0 15px !important;
}
.section-what-we-do h2.wp-block-heading {
    font-size: 20px !important;
}
.title-secction-what-we-do {
    font-size: 26px !important;
    padding: 0 !important;
}
.section-what-we-do p {
    font-size: 16px !important;
}
.page-id-1043552 h1, 
.breadcrumbs-what-we-do {
    padding: 0 !important;
}
}

/*Header*/

header nav.menu > ul > li:nth-child(1):hover > a, header nav.menu > ul > li:nth-child(1).current-menu-item > a,
header nav.menu > ul > li:nth-child(2):hover > a, header nav.menu > ul > li:nth-child(2).current-menu-item > a,
header nav.menu > ul > li:nth-child(3):hover > a, header nav.menu > ul > li:nth-child(3).current-menu-item > a,
header nav.menu > ul > li:nth-child(4):hover > a, header nav.menu > ul > li:nth-child(4).current-menu-item > a,
header nav.menu > ul > li:nth-child(5):hover > a, header nav.menu > ul > li:nth-child(5).current-menu-item > a,
header nav.menu > ul > li:nth-child(6):hover > a, header nav.menu > ul > li:nth-child(6).current-menu-item > a {
    background-image: none !important;
}

header nav.menu > ul > li:nth-child(2).current-menu-ancestor > a { background-image: none !important;color: #000 !important;}
header nav.menu > ul > li:nth-child(2).current-menu-ancestor > a:hover { color: #03b0c9 !important;}

header nav.menu > ul > li:hover > a, header nav.menu > ul > li.current-menu-item > a {
    color: #03b0c9 !important;
}

ul.icon-header-container {
    justify-content: end;
    padding-right: 40px;
    padding-top: 15px;
}

.icon-header-container  .acessibility, .icon-header-container  .locations, .icon-header-container  .search {
    padding-bottom: 5px;
}

.icon-header-container .acessibility ul {
    top: 60px !important;
    background: linear-gradient(135deg, #0B308F, #1783FF);
}

.icon-header-container .locations ul#menu-locations {
    top: 45px !important;
    background: linear-gradient(135deg, #0B308F, #1783FF);
}

.icon-header-container .search ul {
    top: 60px !important;
    background: linear-gradient(135deg, #0B308F, #1783FF);
}

header nav.menu > ul > li.menu-item-has-children:hover > a:before, header nav.utility .acessibility.active > a:before, header nav.utility .search.active > a:before, header nav.utility .locations.active > a:before {
    background: #0065B2 !important ;
}

header nav.menu > ul > li > ul, header nav.utility .acessibility > ul, header nav.utility .search > ul, header nav.utility .locations > ul {
    background: linear-gradient(135deg, #0B308F, #1783FF);
}


.page-id-2 .header-transparent a {
   color: #fff !important;
}

.page-id-2 header nav.utility .button:hover:after {
right: 12px;
}


.sticky-menu {
    padding: 20px 0 !important;
}

body.overlay:before {
    background: none !important;
}

.button-home-color {
    background: linear-gradient(135deg, #1783FF, #0B308F) !important;
    clip-path: polygon(0% 0%, calc(100% - 41px) 0%, 100% 100%, 41px 100%) !important;
    padding: 20px 40px;
}

.container-header-button .button {
    background-image: url(/wp-content/uploads/2026/04/img-button-header-home.webp) !important;
}

.header-transparent.sticky-menu .container-header-button .button {
    color: #fff !important;
}

.container-header-button .button:after  {
    content: url(/wp-content/uploads/2026/04/img-line-button-header.webp) !important;
}

.sticky-menu .menu-header-home a  { color: #fff !important;}
@media (min-width: 1316px) {
    .sticky-menu .menu-header-home a  { color: #000 !important;}
}
.sticky-menu .menu-header-home .sub-menu a {
   color: #fff !important;
}
 
header nav.utility .container-header-button:after {
    bottom: 5px !important;
    content: url(/wp-content/uploads/2026/04/line-button-header.webp) !important;
}
header nav.utility .container-header-button:hover:after {
    bottom: 21px !important;
}

header nav.menu > ul > li:nth-child(2).current-menu-ancestor > a {
    color: #03b0c9 !important;
}




@media (max-width: 1740px) and (min-width: 1315px){
header nav.utility .locations > ul {
    top: 85px !important;
    left: -237px !important;
}
}


@media (max-width: 1315px) {
    header .utility {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        margin-top: 30px;
        margin-right: 20px;
    }
    header nav.utility > ul {
        display: flex;
        gap: 10px;
        padding: 0;
        align-items: baseline;
}
    header .menu-wrapper{ 
        background: linear-gradient(135deg, #0B308F, #1783FF); 
        height: calc(100vh - 130px);
        top: 130px;
}
    header nav.menu > ul > li > ul > li.menu-item-has-children > a, header nav.utility .acessibility > ul > li > a, header nav.utility .search > ul > li > a {
         font-size: 30px;
         line-height: 1.35em;
}
    header nav.menu > ul > li > ul > li.empty > a {
         display: none !important;
}
header nav.menu > ul > li > ul > li:hover,
header nav.menu > ul > li > ul > li.current-menu-item,
header nav.menu > ul > li > ul > li.current-menu-ancestor,
header nav.utility .locations li:hover {
    background-color: transparent;
}
#menu-item-1043571.menu-item-has-children > a::after, 
#menu-item-1044509.menu-item-has-children > a::after,
#menu-item-1043661.menu-item-has-children > a::after {
    content: '+';
    padding-left: 10px;
}
}

@media (max-width: 1024px) and (min-width: 768px)  {
.page-id-2 .wp-block-cover .wp-block-cover__inner-container{
   padding-top: 200px;
}
.page-id-2 .section-what-we-deliver.wp-block-cover .wp-block-cover__inner-container{
   padding-top: 50px !important;
   padding-bottom: 50px !important;
}
.page-id-2 .home-banner-section {
    margin-top: -200px ;
    min-height: 800px;
}
.header-transparent {
    padding: 0 20px;
}
}

@media (max-width: 767px) {
    .page-id-2 .home-banner-section {
    margin-top: -215px;
    min-height: 700px !important;
}
.page-id-2 .wp-block-cover .wp-block-cover__inner-container{
   padding-top: 220px;
}
.page-id-2 .section-what-we-deliver.wp-block-cover .wp-block-cover__inner-container{
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}
.header-transparent {
    padding: 0 5px;
}
}

.postid-1043555 h1 {
    color: #0065B2 !important;
}

.postid-1043555 h1:before {
    content: none !important;
}


.section-banner-data-and-ai {
    margin-bottom: 0 !important;
    padding: 80px 0 80px 0 !important;
}

.section-banner-data-and-ai h2  {
    font-size: 58px !important;
    line-height: 1.35em !important;
    margin-bottom: 20px;
}

.section-banner-data-and-ai .wp-block-cover__inner-container > h3.font-58{max-width: 980px; margin: auto;}

.section-banner-data-and-ai p {
    font-size: 20px !important;
    line-height: 1.35em !important;
}

.breadcrumbs-data-and-ai {
    font-size: 14px;
    line-height: 1.35em;
}

.list-section-tabs {
    padding: 0px 10px 0px 35px !important;
    background: #fff;
    margin-bottom: 20px !important;
    font-size: 20px;
    box-shadow: 0px 4px 28px 0px rgba(37, 77, 181, 0.35);
}


.last-list-tabs-data-and-ai {
    padding: 0px 10px 0px 35px !important;
    background: #fff;
    margin-bottom: 20px !important;
    font-size: 20px;
    box-shadow: 0px 4px 28px 0px rgba(37, 77, 181, 0.35);
}

.section-tabs-data-and-ai h2.wp-block-heading {
    margin-bottom: 45px !important;
}

.section-tabs-data-and-ai  h3.wp-block-heading {
    margin-top: 70px !important;
    margin-bottom: 40px !important;
    font-size: 30px !important;
    line-height: 1.35em;
    color: #000 !important;
}

.section-tabs-data-and-ai article .wp-block-columns {
    gap: 30px !important;
}

article .wp-block-columns {
    padding: 0 !important;
}

.section-tabs-img-data-and-ai-services {
    background-image: url(/wp-content/uploads/2026/04/banner-img-ai-services.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-tabs-img-data-and-ai {
    background-image: url(/wp-content/uploads/2026/04/img-banner-data-services.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-tabs-img-robotics {
    background-image: url(/wp-content/uploads/2026/04/robotics-section.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-tabs-img-digital-engineering {
    background-image: url(/wp-content/uploads/2026/04/img-digital-engineering.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.button-tabs-data a {
    font-size: 18px !important;
    line-height: 1.35em !important;
    text-decoration: underline !important;
    color: #0070F0  !important;
    margin-top: 30px;
    margin-bottom: -80px;
    font-weight: 700;
}

.button-tabs-ai a {
    font-size: 18px !important;
    line-height: 1.35em !important;
    text-decoration: underline !important;
    color: #0070F0  !important;
    margin-top: 30px;
    margin-bottom: -80px;
    font-weight: 700;
}

.button-tabs-data a:hover,
.button-tabs-ai a:hover {
    text-decoration: none !important;
}

.wrapper-data-and-ai {
      width: 100%;
}

.panel-container-data-and-ai {
      background: transparent;
      border-radius: 0 4px 4px 4px;
      overflow: hidden;
    }

.tab-bar {
      display: flex;
      gap: 8px;
      margin-bottom: 0;
      justify-content: center;
      margin-bottom: 70px;
    }
    
.tab-btn {
  padding: 11px 28px;
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  background: #F0F7FF;
  color: #525252;
  position: relative;
  transition: color 0.2s;
}
.tab-btn.active {
  background: linear-gradient(180deg, var(--tab-active-from) 0%, var(--tab-active-to) 100%);
  color: #fff;
  background: #0065B2;
  font-size: 20px;
  line-height: 1.35em;
}
.tab-btn:not(.active):hover {
  color: var(--blue-mid);
}
.panel-container-data-and-ai .panel {
  display: none !important;
}
.panel-container-data-and-ai .panel.active-panel {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: stretch;
  animation: panelIn 0.35s ease;
}

.faq-data-and-ai {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.faq-data-and-ai h3 {
    font-size: 18px !important;
    line-height: 1.35em;
    margin-bottom: 0 !important;
}

.faq-data-and-ai .wp-block-accordion-item {
    background-color: transparent;
    padding: 0;
}

.faq-data-and-ai .wp-block-accordion-heading__toggle {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.2s;
    color: #ffffff;
    padding: 15px 10px 15px 19px;
}
.faq-data-and-ai .wp-block-accordion-heading__toggle:hover {
    background: linear-gradient(135deg, #0B308F, #1783FF) !important;
}
.faq-data-and-ai .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle {
    background: linear-gradient(135deg, #0B308F, #1783FF);
    color: #ffffff;
    padding: 15px 10px 15px 19px;
}

.text-faq-data-and-ai p {
    margin: 0 !important;
    padding-top: 30px;
}

/* Ocultar el ícono original */
.faq-data-and-ai .wp-block-accordion-heading__toggle-icon {
    font-size: 0;
    color: transparent;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2026/04/arrow-faq.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.faq-data-and-ai .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.faq-data-and-ai .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: rotate(0deg);
}

/* Ícono cuando está abierto */
.faq-data-and-ai .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
    background-image: url('/wp-content/uploads/2026/04/arrow-faq-open.webp');
}


@media (max-width: 1024px) and (min-width: 768px) {
    .panel.active-panel {
        display: flex;
        flex-direction: column;
        gap: 0 !important;
    }
    .section-banner-data-and-ai h2 {
        font-size: 48px !important;
    }
    .section-tabs-data-and-ai h2.wp-block-heading {
        margin-bottom: 20px !important;
    }
    .list-section-tabs, .last-list-tabs-data-and-ai {
       font-size: 16px !important;
       box-shadow: 0px 4px 28px 0px rgba(37, 77, 181, 0.15);
    }
    .section-banner-data-and-ai .wp-block-columns-is-layout-flex {
        padding: 0 !important;
    }
    .faq-data-and-ai .wp-block-accordion-item {
        width: 80%;
    }
    .section-cloud-services-banner .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow,
    .section-business-process-banner .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 100% !important;
    }
    .section-cloud-services-banner .beveled_corner img,
    .section-business-process-banner .beveled_corner img {
    height: 300px;
    }
}

@media (max-width: 640px) {
 .panel-container-data-and-ai .panel.active-panel { 
    display: flex !important;
    flex-direction: column;
    grid-template-columns: 1fr; 
}

.section-tabs-data-and-ai h2.wp-block-heading {
    margin-bottom: 30px !important;
}

.section-tabs-data-and-ai div#panel-data, .section-tabs-data-and-ai div#panel-ai {
    padding-top: 0 !important;
}

.section-banner-data-and-ai h2 {
    font-size: 40px !important;
}
.section-tabs-data-and-ai h3.wp-block-heading {
    font-size: 28px !important;
    margin-top: 45px !important;
    margin-bottom: 30px !important;
    box-shadow: none;
}
.list-section-tabs, .last-list-tabs-data-and-ai {
   font-size: 16px !important;
   box-shadow: 0px 4px 28px 0px rgba(37, 77, 181, 0.15);
}

.tab-btn {
    padding: 14px 8px;
    font-size: 16px;
}
.tab-btn.active{
    font-size: 16px;
}
.section-tabs-img-data-and-ai{
    min-height: 300px;
}
.section-tabs-img-data-and-ai-services {
    min-height: 300px;
}
.section-banner-data-and-ai .wp-block-columns-is-layout-flex {
    padding: 0 !important;
}
.faq-data-and-ai .wp-block-accordion-item {
    width: 100%;
}
.text-faq-data-and-ai p {
    font-size: 16px !important;
}
}


/* Container */
.carousel-logo-data-and-ai {
    position: relative;
    margin: 0 40px;
}

/* arrow */
.carousel-logo-data-and-ai .slick-prev,
.carousel-logo-data-and-ai .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    width: 24px;
    height: 25px;
    background: none;
    border: none;
    padding: 0;
}

a.slick-next.ctrl-side.right.slick-arrow, a.slick-prev.ctrl-side.left.slick-arrow {
    width: 25px;
    height: 26px;
    border: 2px solid #5aaaff;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 0 0 0 transparent;
    z-index: 2;
    margin-top: -20px;
}

.carousel-logo-data-and-ai .slick-prev {
    left: -40px;
}

.carousel-logo-data-and-ai .slick-next {
    right: -40px;
}

.carousel-logo-data-and-ai .slick-prev::before,
.carousel-logo-data-and-ai .slick-next::before {
    display: none;
}

/* Dots */
.carousel-logo-data-and-ai .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 6px;
    padding: 12px 0 0;
    list-style: none;
    margin: 0;
    width: 100%;
}

.carousel-logo-data-and-ai .slick-dots li {
    background: #09205C;
    width: 12px;
    height: 12px;
}
.carousel-logo-data-and-ai .slick-dots li:hover , .carousel-logo-data-and-ai .slick-dots li.slick-active {
    background: linear-gradient(135deg, #0B308F, #1783FF);
}

.carousel-logo-data-and-ai .slick-dots li.slick-active button {
    background: #1783FF;
}

.wp-block-group__inner-container,
.wp-block-group {
    overflow: visible !important;
}

.carousel-logo-data-and-ai .slick-arrow:after {
    content: none !important;
}

.carousel-logo-data-and-ai.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 80% !important;
    max-height: 70px;
    object-fit: contain;
    margin: auto 0 !important;
}

.carousel-logo-data-and-ai.wp-block-gallery.has-nested-images figure.wp-block-image {
    align-items: center ;
}

.carousel-logo-data-and-ai .slick-track {
    display: flex;
    align-items: center;
}


@media (max-width: 1024px) and (min-width: 768px) {
    .carousel-logo-data-and-ai.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 75% !important;
}
}

@media (max-width: 767px) {
a.slick-next.ctrl-side.right.slick-arrow, a.slick-prev.ctrl-side.left.slick-arrow{
   width: 15px;
   height: 16px;
}
.carousel-logo-data-and-ai.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 75% !important;
}
}

.related-insights.alignfull {
    background: url(/wp-content/uploads/2026/04/img-section-related-insights.webp);
    padding: 100px 0;
    margin-top: 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.related-insights-wrapper h2 {
    text-align: center;
}

.related-insights-wrapper .slick-track {
    /* gap: 80px; */
    /* display: flex; */
}
.related-insights .insights .item {
    background: #fff;
    margin: 20px 26px 28px;
    box-shadow: 0 4px 28px 0 rgba(37, 77, 181, 0.35);    
}
.related-insights .insights .item:hover .wp-block-button::before {
  left: 17px !important;
  bottom: -3px;
}

.insights .item, .customer-stories-wrapper .item {
    border-color: transparent !important;
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.insights .item:hover, .customer-stories-wrapper .item:hover {
    transform: scale(1.01);
}

.related-insights .insights .item:after {
    content: none !important;
}
.related-insights .slick-initialized .slick-slide {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 485px;
    justify-content: space-between;
}
.related-insights-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}
.related-insights-content,
.customer-stories-content {
    position: relative;
}
.related-insights .ctrl-side.right,
.customer-stories-slider .ctrl-side.right{
    right: 0;
}
.related-insights .ctrl-side,
.customer-stories-slider .ctrl-side{
    position: absolute;
    bottom: 50%;
}
.related-insights .insights,
.customer-stories-slider .customer-stories-insights {
    margin: 0 40px;
    padding: 0 !important;
}


.container-author-insights {
    padding: 8px 12px;
    box-shadow: 0px 4px 39px 0px rgba(37, 77, 181, 0.35);
    margin-bottom: 20px;
    margin-top: -50px;
    z-index: 2;
    background: #fff;
    position: sticky;
}
.container-author-insights p {
    font-size: 16px !important;
}
.related-insights-content .insights h3 {
    color: #000 !important;
}
.main-container-button-insights {
    padding-bottom: 40px;
}

@media (max-width: 1024px) and (min-width: 768px) {
 .related-insights.alignfull{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
    margin-bottom: 0;
 }
}

@media (max-width: 767px) {
    .related-insights.alignfull{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
    margin-bottom: 0;
 }
 .related-insights-wrapper {
    padding: 0 20px;
 }
 .related-insights .insights .item, 
 .customer-stories-wrapper .item {
    margin: 0 10px;
 }
 
}



.customer-stories-slider.alignfull {
    background-image: url(/wp-content/uploads/2026/04/img-section-customer-stories.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.customer-stories-wrapper h2 {
    text-align: center;
    color: #fff;
}
.customer-stories-wrapper .slick-track {
    /* gap: 80px;
    display: flex; */
}
.customer-stories-wrapper .item {
    background: #fff;
    margin: 0  20px;
    position: relative;
}
.customer-stories-wrapper .item:hover .wp-block-button::before {
  left: 17px !important;
  bottom: -3px;
}


.customer-stories-slider .slick-initialized .slick-slide {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 425px;
    justify-content: space-between;
    padding: 20px;
}

.main-container-button-stories {
    padding-bottom: 40px;
}

.customer-stories-insights h3 {
    color: #000 !important;
}

.customer-stories-insights .container-author-insights {
    padding: 8px 12px;
    box-shadow: 0px 4px 39px 0px rgba(37, 77, 181, 0.35);
    margin-bottom: 20px;
    margin-top: -35px;
    z-index: 2;
    background: #fff;
    position: sticky;
}

.customer-stories-content .ctrl-side {
    border: 2px solid #fff !important;
}

@media (max-width: 767px) {
.related-insights-content h3 {
    font-size: 20px !important;
    line-height: 1.35em !important;
}
}

.insights .item {
    display: grid;
    align-content: space-between;
}


.postid-1043556 h1:before {
    content: none !important;
}
.postid-1043556 h1 {
    color: #0065B2 !important;
}
.section-tabs-data-and-ai p {
    margin-bottom: 0 !important;
}



/* Related Services Module */
.related-services-module {
    padding: 48px 0;
}
 
.rsm-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0;
}
 
@media (max-width: 900px) {
    .rsm-grid { grid-template-columns: repeat(2, 1fr); }
    .section-other-services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 48% !important;
    }
}
@media (max-width: 560px) {
    .rsm-grid { 
    grid-template-columns: 1fr; 
    }
    .rsm-card__title {
    font-size: 26px !important;
    }
    .section-other-services {
        padding: 0 !important;
    }

    .section-general-other-services .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
        padding: 0 !important;
    }
}
 
/* Card */
.rsm-card {
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
 
/* Image */
.rsm-card__image-wrap {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.rsm-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}
/*.rsm-card:hover .rsm-card__image {
    transform: scale(1.04);
}*/
.rsm-card__image--placeholder {
    background: linear-gradient(135deg, #0a3d7c 0%, #1a6fc4 100%);
}
 
/* Body */
.rsm-card__body {
    padding: 20px 24px 24px;
}
.rsm-card__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
    color: #1a1a1a;
}
.rsm-card__title a {
    color: inherit;
    text-decoration: none;
    display: block;
    line-height: 1.3;
}
.rsm-card__title a:hover {
    color: #1a6fc4;
}
.rsm-card__link {
    font-size: 20px;
    color: #555;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
}
.rsm-card__link:hover {
    color: #1a6fc4;
}

.postid-159 h1:before {
    content: none !important;
}
.postid-159 h1 {
    color: #0065B2 !important;
}



.has-blue-color {
    color: #000;
    font-size: 28px;
}

.section-banner-data-and-ai .three-element-carousel p {
   font-size: 16px !important;
   color: #000 !important;
}

.title-our-data-experts {
    font-size: 18px;
    font-weight: 700;
    color: #000 !important;
}

.column-space-experts p {
margin-top: 30px !important;
}

@media (max-width: 1024px) {
.column-space-experts p {
margin-top: 10px !important;
}
}

.postid-1043557 h1:before {
    content: none !important;
}
.postid-1043557 h1 {
    color: #0065B2 !important;
}

.postid-1047624 h1:before {
    content: none !important;
}
.postid-1047624 h1 {
    color: #0065B2 !important;
}

.postid-1047685 h1:before {
    content: none !important;
}
.postid-1047685 h1 {
    color: #0065B2 !important;
}

.postid-1047689 h1:before {
    content: none !important;
}
.postid-1047689 h1 {
    color: #0065B2 !important;
}

.postid-1047835 h1 {
    padding: 0;
    color: #0065B2;
    margin-bottom: 30px;
}


.page-id-1047431 h1,
.page-id-1046901 h1,
.postid-1047704 h1 {color: #0065B2; padding: 0 20px; margin-bottom: 30px;}
.postid-1047835 h1:before,
.page-id-1047431 h1:before,
.page-id-1046901 h1:before,
.postid-1047704 h1:before { content: none !important;}

p, h5, li, h3, h2, h1, h4, a{user-select: text;}


/* cache bar */
#ot-sdk-btn-floating .ot-floating-button__front {
  background-image: url('/wp-content/themes/beyondsoft2023/images/icon_save_cookie.svg') !important;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: #09205c !important;
    border-color: #09205c !important;    
}

#onetrust-consent-sdk #onetrust-accept-btn-handler:hover,
#onetrust-banner-sdk #onetrust-reject-all-handler:hover{
    opacity: 1;
    background-color: #3bb0c9 !important;
    border-color: #3bb0c9 !important;
}


:root {
  --bevel: 100px; 
}


#FAQ{background-color: rgba(0,0,0,.9);}
#FAQ > img.wp-block-cover__image-background{ opacity:0.4; }

p[class*="breadcrumbs"] { font-size: 14px; line-height: 1.35em; padding: 15px 0;}

.wp-block-heading.font-58{ font-size: clamp(38px,4vw,58px); line-height:1.2; font-weight:700; }
.wp-block-heading.font-30{ font-size: clamp(26px,2vw,30px); line-height:1.2; font-weight:700; }


/* bicelado de imagenes*/
.beveled_corner {overflow: hidden;}
.beveled_corner img {display: block; width: 100%; height: auto;}
.beveled_lower_right_corner img { clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, 0 100%);}
.beveled_lower_left_corner img {clip-path: polygon(0 0, 100% 0, 100% 100%, var(--bevel) 100%, 0 calc(100% - var(--bevel)));}


/* Submenu anchor Stiky */

article { position: relative;}
article,
.wp-block-group,
.wp-block-cover { overflow: visible;}
.anchors-submenu__list { display: flex; gap: 20px; list-style: none; padding: 0; margin: 0;}
.anchors-submenu__list li a{ color: black; font-size: 14px; text-decoration: underline;}
.anchors-submenu__list li a:hover{color: #03b0c9; text-decoration: none;}
.anchors-submenu { position: relative;  z-index: 8;}
.anchors-submenu.is-sticky-submenu {right: auto; position: fixed; top: 124px; left: 0 !important; width: 100% !important; background-color: #fff; display: flex; justify-content: center;  background-image: linear-gradient(15deg, #030943, #040871);}
.anchors-submenu.is-bottom-submenu {  position: absolute; bottom: 0; top: auto;}

.anchors-submenu.is-sticky-submenu .anchors-submenu__list li{padding: 6px 0;}
.anchors-submenu.is-sticky-submenu .anchors-submenu__list li a{ color: #fff; text-decoration: none;}
.anchors-submenu.is-sticky-submenu .anchors-submenu__list li a:hover,
.anchors-submenu.is-sticky-submenu .anchors-submenu__list li.anchor-active a{ background-color: #fff; color: #040871;  clip-path: polygon( 12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);}
.anchors-submenu.is-sticky-submenu .anchors-submenu__list a {text-decoration: none; white-space: nowrap; padding:4px 12px;display: block;}

[id] {scroll-margin-top: 96px;}

@media (max-width: 959px) {
  #breadcrumbs-anchor-submenu{ flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .anchors-submenu,
  .anchors-submenu.is-sticky-submenu{ display:none; }
  h3.wp-block-heading.has-text-align-center.font-58 {
    padding-bottom: 30px ;
  }
  div#our-cloud-services {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
p.has-text-align-center {
    margin-bottom: 10px !important;
}
.section-banner-data-and-ai {
    padding: 30px 0 !important;
}
}

@media (min-width: 1316px) {
  .anchors-submenu.is-sticky-submenu { top: 140px;}
}

/* End Submenu anchor Stiky */


/* Layout lateral tabs */
#tab-menu { display: grid;gap:0;grid-template-columns: 1fr;}
#tabs-menu ul {list-style: none; padding: 0; margin: 0; display: flex; gap: 2px;}
#tabs-menu li {background-color: rgba(15,33,97,.8); padding: clamp(10px,1.11vw,16px) clamp(12px,1.78vw,26px); font-weight: bold; transition: all .2s ease; position:relative; color: #000;isolation: isolate; font-size: clamp(16px,1.67vw,24px);}
#tabs-menu li:not(.active){ cursor: pointer;}
#tabs-menu li:after { content:''; position:absolute; top:0; bottom:0; left: 0; width:0; background: #000; transition: width 0.4s; z-index:-2;}
#tabs-menu li:hover:after {width:20px;}
#tabs-menu li:before {content:''; position:absolute; top:0; bottom:0; left: 0; width:100%; background: #fff; transition: width 0.2s; z-index:-2;}
#tabs-menu li.active{ color:#fff;}
#tabs-menu li.active:hover:after{ width:0;}
#tabs-menu li.active:before { width:0%;}

#tabs-content {background-color: rgba(15,33,97,.8);color: white;padding: 40px;border-radius: 8px;}
#tabs-content > .wp-block-group {display: none;}
#tabs-content > .wp-block-group.active {display: block;}
#tabs-content > .wp-block-group {opacity: 0;transform: translateY(10px);transition: all .3s ease;}
#tabs-content > .wp-block-group.active {opacity: 1;transform: translateY(0);}

@media (min-width: 768px) {
  #tab-menu {grid-template-columns: clamp(300px,24.4vw,350px) 1fr;padding: 30px 0 10px;}
  #tabs-menu ul {flex-direction: column; }
}


/* Carousel of grid elements */
.carousel-grid-elements{position: relative; overflow: hidden; padding:clamp(16px, 5.55vw, 80px) 6px;}
.section-grid-elements{  grid-template-columns: repeat(2, 1fr) !important;gap: 20px;}
.section-grid-elements {display: none !important;}
.section-grid-elements.active { display: grid !important;}
.section-grid-elements h2.wp-block-heading {font-size: 30px !important;line-height: 1.35em;margin-bottom: 25px !important;padding: 0 20px;}
.section-grid-elements p {font-size: 20px !important;line-height: 1.35em;}
.section-grid-elements p.has-white-color { margin: 0 !important;}
.section-grid-elements .wp-block-columns { padding: 20px !important;}
.section-grid-elements .wp-block-column { display: flex; flex-direction: column; box-shadow: 0px 4px 25px 0px rgba(37, 77, 181, 0.15);}
.section-grid-elements .wp-block-column p {flex: 1;}
.section-grid-elements .wp-block-column .wp-block-buttons { margin-top: auto;}

.postid-1043557 button.carousel-arrow, 
.postid-1043557 button.carousel-num.carousel-num-active {
    display: none !important;
}
.postid-1047624 .carousel-arrow, 
.postid-1047624 .carousel-num.carousel-num-active {
    display: none !important;
}




@media (max-width: 1024px) and (min-width: 768px)  {
  .carousel-grid-elements{ padding:clamp(16px, 5vw, 80px);}
  .section-grid-elements .wp-block-columns { padding: 15px !important;}
  .section-grid-elements { gap: 0 !important;}
}

@media (max-width: 767px){

  .section-grid-elements { grid-template-columns: repeat(1, 1fr) !important; gap: 0;}
  .section-grid-elements .wp-block-columns {padding: 15px !important;}
  .section-grid-elements h2.wp-block-heading {font-size: 20px !important;}
  .title-secction-our-data-services { font-size: 26px !important;}
  .section-grid-elements p {font-size: 16px !important;}
}


/* Carousel data services */
.section-our-data-services .wp-block-columns { padding: 20px 4px !important;}
.section-our-data-services .wp-block-column {padding: 12px 12px 18px;}
.section-our-data-services h2.wp-block-heading {font-size: 30px !important;line-height: 1.35em;margin-bottom: 25px !important;padding: 20px 0 0 25px; position: relative;}
.section-our-data-services h2.wp-block-heading:before{ content:''; width:8px; height:35px; position: absolute; left: 4px; top: 22px; background: var(--Gradiente, linear-gradient(270deg, #1783FF 0%, #0B308F 100%));}
.section-our-data-services ul.wp-block-list{ list-style: none; padding: 0 0 0 24px;}
.section-our-data-services ul.wp-block-list li{ position:relative; padding: 2px 0 20px 15px; }
.section-our-data-services ul.wp-block-list li:before{content: ''; top: 4px; left: -24px; background-repeat: no-repeat; width: 20px; height: 20px; position: absolute;}
.section-our-data-services ul.wp-block-list li:nth-child(1):before{ background-image:url("/public/wp-content/themes/beyondsoft2023/images/icon_gear.svg");  }
.section-our-data-services ul.wp-block-list li:nth-child(2):before{ background-image:url("/public/wp-content/themes/beyondsoft2023/images/icon_laptop.svg");  } 

@media (min-width: 960px){
  .section-our-data-services .wp-block-columns { padding: 20px 44px !important;}
  .section-our-data-services .wp-block-column {padding: 0 24px 24px;}
  .section-our-data-services figure.wp-block-image{ margin: 0 -44px; }
}

@media (max-width: 1024px){
    .section-our-data-services ul.wp-block-list li{ padding: 2px 0 20px 5px; }
}


/*  Three element carousel */
.three-element-carousel {}
.three-element-carousel.slick-slider .slick-track{ height: 100%; }
.three-element-carousel .slick-prev {left: -40px;}
.three-element-carousel .slick-next { right: -40px;}
.three-element-carousel .slick-prev::before,
.three-element-carousel .slick-next::before,
.three-element-carousel .slick-prev::after,
.three-element-carousel .slick-next::after {display: none;}

.three-element-carousel .slick-prev,
.three-element-carousel .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; width: 24px; height: 25px;background: none;border: none; padding: 0;}



/* Dots */
.bottom-nav{flex-wrap: wrap !important;position: relative; margin: 0 40px;}
.bottom-nav .slick-dots { display: flex !important; justify-content: center; gap: 6px; padding: 12px 0 0; list-style: none; margin: 0; width: 100%;}
.bottom-nav .slick-dots li {background: #09205C; width: 12px; height: 12px;}
.bottom-nav .slick-dots li:hover , .bottom-nav .slick-dots li.slick-active { background: linear-gradient(135deg, #0B308F, #1783FF);}
.bottom-nav .slick-dots li.slick-active button {background: #1783FF;}


/* Our data experts */
.our-data-experts.full_w { width: 99.6vw; position: relative; margin-left: calc(-50vw + 50%);}
.our-data-experts.full_w > div{ max-width:1600px; padding: 0 12px !important;}
.carousel-our-data-experts .slick-slide { background-color: #fff; padding:18px; margin: 0 8px;}
.carousel-our-data-experts h3.wp-block-heading{ margin:0; }

@media (max-width: 479px){
  .carousel-our-data-experts .slick-slide { text-align: center;}
  .carousel-our-data-experts .slick-slide img{ margin: 0 auto !important; }
}

@media (min-width: 1260px){
  .carousel-our-data-experts .slick-slide {display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 10px; margin: 0 20px; padding:18px 24px 18px 0;}
  .carousel-our-data-experts .slick-slide figure { grid-column: 1 / 2; grid-row: 1 / 4;}
  .carousel-our-data-experts .slick-slide h3 { grid-column: 2 / 3;grid-row: 1 / 2;}
  .carousel-our-data-experts .slick-slide p {grid-column: 2 / 3; grid-row: 2 / 3;}
}



/*  Explore other services  */

#explore-other-services{}
#explore-other-services .title-button{ justify-content: space-between; }

#explore-other-services .title-button .wp-block-heading{ margin: 0 !important }
#explore-other-services .services-featured{flex-wrap: nowrap !important; gap: 20px;}
#explore-other-services .services-featured .wp-block-column{ background-color: #fff; box-shadow: 0px 4px 25px 0px rgba(37, 77, 181, 0.15); display: flex; flex-direction: column; justify-content: space-between;flex-basis: max-content !important;}
#explore-other-services .services-featured .wp-block-image{ margin:0 !important; padding: 0 !important; }
#explore-other-services .services-featured .wp-block-group{ padding: 12px 26px 18px; justify-content: space-between; }
#explore-other-services .services-featured .wp-block-group__inner-container *{ margin:0 !important; }
#explore-other-services .services-featured .wp-block-group__inner-container{display: flex; gap: 16px; flex-direction: column;}
#explore-other-services .services-featured a{color: #7E7676; font-size: 20px; text-decoration: underline;}
#explore-other-services .services-featured a:hover{color: #000; font-size: 20px; text-decoration: none;}

@media (max-width: 959px){
  #explore-other-services .services-featured .wp-block-column:last-child{display: none !important;}
}
@media (max-width: 479px){
  #explore-other-services .services-featured{flex-wrap: wrap !important;}
}
@media (min-width: 768px){
  #explore-other-services .title-button .wp-block-column{ display: flex; justify-content: space-between; align-items: center;}
}



/* Industry Scenarios */

.industry-scenarios{ padding: 60px 12px clamp(60px,5.55vw,80px);  }
.carousel-industry-scenarios .slick-track{display: flex; align-items: stretch;}
.carousel-industry-scenarios .slick-slide { background-color: #09205c; padding: 32px clamp(16px,1.67vw,24px) 32px; margin: 0 12px; height: auto; clip-path: polygon( 30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);}
.carousel-industry-scenarios .slick-slide h3 { color: #fff; }
.carousel-industry-scenarios .slick-slide p {color: #fff !important; margin: 0 0 12px;}
.carousel-industry-scenarios .slick-slide li { margin:0; padding:0; color: #fff !important;}


/* Scalable AI  */

.scalable-ai{ padding: 30px 12px clamp(60px,5.55vw,80px);  }
.columns-scalable-ai{ margin-bottom: 30px; }
.columns-scalable-ai .wp-block-column { display: flex; flex-direction: column; box-shadow: 0px 4px 25px 0px rgba(37, 77, 181, 0.15); padding: 32px clamp(16px,1.67vw,24px) 32px; margin: 0 12px; justify-content: space-between;}
.columns-scalable-ai .wp-block-column h3 { margin:0 0 6px; }
.columns-scalable-ai .wp-block-column p { margin: 0 0 12px;}
.columns-scalable-ai .wp-block-column a{color: #7E7676; font-size: 20px; text-decoration: underline;}
.columns-scalable-ai .wp-block-column a:hover{color: #000; font-size: 20px; text-decoration: none;}


/* Our Salesforce Services */

.our-salesforce-services{ padding: 60px 12px clamp(60px,5.55vw,80px);  }
.carousel-our-salesforce-services .slick-track{display: flex; align-items: stretch;}
.carousel-our-salesforce-services .slick-slide { background-color: #09205c; padding: 0px clamp(16px,1.67vw,24px) 32px; margin: 0 12px; height: auto; clip-path: polygon( 30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);}
.carousel-our-salesforce-services .slick-slide .wp-block-image { margin: 0 -44px 18px;}
.carousel-our-salesforce-services .slick-slide h3 { color: #fff; }
.carousel-our-salesforce-services .slick-slide p {color: #fff !important; margin: 0 0 12px;}


/* Our Differentiators */

.our-differentiators{ padding: 60px 12px clamp(60px,5.55vw,80px);  }
.carousel-our-differentiators .slick-track{display: flex; align-items: stretch;}
.carousel-our-differentiators .slick-slide { background-color: #09205c; padding: 32px clamp(16px,1.67vw,24px) 32px; margin: 0 12px; height: auto; clip-path: polygon( 30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);}
.carousel-our-differentiators .slick-slide h3 { color: #fff; }
.carousel-our-differentiators .slick-slide p {color: #fff !important; margin: 0 0 12px;}

/*Footer*/

footer #locations_logo .wp-block-column p a:not(.wp-block-button__link) {
    color: #3BB0C9;
}


nav.filters > ul > li > ul > li > ul > li {
    color: #fff !important;
}

nav.filters > ul > li > ul > li > ul > li:hover {
   color: #072251 !important;
}