/* */

body {
    background-color: white;
    /*     font-family: 'Montserrat' , sans-serif; */
  }
  
  footer .row.large-columns-4 {
    max-width: 80% !important;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
  }
  
  .expansion-panel .col,
  .columns,
  .gallery-item {
    padding: 0 15px 10px !important;
  }
  
  /* form homepage*/
  .primary,
  input[type=submit],
  input[type=submit].button {
    background: rgba(206, 24, 30, 1) !important;
    border-radius: 9999px !important
  }
  
  .attach-file-custom {
    /*color: transparent;*/
  }
  
  .attach-file-custom::-webkit-file-upload-button {
    visibility: hidden;
  }
  
  .attach-file-custom::before {
    content: 'Attach file';
    color: rgba(191, 191, 191, 1);
    display: inline-block;
    background-color: white;
    border: 2px solid rgba(206, 24, 30, 1);
    border-radius: 9999px;
    padding: 12px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 22px;
    width: 11rem;
    height: 4rem;
  }
  
  .attach-file-custom:active {
    outline: 0;
  }
  
  .attach-file-custom:hover::before {
    /*border-color: #ffaf37;*/
    background-color: rgba(206, 24, 30, 1);
    color: white;
  }
  
  /*.attach-file-custom:active::before {*/
  /*    background-color: #ff9800;*/
  /*}*/
  
  
  .bg-red-custom {
    background-color: rgba(206, 24, 30, 1) !important;
  }
  
  .bg-red-custom:hover {
    background-color: white !important;
  }
  
  .input-form-custom {
    padding: 1rem !important;
    width: 100%;
    border-width: 0px;
    line-height: 1.5rem;
    color: rgb(15 23 42);
    height: 56px !important;
  }
  
  .text-size-22 {
    font-size: 22px;
  }
  
  .text-size-70 {
    font-size: 70px
  }
  
  .gap-x-custom {
    column-gap: 3rem;
  }
  
  .text-custom-okuni {
    font-size: 20px;
    font-weight: 700;
  }
  
  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(170, 170, 170, 1) !important;
    font-size: 20px;
    opacity: 1;
  }
  
  .wpcf7-form textarea {
    height: 208px;
    padding: 20px;
  }
  
  .wpcf7 .wpcf7-not-valid-tip {
    background-color: white !important;
    color: #b20000;
    padding: 10px 9px;
  }
  
  .wpcf7 .wpcf7-not-valid-tip:after {
    border: none;
  }
  
  .wpcf7 input[type="file"] {
    width: 600px;
  }
  
  footer .col {
    padding: 0 6px 30px;
  }
  
  .services-padding.col {
    padding: 0px;
  }
  
  .service-column-left {
    background-color: rgb(240, 240, 240) !important;
  }
  
  .customer-sub.col {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .height-176-px {
    height: 170px;
  }
  
  .p-padding-bottom-69-px {
    padding-bottom: 69px;
  }
  
  .hidden-wp {
    display: none !important;
  }
  
  .section-home-03 {
    padding-top: 0px !important;
  }
  
  .section-home-04 {
    padding-bottom: 0px !important;
  }
  
  .section-home-07 {
    padding-bottom: 0px !important;
  }
  
  .font-size-technologies-home {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
  }
  
  .ml-final-item-tech {
    margin-left: 160px !important;
  }
  
  .colum-service {
    background-color: #CE181E;
  }
  
  .show-remove {
    display: none;
  }
  
  .wpcf7 .wpcf7-not-valid-tip {
    margin-top: 6px !important;
  }
  
  .wpcf7 .wpcf7-not-valid-tip:after {
    border: none !important;
  }
  
  .wpp-pdl-20 {
    padding-left: 20px;
  }
  
  /* Footer */
  footer .expansion-panel .col,
  .columns,
  .gallery-item {
    padding: 0 1px 10px !important;
  }
  
  footer .footer-office-mb {
    padding-top: 36px !important;
  }
  
  /* end */
  
  @media screen and (max-width: 1024px) {
    .services-padding.col {
      padding: 0px;
      padding-right: 0px;
      /* padding-left: 15px; */
    }
  
    .services-padding>.col-inner {
      padding-right: 40px !important;
    }
  
    .p-padding-bottom-69-px {
      padding-bottom: 0px !important;
    }
  
    .wpp-mb-services {
      flex-flow: row !important
    }
  
    .wpp-mb-services img {
      height: 100px !important
    }
  
    .wpp-mb-services-item2 {
      flex-flow: row-reverse !important;
    }
  
    .wpp-mb-services-item2 img {
      height: 100px !important
    }
  
    .wpp-pt-mobie {
      padding-top: 10px;
    }
  
    .section-home-06 {
      background-color: white !important
    }
  
    .mobile-bg-awards .bg-fill {
      background-size: cover !important;
    }
  
    .mobie-last-awards.col {
      padding-bottom: 0px !important;
    }
  
    .text-mobie-titlet-form {
      font-size: 26px !important;
    }
  
    footer .row.large-columns-4 {
      max-width: 90% !important;
      border-bottom: 1px solid rgba(0, 0, 0, 1);
    }
  
    footer .row.large-columns-4>.col {
      flex-basis: 50%;
      max-width: 50%;
      padding-right: 16px;
    }
  
    footer .footer-about-us {
      margin-left: 0px !important;
    }
  
    footer .footer-office-mobie-pd {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  
    footer .col-mobie-office-footer {
      padding-bottom: 0px;
    }
  
    footer .col {
      padding: 0;
    }
  
    footer .wp-footer-cotact-mobie {
      padding-left: 0px !important;
    }
  
    footer .text-mobie {
      font-size: 12px;
      font-style: italic;
      line-height: 15px;
    }
  
    .text-custom-okuni {
      font-size: 16px;
    }
  
    footer .text-custom-contact {
      font-size: 14px;
    }
  
    footer .footer-office-mb {
      padding: 0px !important;
      margin-top: -20px;
    }
  
    .wpcf7-form textarea {
      height: 119px;
      padding: 20px;
    }
  
    ::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(170, 170, 170, 1) !important;
      font-size: 12px;
      opacity: 1;
    }
  
    .wpcf7-not-valid-tip {
      color: #dc3232;
      font-size: 12px;
      font-weight: normal;
      display: block;
    }
  
    .wpcf7 form .wpcf7-response-output {
      margin: 2em 0.5em 1em;
      padding: 0.2em 1em;
      border: 2px solid #00a0d2;
      font-size: 12px;
    }
  
    .footer-icon-mobie img {
      height: 23px;
    }
	 ul{
		  font-size : 14px;
	 }
  }
  
  
  @media screen and (max-width: 768px) {
    footer .footer-contact-us-mobie {
      padding: 0px !important;
    }
  
    footer .row.large-columns-4>.col {
      flex-basis: 100%;
      max-width: 100%;
      padding: 0px !important;
    }
  }
  
  .footer-office-mb {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .footer-contact-us-mobie {
    height: 100%;
  }
  
  .footer-contact-us-mobie .section-content {
    height: 100%;
  }
  
  .wpp-size-26 {
    font-size: 26px;
  }
  
  .wpp-size-60 {
    font-size: 60px;
  }
  
  .btn-start {
    border-radius: 100px;
    border: 1px solid #CE181E;
    width: 237px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-30%);
    color: #CE181E;
    transition: all 0.35s ease;
  }
  
  .btn-start:hover {
    background-color: #CE181E;
    color: white;
  }
  
  .contact-us-hover {
    color: white;
    background-color: #CE181E;
  }
  
  .contact-us-hover:hover {
    color: white;
    background-color: #f93535;
  }
  
  .contact-us-btn:hover {
    color: white;
  }
  
  .nav-pagination>li>.current,
  .nav-pagination>li>a:hover,
  .nav-pagination>li>span:hover {
    background-color: #CE181E !important;
    border-color: white !important;
  }
  
  .nav-pagination>li>a,
  .nav-pagination>li>span {
    border-color: white !important;
    background-color: #BABCBE !important;
  }
  
  /*blog post*/
  .display-blog {
    display: flex;
  }
  
  .display-case-studies {
    display: none !important;
  }
  
  .relpost-block-single-text {
    font-size: 18px !important;
    font-weight: 700;
    font-family: Montserrat;
    text-align: left;
  }
  
  
  /* end blog post*/
  /*-------------------start portfolio-single-page---------------------------------- */
  .portfolio-page-wrapper.portfolio-single-page {
    /* 	padding-top: 100px; */
    /*     max-width: 1536px; */
    margin-left: auto;
    margin-right: auto;
  }
  
  .portfolio-page-wrapper.portfolio-single-page .flickity-viewport {
    height: 500px !important;
  }
  
  .portfolio-summary {
    display: none;
  }
  
  .portfolio-single-page .case-st-post {
    width: 52% !important;
  }
  
  .portfolio-single-page .textbox-post {
    top: 25vh !important;
  }
  
  .portfolio-single-page .new-and-event-banner-bg .overlay {
    background-color: transparent !important;
  }
  
  .portfolio-single-page .wp-block-columns {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  
  .portfolio-single-page .border-right-wp-post-op {
    border-right: 2px solid #ececec;
    padding-right: 40px;
  }
  
  a.link-a-post-detail {
    color: #3d3dc5;
    text-decoration: underline;
  }
  
  a.link-a-post-detail:hover {
    color: blue;
  }
  
  .mPS2id-target,
  .mPS2id-highlight-first {
    color: blue;
  }
  
  .portfolio-single-page .portfolio-box-title {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 10px;
  }
  
  .portfolio-single-page .portfolio-box-category {
    padding: 0px 10px;
  }
  
  .portfolio-single-page .portfolio-box-category {
    color: #414042;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  
  .portfolio-single-page .show-on-hover {
    opacity: 1 !important
  }
  
  .rounded-input-form-signup {
    border-radius: 10px !important;
  }
  
  @media screen and (max-width: 1024px) {
    .portfolio-single-page .input-form-custom {
/*       width: 300px !important; */
		width: 345px !important;
      margin-left: 8vw;
    }
  
    .portfolio-single-page .mobie-form-custom-p {
/*       margin-left: 8vw; */
    }
  
    .portfolio-single-page .textbox-post-mb {
      width: 90% !important;
    }
  
    .portfolio-single-page .text-custom-content {
      font-size: 14px;
    }
  
    .portfolio-single-page .small-columns-2>.col {
      max-width: 100% !important;
      flex-basis: 100% !important;
    }
  
    .portfolio-single-page .portfolio-box-title {
      font-size: 15px;
      padding: 10px 5px;
    }
  
    .portfolio-single-page .portfolio-box-category {
      padding: 0px 5px;
      font-size: 12px;
    }
  
    .portfolio-single-page .portfolio-page-wrapper {
      padding-top: 45px;
    }
  
    .portfolio-single-page #portfolio-content.col {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .portfolio-single-page .portfolio-inner .section {
      padding-left: 0px !important;
    }
  
    .portfolio-single-page .wp-block-columns {
      padding-left: 5vw;
      padding-right: 5vw;
    }
  
    .hidden-mobie {
      display: none;
    }
  }
  
  /*------------------------------------------ end portfolio-single-page---------------------------------------------- */
  .slider-nav-reveal .flickity-prev-next-button,
  .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: none !important box-shadow: none !important
  }
  
  /* start portfolio client success */
  .client-succes-portfolio .portfolio-box {
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  }
  
  .client-succes-portfolio .box-text {
    height: 150px;
    overflow: hidden;
  }
  
  .client-succes-portfolio .box-image {
    /* 	height: 381px; */
    height: 426px;
  }
  
  .client-succes-portfolio .portfolio-box-title {
    color: #000;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 20px;
    padding-top: 10px;
    text-transform: none;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .client-succes-portfolio .portfolio-box-category {
    color: #414042;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
    padding-left: 20px;
    padding-top: 10px;
  }
  
  .client-succes-portfolio .portfolio-box-category .show-on-hover {
    opacity: 1;
  }
  
  @media screen and (max-width: 1024px) {
    .client-succes-portfolio .box-image {
      height: 176px;
      /*     width: 283px; */
    }
  
    .client-succes-portfolio .flickity-viewport {
      height: 291px !important;
    }
  
    .client-succes-portfolio .portfolio-box-title,
    .client-succes-portfolio .portfolio-box-category {
      font-size: 10px;
      padding-top: 5px;
    }
  
    .client-succes-portfolio .box-text {
      height: 90px;
    }
  }
  
  /* end portfolio client success */
  .client-succes-portfolio img {
    object-fit: contain !important;
  }
  
  /*----- fix bug ------------*/
  
  .portfolio-single-page .wp-block-columns {
    align-items: normal !important;
  }
  
  .blog-single .wp-block-columns {
    align-items: normal !important;
  }
  
  @media screen and (max-width: 1024px) {
      .wp-block-columns-is-layout-flex > div:nth-child(1) {
          display: none;
      }
      
      .wp-block-columns-is-layout-flex > div:nth-child(2) {
          flex-basis: 100% !important;
      }
    
    .portfolio-single-page .wp-block-columns {
      flex-wrap: wrap !important;
    }
  }
  
  @media (max-width: 781px) {
    .portfolio-single-page .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: 100% !important;
    }
  
    .blog-single .wp-block-columns {
      align-items: normal !important;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap !important;
    }
  
    .blog-single .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: 100% !important;
    }
  }
  
  .table-form .iti {
    position: relative;
    display: block !important;
  }
  
  .mobie-form {
    padding-left: 110px !important;
  }
  
  .table-form td,
  .form-subscribe td {
    border-bottom: none !important;
  }
  
  .form-subscribe input[type=submit] {
    border-radius: 10px !important;
  }
  
  .form-subscribe td input {
    margin: 0 !important;
  }
  
  .table-form td {
    width: 25vw;
  }
  
  .table-form textarea {
    height: 195px;
  }
  
  .tr-hidden {
    display: none;
  }
  
  .pc-display {
    display: block;
  }
  
  .mobie-display {
    display: none !important;
  }
  
  .table-form input[type=submit]:hover {
    box-shadow: none;
    color: black
  }
  
  .section-take-closer img {
    object-fit: cover !important;
  }
  
  @media (max-width: 781px) {
    .table-form textarea {
      height: 155px;
    }
  
    .pc-display {
      display: none;
    }
  
    .mobie-display {
      display: block !important;
    }
  
    .form-blog {
      margin-left: 23px !important;
      width: 90vw;
    }
  }
  
  /*start page 404*/
  .error-404 {
    padding-top: 100px
  }
  
  .error-404 .page-content {
    display: none;
  }
  
  .error-404 .page-title {
    padding: 30px;
    color: red;
    font-weight: 900;
    font-size: 22px;
  }
  
  @media (max-width: 781px) {
    .error-404 {
      padding-top: 0px
    }
  
    .error-404 .page-title {
      padding: 0px;
      font-size: 18px;
    }
  
    .client-succes-portfolio .image-cover {
      position: static !important;
    }
  
    .client-succes-portfolio img {
      object-fit: cover !important;
    }
  }

