@media only screen and (max-width: 1800px) and (min-width: 1025px) {
  h1 {
    font-size: 4.72vw;
    line-height: 5.28vw;
    letter-spacing: -0.11vw;
  }
  h2 {
    font-size: 3.89vw;
    line-height: 4.17vw;
    letter-spacing: -0.11vw;
  }
  h3 {
    font-size: 2.5vw;
    line-height: 3.06vw;
    letter-spacing: -0.11vw;
  }
  h4 {
    font-size: 1.94vw;
    line-height: 2.5vw;
    letter-spacing: -0.11vw;
  }
  h5 {
    font-size: 1.56vw;
    line-height: 2vw;
  }
  h6 {
    font-size: 1.22vw;
    line-height: 1.89vw;
  }
  .page-center {
    max-width: 92.78vw;
  }
  /* header css start */
  header .page-center {
    gap: 2.78vw;
  }
  header{
    top: 2.39vw;
  }
  .logo {
    max-width: 10.94vw;
  }
  .menu-area ul {
    gap: 2.89vw;
    padding: 1.5vw 2.17vw 1.5vw 2.78vw;
    border-radius: 1.33vw;
    height: 4.7222vw;
  }
  .menu-right {
    padding: 1.33vw 1.89vw 1.33vw 2.11vw;
    border-radius: 1.33vw;
    gap: 2.67vw;
    height: 4.7222vw;
  }
  .menu-area ul li a {
    font-size: 1.11vw;
  }

  /* header css end */
  /* home-banner css start */
  
  /* home-banner css end */
  .btn-arrow {
    width: 3.72vw;
    height: 6.17vw;
    font-size: 2.6667vw;
    line-height: 1.5vw;
    border-radius: 3.72vw;
  }
  .btn-text {
    gap: 1.78vw;
    padding: 3.5vw 2.61vw;
  }
  .btn-text h4 {
    line-height: 2.17vw;
    max-width: 15.28vw;
  }
  .discover-banner {
    max-width: 26.11vw;
    border-radius: 2.7778vw;
  }
  .smart-section {
    padding-top: 8.67vw;
    padding-bottom: 8.67vw;
    border-radius: 5.55vw 5.55vw 0 0;
  }
  .smart-title {
    gap: 3.89vw;
    margin-bottom: 3.89vw;
  }
  .smart-title h2 {
    max-width: 63.44vw;
    font-size: 3.8889vw;
    line-height: 4.17vw;
  }
  .smart-title p {
    max-width: 22.44vw;
    font-size: 1.22vw;
    line-height: 1.78vw;
  }
  .smart-item {
    border-radius: 2.78vw;
  }
  .smart-item > img {
    width: 100%;
    height: 23.17vw;
  }
  .smart-text {
    padding: 2.5vw;
    font-size: 1.39vw;
  }
  .smart-item::before {
    filter: blur(1.67vw);
  }
  .smart-slider .slick-dots li button {
    font-size: 1.22vw;
    line-height: 1.22vw;
  }
  .smart-slider .slick-dots li button::before {
    width: 2.17vw;
    left: calc(100% + 0.5vw);
  }
  .smart-slider .slick-dots {
    gap: 3.33vw;
    bottom: -4.22vw;
  }
  .awards-section {
    border-radius: 5.55vw 5.55vw 0 0;
    padding: 8.06vw 0 8.33vw;
  }
  .title-flex {
    gap: 1.11vw;
    margin-bottom: 2.33vw;
  }
  
  .learn-btn {
    padding: 0.94vw 2.22vw;
    border-radius: 2.78vw;
  }
  .client-section {
    border-radius: 5.55vw 5.55vw 0 0;
    padding: 7.22vw 0 5.56vw;
  }

  .star-flex img {
    height: 1.22vw;
    width: 1.33vw;
  }
 
  .advanced-section {
    border-radius: 5.55vw 5.55vw 0 0;
    padding: 9.17vw 0;
  }
  .zoonic-box {
    margin-top: 20.11vw;
    max-width: 38.28vw;
    padding: 5.22vw 4.06vw 3.61vw 4.06vw;
    margin-left: 8.22vw;
    min-height: 22.22vw;
    margin-bottom: 5.56vw;
  }
  .zoonic-arrow img {
    width: 9.83vw;
    height: 9.83vw;
  }
  .zoonic-item {
    max-width: 24.72vw;
  }
  .zoonic-item img {
    max-width: 15.83vw;
    margin-bottom: 1.94vw;
  }
  .zoonic-item h3 {
    font-size: 3.33vw;
    line-height: 3.33vw;
    padding-bottom: 1vw;
  }
  .zoonic-item p {
    font-size: 1.11vw;
    line-height: 1.67vw;
    padding-bottom: 1.67vw;
  }
  .zoonic-item .btn-group {
    margin-bottom: 2.22vw;
  }
  .zoonic-slider .slick-dots li.slick-active button {
    width: 1.89vw;
  }
  .blog-section {
    padding: 7.7778vw 0 14.44vw;
    border-radius: 5.55vw 5.55vw 0 0;
  }
  .top-move {
    margin-top: -5.56vw;
  }
  .blog-item img {
    border-radius: 2.78vw;
    margin-bottom: 1.67vw;
  }
  .blog-slider {
    padding-top: 2.11vw;
  }
  .blog-item label {
    margin-bottom: 1.11vw;
    font-size: 0.83vw;
    border-radius: 1.67vw;
    padding: 0.67vw 1.39vw;
  }
  /* footer css start */
  footer {
    border-radius: 5.55vw 5.55vw 0 0;
    padding: 0 0 1.111vw;
  }
  .footer-left img {
    max-width: 10.11vw;
    padding-bottom: 1.22vw;
  }
  .footer-left p {
    padding-bottom: 1.61vw;
  }
  .footer-country{
    padding-top: 4.4444vw;
    padding-bottom: 1.6667vw;
  }
  .footr-social-media-flex a {
    max-width: 3.06vw;
  }
  .footer-left {
    max-width: 28.17vw;
    padding: 5.22vw 3.33vw 1.11vw 0;
  }
  .footer-right {
    max-width: 67.72vw;
    padding-top: 5.22vw;
  }
  .footer-right-top {
    padding: 2.22vw 0 2.78vw 4.17vw;
  }
  .footer-top-item h5 {
    font-size: 20px;
  }
    .footer-top-item,
    .footer-top-item {
      gap: 1.11vw;
    }
    .footer-top-item:first-child {
      max-width: 14.67vw;
    }
    .footer-top-item:nth-child(2) {
      max-width: 10.22vw;
    }
    .footer-top-item:nth-child(3) {
      max-width: 21.94vw;
    }
    .footer-top-item p {
      padding-bottom: 1.67vw;
    }
    .img-gallery {
      gap: 1vw;
    }
    .img-gallery a {
      max-width: 6.56vw;
    }
    .img-gallery a img {
      height: 6.67vw;
      border-radius: 0.83vw;
    }
    .footer-right-bottom {
      gap: 2.78vw;
      padding: 2.78vw 0 2.22vw 4.17vw;
    }
    .footer-bottom-item h5 {
      font-size: 20px;
    }
    .footer-copy {
      padding: 2.22vw 0;
      gap: 1.11vw;
    }
    .footer-copy ul {
      gap: 1.11vw;
    }
    /* footer css end */
    .smart-slider .slick-dots li button::before {
      top: 50%;
      bottom: 50%;
      transform: translateY(-50%);
    }
    .client-item h6 span {
      padding-top: 6px;
    }
    .sub-page-banner{
      padding-bottom: 5.56vw;
  }
  .sub-page-banner::before{
    filter: blur(2.78vw);
    width: 100%;
    height: 27.7778vw;
  }
  .sub-page-banner figure{
    border-radius: 2.78vw;
  }
  .sub-page-banner .page-center{
    gap: 3.33vw;
  }
  .sub-page-banner h1{
    max-width: 80vw;
    padding-top: 2.5vw;
  }
  .services{
    padding-bottom: 8.89vw;
  }
  .services .page-center{
      gap: 4.56vw;
  }
  .service-left{
      max-width: 45.11vw;
      gap: 1.67vw;
  }
  .service-right{
    max-width: 44.44vw;
    row-gap: 3.33vw;
  }
  .service-grid{
    gap: 1.67vw;
  }
  .service-grid h4{
    line-height: 2.22vw;
  }
  .service-grid img{
    max-width: 2.78vw;
    height: 2.78vw;
  }
  .service-grid:nth-child(odd){
      max-width: 21.89vw;
      padding: 1.06vw 5vw 0 2.38vw;
  }
  .service-grid:nth-child(even){
      max-width: 19.5vw;
      padding: 1.06vw 0.11vw 0 3.17vw;
  }
  .service-left h5{
    font-size: 1.67vw;
  }
  .service-left h2{
      padding-bottom: 1.67vw;
  }
  .industries{
    padding-top: 9.44vw;
    padding-bottom: 8.33vw;
    border-radius: 5.55vw 5.55vw 0 0;
  }
  .industries .page-center{
    gap: 6.11vw;
  }
  .industries-left{
    gap: 1.11vw;
    max-width: 36.56vw;
  }
  .industries-right{
    gap: 1.11vw;
    max-width: 52.78vw;
    padding-right: 3.33vw;
  }
  .industries-left h2 span{
    font-size: 7.78vw;
    line-height: 7.78vw;
  }
  .industries-left p{
    padding-bottom: 1.11vw;
    font-size: 1.67vw;
    line-height: 2.33vw;
  }
  .industries-left img{
    border-radius: 2.78vw;
    max-height: 21.61vw;
  }
  .industries-right p{
    padding-bottom: 4.44vw;
  }
  .industry-grid{
    gap: 4.94vw;
  }
  .i-grid-item{
    gap: 0.56vw;
    max-width: 6.67vw;
    width: 100%;
  }
  .i-grid-item img{
    font-size: 1.11vw;
      width: 3vw;
      height: 3vw;
  }
  .technology{
    padding-top: 7.22vw;
    padding-bottom: 12.22vw;
    border-radius: 5.55vw 5.55vw 0 0;
  }
  .title-center{
    gap: 1.67vw;
    max-width: 65.83vw;
    margin-bottom: 2.78vw;
  }
  .title-center h2{
    line-height: 4.72vw;
  }
  .technology-slider{
    max-width: 65.83vw;
    margin-top: 3.89vw;
  }
  .technology-slider .slick-dots {
    gap: 0.56vw;
  }
  .blog-section.light-bg{
    padding-top: 7.78vw;
  }
  .overview-title{
    gap: 3.61vw;
    padding-bottom: 5.56vw;
  }
  .overview-title-left{
    gap: 2.22vw;
    max-width: 35.5vw;
  }

  .overview-title-right{
    max-width: 50vw;
    gap: 5vw;
  }
  .overview-title-right p{
    max-width: 22.22vw;
  }
  .overview-title-right p:nth-child(odd):after{
    right: -2.5vw;
  }
  .over-view-body{
    gap: 1.22vw;
  }
  .over-view-body-item{
    width: 28vw;
    border-radius: 2.78vw;
    padding: 3.61vw 3.33vw 3.89vw;
    gap: 1.67vw;
  }
  .over-view-body-item:nth-child(3n+1) {
    border-bottom-right-radius: 0;
  }
  .over-view-body-item:nth-child(3n+2) {
    border-top-left-radius: 0;
  }
  .over-view-body-item:nth-child(3n+3) {
    border-bottom-left-radius: 0;
  }
  .over-view-body-item h4{
    gap: 1.39vw;
    font-size: 2.22vw;
  }
  .over-view-body-item h4 img{
      max-width: 4.72vw;
  }
  .overview{
    padding-bottom: 6.11vw;
  }
  .title-flex p{
    max-width: 38.17vw;
  }
  .proess-flex{
    padding-top: 5.56vw;
  }
  .proess-flex h4{
      font-size: 1.33vw;
      line-height: normal;
      gap: 1.39vw;
      max-width: 13.33vw;
      letter-spacing: -0.011vw;
  }
  .proess-flex h4::after{
    right: -0.56vw;
  }
  .proess-flex h4 img{
    height: 4.89vw;
    max-width: 3.33vw;
  }
  .process{
    padding-bottom: 8.33vw;
  }
  .our-technologies{
    padding-bottom: 10vw;
  }
  .our-technologies .page-center{
    gap: 1.67vw;
  }
  .our-technologies figure{
    max-width: 36.33vw;
    border-radius: 2.78vw;
  }
  .our-tech-content{
    max-width: 57.67vw;
    border-radius: 2.78vw;
    padding: 5vw 3.61vw 7.56vw;
  }
  .our-tech-title{
    gap: 2.5vw;
    padding-bottom: 5vw;
  }
  .our-tech-title h2{
    line-height: 3.89vw;
    max-width: 24.5vw;
  }
  .our-tech-flex {
    gap: 3.89vw;
    row-gap: 2.78vw;
  }
  .establishment{
    border-radius: 5.56vw 5.56vw 0 0;
    padding-top: 10.17vw;
    padding-bottom: 19vw;
  }
  .establish-content{
    gap: 1.11vw;
    max-width: 45vw;
  }
  .establish-content h2{
    font-size: 4.444vw;
    line-height: 5vw;
  }
  .establish-content h2 span{
    font-size: 6.111vw;
    line-height: 6.111vw;
  }
  .establish-content p{
    font-size: 1.44vw;
    line-height: 2vw;
  }
  .establishment figure{
    border-radius: 2.78vw;
    max-width: 43.67vw;
  }
  .establishment .establish-item{
      gap: 6.67vw;
  }
  .blog{
    padding-bottom: 15.56vw;
  }
  .blog-flex{
    gap: 4.78vw;
    padding-bottom: 5vw;
  }
  .blog-flex-item{
    width: 25.61vw;
  }
  .blog-flex-item img{
    border-radius: 1.67vw;
    margin-bottom: 1.11vw;
    height: 20.28vw;
  }
  .blog-flex-item h4{
    font-size: 1.67vw;
    line-height: 2.22vw;
    letter-spacing: -0.056vw;
  }
  .blog-flex-item::after{
    right: -2.39vw;
  }
  .blog-pagination{
    gap: 1.11vw;
  }

  .blog-pagination p strong{
    font-size: 1.56vw;
    letter-spacing: -0.056vw;
  }
  .pagination .page-numbers{
    width: 2.89vw;
    height: 2.89vw;
  }
  .blog-banner-detail .page-center{
    gap: 1.39vw;
    max-width: 73vw;
  }
  .blog-banner-detail h1{
  font-size: 3.89vw;
  line-height: 4.17vw;
  }
  .blog-banner-detail h2{
  font-size: 2.78vw;
  line-height: 3.11vw;
  padding-top: 0.83vw;
  }
  .blog-banner-detail h3{
  font-size: 2.22vw;
  line-height: 2.67vw;
  padding-top: 0.83vw;
  }
  .blog-banner-detail h4{
  font-size: 1.67vw;
  line-height: 2vw;
  padding-top: 0.83vw;
  }
  .blog-banner-detail h5{
  font-size: 1.11vw;
  line-height: 1.39vw;
  padding-top: 0.83vw;
  }
  .blog-banner-detail h6{
  font-size: 1vw;
  line-height: 1.28vw;
  padding-top: 0.83vw;
  }

  .blog-banner-detail ul, .blog-banner-detail ol{
  padding-left: 1.67vw;
  }
  .blog-banner-detail figure{
  border-radius: 1.67vw;
  }

  form textarea{
  min-height: 10.56vw;
  }
  .blog-banner-detail form{
  max-width: 54.11vw;
  }
  .blog-banner-detail form > p{
  padding-bottom: 1.67vw;
  }
  .input-wrap{
  padding-bottom: 1.67vw;
  }
  .input-flex{
  row-gap: 1.67vw;
  }
  .blog-banner-detail{
    padding-bottom: 10vw;
  }
  .career-banner h1{
    font-size: 6.67vw;
    line-height: 7.5vw;
  }
  .career-banner p{
    font-size: 1.44vw;
    line-height: 2.22vw;
    max-width: 36.33vw;
  }
  .career-banner{
    padding-bottom: 8.89vw;
  }
  .dark-accordion{
    border-radius: 5.56vw 5.56vw 0 0;
    padding-top: 7.22vw;
    padding-bottom: 11.11vw;
  }
  .opening-accordion-title{
    gap: 1.11vw;
    padding-bottom: 4.17vw;
  }
  .opening-accordion-title p{
    font-size: 1.44vw;
    max-width: 44.72vw;
  }
  .opening-accordion-title h2{
    font-size: 4.44vw;
  }
  .opening-accordion-wrapper{
    padding: 2.22vw 0;
  }
  .accordion-body{
    padding-top: 2.22vw;
  }
  .dark-accordion .page-center{
    max-width: 73.44vw;
  }
  .opening-accordion-wrapper .accordion-header{
    gap: 1.11vw;
  }
  .opening-header-left{
    gap: 2.22vw;
    max-width: 51.78vw;
  }
  .opening-header-right{
    gap: 1.11vw;
  }
  .opening-header-left p{
    font-size: 1.56vw;
  }
  .opening-header-right p{
    font-size: 1.22vw;
  }
  .opening-header-right span{
    width: 1.39vw;
    height: 1.39vw;
  }
  .opening-header-right span::after{
    font-size: 2.22vw;
  }
  .gallery-grid{
      border-radius: 5.56vw 5.56vw 0 0;
      padding-top: 8.33vw;
      padding-bottom: 16.67vw;
  }
  .gallery-grid .page-center{
    max-width: 73.44vw;
  }
  .gallery-grid .opening-accordion-title{
    gap: 2.78vw;
  }
  .image-grid {
    grid-template-columns: repeat(auto-fit, minmax(16vw, 1fr)); 
    gap: 1.39vw;
  }

  .image-item {
    border-radius: 1.11vw;
  }

  .image-item img {
    height: 16.67vw;
  }
  .career-detail-flex{
    gap: 5.56vw;
    padding-top: 3.89vw;
    padding-bottom: 11.11vw;
  }
  .career-detail-banner .page-center{
    max-width: 73.56vw;
  }
  .career-detail-left{
    max-width: 40.28vw;
    padding-right: 8.89vw;
  }
  .career-detail-right{
    max-width: 25.56vw;
  }
  .career-detail-left h1{
    font-size: 2.78vw;
    line-height: normal;
  }
  .career-detail-left h2{
    font-size: 2.22vw;
    line-height: normal;
  }
  .career-detail-left h3{
    font-size: 1.67vw;
    line-height: normal;
  }
  .career-detail-left h4{
    font-size: 1.39vw;
    line-height: normal;
  }
  .career-detail-left h5{
    font-size: 1.11vw;
    line-height: normal;
  }

  .career-detail-left ul{
    padding-left: 1.39vw;
    gap: 0.83vw;
  }

  .career-detail-right input[type="submit"]{
    padding: 1.11vw 1.94vw;
    margin-top: 1.11vw;
  }

  .custom-checkbox input:checked + .checkmark::after {
    left: 0.61vw;
    top: 0.22vw;
    width: 0.5vw;
    height: 1vw;
  }
  .career-detail-right h5{
    padding-bottom: 2.78vw;
  }
  .faq-banner .page-center{
    gap: 8.33vw;
    padding-bottom: 11.11vw;
  }
  .faq-banner .page-center>p{
    max-width: 20.72vw;
    font-size: 1.33vw;
    line-height: 2.06vw;
  }
  .faq-right{
    max-width: 53.44vw;
  }
  .faq-right h1{
    font-size: 6.11vw;
    line-height: 6.67vw;
    padding-bottom: 2.78vw;
    padding-top: 0;
  }
  .faq-right .opening-accordion-wrapper{
    padding: 1.67vw 0;
  }
  .faq-right .accordion-body {
    padding-top: 1.67vw;
  }
  .zap-banner .page-center{
    gap: 0.56vw;
    max-width: 84.56vw;
    padding-top: 3.89vw;
  }
  .zap-banner figure {
    border-radius: 0;
    max-width: 47.72vw;
    height: auto;
    margin-top: -12.67vw;
  }
  .zap-banner{
    padding-bottom: 3.89vw;
  }
  .zap-banner h1{
    max-width: 100%;
    padding-top: 0;
    font-size: 4.44vw;
    line-height: 4.44vw;
  }
  .zap-banner h4{
    font-size: 2.22vw;
    line-height: 2.22vw;
  }
  .zap-banner h3{
    font-size: 2.78vw;
    line-height: 2.78vw;
  }
  .earn-money .page-center{
    max-width: 84.56vw;
    gap: 7.78vw;
  }
  .earn-money-top-flex{
    gap: 1.56vw;
  } 
  .earn-money-item{
    gap: 1.11vw;
    padding: 2.22vw 3.61vw;
    max-width: 26.39vw;
    width: 100%;
    border-radius: 1.67vw;
  }
  .earn-money-item h5{
    font-size: 1.44vw;
    line-height: normal;
  }
  .earn-money-item p{
    font-size: 1.11vw;
    line-height: 1.61vw;
  }
  .earn-money-top h4{
    padding-bottom: 2.22vw;
    font-size: 2.17vw;
    line-height: normal;
  }
  .earn-money-top h4 strong{
    padding: 0 1.11vw;
  }
  .earn-money-top h4 strong::before{
    width: 1.11vw;
    height: 1.11vw;
    background-size: 1vw;
    left: -0.11vw;
    top: 0.5vw;
  }
  .earn-money-top h4 strong::after{
    width: 1.11vw;
    height: 1.11vw;
    background-size: 1vw;
    right: -0.22vw;
    top: 0.5vw;
  }
  .earn-money{
    padding-bottom: 6.56vw;
  }
  .earn-money-box{
    gap: 14.78vw;
    padding: 1.67vw 3.33vw;
    border-radius: 1.67vw;
    margin-top: 6.33vw;
  }
  .earn-money-box img{
    max-width: 16.67vw;
    width: 100%;
    height: 17.44vw;
    top: -3.33vw;
  }
  .earn-money-box h4{
    font-size: 2.67vw;
    line-height: 2.94vw;
    letter-spacing: 0;
  }
  .earn-money-box h4 span{
    font-size: 3.35vw;
  }
  .earn-money-bottom{
    max-width: 57.67vw;
  }
  .earn-money-bottom>h2{
    font-size: 3.33vw;
    line-height: 3.61vw;
    padding-bottom: 0.83vw;
  }
  .earn-money-bottom>h4{
    font-size: 1.67vw;
  }

  .referal{
    border-radius: 5.56vw 5.56vw 0 0;
    padding-top: 10vw;
    padding-bottom: 22.22vw;
  }
  .referal .page-center{
    max-width: 84.56vw;
  }
  .refer-box{
    gap: 2.61vw; 
  }
  .referbox-left{
    max-width: 31.67vw;
    border-radius: 1.94vw;
    padding: 4.78vw 3.33vw 3.33vw;
    gap: 2.22vw;
  }
  .referbox-center{
    max-width: 37.5vw;
    gap: 1.39vw;
    row-gap: 1.11vw;
  }
  .referbox-item{
    border-radius: 1.94vw;
    padding: 1.39vw;
    max-width: 17.94vw;
  }
  .referbox-right{
    min-width: 5.56vw;
  }
  .referbox-right img{
    max-width: 25.5vw;
    width: 25.5vw;
    height: 29.5vw;
    left: -16.44vw;
    bottom: -11.89vw;
  }
  .referbox-left h4{
    font-size: 1.67vw;
    line-height: 2.44vw;
  }
  .btn-join{
    font-size: 1.39vw;
    line-height: normal;
  }
  .referbox-item h5{
    font-size: 1.44vw;
    gap: 0.83vw;
  }
  .referbox-item h5 span{
    font-size: 1.33vw;
    width: 2.28vw;
    height: 2.28vw;
  }
  .referal .referbox-item p {
    font-size: 1.11vw;
    line-height: 1.61vw;
  }
  .country-contacts-wrap ul li img {
    width: 1.83vw;
    height: 1.28vw;
    margin-right: 0.67vw;
  }
  .country-contacts-wrap ul {
    margin-bottom: 7.78vw;
  }
  .country-contacts-wrap ul li {
    margin-right: 1.56vw;
  }
  .country-contacts-wrap ul li a {
    padding-bottom: 0.83vw;
  }
  .country-name {
    font-size: 1.67vw;
    padding-bottom: 1.67vw;
  }
  .contact-box-wrap {
    gap: 5.56vw;
  }
  .contact-box-left {
    max-width: 39.72vw;
  }
  .country-contacts-wrap {
    padding-bottom: 5.78vw;
  }
  .contact-box-right {
    max-width: 26vw;
  }
  .branch-wrap {
    gap: 1.67vw;
  }
  .branch-wrap > div {
    width: 18.39vw;
  }
  .contact-bottom {
    gap: 1.67vw;
    padding-top: 7.22vw;
    padding-bottom: 8.89vw;
  }
  .sub-page-banner figure.contact-box-right {
    height: auto;
    border-radius: 0;
  }
  .branch-wrap h5 {
    padding-bottom: 1.11vw;
  }
  .contact-bottom h2 {
    font-size: 4.44vw;
    line-height: 5vw;
  }
  .contact-banner .page-center {
    max-width: 73.44vw;
  }
  .contact-top h1 {
    font-size: 6.67vw;
    line-height: 6.67vw;
    margin-right: 2.33vw;
  }
  .contact-top span {
    max-width: 36.11vw;
    letter-spacing: -0.03vw;
    font-size: 1.2vw;
  line-height: 1.5vw;
  }

  .contact-top {
    padding-top: 2.78vw;
    padding-bottom: 3.33vw;
  }
  .award-banner .page-center {
    padding-bottom: 8.33vw;
  }
  .award-banner h1 {
  font-size: 3.89vw;
  line-height: 4.17vw;
  padding-bottom: 1.67vw;
  }
  .awards-grid {
  display: flex;
  gap: 1.39vw;
  flex-wrap: wrap;
  }
  .awards-grid-item {
  max-width: 16.5vw;
  width: 100%;
  border-radius: 2.22vw;
  padding: 2.44vw 1.22vw;
  gap: 0.56vw;
  }
  .awards-grid-item img {
    width: 10.56vw;
    height: 10.56vw;
  }
  /* Home-page-discover start */
    .discover-section {
      border-radius: 5.56vw 5.56vw 0 0;
      padding-top: 8.33vw;
      padding-bottom: 8.33vw;
    }
    .discover-section .page-center {
      gap: 2.22vw;
    }
    .discover-content {
      max-width: 67.22vw;
      gap: 1.11vw;
    }
    .discover-title-flex {
      gap: 3.22vw;
    }
    .d-title-left {
      min-width: 16.67vw;
    }
    .d-title-left img {
      width: 16.56vw;
      height: 23.11vw;
    }
    .discover-title-bottom {
      border-radius: 1.67vw;
      padding: 4.44vw 3.61vw;
      margin-left: 1.67vw;
    }
    .discover-title-bottom p {
      font-size: 1.17vw;
      line-height: 2.06vw;
    }
    .d-title-right h3 {
      font-size: 3.06vw;
      line-height: 3.61vw;
      padding-right: 7.5vw;
      padding-top: 5vw;
    }
    .company-loop {
      padding-top: 7.56vw;
      gap: 2.78vw;
    }
    .company-item {
      max-width: 14.67vw;
      width: 100%;
      padding-right: 1.67vw;
    }
    .company-item img {
      width: 3.06vw;
      height: 3.06vw;
      margin-bottom: 1.67vw;
    }
    .company-item h3 {
      font-size: 2.22vw;
    }
    .company-item p {
      font-size: 1.11vw;
      line-height: 1.67vw;
    }
    .what-we-wrapper {
      gap: 1.67vw;
      row-gap: 1.11vw;
      padding-top: 2.22vw;
    }
    .wrapper-box {
      border-radius: 2.78vw;
      padding: 2.78vw 2.94vw;
      max-width: 20.9vw;
      gap: 0.72vw;
    }
    .wrapper-box img {
      width: 6.39vw;
      height: 6.39vw;
      margin-bottom: 0.83vw;
    }
    .wrapper-box h4 {
      font-size: 1.67vw;
      line-height: 1.89vw;
      letter-spacing: -0.01vw;
    }
    .wrapper-box p {
      font-size: 1vw;
      line-height: 1.67vw;
    }
    .appraoch-title {
      font-size: 1.67vw;
      line-height: 2.83vw;
    }
    .approach-wrapper {
      gap: 1.11vw;
      margin-top: 5.56vw;
      padding-bottom: 1.67vw;
    }
    .approach-item {
      gap: 1.67vw;
      max-width: 23.33vw;
    }
    .approach-item h3 {
      border-radius: 1.67vw;
      width: 4.5vw;
      height: 4.5vw;
      font-size: 2.22vw;
      line-height: normal;
    }
    .approach-right {
      max-width: 17vw;
      gap: 1.11vw;
      padding-right: 1.11vw;
    }
    .approach-right h4 {
      font-size: 1.67vw;
      line-height: 1.89vw;
    }
    .approach-right p {
      font-size: 1vw;
      line-height: 1.67vw;
    }

    /* Home-page-discover end */
    /* menu-style start */
    ul.mega-menu {
      gap: 2.78vw;
      row-gap: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      top: calc(100% - 1.11vw);
      z-index: 2;
      width: 100%;
      height: auto;
    }
    .menu-area ul.sub-menu li {
      padding-left: 0.56vw;
      line-height: 0;
      max-width: calc(50% - 1vw);
    }
    .menu-area ul.sub-menu li a {
      font-size: 1.06vw;
      line-height: 2vw;
    }
    .menu-area ul.sub-menu li::before {
      margin-right: 0.56vw;
      width: 0.33vw;
      height: 0.33vw;
      left: -0.56vw;
    }
    .menu-area ul.sub-menu{
      gap:2vw;
     row-gap: 6px;
    }
    /* menu style end */
    .navbar-toggle {
      gap: 0.5556vw;
    }
    .banner-text p {
      font-size: 1.3889vw;
      line-height: 1.8889vw;
      }
      .banner-text h3,.banner-text h1 {
        font-size: 3.6111vw;
        line-height: 4.3333vw;
      }
      .banner-text h4{
        font-size: 2.7778vw;
        line-height: 3.5556vw;
      }
      .home-banner::before {
        height: calc(100% + 17.333vw);
        top: -11.778vw;
      }
      .home-banner,.sub-page-banner,.main-menu>.page-center{
        padding-top: 11.778vw;
      }
      .main-menu>.page-center{
        padding-top: 4.4444vw;
      }
      .banner-top {
        gap: 1.111vw;
      }
      .banner-text {
        max-width: 44.556vw;
        padding-top: 10vw;
        padding-bottom: 19vw;
      }
      .banner-right {
        max-width: 50.444vw;
      }
      
      .banner-text figure img:first-child {
        right: 1.111vw;
        width: 7.167vw;
        height: 6.222vw;
      }
      .banner-text figure img:nth-child(2) {
        left: 10.333vw;
        bottom: 3.778vw;
        width: 16.167vw;
        height: 11.889vw;
      }
      
      .banner-right figure > img {
        width: 77.1667vw;
        right: -17.6111vw;
      }
      .banner-text h3,.banner-text h1 {
        letter-spacing: -0.028vw;
        font-size: 3.278vw;
        line-height: 4.056vw;
        padding-bottom: 0.833vw;
      }
      .banner-text-inner img {
        max-width: 32.777vw;
        height: 4.611vw;
        margin-bottom: 0.833vw;
      }
      .banner-text p {
        font-weight: 300;
        font-size: 1.7vw;
        line-height: 2.339vw;
      }
      
      .banner-content {
        font-size: 1.111vw;
        line-height: normal;
        gap: 0.833vw;
        padding: 0.556vw 1.111vw;
      }
      .banner-content img {
        width: 2.389vw;
        height: 2.389vw;
      }
      .logo img {
        height: 5.0296vw;
      }
      .blog-item img {
        height: 23.3333vw;
      }
      .clutch-right p{
        padding: 0;
      }
      .clutch-right img{
        padding: 0;
      }
      .clutch-left img{
        padding-bottom: 0;
      }
      .flag-num-list {
        top: calc(100% - 1.111vw);
        border-radius: 0 0 1.333vw 1.333vw;
      }
      .flag-num-list-inner {
        padding: 1.333vw 1.889vw 1.333vw 2.111vw;
        gap: 0.778vw;
      }
      .flag-num-list a {
        max-width: 10.667vw;
        width: 100%;
        font-size: 1.11vw;
      }
      .flag-num-list img {
        width: 1.889vw;
        height: 1.889vw;
      }
      .btn-apply {
        padding: 1.111vw 2.056vw;
        border-radius: 2.611vw;
        margin-top: 1.389vw;
      }
      .establishment figure img{
        min-height: 22.2222vw;
      }
      .empty{
        width: 1.8889vw;
      }
      .empty:last-child{
        width: 1.5556vw;
        padding-left:1.6667vw;
      }
      .cookie-wrapper{
        padding: 1.6667vw 0;
      }
      .cookie-wrapper .page-center{
         gap: 8.3333vw;
      }
      .cookie-wrapper p{
         max-width: 44.4444vw;
      }
      .cookie-wrapper button{
        padding:0.5556vw 2.7778vw;
      }
      .contact-form-wrapper{
        border-radius: 1.6667vw;
        padding: 4.5556vw 3.6111vw 6.6667vw;
        margin-bottom: 3.3333vw;
        gap: 5.5556vw;
      }
      
      .contact-right .file-upload-wrapper {
        gap: 1.6667vw;
        padding-bottom: 1.6667vw;
        padding-top: 0.8333vw;
      }
      
      .contact-right .custom-file-label {
        border-radius: 1.6667vw;
      }
      
      .contact-right input[type="submit"]{
        border-radius: 1.6667vw !important;
      }
      
      .contact-left{
        max-width: 28.2222vw;
      }
      
      .contact-right{
        max-width: 26.8889vw;
      }
      
      .contact-left h2{
        font-size: 3.0556vw;
        line-height: 3.4444vw;
        padding-bottom: 2.2222vw;
      }
      
      .contact-left h2 span{
        font-size: 5vw;
        line-height: 5vw;
      }
      
      .contact-left ul{
        padding-left: 4vw;
        gap: 2.5vw;
      }
      
      .contact-left ul li::before{
        left: -4vw;
        width: 3.0556vw;
        height: 3.0556vw;
        font-size: 1.5556vw;
        font-weight: 400;
      }
      
      .contact-left ul li::after{
        left: -2.3889vw;
        top: calc(100% + 0.6667vw);
        height: 1.2778vw;
      }
      .form-wrapper-section .contact-form-wrapper{
        padding: 0;
      }
      .form-wrapper-section{
        border-radius: 5.5556vw 5.5556vw 0 0;
        padding-top: 7.9444vw;
        padding-bottom: 6.6667vw;
      }
      
      .form-wrapper-section .page-center{
        max-width: 63.8889vw;
      } 
      .casestudy-detail{
        padding-bottom: 13.3333vw;
      }
      
      .casestudy-detail .page-center{
        max-width: 73.2778vw;
        gap: 1.39vw;
      }
      
      .casestudy-detail img{
        border-radius: 1.6667vw;
        aspect-ratio: inherit !important;
        max-height: 32.0556vw;
      }
      
      .case-category{
        gap: 3vw;
        padding: 1.3889vw 0;
      }
      
      .case-category-left{
        max-width: 26.2778vw;
      }
      
      .case-category-right{
        max-width: 41.2222vw;
        gap: 1.6667vw;
      }
      
      .case-category-left label{
        font-size: 1.2222vw;
        line-height: normal;
      }
      
      .case-category-left h4{
        padding-bottom: 1.1111vw;
      }
      
      .case-grid{
        max-width: 35vw;
        padding: 1.6667vw 0;
      }
      
      .case-grid:nth-child(odd){
        padding-right: 3.8889vw;
      }
      
      .case-grid:nth-child(even){
        padding-left: 3.8889vw;
      }
      
      .case-grid:nth-child(odd)::after{
        height: calc(100% - 3.3333vw);
      }
      
      .case-result-left{
        max-width: 32.7778vw;
      }
      
      .case-result-right{
        max-width: 34.1111vw;
      }
      
      .casestudy-detail ul{
        padding-left: 1.1111vw;
        gap: 1vw;
      }
      
      .case-results{
        gap: 3.8889vw;
      }
      
      .case-image-flex{
        gap: 1.6667vw;
        padding-top: 2.2222vw;
      }
      
      .case-image-flex img{
        width: 33.9vw !important;
        flex-grow: 1;
      }
      
      .case-image-flex img:first-child{
        width: 100% !important;
      }
      
      ul.case-result-left{
        padding-left: 0;
      }
      
      ul.case-result-left li h5{
        padding-left: 1.6667vw;
      }
      
      ul.case-result-left li h5::before{
        width: 0.5556vw;
        height: 0.5556vw;
      }
      
      .case-result-right img{
        max-height: 100%;
      }
      
      .casestudy-detail article{
        font-size: 2.2222vw;
        line-height: 2.6667vw;
      }
      
      .casestudy-detail h1{
        font-size: 5.5556vw;
        line-height: 6.1111vw;
        margin-top: -0.8333vw;
      }
      
      .casestudy-detail h2{
        font-size: 2.2222vw;
        line-height: 2.6667vw;
      }
      
      .casestudy-detail h3{
        font-size: 1.6667vw;
        line-height: 2.2222vw;
      }
      
      .casestudy-detail h4{
        font-size: 1.3889vw;
        line-height: normal;
      }
      
      .casestudy-detail h5{
        line-height: normal;
      }
      
      .casestudy-detail h6{
        font-size: 1.1111vw;
        line-height: normal;
      }
      .blog-flex-item:nth-child(3n+1)::after, .blog-flex-item:nth-child(3n+2)::after{
        right: -2.3889vw;
      }
      header.header-fixed:not(.header-hide) .logo img{
        height: 3.7778vw;
      }
      .ai-header{
        font-size: 1.1111vw;
        line-height: 1vw;
        max-width: 11vw;
      }
      .ai-header::before {
           left: -1.1111vw;
      }
      .ai-header::after {
        right: -1.1111vw;
      }
      .contact-flag img {
        width: 1.5625vw;
        height: 1.5625vw;
      }
      .main-menu ul li a{
        font-size:2.2222vw;
      }
      .main-menu .sub-menu li a{
        font-size: 1.3889vw;
        line-height: 2.5556vw;
      }
}

