.service-block .service-item {
    position: relative;
    overflow: hidden;
    height: 100%; }
    .service-block .service-item .service-item-main .heading i.ph-arrow-up-right {
      position: absolute;
      top: 32px;
      right: -30px;
      visibility: hidden;
      cursor: pointer;
      transition: all ease 0.4s; }
    .service-block .service-item .service-item-main .number {
      opacity: 0.2;
      transition: all ease 0.4s; }
    .service-block .service-item .service-item-main .explore-block i {
      transition: all ease 0.3s; }
    .service-block .service-item .service-item-main .explore-block:hover i {
      margin-left: 4px; }
    .service-block .service-item:hover .service-item-main .heading7,
    .service-block .service-item:hover .service-item-main .heading6 {
      color: var(--primary); }
    .service-block .service-item:hover .service-item-main .heading i.ph-arrow-up-right {
      right: 32px;
      visibility: visible; }
    .service-block .service-item:hover .service-item-main .number {
      opacity: 1; }

    

.faqs-block .list-nav{justify-content:normal; } 
.faqs-block.style-one {
    position: relative; }
    .faqs-block.style-one > .row {
      width: 100%;
      height: 720px;
      overflow: hidden; }
      .faqs-block.style-one > .row > div:first-child {
        height: 100%;
        padding-right: 0; }
        .faqs-block.style-one > .row > div:first-child .bg-img {
          height: calc(100% * 2 / 3); }
          .faqs-block.style-one > .row > div:first-child .bg-img img {
            display: block;
            width: 100%;
            height: 100%;
            max-height: 500px;
            object-fit: cover; }
        .faqs-block.style-one > .row > div:first-child .desc {
          height: calc(100% * 1 / 3); }
          .faqs-block.style-one > .row > div:first-child .desc .content {
            width: 70%;
            display: flex;
            align-items: center; }
            .faqs-block.style-one > .row > div:first-child .desc .content i {
              font-size: 100px; }
      .faqs-block.style-one > .row > div:last-child {
        overflow: hidden; }
        .faqs-block.style-one > .row > div:last-child .content-main {
          width: 70%;
          padding-left: 60px;
          padding-top: 40px; }
          .faqs-block.style-one > .row > div:last-child .content-main .list-question .question-item .heading7 {
            font-size: 16px;
            line-height: 26px;
            font-weight: 700; }
          .faqs-block.style-one > .row > div:last-child .content-main .list-question .question-item i {
            font-size: 16px; }

.question-item .question-item-main i {
    transform: rotate(0);
    transition: all ease 0.5s; }
        
    .question-item .content-question {
    transition: all ease-in-out 0.5s;
    max-height: 0;
    overflow: hidden; }
    .question-item .content-question .border-line {
        background-color: rgba(231, 231, 231, 0.8); }
    
    .question-item.open .content-question {
    max-height: 150px; }

.case-studies-block.style-two .list-nav {
    flex-wrap: wrap; }
    .case-studies-block.style-two .list-nav .nav-item.active,
    .case-studies-block.style-two .list-nav .nav-item:hover {
        border-bottom: 4px solid var(--primary);
        color: var(--white);
        transition: all linear 0.3s; }
    
    .case-studies-block.style-two .row .item-main {
    position: relative;
    cursor: pointer; }
    .case-studies-block.style-two .row .item-main .bg-img {
        position: relative; }
        .case-studies-block.style-two .row .item-main .bg-img img {
        transition: all linear 0.5s;
        cursor: pointer; }
        .case-studies-block.style-two .row .item-main .bg-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #121212;
        opacity: 0;
        transition: all ease 0.3s;
        z-index: 0; }
        .case-studies-block.style-two .row .item-main .bg-img a {
        position: absolute;
        bottom: 20px;
        right: -120px;
        z-index: 1;
        transition: all ease 0.5s; }
        .case-studies-block.style-two .row .item-main .bg-img a:hover {
            background-color: var(--blue); }
            .case-studies-block.style-two .row .item-main .bg-img a:hover div,
            .case-studies-block.style-two .row .item-main .bg-img a:hover i {
            color: var(--white); }
    .case-studies-block.style-two .row .item-main .infor .heading6 {
        transition: 0.3s; }
    .case-studies-block.style-two .row .item-main:hover .bg-img img {
        transform: scale(1.06); }
    .case-studies-block.style-two .row .item-main:hover .bg-img::after {
        opacity: 0.4; }
    .case-studies-block.style-two .row .item-main:hover .bg-img a {
        right: 20px; }
    .case-studies-block.style-two .row .item-main:hover .infor .heading6 {
        text-decoration: none; }
    
@media (min-width: 2000px) {
    .faqs-block.style-one > .row > div:last-child .content-main {
        width: 60%; } }
@media (min-width: 2480px) {
    .faqs-block.style-one > .row > div:last-child .content-main {
        width: 50%; } }
@media (min-width: 2980px) {
    .faqs-block.style-one > .row > div:last-child .content-main {
        width: 40%; } }
@media (max-width: 1600px) {
    .faqs-block.style-one > .row > div:first-child .desc .content {
        width: 80%; }
    .faqs-block.style-one > .row > div:last-child .content-main {
        width: 90%; } }
@media (max-width: 1400px) {
    .faqs-block.style-one > .row > div:first-child .desc .content i {
        font-size: 80px; }
    .faqs-block.style-one > .row > div:first-child .desc .content .heading4 {
        font-size: 32px; }
    .faqs-block.style-one > .row > div:last-child .content-main {
        width: 94%; } }
@media (max-width: 1169px) {
    .faqs-block.style-one > .row {
        margin-left: 0;
        margin-right: 0; }
        .faqs-block.style-one > .row > div:first-child {
          padding-left: 0;
          padding-right: 0; }
        .faqs-block.style-one > .row > div:last-child .content-main {
          padding-left: 0;
          width: 100%; }
    .faqs-block.style-one > .row {
        height: unset;
        row-gap: 0; }
        .faqs-block.style-one > .row > div:first-child .bg-img img {
          max-height: unset;
          height: unset; }
        .faqs-block.style-one > .row > div:first-child .desc {
          padding-left: 15px;
          padding-right: 15px; }
          .faqs-block.style-one > .row > div:first-child .desc .content {
            padding: 30px 0; }
        .faqs-block.style-one > .row > div:last-child {
          padding-top: 32px;
          padding-bottom: 32px; }

    .case-studies-block.style-two .row .item-main .bg-img a {
        right: 20px;
        padding: 21px 10px; }
}

@media (max-width: 1023px) {
  .case-studies-block.style-two .row .item-main .bg-img a {
    right: 20px;
    padding: 21px 10px; } 
}
  
  
@media (max-width: 767px) {
  
  .case-studies-block.style-one .row {row-gap: 24px; } 
    .faqs-block.style-one > .row > div:first-child .desc .content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; }
        .faqs-block.style-one > .row > div:first-child .desc .content i {
            font-size: 60px; } 
    .faqs-block.style-one > .row {
        height: unset;
        row-gap: 0; }
        .faqs-block.style-one > .row > div:first-child .desc .content i {
            font-size: 50px; }
        .faqs-block.style-one > .row > div:first-child .desc .content .heading4 {
            font-size: 20px; }
}    
@media (max-width: 575px) {
    .question-item .question-item-main i {
            font-size: 16px; } 
}