@media screen and (max-width: 1024px) and (min-width: 830px) {
	.portfolio-single-page .portfolio-box-title {
    text-align: center;
    }
	.portfolio-single-page .portfolio-box-category {
    text-align: center;
    }
/* 	.md\:h-6 {
    width: 50vw !important;
    } */
	.portfolio-single-page .box-image img {
    max-width: 50% !important;
    }
}

@media screen and (max-width: 999px) and (min-width : 550px) {
	.portfolio-single-page .text-black {
	font-size : 1.5rem !important;
    text-align: -webkit-center !important;
    }
	.portfolio-single-page .portfolio-box-title {
    text-align: center;
    }
	.portfolio-single-page .portfolio-box-category {
    text-align: center;
    }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
	.portfolio-single-page .text-black{
		font-size : 1.5rem !important;
		padding-left: 35vw !important;
	}
}

@media screen and (max-width: 829px) and (min-width: 750px) {
	.portfolio-single-page .box-image img {
    max-width: 55% !important;
    }
}

@media screen and (max-width: 749px) and (min-width: 651px) {
	.portfolio-single-page .box-image img {
    max-width: 65% !important;
    }
}

@media screen and (max-width: 650px) and (min-width: 550px) {
	.portfolio-single-page .box-image img {
    max-width: 75% !important;
    }
}