@media only screen and (max-width: 1600px) {
  .log-anim-frame {
      transform: scale(1.4);
      left: 25px;
  }
}

@media only screen and (max-width: 1400px) {
  .our-tech-title{
    flex-direction: column;
    align-items: flex-start;
  }
  .our-tech-title h2{
    max-width: 100%;
  }
  .menu-area ul.sub-menu::before {
    top: 0;
    margin-bottom: 10px;
  margin-top: 10px;
  }
  .awards-grid-item p {
    font-size: 16px;
  }
  .contact-top span{
    font-size: 16px;
    line-height: 20px;
  }
  .contact-left ul li,.contact-right input{
    font-size: 16px;
  }
  .casestudy-detail p {
    font-size: 15px;
    line-height: 24px;
  }
  .casestudy-detail h5 {
    font-size: 20px;
  }
  .case-grid{
    max-width: 34.5vw;
  }
  .case-image-flex img {
    width: 33.1vw !important;
  }
  .wpcf7-not-valid-tip{
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 1300px) {
  .log-anim-frame {
      transform: scale(1.1);
      left: 8px;
  }
}

@media only screen and (max-width: 1180px) {
  .mega-menu li::before {
     top: 17px;
  }
  .cursor, .follower {
    display: none;
  }
  .contact-right .file-upload-wrapper{
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-area ul {
    display: none;
  }
  p,.blog-banner-detail p {
    font-size: 16px;
    line-height: 26px;
  }
  h1,.blog-banner-detail h1 {
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.2px;
  }
  h2,.blog-banner-detail h2 {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.2px;
  }
  h3 ,.blog-banner-detail h3{
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.2px;
  }
  h4,.blog-banner-detail h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.2px;
  }
  h5,.blog-banner-detail h5 {
    font-size: 20px;
    line-height: 26px;
  }
  h6,.blog-banner-detail h6 {
    font-size: 18px;
    line-height: 24px;
  }
  .menu-area ul li a {
    font-size: 20px;
  }
  .contact-flag a {
    font-size: 17px;
  }
  .banner-text h3,.banner-text h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .banner-text h4{
    font-size: 24px;
    line-height: 30px;
  }
  .banner-text p {
    font-size: 17px;
    line-height: 24px;
  }
  .discover-title-left label {
    font-size: 20px;
    line-height: 24px;
    padding: 14px 17px;
    margin-left: -31px;
  }
  .discover-title-left h2 {
    font-size: 36px;
  }
  .btn-arrow {
    font-size: 30px;
    font-weight: 300;
    line-height: 24px;
    width: 40px;
    height: 67px;
  }
  .btn-text h4 {
    line-height: 24px;
    max-width: 180px;
  }

  .smart-title h2 {
    font-size: 36px;
    line-height: 42px;
  }
  .smart-title p {
    font-size: 20px;
    line-height: 28px;
    max-width: 100%;
  }
  .smart-text {
    font-size: 20px;
    padding: 30px;
  }
  .smart-slider .slick-dots li button {
    font-size: 13px;
    line-height: 13px;
  }
  .smart-slider .slick-dots li button::before{
    width: 15px;
    left: calc(100% + 4px);
  }
  .btn-group .btn-primary {
    font-size: 17px;
    padding: 16px 30px;
  }
  .parallax-container .img3 {
    display: none;
  }
  .logo {
    max-width: 120px;
  }
  .page-center {
    max-width: 100%;
  }
  header .page-center {
    gap: 20px;
  }
  .home-banner, .sub-page-banner, .main-menu > .page-center{
    padding-top: 109px;
  }
  header{
    top: 25px;
  }
  header.header-fixed:not(.header-hide){
    top: 0;
  }
  .cursor,
  .follower {
    display: none;
  }
  .menu-right {
    height: auto;
    padding: 20px;
    border-radius: 20px;
    gap: 20px;
  }
  .contact-flag img,.flag-num-list img {
    width: 21px;
    height: 21px;
  }

  .banner-bottom-wrapper,
  .banner-bottom-slider,
  .banner-bottom-slider .banner-item > img,
  .banner-bottom-slider .banner-item > p > img {
    border-radius: 24px;
  }

  .banner-text > img,
  .banner-text > p > img {
    display: none;
  }
 .sub-page-banner::before {
    height: 300px;
  }

  .discover-section {
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 40px 40px 0 0;
  }
  .discover-section .page-center {
    flex-direction: column;
    gap: 30px;
  }
  .discover-content {
    max-width: 100%;
  }
  .discover-title-left {
    max-width: 100%;
  }
  .discover-title-right {
    max-width: 100%;
  }
  .discover-banner {
    max-width: 100%;
    border-radius: 20px;
  }
  .btn-text {
    padding: 50px 30px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .btn-text h4 {
    font-size: 30px;
    line-height: 35px;
    max-width: 77%;
  }
  .smart-section {
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .smart-title {
    display: flex;
    gap: 24px;
    margin-bottom: 45px;
    flex-wrap: wrap;
  }
  .smart-item {
    border-radius: 24px;
  }
  .smart-slider .slick-dots {
    bottom: -51px;
    gap: 30px;
  }
  .smart-item > img {
    height: 250px;
  }
  .awards-section {
    border-radius: 40px 40px 0 0;
    padding: 60px 0;
  }
  .title-flex {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 25px;
  }
  .awrds-right {
    display: none;
  }
  
  .awrds-left {
    max-width: 100%;
    padding-bottom: 12px;
  }
  .client-section {
    padding: 60px 0 60px;
    border-radius: 40px 40px 0 0;
  }
  .client-section,
  .advanced-section {
    padding: 60px 0 80px;
    border-radius: 40px 40px 0 0;
  }
  .client-top {
    flex-direction: column;
  }
  .advanced-grid {
    margin-top: 60px;
    max-width: 100%;
    gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .zoonic-section {
    border-radius: 40px 40px 0 0;
  }
  .zoonic-box {
    max-width: 95%;
    margin: 0 auto;
    margin-top: 150px;
    min-height: auto;
    padding: 50px 30px;
    padding-bottom: 90px;
  }
  .zoonic-section > figure img {
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .zoonic-arrow img {
    width: 50px;
    height: 50px;
  }
  .zoonic-item img {
    max-width: 150px;
    margin-bottom: 20px;
  }
  .zoonic-item h3 {
    font-size: 38px;
    line-height: 44px;
  }
  .zoonic-item p {
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 23px;
  }
  .zoonic-item .btn-group {
    margin-bottom: 15px;
  }
  .zoonic-item {
    max-width: 100%;
  }
  .blog-section {
    padding: 60px 0;
    border-radius: 40px 40px 0 0;
    padding-bottom: 100px;
  }
  .top-move {
    margin-top: -50px;
  }
  .btn-group .btn-play img {
    width: 15px;
    height: 15px;
  }
  .blog-item img {
    height: 250px;
    width: 100%;
    border-radius: 24px;
  }
  .blog-item h4 {
    font-size: 20px;
  }
  
  footer {
    border-radius: 40px 40px 0 0;
  }
  .footer-flex {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .footer-left {
    max-width: 100%;
    border-right: none;
    padding: 0;
    padding-top: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.122);
  }
  .footer-left img {
    padding-bottom: 20px;
  }
  .footer-left p {
    padding-bottom: 20px;
  }
  .footer-right {
    padding: 0;
  }
  .footr-social-media-flex img {
    padding: 0;
  }
  .footer-right-top {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
    gap: 40px;
  }
  .footer-top-item {
    width: 180px;
    max-width: inherit !important;
    flex-grow: 1;
    gap: 10px;
  }
  .img-gallery a img {
    height: 80px;
    width: 100%;
  }
  .img-gallery {
    flex-wrap: wrap;
  }
  .footer-top-item p {
    padding-bottom: 15px;
  }
  .footer-copy {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
    padding-bottom: 0;
  }
  .footer-copy p {
    justify-content: center;
    text-align: center;
  }
  .footer-copy ul {
    gap: 15px;
    row-gap: 10px;
    justify-content: center;
    flex-grow: 1;
  }
  .footer-right-bottom {
    padding: 30px 0 30px;
  }
  .footr-social-media-flex a {
    max-width: 35px;
  }
  .social-media {
    z-index: 11;
  }
  .client-right {
    max-width: 100%;
    border-radius: 24px;
  }
  .client-bottom {
    margin-top: 60px;
    padding: 30px 0;
  }
  .blog-slider .slick-dots {
    bottom: -46px;
  }
  footer .slick-dots {
    bottom: -4px;
  }
  .blog-slider .slick-dots li,
  .slick-dots li {
    margin: 0;
    padding: 0;
  }
  .blog-slider .slick-dots li button::before {
    color: #000;
    font-size: 13px;
  }
  .banner-slider .slick-dots li button::before{
 font-size: 13px;
  }
  .banner-slider .slick-slide:nth-child(2) .banner-right figure > img{
    padding-bottom: 40px;
  }
  .banner-slider .slick-dots{
     bottom: 10px;
  }
  .establishment .slick-dots li button::before{
    font-size: 13px;
  }
  footer .slick-dots li button::before {
    color: #fff;
    font-size: 12px;
  }
   .establishment .slick-dots{
     bottom: -45px;
  }
  .blog-slider .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #000;
  }
  footer .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #fff;
  }
  .img-gallery a {
    display: flex;
    width: 90px;
    flex-grow: 1;
    max-width: inherit;
  }
  .f-right {
    right: -6px;
    top: -27px;
    height: 30px;
    width: 30px;
  }
  .slick-prev,
  .slick-next {
    width: initial;
    height: initial;
    z-index: 10;
  }
  .slick-prev {
    left: 25px;
  }
  .slick-next {
    right: 25px;
  }
  .slick-prev::before,
  .slick-next::before {
    opacity: 1;
    width: 30px;
    height: 30px;
  }

  .page-center {
    padding: 0 50px;
  }
  .accordion-body .awards-count {
    display: none;
  }
  .client-section .title-flex {
    text-align: center;
  }
  .awards-content h6 {
    font-size: 18px;
  }
  .awards-content h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .client-item h6 span {
    padding-top: 6px;
  }
  .awards-content p{
    max-width: 100%;
  }
  .sub-page-banner .page-center{
    gap: 25px;
  }
  .sub-page-banner h1{
    padding: 25px 0 25px;
    padding-bottom: 0;
  }
  .sub-page-banner figure{
      border-radius: 30px;
  }
  .sub-page-banner{
    padding-bottom: 60px;
  }
  .services .page-center{
    flex-direction: column;
    gap: 30px;
  }
  .service-left h5{
    font-size: 20px;
    line-height: 26px;
  }
  .service-left{
    max-width: 100%;
    gap: 15px;
  }
  .service-left h2 {
    padding-bottom: 8px;
  }
  .service-right{
    max-width: 1000%;
    row-gap: 30px;
    column-gap: 10px;
  }
  .service-grid{
    gap: 15px;
    padding:25px 20px !important;
    max-width: 100% !important;
    width: 285px;
    flex-grow: 1;
  }
  .service-grid img {
    max-width: 30px !important;
    height: 30px;
  }
  .service-grid h4{
    line-height: 30px;
  }
  .services {
    padding-bottom: 60px;
  }
  .industries{
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
  padding-bottom: 60px;
  }
  .industries .page-center{
    flex-direction: column;
    gap: 30px;
  }
  .industries-left{
    max-width: 100%;
    gap: 10px;
  }
  .industries-left h2 span{
    font-size: 38px;
  line-height: normal;
  }
  .industries-left p{
    font-size: 20px;
  line-height: 26px;
  }
  .industries-left img {
    border-radius: 24px;
  }
  .industries-right{
    max-width: 100%;
    padding: 0;
  }
  .industries-right p{
    font-size: 17px;
  line-height: 27px;
  padding-bottom: 35px;
  }
  .industry-grid{
    gap: 30px;
    justify-content: center;
  }
  .i-grid-item{
    max-width: 100%;
    width: 120px;
    flex-grow: 1;
  }
  .technology{
    padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 40px 40px 0 0;
  }
  .title-center h2{
    line-height: 38px;
  }
  .title-center{
    max-width: 100%;
    gap: 15px;
  }
  .title-center p {
    font-size: 17px;
    line-height: 26px;
  }
  .blog-section.light-bg{
    padding-top: 60px;
  }
  .blog-slider{
    padding-top: 0;
  }
  .overview-title{
    flex-direction: column;
    gap: 30px;
    padding-bottom: 60px;
  }
  .overview-title-left{
    gap: 15px;
    max-width: 100%;
  }
  .overview-title-left p{
    font-size: 18px;
  line-height: 25px;
  }
  .overview-title-right{
    max-width: 100%;
    gap: 15px;
  }
  .over-view-body-item{
    border-radius: 24px !important;
    padding: 40px 30px;
    width: 300px;
    gap: 15px;
  }
  .overview-title-right p{
    max-width: 100%;
  }
  .overview-title-right p:nth-child(2n+1)::after{
    display: none;
  }
  .overview{
    padding-bottom: 60px;
  }
  .process .title-flex{
    flex-direction: column;
    align-items: flex-start;
  }
  .title-flex p{
    max-width: 100%;
  }
  .process .btn-group{
    align-self: flex-end;
  }
  .over-view-body-item h4 img{
    max-width: 60px;
  }
  .over-view-body-item h4{
    gap: 15px;
    font-size: 23px;
  }
  .proess-flex{
    padding-top: 50px;
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .proess-flex h4{
    font-size: 16px;
    gap: 10px;
    max-width: 100%;
    width: 150px;
    flex-grow: 1;
  }
  .proess-flex h4::after {
    background: url(../images/process-after-down.png) no-repeat;
    background-position: center;
    right: inherit;
    left: 0;
    bottom: -20px;
    height: 10px;
    width: 100%;
  }
  .proess-flex h4:last-child::after{
    display: block;
 }
  .process{
    padding-bottom: 60px;
  }
  .proess-flex h4 img{
    max-width: 40px;
    height: 40px;
  }
  .our-technologies .page-center{
    flex-direction: column;
  }
  .our-technologies figure{
    max-width: 100%;
    border-radius: 24px;
  }
  .our-tech-content{
    max-width: 100%;
    border-radius: 24px;
    padding: 40px 20px;
  }
  .our-tech-title{
    gap: 15px;
    padding-bottom: 30px;
  }
  .our-tech-title h2{
    line-height: 38px;
  }
  .our-tech-flex img{
    flex-grow: 1;
    width: 100px;
    height: 80px;
  }
  .our-tech-flex{
    gap: 30px;
  }
  .our-technologies{
    padding-bottom: 60px;
  }
  .establishment{
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 120px;
  }
  .establish-content{
    max-width: 100%;
  }
  .establishment .establish-item{
    flex-direction: column;
    gap: 30px;
  }
  .establish-content h2{
    font-size: 32px;
    line-height: 38px;
  }
  .establish-content h2 span{
    font-size: 40px;
    line-height: 40px;
  }
  .establish-content p{
    font-size: 16px;
    line-height: 26px;
  }
  .establishment figure{
    border-radius: 24px;
    max-width: 100%;
  }
  .blog-flex-item img{
    margin-bottom: 0;
    border-radius: 10px;
    height: 220px;
  }
  .blog-flex-item{
    width: 280px;
    flex-grow: 1;
  }
  .blog-flex-item::after{
    display: none !important;
  }
  .blog-flex{
    gap: 30px;
    row-gap: 50px;
    padding-bottom: 30px;
  }
  .blog-flex-item h4{
    font-size: 24px;
    line-height: 30px;
  }
  .blog-flex-item p {
    font-size: 16px;
    line-height: 26px;
  }
  .blog {
    padding-bottom: 130px;
  }
  .pagination .page-numbers{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .blog-pagination p strong{
    font-size: 20px;
  }
  .blog-banner-detail .page-center{
    max-width: 100%;
  }
  .blog-banner-detail{
    padding-bottom: 120px;
  }
  .career-banner h1{
    font-size: 40px;
    line-height: 44px;
  }
  .career-banner p{
    font-size: 18px;
  line-height: 25px;
  }
  .opening-accordion-title h2{
    font-size: 32px;
    line-height: 38px;
  }
  .dark-accordion{
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .opening-accordion-title{
    gap: 15px;
    padding-bottom: 40px;
  }
  .opening-accordion-title p{
    max-width: 100%;
    font-size: 16px;
  }
  .opening-header-left p{
    font-size: 17px;
  }
  .opening-header-right p{
    font-size: 15px;
  }
  .opening-header-right span {
    width: 20px;
    height: 20px;
  }
  .opening-header-right span::after{
    font-size: 34px;
  }
  .opening-accordion-wrapper{
    padding: 20px 0;
  }
  .gallery-grid{
    border-radius: 40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 130px;
  }
  .gallery-grid .opening-accordion-title {
    gap: 15px;
  }
  .image-grid{
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 15px), 1fr));
    gap: 15px;
  }
  .image-item img{
    height:100%;
  }
  .image-item{
    height: 220px;
    border-radius: 10px;
  }
  .image-item.tall {
    grid-row: inherit;
  }
  .image-item.flexible {
    grid-column: inherit;
  }
  .image-item:nth-child(3n+3){
    grid-column: span 2 !important;
  }
  .opening-header-left{
    gap: 10px;
    max-width: 70%;
  }
  .opening-header-left h5{
    font-size: 16px;
    line-height: 25px;
  }
  .opening-accordion-wrapper .accordion-body p{
    font-size: 15px;
    line-height: 23px;
  }
  .accordion-body{
    padding-top: 20px;
  }
  .career-detail-flex{
    flex-direction: column;
    gap: 30px;
    padding-top: 15px;
  padding-bottom: 60px;
  }
  .career-detail-left h1{
    font-size: 36px;
    line-height: 42px;
  }
  .career-detail-left h6{
    padding-bottom: 20px;
    font-size: 16px;
  }
  .career-detail-left::after {
    display: none;
  }
  .career-detail-left{
    padding: 0;
    max-width: 100%;
    gap: 10px;
  }
  .career-detail-left p, .career-detail-left li {
    font-size: 15px;
    line-height: 22px;
  }
  .career-detail-left ul{
    padding-left: 15px;
    gap: 10px;
  }
  .career-detail-right{
    max-width: 100%;
  }
  form input, form textarea{
    height: 50px;
  }
  form textarea{
    min-height: 80px;
  }
  .checkmark{
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 3px;
  }
  .career-detail-right .custom-checkbox{
    font-size: 13px;
  }
  .career-detail-right input[type="submit"]{
    margin-top: 5px;
    font-size: 18px;
  }
  .career-detail-right h5 {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }
  .custom-checkbox:has(input:checked) .checkmark::after{
    left: 7px;
  top: 2px;
  width: 4px;
  height: 9px;
  }
  .faq-banner .page-center{
    flex-direction: column;
    padding-bottom: 60px;
  }
  .faq-banner .page-center > p{
    max-width: 100%;
    padding-top: 40px;
    font-size: 16px;
    line-height: 26px;
  }
  .faq-right h1{
    padding-top: 0;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.2px;
    padding-bottom: 20px;
  }
  .faq-right .opening-accordion-wrapper{
    padding: 15px 0;
  }
  .faq-right .accordion-body{
    padding-top: 15px;
  }
  .faq-right .opening-header-left h6{
    font-size: 18px;
    line-height: normal;
  }
  .faq-right .opening-header-left{
    max-width: 90%;
  }
  .faq-right .opening-header-right{
    max-width: 10%;
    justify-content: flex-end;
  }
  .zap-banner .page-center{
    max-width: 100%;
    padding-top: 30px;
    gap: 5px;
  }
  .zap-banner h3{
    font-size: 22px;
    line-height: 28px;
  }
  .zap-banner h4{
    font-size: 24px;
    line-height: 30px;
  }
  .zap-banner h1{
    padding: 0;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -0.2px;
  }
  .zap-banner figure{
    max-width: 100%;
    margin-top: -124px;
    border-radius: 0;
    height: auto;
  }
  .earn-money-top h4{
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 30px;
  }
  .earn-money-top-flex{
    flex-wrap: wrap;
    gap: 20px;
  }
  .earn-money-item{
    width: calc(50% - 10px);
    max-width: 100%;
    flex-grow: 1;
    gap: 10px;
    padding: 20px;
    border: 1px solid rgb(232, 233, 237);
    border-radius: 15px;
  }
  .earn-money-item h5{
    font-size: 20px;
  }
  .earn-money-item p{
    font-size: 16px;
    line-height: 23px;
  }
  .earn-money .page-center{
    max-width: 100%;
    gap: 60px;
  }
  .earn-money-bottom > h2{
    font-size: 28px;
    line-height: 35px;
    padding-bottom: 5px;
  }
  .earn-money-bottom > h4{
    font-size: 18px;
  }
  .earn-money-box{
    gap:150px;
    padding:20px;
    border-radius:15px;
    margin-top: 40px;
  }
  .earn-money-box h4{
    font-size: 23px;
  line-height: normal;
  }
  .earn-money-box h4 span{
    font-size: 30px;
  }
  .earn-money-box img{
    max-width: 140px;
    height: 140px;
  top: -11px;
  }
  .earn-money{
    padding-bottom: 60px;
  }
  .referal {
    border-radius:40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .referbox-right{
    min-width: auto;
  }
  .referbox-right img{
    max-width: 100%;
    position: initial;
  }
  .refer-box{
    flex-direction: column;
    gap: 20px;
  }
  .referbox-left{
    max-width: 100%;
    padding: 30px;
    border-radius: 20px;
    gap: 20px;
  }
  .referbox-left h4{
    font-size: 23px;
  line-height: 28px;
  text-align: center;
  }
  .btn-join{
    margin: 0 auto;
    font-size: 19px;
    border-radius: 10px;
  }
  .referbox-center{
    max-width: 100%;
    gap: 20px;
  }
  .referbox-item{
    border-radius: 20px;
    max-width: calc(50% - 10px);
    padding: 20px;
  }
  .referbox-item h5{
    font-size: 20px;
    gap: 10px;
  }
  .referbox-item h5 span{
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
  .referal .referbox-item p{
    font-size: 17px;
  line-height: 23px;
  }
  .referbox-right img{
    width: 100%;
    height: 300px;
    margin: 0 auto;
  }
  .contact-top h1{
    display: block;
    padding-top: 0;
    padding-bottom: 20px;
    margin: 0;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.2px;
  }
  .contact-top span{
    font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: left;
  max-width: 100%;
  }
  .contact-top{
    padding-bottom: 10px;
  }
  .country-contacts-wrap ul li a{
    flex-direction: column;
    align-items: center;
    gap: 1px;
    font-size: 15px;
    padding-bottom: 5px;
  }
  .country-contacts-wrap ul li img{
    margin: 0 auto;
  }
  .country-contacts-wrap ul li:hover, .country-contacts-wrap ul li.active {
    border-bottom:1px solid rgb(250, 147, 26);
  }
  .country-contacts-wrap ul{
    margin-bottom: 20px;
  }
  .country-name{
    font-size: 20px;
    padding-bottom: 15px;
  }
  .country-contacts-wrap ul li{
    margin-right: 5px;
  }

  .branch-wrap{
    flex-wrap: wrap;
    gap: 20px;
  }
  .branch-wrap h5{
    font-size: 18px;
    padding-bottom: 5px;
  }
  .branch-wrap p {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 5px;
  }
  .branch-wrap span{
    font-size: 16px;
    line-height: 26px;
  }
  .country-contacts-wrap {
    padding-bottom: 50px;
  }
  .contact-box-wrap{
    flex-direction: column;
    gap: 20px;
  }
  .contact-box-left{
    max-width: 100%;
  }
  .sub-page-banner figure.contact-box-right{
    max-width: 100%;
  }
  .contact-bottom{
    padding-top: 30px;
    padding-bottom: 40px;
    gap: 15px;
  }
  .contact-bottom h2{
    font-size: 30px;
  line-height: 36px;
  }
  .contact-bottom .btn-orange{
    padding: 15px 40px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 16px;
  }
  .award-banner h1{
    font-size: 36px;
    line-height: 42px;
  }
  .awards-grid-item img{
    width: 50px;
    height: 50px;
  }
  .awards-grid{
    gap: 15px;
  }
  .awards-grid-item{
    max-width: calc(33.33% - 10px);
    padding: 20px;
    border-radius: 15px;
  }
  .awards-grid-item p{
    font-size: 16px;
    line-height: normal;
  }
  .award-banner .page-center{
    padding-bottom: 50px;
  }
  .navbar-toggle{
    gap: 6px;
  }
  .main-menu ul{
    max-width: 100%;
  }
  .main-menu .sub-menu{
    transform: inherit;
    position: inherit;
    padding-left: 20px;
  height: 0;
  }
  .main-menu .active ~ .sub-menu{
    transform: inherit;
    height: 100%;
  }
  .main-menu ul li {
    display: block;
  }
  .main-menu ul li a{
    font-size: 18px;
  }
  .main-menu .sub-menu li a{
    font-size: 16px;
    line-height: normal;
  }
  .banner-top{
    flex-direction: column;
    gap: 20px;
  }
  .banner-text figure img:nth-child(2){
    display: none;
  }
  .banner-text figure img:first-child{
       width: 30px;
       height: 30px;
       top: 20px;
  }
  .banner-text{
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .banner-text h3 span,.banner-text h1 span{
    font-size: 40px;
  }
  .banner-text h3,.banner-text h1{
    padding-bottom: 0;
  }
  .banner-text-inner img{
    max-width: 300px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: auto;
    object-fit: contain;
  }
  .banner-right figure > img{
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: -10px;
    right: 0;
    max-width: inherit;
    height: 250px;
    object-fit: contain;
  }
  .banner-right-wrapper{
    display: none;
  }
  .discover-title-flex{
    flex-direction: column;
    gap: 20px;
  }
  .d-title-left{
    min-width: auto;
  }
  .d-title-left img{
    position: initial;
    margin:0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .d-title-right h3{
    padding: 0;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .discover-title-bottom{
    border-radius: 10px;
    padding: 20px 15px;
    margin: 0;
  }
  .discover-title-bottom p{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  .discover-section .company-loop{
    padding-top: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 50px;
  }
  .company-item{
    padding-right: 10px;
    max-width: calc(50% - 15px);
    justify-content: center;
    text-align: center;
    gap: 15px;
  }
  .company-item:nth-child(even){
    border-right: none;
  }
  .company-item img{
    width: 30px;
    height: 30px;
    margin: 0 auto;
  }
  .company-item p{
    max-width: 70%;
    margin: 0 auto;
    font-size: 16px;
  line-height: 24px;
    
  }
  .company-item h3{
    font-size: 28px;
    line-height: 28px;
  }
  .wrapper-box{
    gap: 10px;
    max-width: calc(50% - 10px);
    border-radius: 20px;
    padding: 30px;
  }
  .what-we-wrapper{
    padding-top: 0;
    gap: 20px;
  }
  .wrapper-box img{
    margin-bottom: 0;
    width: 40px;
    height: 40px;
  }
  .wrapper-box h4{
    font-size: 24px;
    line-height: 30px;
  }
  .wrapper-box p{
    font-size: 16px;
    line-height: 26px;
  }
  .appraoch-title{
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-weight: 300;
  }
  .client-section .title-flex{
    margin-bottom: 20px;
  }
  .approach-wrapper{
    margin-top: 40px;
    gap: 15px;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .approach-item{
    max-width: 100%;
    width: 48%;
    flex-grow: 1;
    gap: 20px;
  }
  .approach-item h3{
    border-radius: 10px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 20px;
  }
  .approach-right{
    max-width: 100%;
    gap: 10px;
  }
  .approach-right h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .approach-right p {
    font-size: 16px;
    line-height: 24px;
  }
  .logo img{
    height: 60px;
  }
  header.header-fixed:not(.header-hide) .logo img{
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .breadcrumb img{
    width: 20px;
  height: 20px;
  object-fit: contain;
  }
  .breadcrumb {
    width: 20px;
    height: 20px;
  }
  .smart-item::before ,.smart-text{
    opacity: 1;
  }
  .client-img img{
    height: 45px;
    max-width: 130px;
  }
  .d-title-left img{
    width: 300px;
  height: 300px;
  object-fit: contain;
  }
  .faq-banner .page-center > p a{
    width: 15px;
    height:15px;
    margin-right: 0;
  }
  .clutch-right p{
    padding: 0;
  }
  .clutch-right img{
    padding: 0;
  }
  .clutch-left img{
    padding-bottom: 0;
  }
  .footer-country{
    padding-top: 15px;
    gap: 9px;
  }
  .footer-country a img{
    width: 25px;
    height: 25px;
  }
  .flag-num-list a{
    font-size: 17px;
    max-width: auto;
  }
  .flag-num-list-inner{
    padding: 15px 15px;
  }
  .flag-num-list{
    top: calc(100% - 17px);
    border-radius: 0 0 20px 20px;
  }
  .btn-apply {
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 20px;
  }
  .btn-group .btn-play{
    display: none;
  }
  .btn-group .btn-primary{
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 13px 30px;
    height: auto;
  }
  .btn-primary:hover{
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
  }
  .contact-flag a,.flag-num-list a{
    letter-spacing: 1px;
  }
  .clutch-left{
    max-width: 110px;
  }
  .clutch-right {
    max-width: 121px;
  }
  .sub-page-banner figure img {
    aspect-ratio: 4 / 2;
  }
  .mobile-arrow{
    display: flex !important;
    justify-content: center;
    cursor: pointer;
  }
  .mobile-arrow img{
    object-fit: contain;
    height: 11px !important;
  }
  .empty{
    width: 24px;
  }
  .empty:last-child{
     width: 20px;
     padding-left: 0;
  }
  .dicover-slider .slick-dots li button::before{
    font-size: 12px;
  }
  .service-list-banner{
    padding-bottom: 140px;
  }
  .dicover-slider .slick-dots{
    gap: 0;
  }
  .cookie-wrapper .page-center{
    flex-direction: column;
    gap: 30px;
  }
  .cookie-wrapper p{
    max-width: 100%;
  }
  .cookie-wrapper button{
    width: 100%;
  }
  .contact-form-wrapper{
    flex-direction: column;
    gap: 30px;
    padding: 30px;
  }
  .contact-left,.contact-right{
    max-width: 100%;
  }
  .contact-left h2{
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 30px;
  }
  .contact-left h2 span{
    display: initial;
  font-size: 40px;
  line-height: normal;
  }
  .contact-left ul li, .contact-right input {
    font-size: 15px;
    line-height: normal;
  }
  .contact-left ul li::before {
    width: 25px;
    height: 25px;
    font-size: 15px;
    left: -42px;
  }
  .contact-left ul{
    padding-left: 40px;
    gap: 24px;
  }
  .contact-left ul li::after {
    top: calc(100% + 6px);
    left: -28px;
    height: 12px;
  }
  .contact-right .file-upload-wrapper{
    gap:15px;
  padding-bottom: 23px;
  padding-top: 20px;
  }
  .contact-right span.wpcf7-form-control-wrap{
    margin-bottom: 10px;
  }
  .form-wrapper-section{
    border-radius:40px 40px 0 0;
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .whatsapp-icon,.whatsapp-img::before, .whatsapp-img::after{
    width: 40px;
  height: 40px;
  }
  .whatsapp-icon{
    bottom: 70px;
  }
  .ai-icon{
    width: 40px;
    height: 40px;
    bottom: 70px;
  }
  .casestudy-detail figure{
    max-width: 100%;
  }
  .H28Y14Rchatbot-icon {
    width: 40px !important;
    height: 40px !important;
  }
  .zsiq_theme1.zsiq_floatmain {
    width: 40px !important;
    max-height: 40px !important;
  }
  .zsiq_theme1 .zsiq_flt_rel {
    width: 40px !important;
    height: 40px !important;
  }
  .zsiq_theme1 .zsiq_user {
    border-radius:40px !important;
  }
  .zsiq_theme1 .siqicon::before {
    line-height: 40px !important;
    font-size: 18px !important;
  }
  .casestudy-detail h1{
    font-size: 45px;
    line-height: 55px;
    margin: 0;
    letter-spacing: -0.2px;
  }
  .casestudy-detail article{
    font-size: 20px;
  line-height: normal;
  }
  .casestudy-detail img {
    border-radius:20px;
  }
  .case-category{
    padding: 10px 0;
    flex-direction: column;
    gap: 30px;
  }
  .case-category-left,.case-category-right{
    max-width: 100%;
  }
  .case-category-left label{
    font-size: 18px;
  }
  .casestudy-detail h4 {
    font-size: 19px;
  }
  .case-category-left h4{
    padding-bottom: 10px;
  }
  .case-category-right{
    gap: 15px;
  }
  .casestudy-detail p{
    font-size: 16px;
    line-height: 26px;
  }
  .casestudy-detail h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .case-challenges-grid{
    flex-direction: column;
  }
  .case-grid{
    max-width: 100%;
    padding: 20px 0 !important;
    border-bottom: 1px solid #000 !important;
  }
  .case-grid:nth-child(2n+1)::after {
    display: none;
  }
  .casestudy-detail h3 {
    font-size: 23px;
    line-height: 30px;
  }
  .case-grid:last-child{
    border: none !important;
  }
  .case-results{
    flex-direction: column;
    gap: 30px;
  }
  .case-result-left{
    max-width: 100%;
    gap: 20px;
  }
  ul.case-result-left li h5::before {
    width: 8px;
  height: 8px;
  }
  ul.case-result-left li h5{
    padding-left: 17px;
    margin-bottom: 5px;
  }
  .casestudy-detail ul{
    gap: 20px;
  }
  .case-results{
    padding-bottom: 20px;
  }
  .casestudy-detail{
    padding-bottom: 130px;
  }
  .case-image-flex{
    flex-wrap: wrap;
    gap: 15px;
  }
  .case-image-flex img{
    width: calc(50% -7px) !important;
    flex-grow: 1;
    aspect-ratio: inherit !important;
  }
  .mobile-hide{
    display: none !important;
  }
  .mobile-show{
    display: flex !important;
    justify-content: center;
    padding-top: 40px;
  }
  .floating-item p{
    display: none !important;
  }
  .floating-item{
    height: auto;
    padding: 6px 5px;
    border-radius: 8px 0 0 8px;
    align-items: baseline;
  }
  .floating-item:hover {
    height: auto;
    width: 44px;
  }
  .floating-item img {
    width: 28px;
    height: 28px;
  }
  .floating-icons{
    align-items: end;
    gap: 4px;
  }

  .ai-header{
    max-width: 140px;
    font-size: 12px !important;
    gap:10px !important;
    line-height: 14px;
  }
  .contact-flag{
    gap: 20px;
  }
  .flag-num-list .flag-item{
    gap: 20px;
  }
  .ai-header::before {
     left: -10px;
  }
  .ai-header::after {
      right: -10px;
  }
  .flag-num-list a, .ai-header{
    font-size: 14px !important;
  }
  .fixed-bottom{
    flex-direction: column;
  justify-content: center;
  gap:8px;
  padding-bottom: 20px;
  padding-top: 42px;
  }
  .main-menu > .page-center{
    padding-top: 50px;
  }
  .fixed-bottom::before {
    top: 20px;
  }
  .main-menu .menu-item-has-children > a::after{
    background-size: 18px;
  }

  .header-fixed .log-anim-frame {
      transform: scale(0.9);
  }
}
@media only screen and (max-width: 767px) {
  .getintouchPopup {
    max-width: 90%;
  }
  .getintouchTitle{
    padding-bottom: 10px;
  }
  .getintouchPopup .getintouchPopupClose img{
    max-width: 20px;
  }
  .getintouchPopup .getintouchPopupClose{
    width: 30px;
  height: 30px;
  }
  .twoColInput{
    flex-direction: column;
    gap: 0;
  }
  .footer-top-item, .footer-top-item ul{
    gap: 16px;
  }
  .log-anim-frame {
        transform: scale(0.9);
        left: 0;
    }
}
@media only screen and (max-width: 680px) {
  .service-right{
    flex-direction: column;
    gap: 15px;
  }
  .banner-right figure > img{
    position: relative;
  }
  .service-grid{
     width: 100%;
     border: 1px solid #000;
    border-radius: 24px;
    align-items: center;
    text-align: center;
  }
  .input-flex{
    flex-direction: column;
    gap: 15px;
  }
  .input-flex{
    padding-bottom: 15px;
  }
  .zap-banner figure{
    height: auto;
  }
  .earn-money-item{
    width: 100%;
  }
  .approach-item{
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .radio-select-wrap .wpcf7-list-item {
    width: 100%;
}

  .footer-bottom-item {
    text-align: center;
  }
  .client-review-slider .slick-current .client-item::after {
    display: none;
  }
  .zoonic-box {
    margin-top: 60px;
  }
  .zoonic-item h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .img-gallery {
    gap: 10px;
  }
  .img-gallery a {
    width: 80px;
  }
  .menu-right {
    padding: 15px;
  }
  header .page-center {
    gap: 12px;
  }
  .banner-bottom-slider .banner-text {
    max-width: 100%;
  }
  .page-center {
    padding: 0 25px;
  }
  .sub-page-banner figure{
    height: auto;
  }
  .opening-header-right p{
    font-size: 14px;
  }
  .opening-header-left h5{
    font-size: 15px;
  }
  .opening-accordion-wrapper .accordion-body p {
    font-size: 14px;
    line-height: 22px;
  }
  .opening-header-right{
    gap: 10px;
    max-width: 40%;
    width: 100%;
  }
  .opening-header-right span {
    width: 31px;
    height: 23px;
  }
  .earn-money-bottom p{
    padding-right: 0;
    font-size: 11px;
  }
  .referal .page-center>p{
    padding-right: 0;
    font-size: 11px;
    text-align: right;
  }
  .awards-grid-item{
    max-width: calc(50% - 8px);
  }
  .awards-grid-item p{
    font-size: 15px;
    line-height: normal;
  }
  .wrapper-box{
    max-width: 100%;
  }

  .empty:first-child{
    display: none;
  }

}
@media only screen and (max-width: 510px) {
  .zap-banner figure{
    margin-top: -73px;
  }
  .earn-money-box h4{
    font-size: 15px;
  }
  .earn-money-box h4 span{
    font-size: 22px;
  }
  .earn-money-box img{
    max-width: 90px;
    height: 90px;
    top: 5px;
  }
  .earn-money-box{
    gap: 90px;
  }
  .referbox-right img{
    height: 250px;
  }
  .referbox-item{
    max-width: 100%;
  }
  .referbox-left h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .company-item{
    max-width: 100%;
    border: none;
    padding-bottom: 15px;
    border-bottom:  2px dotted rgb(194, 194, 194);;
  }
  .discover-section .company-loop{
    gap: 15px;
  }
  .d-title-left img{
    width: 250px;
    height: 250px;
  }
  .questionnaire-wrap input[type="submit"]{
    font-size: 15px;
  }
  .contact-right .custom-file-label{
    max-width: 100%;
  }
  .case-image-flex img{
    width: 100% !important;
  }
}
@media only screen and (max-width: 450px) {
  .banner-right figure > img{
    height: 100%;
  }
  .ai-header{
    width: 64px;
    gap: 0 !important;
  }
  .ai-header span{
    display: none !important;
  }
  .contact-flag img, .flag-num-list img {
    width: 20px;
    height: 20px;
  }
  .ai-header img{
    margin: 0 auto;
  }
  .flag-num-list {
    top: calc(100% - 7px);
    border-radius: 0 0 9px 9px;
  }
  .menu-right{
    border-radius: 9px;
  }
  .ai-header{
    justify-content: center;
  }
  .flag-num-list .flag-item {
    gap:7px;
  }
  .flag-num-list a, .ai-header {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 374px) {
  .page-center{
    padding-left: 15px;
    padding-right: 15px;
  }
  .d-title-left img{
    width: 100%;
    height: 100%;
  }
  .btn-group .btn-primary{
    font-size: 14px;
    padding:14px 30px;
  }
  .btn-group .btn-play {
    width: 58px;
  }
  .btn-group .btn-play img {
    width: 12px;
    height: 12px;
  }
  header .page-center {
    gap:6px;
  }
  .contact-flag a,.flag-num-list a {
    font-size: 12px;
  }

}
@media only screen and (max-width: 350px) {
  .logo {
    max-width: 98px;
  }
  .flag-num-list a{
    font-size: 11px !important;
  }
  .questionnaire-wrap input[type="submit"]{
    font-size: 13px;
    padding: 10px 15px;
    height: 48px;
  }
}