/*
Theme Name: Flatsome Child2
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0
*/



body {
    font-family: Montserrat !important;
  }
  
  .canvas_particles_waves {
    height: 950px;
  }
  
  #globeViz .scene-container {
    margin: 0 auto;
  }
  
  #particleWaves canvas {
    position: absolute;
    /*     top: 330px; */
    top: 100px;
  }
  
  .section-home-02 {
    background-image: url('./assets/img/core_value.png');
    height: 602px;
  }
  
  .fs-title {
    font-size: 70px;
  }
  
  .fs-label {
    font-size: 35px;
  }
  
  header {
    position: fixed;
    z-index: 99999;
    background: #fff;
    width: 100vw;
  }
  
  /* wave 01 */
  .logo-wave {
    width: 100%;
    height: 475px;
    top: 210px;
    z-index: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url('./assets/img/bg_block_01.png');
  }
  
  .title-content {
    height: 210px;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 16%;
    font-size: 52px;
    font-weight: 700;
    color: #000;
    line-height: 64px;
  }
  
  .title-content div {
    text-align: left;
    vertical-align: text-bottom;
    transition: all 1s ease;
  }
  
  .btn-title {
    background-color: #CE181E;
    width: 193px;
    height: 46px;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 24px;
    padding: 8px 24px 10px;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 15%;
    line-height: 27px;
  }
  
  @-webkit-keyframes ripple {
    0% {
      -webkit-transform: scale(1);
    }
  
    75% {
      -webkit-transform: scale(1.75);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes ripple {
    0% {
      transform: scale(1);
    }
  
    75% {
      transform: scale(1.75);
      opacity: 1;
    }
  
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes ripple2 {
    0% {
      -webkit-transform: scale(1);
    }
  
    75% {
      -webkit-transform: scale(1.35);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }
  
  @keyframes ripple2 {
    0% {
      transform: scale(1);
    }
  
    75% {
      transform: scale(1.3);
      opacity: 1;
    }
  
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }
  
  /* end wave 01 */
  
  /* nav */
  .nav-scroll {
    position: fixed;
    right: 16px;
    top: 20%;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 0 0 4px 4px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    z-index: 9999;
  }
  
  .ul-scroll {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .li-scroll {
    padding: 16px;
    color: #6D6E71;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
  }
  
  .li-scroll.li-scroll-active {
    color: #CE181E;
    font-size: 24px;
    font-weight: 700;
    position: relative;
  }
  
  .li-scroll-active span {
    display: inline !important;
    position: absolute;
    right: 60px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
  }
  
  /* nav */
  
  .expansion-panels {
    width: 100%;
  }
  
  .expansion-panel {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }
  
  .expansion-panel-business {
    border-bottom: 2px solid #000;
    padding-bottom: 24px;
    margin-bottom: 10px;
  }
  
  .expansion-panel-header {
    background-color: #f5f5f5;
    padding: 10px;
    cursor: pointer;
  }
  
  .expansion-panel-content {
    padding: 10px;
    display: none;
  }
  
  .expansion-panel-content p {
    margin: 0;
  }
  
  .expansion-panel-content.active {
    display: block;
  }
  
  .expansion-business-leader {
    padding: 10px;
    display: none;
  }
  
  .expansion-business-leader p {
    margin: 0;
  }
  
  .expansion-business-leader.active {
    display: block;
  }
  
  .business-img.active {
    display: block;
  }
  
  .business-img {
    display: none;
  }
  
  .svg-panel.rotate-icon {
    transform: rotate(180deg);
  }
  
  .svg-panel {
    cursor: pointer;
    transform: rotate(0deg);
  }
  
  .footer-svg-panel {
    cursor: pointer;
    transform: rotate(180deg);
  }
  
  .footer-svg-panel.rotate-icon {
    transform: rotate(0deg) !important;
  }
  
  .expansion-panel-business .svg-panel {
    margin-top: 8px;
  }
  
  
  /* Our Amazing Customers */
  .carousel-container {
    overflow: hidden;
  }
  
  .carousel_items {
    display: flex;
    animation: slideleft-awardsline 25s linear infinite;
    width: 3840px;
    height: 190px;
  }
  
  @keyframes slideleft-awardsline {
    0% {
      transform: translateX(0px);
    }
  
    100% {
      transform: translateX(-1920px);
    }
  }
  
  .carousel_items:hover {
    animation-play-state: paused;
  }
  
  .carousel_item {
    position: relative;
    min-width: 384px;
    height: 100%;
    transition: all 0.5s linear;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  
  .carousel_text {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    padding: 0.5rem 1rem;
  }
  
  .carousel_item .img-enable {
    display: none;
  }
  
  .carousel_item .img-disable {
    display: block;
  }
  
  .carousel_item:hover .img-enable {
    display: block;
  }
  
  .carousel_item:hover .img-disable {
    display: none;
  }
  
  .item1 {
    background-image: url("/en/wp-content/uploads/2023/09/slider-disable-1.png");
  }
  
  .item1:hover {
    background-image: url("/en/wp-content/uploads/2023/09/slider-enable-1.png");
  }
  
  .item2 {
    background-image: url("/en/wp-content/uploads/2023/09/slider-disable-2.png");
  }
  
  .item2:hover {
    background-image: url("/en/wp-content/uploads/2023/09/slider-enable-2.png");
  }
  
  .item3 {
    background-image: url("/en/wp-content/uploads/2023/09/slider-disable-3.png");
  }
  
  .item3:hover {
    background-image: url("/en/wp-content/uploads/2023/09/slider-enable-3.png");
  }
  
  .item4 {
    background-image: url("/en/wp-content/uploads/2023/09/slider-disable-4.png");
  }
  
  .item4:hover {
    background-image: url("/en/wp-content/uploads/2023/09/slider-enable-4.png");
  }
  
  .item5 {
    background-image: url("/en/wp-content/uploads/2023/09/slider-disable-5.png");
  }
  
  .item5:hover {
    background-image: url("/en/wp-content/uploads/2023/09/slider-enable-5.png");
  }
  
  /* End Our Amazing Customers */
  
  /*footer*/
  .bg-color-red {
    background: #CE181E;
  }
  
  .text-color-red {
    color: #CE181E !important;
  }
  
  /* menu */
  .nav-menu a {
    z-index: 99;
    color: #414042;
    font-size: 18px;
    font-weight: 400;
    position: relative;
  }
  
  .sub-item-header::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0;
    height: 5px;
    background-color: #CE181E;
    /* border-radius: 10px; */
    transition: width 0.3s;
  }
  
  .dropdown-services:hover .sub-item-header::after {
    width: 100%;
    left: 0;
  }
  
  .sub-item-header:hover::after {
    width: 100%;
    left: 0;
  }
  
  .sub-item-header.highlight-menu::after {
    width: 100%;
    left: 0;
  }
  
  .border-menu-header {
    border-top: 1px solid #BABCBE;
    min-width: 915px;
  }
  
  .dropdown-services {
    display: flex;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
  }
  
  .dropdown-services nav a {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  
  .menu-content-services {
    display: none;
    background: #fff;
    height: 265px;
    z-index: 1;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
  }
  
  .menu-content-services a {
    color: #6D6E71;
    font-size: 18px;
    font-weight: 500;
  }
  
  .dropdown-services:hover .menu-content-services {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
  }
  
  /* menu */
  
  
  
  /* industries */
  .bg-industries-left {
    width: 250px;
    border-top: 333px solid #CE181E;
    border-right: 248px solid transparent;
    position: relative;
    z-index: 20;
  }
  
  .bg-industries-left2 {
    width: 250px;
    border-top: 333px solid #F0F0F0;
    border-right: 243px solid transparent;
    position: relative;
    z-index: 20;
  }
  
  .bg-industries-right {
    width: 250px;
    border-bottom: 333px solid #CE181E;
    border-left: 248px solid transparent;
    position: relative;
    z-index: 20;
  }
  
  .industry-box div span {
    transition: all 0.1s ease;
    cursor: pointer;
    font-size: 32px;
  }
  
  .industry-box div:hover span {
    font-size: 32px;
  }
  
  .industry-item-4 span {
    top: 50%;
    transform: translateY(-50%);
    left: 32px;
  }
  
  .industry-item-8 span {
    top: 50%;
    transform: translateY(-50%);
    left: 26%;
    color: #CE181E;
  }
  
  .industry-item-10 span {
    top: 50%;
    transform: translateY(-50%);
    right: 150px;
    text-align: center;
  }
  
  .industry-item-1 span {
    margin-left: -20%;
  }
  
  .industry-item-3 span {
    margin-right: -100px;
  }
  
  /* industries */
  
  /* service */
  a.sub-item-service {
    width: max-content;
    cursor: pointer;
  }
  
  .sub-item-service::after {
    content: '';
    position: absolute;
    bottom: -10px !important;
    right: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    transition: width 0.3s;
  }
  
  .sub-item-service:hover::after {
    width: 100%;
    left: 0;
  }
  
  .sub-item-service.service-active::after {
    width: 100%;
    left: 0;
  }
  
  /* end service */
  
  /* technology */
  .technology-box img {
    width: 16%;
    object-fit: contain;
    padding: 30px;
    height: 150px;
  }
  
  .technology-action {
    position: relative;
    width: max-content;
    margin-bottom: 30px;
    z-index: 1;
  }
  
  .technology-action div {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
  }
  
  .technology-action::after {
    content: '';
    position: absolute;
    bottom: -35px;
    right: 0;
    width: 0;
    height: 5px;
    background-color: #CE181E;
    transition: width 0.3s;
  }
  
  .technology-action:hover::after {
    width: 100%;
    left: 0;
  }
  
  .technology-action.technology-active::after {
    width: 100%;
    left: 0;
  }
  
  .technology-section {
    display: block;
    overflow: hidden;
    height: 100%;
    transition: all 2s ease;
    animation: fade-out 2s;
  }
  
  .technology-section.technology-show {
    animation: fade-in 2s;
  }
  
  .hidden {
    display: none;
    transition: all 2s ease;
  }
  
  .visuallyhidden {
    opacity: 0;
    transition: all 2s ease;
  }
  
  @keyframes fade-in {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fade-out {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  
  /* end technology */
  
  
  /* mobile */
  
  #hamburger-icon {
    margin: auto 0;
    display: block;
    cursor: pointer;
    margin-right: 16px;
  }
  
  #hamburger-icon>div {
    width: 25px;
    height: 3px;
    background-color: #CE181E;
    margin: 4px 0;
    transition: 0.4s;
  }
  
  .open .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 3px);
    transform: rotate(-45deg) translate(-6px, 3px);
  }
  
  .open .bar2 {
    opacity: 0;
  }
  
  .open .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -4px);
    transform: rotate(45deg) translate(-6px, -4px);
  }
  
  .open .mobile-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  
  .mobile-menu {
    display: none;
    position: fixed;
    top: 46px;
    left: 0;
    bottom: 0;
    height: calc(100vh - 46px);
    width: 100vw;
    background-color: #F0F0F0;
    padding: 24px 16px;
    overflow: auto;
  }
  
  .mobile-menu>li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #414042;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
  }
  
  .responsive-mobile-f {
    display: none;
  }
  
  .responsive-desktop-f {
    display: flex;
  }
  
  .responsive-mobile-b {
    display: none;
  }
  
  .responsive-desktop-b {
    display: block;
  }
  
  .bg-color-gray {
    background-color: #F0F0F0;
  }
  
  .txt-normal {
    text-transform: none !important;
  }
  
  .box-luv_customize .blog-post-inner span.flex a {
    font-size: 14px;
  }
  
  .luv-post-tag {
    font-family: Lato, sans-serif;
  }
  
  /* end mobile */
  
  .btn-hover-title:hover {
    color: white;
    background-color: #f93535;
  }
  
  .btn-contact-us:hover {
    background: #f3f3f3;
  }
  
  .btn-contact-us:hover .text-color-red {
    color: #f93535 !important;
  }
  
  .pull-right,
  .pull-left {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: black;
  }
  
  .expansion-panel img {
    height: 24px;
  }
  
  span img {
    height: 13px !important;
  }
  
  .industry-item-7 {
    transform: scale(1.01);
  }
  
  .industry-item-9 {
    transform: scale(1.01);
  }
  
  
  table.table-content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    box-sizing: border-box;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
  }
  
  table.table-content thead th {
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    border-collapse: collapse;
    box-sizing: border-box;
    text-align: inherit;
    padding: .75rem;
    border: 1px solid #dee2e6;
    vertical-align: bottom;
    text-align: center;
    text-transform: math-auto;
    background-color: #CE181E;
  }
  
  table.table-content td {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: #212529;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
  }
  
  table.table-content td.icon {
    text-align: center;
    width: 230px;
  }
  
  table.table-content td.icon img {
    width: 20px;
    height: 20px;
  }
  
  table.table-content td.icon[aria-checked="true"] img {
    display: inline-block;
  }
  
  table.table-content td.icon[aria-checked="false"] img {
    display: none;
  }
  
  .tab-solutions {
    background: #f0f0f0;
  }
  
  .tab-solutions ul {
    min-height: 60px;
    max-height: 120px;
    /* 	min-width: 830px; */
  }
  
  
  .tab-solutions .tab-panels {
    background: white;
  }
  
  .tab-solutions ul li.active span {
    color: #CE181E;
  }
  
  .tab-solutions ul li:hover a:before {
    background-color: #CE181E;
  }
  
  .tab-solutions ul li.active a::before {
    display: none;
  }
  
  .tab-solutions .nav>li {
    margin: 0 40px;
  }
  
  .tab-solutions .nav>li span {
    color: #0B0B0B;
    font-weight: 900;
    font-size: 18px;
  }
  
  .card-tab {
    background-color: rgb(238 243 243);
    margin: 16px;
    padding: 16px;
    border-radius: 12px;
  }
  
  .card-tab img {
    width: 15px;
    height: 15px;
  }
  
  .card-tab .card-border {
    padding-bottom: 4px;
    border-bottom: 2px solid #575757;
  }
  
  .table-form td {
    width: 25vw;
  }
  
  .popup-change-language {
    box-shadow: 0px 0px 15px 4px rgb(0 0 0 / 0.1), 0px 0px 6px -4px rgb(0 0 0 / 0.1);
    background-color: white;
    padding: 8px 0;
  }
  
  .popup-change-language .popup-icon {
    height: 10px;
    width: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -10px;
    left: 108px;
  }
  
  
  .btn-language .popup-change-language {
    display: none;
  }
  
  .btn-language.active .popup-change-language {
    display: block;
  }
  
  
  
  
  @media screen and (min-width: 1900px) {
    .industry-box {
      height: 333px;
      width: 1900px;
      overflow: hidden;
      margin: 0 auto;
    }
  
    .industry-item-1 {
      min-width: 860px;
      height: 333px;
    }
  
    .industry-item-2 {
      margin-left: -132px;
      margin-right: -130px;
      transform: skewX(-38deg);
    }
  
    .industry-item-3 {
      min-width: 835px;
      height: 333px;
    }
  
    .industry-item-4 {
      min-width: 350px;
      height: 333px;
    }
  
    .industry-item-5 {
      min-width: 725px;
      height: 333px;
      margin-left: -250px;
    }
  
    .industry-item-6 {
      margin-left: -138px;
      margin-right: -170px;
      transform: skewX(-38deg);
    }
  
    .industry-item-7 {
      min-width: 662px;
      height: 333px;
      background-size: cover;
    }
  
    .industry-item-7 a,
    .industry-item-3 a {
      margin-left: 200px;
    }
  
    .industry-item-8 {
      min-width: 560px;
      height: 333px;
      background-color: #F0F0F0;
    }
  
    .industry-item-9 {
      min-width: 725px;
      height: 333px;
      margin-left: -249px;
      margin-right: -251px;
    }
  
    .industry-item-10 {
      width: 100%;
      min-width: 536px;
      height: 333px;
    }
  
    .layout-core-value {
      margin-left: 5rem;
      margin-right: -65px;
    }
  }
  
  @media (max-width: 1900px) and (min-width: 1700px) {
  
    .layout-core-value {
      margin-left: 10rem;
      margin-right: -50px;
    }
  
    .industry-box {
      height: 333px;
      width: 1700px;
      overflow: hidden;
      margin: 0 auto;
    }
  
    .industry-item-1 {
      min-width: 760px;
      height: 333px;
    }
  
    .industry-item-2 {
      margin-left: -132px;
      margin-right: -130px;
      transform: skewX(-38deg);
    }
  
    .industry-item-3 {
      min-width: 730px;
      height: 333px;
    }
  
    .industry-item-4 {
      min-width: 250px;
      height: 333px;
      z-index: 21;
    }
  
    .industry-item-5 {
      min-width: 735px;
      height: 333px;
      margin-left: -254px;
    }
  
    .industry-item-6 {
      margin-left: -139px;
      margin-right: -168px;
      transform: skewX(-38deg);
      margin-bottom: -5px;
    }
  
    .industry-item-7 {
      min-width: 601px;
      height: 333px;
    }
  
    .industry-item-7 a,
    .industry-item-3 a {
      margin-left: 200px;
    }
  
    .industry-item-8 {
      min-width: 465px;
      height: 333px;
      background-color: #F0F0F0;
    }
  
    .industry-item-9 {
      min-width: 682px;
      height: 333px;
      margin-left: -251px;
      margin-right: -250px;
    }
  
    .industry-item-10 {
      width: 100%;
      min-width: 536px;
      height: 333px;
    }
  
  
    .nav-menu a {
      font-size: 16px;
    }
  
    #footer .container {
      max-width: 80% !important;
    }
  }
  
  @media (max-width: 1700px) and (min-width: 1500px) {
  
    .layout-core-value {
      margin-left: 5rem;
      margin-right: -20px;
    }
  
    #footer .container {
      max-width: 80% !important;
    }
  
    .btn-title {
      bottom: -60px;
    }
  
    .title-content {
      left: 18%;
    }
  
    .nav-menu a {
      font-size: 15px;
    }
  
    .menu-content-services {
      height: 252px;
    }
  
    .dropdown-services nav a {
      font-size: 13px !important;
      font-weight: 400 !important;
    }
  
    .industry-box {
      height: 333px;
      width: 1500px;
      overflow: hidden;
      margin: 0 auto;
    }
  
    .industry-item-1 {
      min-width: 700px;
      height: 333px;
      margin-bottom: -2px;
    }
  
    .industry-item-2 {
      margin-left: -130px;
      margin-right: -130px;
      margin-bottom: -2px;
      transform: skewX(-38deg);
    }
  
    .industry-item-3 {
      min-width: 651px;
      height: 333px;
    }
  
    .industry-item-4 {
      min-width: 194px;
      height: 333px;
      z-index: 21;
    }
  
    .industry-item-5 {
      min-width: 668px;
      height: 333px;
      margin-left: -254px;
    }
  
    .industry-item-6 {
      margin-left: -139px;
      margin-right: -128px;
      transform: skewX(-38deg);
      margin-bottom: -5px;
    }
  
    .industry-item-7 {
      min-width: 525px;
      height: 333px;
    }
  
    .industry-item-8 {
      min-width: 340px;
      height: 333px;
      background-color: #F0F0F0;
    }
  
    .industry-item-9 {
      min-width: 640px;
      height: 333px;
      margin-left: -242px;
      margin-right: -252px;
    }
  
    .industry-item-10 {
      min-width: 538px;
      height: 333px;
    }
  }
  
  @media (max-width: 1500px) and (min-width: 1366px) {
    .layout-core-value {
      /* margin-left: 5rem;
      margin-right: -20px; */
    }
  
    #footer .container {
      max-width: 80% !important;
    }
  
    .font-size-technologies-home {
      font-size: 20px;
    }
  
    .wp-our-core-value {
      max-width: 1280px !important;
    }
  
    .btn-title {
      bottom: -80px;
    }
  
    .title-content {
      font-size: 40px;
      left: 22%;
    }
  
    .industry-box div span {
      font-size: 24px;
    }
  
    .menu-content-services {
      height: 182px;
    }
  
    .border-menu-header {
      min-width: 800px;
    }
  
    .nav-menu a {
      font-size: 15px;
      margin-right: 8px;
    }
  
    .dropdown-services nav a {
      font-size: 12px !important;
      font-weight: 400 !important;
    }
  
    .industry-box {
      height: 333px;
      width: 100%;
      overflow: hidden;
      margin: 0 auto;
    }
  
    .industry-item-1 {
      min-width: 650px;
      height: 333px;
      margin-bottom: -2px;
    }
  
    .industry-item-2 {
      margin-left: -130px;
      margin-right: -150px;
      transform: skewX(-38deg);
    }
  
    .industry-item-3 {
      min-width: 522px;
      height: 333px;
    }
  
    .industry-item-4 {
      min-width: 140px;
      height: 333px;
      z-index: 21;
    }
  
    .industry-item-5 {
      min-width: 710px;
      height: 333px;
      margin-left: -250px;
    }
  
    .industry-item-6 {
      margin-left: -135px;
      margin-right: -130px;
      transform: skewX(-38deg);
    }
  
    .industry-item-7 {
      min-width: 414px;
      height: 333px;
    }
  
    .industry-item-8 {
      min-width: 340px;
      height: 333px;
      background-color: #F0F0F0;
      z-index: 21;
    }
  
    .industry-item-9 {
      height: 333px;
      margin-left: -307px;
      min-width: 725px;
      margin-right: -297px;
    }
  
    .industry-item-10 {
      min-width: 462px;
      height: 333px;
    }
  
    .industry-item-4 span {
      left: 10px;
      font-size: 30px;
    }
  
    .industry-item-7 span {
      margin-right: -120px;
    }
  
  
    .industry-item-8 span {
      top: 50%;
      left: 50px;
      font-size: 30px;
    }
  
    .industry-item-10 span {
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
    }
  
    .section-home-08 .row.container .large-6:nth-child(1) {
      flex-basis: 47% !important;
    }
  }
  
  @media (min-width: 1024px) and (max-width: 1366px) {
  
    .canvas_particles_waves {
      height: 875px;
    }
  
    .technology-action {
      width: 300px !important;
    }
  
    .section-home-08 .row.container .large-6:nth-child(1) {
      flex-basis: 45% !important;
    }
  
    #footer .container {
      max-width: 80% !important;
    }
  
    .font-size-technologies-home {
      font-size: 20px;
    }
  
    .btn-title {
      bottom: -80px;
    }
  
    .title-content {
      left: 22%;
    }
  
    .fs-title {
      font-size: 50px;
      line-height: initial;
    }
  
    .nav-menu a {
      font-size: 15px;
    }
  
    .menu-content-services {
      height: 182px;
    }
  
    .border-menu-header {
      min-width: 800px;
    }
  
    .industry-box-mobile {
      width: 2089px;
      height: 262px;
      position: relative;
    }
  }
  
  @media screen and (max-width: 1024px) {
    .technology-action {
      width: 100% !important;
    }
  
    .pull-right,
    .pull-left {
      font-size: 10px !important;
      font-weight: 400;
    }
  
    .tab-solutions .nav>li {
      margin: 0 32px;
    }
  
    #particleWaves canvas {
      position: absolute;
      top: 350px;
    }
  
    .responsive-mobile-f {
      display: flex;
    }
  
    .responsive-desktop-f {
      display: none;
    }
  
    .responsive-mobile-b {
      display: block;
    }
  
    .responsive-desktop-b {
      display: none;
    }
  
    .bg-color-gray {
      background-color: #fff;
    }
  
    .logo-wave {
      top: 190px;
      background: url('./assets/svg/logo-wave.svg') center no-repeat;
    }
  
    .canvas_particles_waves {
      height: 680px;
    }
  
    .canvas_particles_waves canvas {
      margin-top: -400px;
    }
  
    .title-content {
      left: 0;
      right: 0;
      font-size: 24px;
      line-height: 32px;
      transform: translateY(-30%);
      top: 48%;
      text-align: center;
    }
  
    .btn-title {
      left: 50%;
      transform: translate(-50%);
      bottom: 5%;
    }
  
    .fs-title {
      font-size: 26px;
    }
  
    .fs-label {
      font-size: 18px;
      font-weight: 700;
    }
  
    .core-value>div {
      margin-top: 20px;
    }
  
    .section-home-02 {
      /*     height: 504px; */
      background: url(./assets/svg/mobile/core-value.svg);
    }
  
    .sub-item-service {
      white-space: nowrap;
      font-size: 18px;
      font-weight: 700;
      margin-right: 16px;
    }
  
    .slider-service {
      overflow: auto;
      height: auto;
      padding-bottom: 16px;
    }
  
    .technology-action {
      font-size: 12px;
      font-weight: 700;
      line-height: 14px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }
  
    .technology-action::after {
      bottom: -16px;
    }
  
    .technology-row-mobile img {
      width: 30%;
      object-fit: contain;
      padding: 8px 16px;
      height: 100px;
    }
  
    .technology-row-mobile {
      display: none;
      overflow: hidden;
      height: 100%;
      transition: all 1s ease;
      animation: fade-in 1s;
    }
  
    .technology-row-mobile.show-section {
      display: block;
    }
  
    .industry-box-mobile {
      width: 2089px;
      height: 262px;
      position: relative;
    }
  
    .mobile-svg-panel {
      transform: rotate(0deg);
    }
  
    li.mobile-active .mobile-submenu {
      margin-top: 8px;
      border-top: 2px solid #CE181E;
      padding-top: 8px;
    }
  
    li.mobile-active .mobile-svg-panel {
      transform: rotate(180deg);
    }
  
    li .mobile-submenu {
      display: none;
      transition: all 1s ease;
      animation: fade-in 1s;
    }
  
    li.mobile-active .mobile-submenu {
      display: block;
    }
  
    .mobile-submenu a {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
      text-align: left;
      color: #6D6E71;
    }
  
    .carousel_text {
      /*     height: 16px; */
      width: 69px;
      position: static;
      transform: none;
      padding: 0;
    }
  
    .carousel_item {
      position: relative;
      min-width: 130px;
      height: 65px;
    }
  
    .carousel_items {
      width: 1300px;
      height: 65px;
    }
  
    .img-nri {
      height: 16px;
      width: 35px;
    }
  
    @keyframes slideleft-awardsline {
      0% {
        transform: translateX(0px);
      }
  
      100% {
        transform: translateX(-650px);
      }
    }
  }
  
  
  @media screen and (max-width: 1365px) {
    section.section-home-04 .responsive-mobile-b {
      display: block !important;
      height: unset !important
    }
  
    section.section-home-04 .responsive-desktop-b {
      display: none !important;
    }
  
    .service-home-text {
      font-size: 16px !important;
      line-height: 24px !important;
    }
  }
  
  .service-home-text {
    font-size: 24px;
    line-height: 32px;
  }

/*embedded file block*/
@media (max-width: 768px) {
  .wp-block-file__embed {
    display: block !important;
    width: 100% !important;
    height: 70vh !important;
    min-height: 500px;
  }
}