@media (min-width: 850px) and (max-width: 999px) {
	.icon-blog-page-hbh {
		width: 38% !important;
	}
    .portfolio-single-page .img-inner  {
		margin-top: 160px !important;
	}
	.blog-single .img-inner{
		margin-top: 160px !important;
	}
	.blog-single .text-inner p{
		width: 55vw !important;
		font-size:25px;
		margin-top:0px;
	    left:5vw;
		line-height:30px;
	}
	
	.portfolio-single-page .text-inner p{
		width: 50vh !important;
		font-size:25px;
		margin-top : -15px !important;
		line-height : 32px !important;
	}
	
	.portfolio-single-page .col-inner .text p{
        font-size: 30px;
        padding-left: 0.5rem;
	}
	
	.portfolio-single-page .large-2 {
		margin-top : -155px
	}
	
	.portfolio-single-page .pl-4 {
        font-size: 17px !important;
     }
}
@media screen (max-width: 1900px) and (min-width: 1025px) {
	.portfolio-single-page  .portfolio-post {
		   padding: 0px 100px !important;
	}
	.portfolio-single-page  .portfolio-post .image-cover {
		padding-top: 243px !important;
	}
	.portfolio-single-page .portfolio-box-title {
		font-size: 16px !important;
	}
}

.portfolio-single-page  .title-content-1{
	margin-top : 0.5rem !important;
}
  
  /*end page 404*/

/*  responsive all */
@media screen and (max-width: 1024px) and (min-width: 1000px) {
	.font-screen-1000 a {
	font-size: 10px !important;
}
	.cta-screen-1000 {
		font-size: 20px !important;
	}
	.reason-1000 {
		grid-template-columns: none !important;
	}
	.padding-1000 {
    top: -3rem !important;
    padding-top: 10px;
	}
	.w-screen-1000  {
		width: 220px !important;
	}
	.h-screen-1000  {
		height: 25px !important;
	}
	.pt-screen-1000 {
		padding-top: 0px !important;
	}
}

@media (max-width: 1024px) and (min-width: 1000px) {
	.portfolio-single-page .high-light-blog-page-case-studies{
		padding-left : 0rem;
		font-size : 35px;
	}
	.portfolio-single-page .text-blog-page-case-studies{
		width : 60vw;
		margin-top : 5px !important;
	}
	.portfolio-single-page .icon-blog-page-hbh{
		margin-left : -30px;
		margin-top : 85px;
		width : 15vw !important;
	}
}

@media (max-width: 1366px) and (min-width : 1025px){
	.portfolio-single-page .max-w-screen-2xl {
    max-width: 1200px;
    }
	.portfolio-single-page   .portfolio-box img{
		object-fit : contain;
	}
	.portfolio-single-page   .portfolio-box .portfolio-box-title{
		margin-top : -1.5em;
	}
	.portfolio-single-page  .portfolio-element-wrapper{
	    margin-top : -40px;
	}
}
@media (max-width:450px ){
	.portfolio-single-page  .portfolio-element-wrapper .box-image .image-zoom {
		padding-top: 65vw !important;
	}
}
/* start banner*/
@media (max-width: 1900px) and (min-width: 1025px) {
	.portfolio-single-page .new-and-event-banner-bg, .blog-single .new-and-event-banner-bg {
	padding-top: 72.7vh !important; 
	}
}



@media (min-width: 1023px) and (max-width: 1530px) {
	section.section-home-10 .large-8 {
		max-width: 62% !important;
	}
}
/* end banner*/

.client-succes-portfolio .portfolio-box-category {
	display: none !important;
}

.client-succes-portfolio .box-text.text-left>a  {
	display: none !important;
}

@media screen and (max-width: 640px) {
	.text-tag-portfolio {
		font-size: 10px !important
	}
}
@media (width: 1280px) {
footer .widget {
    margin-bottom: 0.5em!important
}
}

h1, h2, h3, h4, h5, h6 {
    color: inherit !important;
}

/****************************************** fixx 5/2 ****/

.bg-it_sourcing img {
    animation: moveUpDown 1s infinite alternate;
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px); /* Điều chỉnh giá trị để thay đổi khoảng cách di chuyển */
    }
}

.image-container {
    position: relative;
    overflow: hidden;
}

.image-container img {
    transition: transform 0.3s;
}

.image-container img:hover {
    transform: scale(1.05);
}

.bg-img-get-in-touch {
	background-image: url(/en/wp-content/uploads/2024/02/bg_now.png);
	background-size: contain;
	 background-repeat: no-repeat;
    width: 800px;
    height: 80px;
	color: white !important;
	margin-left: 4vw !important;
}

.box-shadow-4-hover:hover {
	transform: translateY(-6px);
}

.bg-it_sourcing {
	background-image: url(/en/wp-content/uploads/2024/02/background.png);
    height: 400px;
    object-fit: contain;
    width: 42vw;
    background-repeat: no-repeat;
	margin-left: 4vw !important;
}

.mfp-content #test {
    max-width: 49vw !important;
}

.mfp-content #download {
    max-width: 49vw !important;
}

.title-popup {
    font-family: Arial, sans-serif;
    font-weight: 700;
    padding: 10px;
}
/* .position-mb-it:hover img {
	 transform: scale(1.1);
} */

.bg-lv-service {
	background-image: url(/en/wp-content/uploads/2024/02/background-2.png);
	 height: 400px;
    object-fit: contain;
    width: 42vw;
    background-repeat: no-repeat;
	margin-left: 4vw !important;
}

.bg-lv-service-block8 {
	background-image: url(/en/wp-content/uploads/2024/02/Group-1.png);
	 height: 200px;
    object-fit: contain;
    width: 42vw;
    background-repeat: no-repeat;
	margin-left: 4vw !important;
}

.btn-sub-block {
	background-color: #CE181E !important;
/* 	background-color: #ce181e; */
	color: white !important;
	font-size: 20px !important;
}

.bg_block_5 .bg-fill {
	background-size: contain !important;
}

.bg_block_5 .section-content, .bg_block_6 .section-content  {
	flex-basis: 100%;
}

.sub-block-6 {
	font-size: 22px !important;
}

.bg-it_sourcing-7 {
	background-image: url(/en/wp-content/uploads/2024/02/background-_block7.png);
	height: 204px;
	background-repeat: no-repeat;
}

.bg-block-4 {
	background-image: url(/en/wp-content/uploads/2024/02/bg_block5.png);
	min-height: 204px;
	background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}

.check-grain {
	height: 10px;
	 background: linear-gradient(to right, hsla(0,0%,100%,.2) 3% , #C10F24 50%, hsla(0,0%,100%,.2) 97%);
}

.bg-lv-service-block8 img {
	height: 56px;
}

.bg-block-9 .bg-fill{
	background-size: contain !important;
}

.bg_block_10 {
	background-image: url(/en/wp-content/uploads/2024/02/400X200_bg_block10.png);
	height: 325px;
	background-size: contain;
	background-repeat: no-repeat;
}

.bg_block_10 a {
	display: flex;
    justify-content: center;
}

/* .blog-single .text-lg  {
	font-size: 14px !important;
} */
.bg_block_10 img {
		height: 55px !important;
}

@media screen and (max-width: 1024px) { 
	.bg_block_10 {
		display: none;
	}
	.mfp-content #test {
    max-width: 84vw !important;
}
	.bg-img-get-in-touch {
    width: 88vw;
    height: 84px;
		margin-left: 0 !important;
	}
	.bg-it_sourcing, .bg-lv-service {
		background-image: url(/en/wp-content/uploads/2024/02/background_it_ip.png);
		width: 90vw;
		height: 353px;
		margin-left: 0 !important;
	
	}
	.position-mb-it {
		top: 240px;
    	right: 20vw;
	}
	
	.bg-lv-service {
		background-image: url(/en/wp-content/uploads/2024/02/background_service_ip.png);
	}
	
	.bg-it_sourcing-7 {
		background-image: url(/en/wp-content/uploads/2024/02/background-_block7_ip.png);
		height: 23vw;
	}
	
	.position-mb-it-7 {
		top: 112px;
	}
	
	.text-service {
		margin-left: 10vw;
		font-size: 14px;
	} 
	
	.text-service-1 {
		top: 17.7vw !important;
	}
	
	.text-service-2 {
		top: 21vw !important;
	}
	
	.text-service-3 {
		top: 25vw !important;
	}
	
	.bg-lv-service img {
		height: 50px !important;
	}
	
	.btn-explore {
		top: 31vw;
    	left: 6vw;
	}
	
	.text-ip {
		font-size: 30px !important;
		padding-bottom: 10px;
		line-height: 30px;
	}
	
	.text-ip-6 {
		font-size: 26px !important;
	}
	
	.sub-block-6 {
	 font-size: 15px !important;	
	}
	
	.start-project {
		font-size: 24px !important;
	}
	.bg-block-4 {
		background-size: contain;
		height: 22vw;
		min-height: auto;
	}
	.btn-ct-block-4 img {
		height: 50px;
	}
	
	.bg-lv-service-block8 {
		width: 80vw;
	}
	.bg-lv-service-block8 .text-service-1 {
   	 top: 100px !important;
	}
	
	.bg-lv-service-block8 .text-service-2 {
		 top: 130px !important;
	}
	
	.bg-lv-service-block8 .text-service-3 {
    	top: 160px !important;
	}
	.bg-lv-service-block8 .btn-explore {
		top: 143px;
		left: 47vw;
	}
	.w-popup-subcribe .col-inner {
		width: 70vw !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
}

@media (min-width: 900px) and (max-width: 1023px) { 
	.position-mb-it {
		top: 240px;
    	right: 32vw;
	}
	
	.text-service-1 {
		top: 146px !important;
	}
	
	.text-service-2 {
		top: 175px !important;
	}
	
	.text-service-3 {
		top: 205px !important;
	}
	
	.btn-explore {
		top: 25vw;
    	left: 6vw;
	}
	.position-mb-it-7 {
		top: 12vw 
	}
	
	.bg-lv-service-block8 {
		width: 80vw;
	}
	
	.bg-lv-service-block8 .text-service-1 {
   	 top: 10vw !important;
	}
	
	.bg-lv-service-block8 .text-service-2 {
		 top: 13vw !important;
	}
	
	.bg-lv-service-block8 .text-service-3 {
    	top: 16vw !important;
	}
	.bg-lv-service-block8 .text-service {
		margin-left: 6vw;
		font-size: 15px;
	}
	
	.bg-lv-service-block8 .btn-explore {
		top: 13vw;
		left: 47vw;
	}
}

@media (width: 1024px) {
	.bg-it_sourcing, .bg-lv-service  {
	margin-left: 86px !important;
	}
	
	.position-mb-it {
		top: 240px;
    	right: 36vw;
	}
	
	.text-service-1 {
		top: 14.5vw !important;
	}
	
	.bg-lv-service-block8 .text-service-1 {
   	 top: 10vw !important;
	}
	
	.bg-lv-service-block8 .text-service-2 {
		 top: 13vw !important;
	}
	
	.bg-lv-service-block8 .text-service-3 {
    	top: 16vw !important;
	}
	.bg-lv-service-block8 .text-service {
		margin-left: 6vw;
		font-size: 15px;
	}
	
	.bg-lv-service-block8 .btn-explore {
		top: 13vw;
		left: 47vw;
	}
	.text-service-2 {
		top: 17vw !important;
	}
	
	.text-service-3 {
		top: 20vw !important;
	}
	
	.btn-explore {
		top: 25vw;
    	left: 6vw;
	}
	.position-mb-it-7 {
		top: 112px;
	}
	.bg-it_sourcing-7 {
		height: 187px;
	}
	.start-project {
		font-size: 24px !important;
	}
	.bg-block-4 {
		background-size: cover;
	}
}
@media screen and (max-width: 600px) { 
	.portfolio-single-page .mobie-form-custom-p {
		margin-left: 0;
	}
    .portfolio-single-page .input-form-custom {
		width: 92vw !important;
      margin-left: 8vw;
    }
	.bg-img-get-in-touch {
	background-image: url(/en/wp-content/uploads/2024/02/bg_mb_now.png);
		padding-top: 10px;
		height: 80px;
		 width: 88vw;
  margin-left: 0!important;
	}
	
	.text-touch-1 {
		font-size: 26px;
		margin-bottom: -3px;
	}
	.text-touch-2 {
		font-size: 14px !important;
	}
	
	.bg-it_sourcing {
		background-image: url(/en/wp-content/uploads/2024/02/it_outsourcing_mb_2.png);
		width: 90vw;
		height: 184px;
		margin-left: 0 !important;
	}
	
	.bg-it_sourcing img {
		height: 31px;
	}
	
	.position-mb-it {
		top: 128px;
    	right: 20vw;
	}
	
	.bg-lv-service {
		background-image: url(/en/wp-content/uploads/2024/02/background_sv_mb_2.png);
		width: 88vw;
		margin-left: 0 !important;
		height: 47vw;
	}
	.bg-it_sourcing-7 {
		background-image: url(/en/wp-content/uploads/2024/02/background-_block7_mb_2.png);
		height: 95px;
	}
	
	.position-mb-it-7 {
		top: 55px;
	}
	
	.text-service {
		margin-left: 10vw;
		font-size: 10px;
	} 
	
	.text-service-1 {
		top: 17.7vw !important;
	}
	
	.text-service-2 {
		top: 22vw !important;
	}
	
	.text-service-3 {
		top: 26vw !important;
	}
	
	.bg-lv-service img {
		height: 32px !important;
	}
	
	.btn-explore {
		top: 31vw;
    	left: 6vw;
	}
	.btn-sub-block {
	font-size: 10px !important;
}
	.mt-sub {
		font-size: 15px !important;
		line-height: 17px !important;
		padding-bottom: 6px;
	}
	.bg_block_5 {
		padding-bottom: 0px !important;
		padding-top: 7px !important;
	}
	
	.col_block_6 .col-inner{
		margin-left: 0 !important;

	}
	
	.col_block_6 {
		padding-left: 0px !important;
	}
	
	.mt-sub-6 {
		font-size: 13px !important;
    line-height: 15px !important;
	}
	
	.block_6_mb.section {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.col_block6_1 {
		padding-left: 0px !important;
		padding-top: 10px !important;
	}
	.start-project-text-2 {
		font-size: 12px !important;
	}
	.bg-block-4 {
		min-height: 94px;
	}
	.btn-ct-block-4 img {
		height: 35px!important;
	}
	.start-project {
		font-size: 16px !important;
	}
	.bg-block-4 {
		background-size: contain;
	}
	
	.bg-lv-service-block8 .title-1 {
		display: none
	}
	
	.bg-lv-service-block8 {
		width: 80vw;
		background-image: url(/en/wp-content/uploads/2024/02/bg_8_mobie.png);
		background-size: cover;
		margin-left: 0 !important;
		height: 88px;
	}
	
	.bg-lv-service-block8 .text-service-1 {
   	 top: 42px !important;
	}
	
	.bg-lv-service-block8 .text-service-2 {
		 top: 55px !important;
	}
	
	.bg-lv-service-block8 .text-service-3 {
    	top: 69px !important;
	}
	.bg-lv-service-block8 .text-service {
		margin-left: 6vw;
		font-size: 9px;
	}
	
	.bg-lv-service-block8 .btn-explore {
		top: 64px;
		left: 50vw;
	}
	.bg-lv-service-block8 img {
		height: 23px;
	}
	
	.bg-block-9 img {
		height: 29px;
	}
}

@media screen and (max-width: 380px) { 
	.text-service {
		margin-left: 9vw;
		font-size: 8px;
	} 
	
	.text-service-1 {
		top: 64px !important;
	}
	
	.text-service-2 {
		top: 79px !important;
	}
	
	.text-service-3 {
		top: 93px !important;
	}
	
	.btn-explore {
		top: 30vw;
		left: 6vw;
	}
	.bg-lv-service {
		background-image: url(/en/wp-content/uploads/2024/02/background_block_315.png);
	}
	.start-project-text-2 {
		font-size: 10px !important;
	}
	.bg-block-4 {
		min-height: 10vw;
	}
	.btn-ct-block-4 img {
		height: 23px!important;
	}
	.bg-lv-service-block8 .text-service-1 {
   	 top: 11vw !important;
	}
	
	.bg-lv-service-block8 .text-service-2 {
		 top: 14.5vw !important;
	}
	
	.bg-lv-service-block8 .text-service-3 {
    	top: 18vw !important;
	}
	
	.bg-lv-service-block8 .btn-explore {
		top: 17vw;
	}
}
/* @media (width: 1280px) { 
	.bg-it_sourcing {
		background-image: url(/en/wp-content/uploads/2024/02/background_it_ip.png);
	}
} */
@media (min-width: 1025px) and (max-width: 1366px) { 
	.bg-it_sourcing {
		width: 60vw !important;
		margin-left: 0 !important;
		background-image: url(/en/wp-content/uploads/2024/02/background_it_ip.png);
	}
	
	.bg-it_sourcing-7 {
		background-image: url(/en/wp-content/uploads/2024/02/background-_block7_ip.png);
		height: 204px;
		background-size: contain;
	}
	
	.bg-it_sourcing img {
		height: 50px;
	}
	
	.position-mb-it {
		top: 252px !important;
    	left: 28vw !important;
	}
	
	.bg-lv-service {
		width: 60vw !important;
		margin-left: 0 !important;
		background-image: url(/en/wp-content/uploads/2024/02/background_service_ip.png);
	}
	
	.text-service-1 {
		top: 10.7vw !important;
	}
	
	.text-service-2 {
		top: 13vw !important;
	}
	
	.text-service-3 {
		top: 15.5vw !important;
	}
	
	.text-service {
		font-size: 18px;
	}
	.btn-explore {
		top: 20vw !important;
    	left: 6vw;
	}
	
	.bg-lv-service img {
		height: 50px !important;
	}
	
	.text-ip {
		font-size: 30px !important;
		padding-bottom: 10px !important;
		line-height: 30px !important;
	}
	
	.text-ip-6 {
		font-size: 24px !important;
	}
	.btn-sub-block {
		font-size: 16px !important;
	}
	
	.sub-block-6 {
	 font-size: 12px !important;	
	}
	.position-mb-it-7 {
		top: 11vw !important;
	}
	.start-project {
		font-size: 32px !important;
	}
	.start-project-text-2 {
		font-size: 22px !important;
	}
	.bg_block_10 {
		padding-top: 7vw !important;
	}
	
	.bg_block_10 img {
		height: 35px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1520px) { 
	.bg-it_sourcing, .bg-lv-service {
		width: 59vw !important;
		margin-left: 0 !important;
	}
	.position-mb-it {
		top: 280px !important;
    	left: 22vw !important;
	}
	.text-ip {
		font-size: 30px !important;
		padding-bottom: 10px !important;
		line-height: 30px !important;
	}
	.btn-sub-block {
		font-size: 16px !important;
	}
	.start-project {
		font-size: 32px !important;
	}
	.start-project-text-2 {
		font-size: 22px !important;
	}
	.bg_block_10 {
		padding-top: 7vw !important;
	}
	
	.bg_block_10 img {
		height: 45px !important;
	}
}



@media (min-width: 1521px) and (max-width: 1900px) { 
	.sub-block-6 {
	 font-size: 18px !important;	
	}
	
	.bg-lv-service-block8 img {
	height: 50px;
	}
	
	.bg-lv-service-block8 .title-1 {
		font-size: 40px;
	}
	
	.bg-lv-service-block8 .text-service {
		font-size: 14px;
	}
	.bg_block_10 {
		padding-top: 7vw !important;
	}
	
	.bg_block_10 img {
		height: 55px !important;
	}
}
@media screen and (max-width: 1000px) {
	.bg-block-9 .section-content {
		flex-basis: 100% !important;
	}
}
	
.part:nth-child(1) {
            flex: 3; 
        }

        .part:nth-child(2) {
            flex: 2; 
        }

        .part:nth-child(3) {
            flex: 4; 
        }
.portfolio-single-page a:hover._mPS2id-h {
    color: blue !important;
}