.inter {
    font-family: "Inter", sans-serif;
  }
  
  .julius-sans-one-regular {
    font-family: "Julius Sans One", sans-serif;
  }
  
  /* 	.main-navigation ul li a{ color:#fff; } */
      
  
  
  
  
  .mb-2{ margin-bottom:10px; }
  .newslleter-section .newsletter-main .mc-field-group{ padding-bottom:2% !important; }
  .newslleter-section .newsletter-main .button{margin-top: 3px !important;}
  .contact-form-main{ padding: 150px 0 80px; }
  .site-header.main-header{ gap:0px; padding: 0px; opacity:1 !important;}
          .site-header.main-header .container-full  {  padding: 20px 24px;}
  .site-header.main-header .container{ padding:20px 5px; }
          /* topbar start */
  .main-header .top-bar-wrap-divide{ display:flex; justify-content:space-between; flex-wrap:wrap; }
  .main-header .top-bar-whole-web .fa-top-phone{ color:#fff; font-size:16px; }
  .main-header .top-bar-mobile-section{gap:15px;  }
  .main-header .top-bar-mobile-wrap{ gap:9px;}
  .main-header .header-small {
      font-size: 14px; color:#fff; margin:auto; text-transform:capitalize;
  }
  .social-links-header{gap:1rem;  }
  .footer-social-div ul li img:hover{filter: opacity(0.4);}
  .partner-logo-div .fa-partners-brands-logo-slider img{ width:170px; }
  /* topbar end */
          @media screen and (max-width:767.98px) {
      .site-header.main-header .container-full {
      padding: 15px;
  }
              .site-header.main-header .container{ padding:15px 5px; }
      .main-header .top-bar-whole-web .fa-top-phone{ font-size:15px; }
      .main-header .mail-id-wrap{ padding-top:15px; }
      .main-header .top-bar-mobile-section{gap:15px;  }
  .main-header .top-bar-mobile-wrap{ gap:9px;}
      .main-header .top-bar-wrap-divide{ justify-content:center; }
              .main-header .site-header-top-bar{ text-align:center; }}
  .features-portfolio .achievements-ctn{ padding:0; text-align:center;}
  .features-portfolio .achievements-ctn h2{ font-size:24px; line-height:34px;}
  /* #flutter-page{ overflow: hidden; } */
  img{ width:auto; }
  .site-main{ padding: 0; }
  .mb-40{ margin-bottom: 40px !important; }
  .mb-60{ margin-bottom: 60px; }
  .mb-80{ margin-bottom: 80px; }
  .mt-6{ margin-top: 60px; }
  .my-6{ margin-top: 60px; margin-bottom: 60px; }
  .btn.btn-white-custom span{ font-size:20px; -webkit-text-fill-color: white; }
  
  .btn.btn-white-custom:after{  background-image: url(https://flutteragency.com/wp-content/uploads/2024/07/grade-arrow-white.svg); }
  .hire-developer-main-whole-wrap .btn.btn-white-custom span{ font-size:18px; -webkit-text-fill-color: white; }
  .hire-developer-main-whole-wrap .btn:after {
      height: 16px;
      width: 21px;
      right: 16px;
      margin-top: -8px;}
  
  .archive.category .site-content,.search.search-results .site-content ,.search.search-no-results .site-content{
      padding:140px 0 100px;
      margin:auto;}
  .archive.category .site-content .blog-box,.search.search-results .site-content .blog-box,.search.search-no-results .site-content .blog-box{ margin-bottom:30px; }
  .archive.category .site-content .blog-box .blog-thumb img,.search.search-results .site-content .blog-box .blog-thumb img,.search.search-no-results .site-content .blog-box .blog-thumb img{  width:700px;}
  .archive.category .site-content .page-header,.search.search-results .site-content .page-header,.search.search-no-results .site-content .page-header{ border-bottom:none;}
  .text-capitalise{ text-transform: none !important; }
  .up-case{ text-transform: capitalize; }
  .recent-blogs-main .blog-content p{ overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  /* line-clamp: 4; */
  -webkit-box-orient: vertical; }
  .slick-dots{ padding:0; margin: auto; display: flex; align-items: center; justify-content: center; }
  .slick-dots li{ list-style: none; margin: 0 8px; }
  .slick-dots li button{ background: #dadada !important; display: block; transition: all 0.3s; border-radius: 100%; padding: 0; margin: 0; font-size: 0; outline: none; border: 0; width: 10px; height: 10px;   border-radius: 5px;}
  .slick-dots li.slick-active button{ width: 40px; border-radius: 5px; background: var(--defult-gradient) !important; } 
  .d-none-header{ display:none !important; }
  .site-header-main-bar.site-navigation-open{ position:absolute; top:0; }
  .more-link{ position: relative; font-family: var(--font-dinltarabic); background: var(--defult-gradient); text-transform: capitalize; display: inline-block; margin: 0; font-size: 24px; line-height: calc(34/24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; padding-right: 45px; }
  .more-link:after {
      height: 32px;
      width: 32px;
      content: "";
      display: block;
      background-image: url(https://flutteragency.com/wp-content/uploads/2024/07/grade-arrow.svg);
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -15px;
  }
  .single-post h1,.recent_blog_title,.single-post h3,.single-post h4,.single-post h5,.single-post h6{ margin-bottom:0px; }
  /* HEADER */
  .site-header{  backdrop-filter: blur(16px);   background: linear-gradient(102deg, rgba(14, 23, 35, 0.40) 0%, rgba(16, 29, 43, 0.40) 100%); position: fixed; width: 100%; max-width: 100%; padding: 24px; z-index: 999; }
  .site-header:before, .site-header:after{  }
  .site-header.fixed{ background: rgba(0,0,0,0.8); }
  .site-header .container-full{ width: 100%; display: flex; align-items: center; justify-content: space-between; } 
  .site-header .site-branding { margin: 0; }
  .site-header .site-branding a{ display: inline-block; }
  .site-header .site-branding img{ height: 40px; width: auto; }
  
  .header-right { display: flex; align-items: center; }
  .header-right a{ margin-left: 16px; display: block; line-height: 24px; }
  .header-right .hd-contact{ display: flex; align-items: center; font-family: var(--font-poppins); font-weight: 500; font-size: 14px; line-height: 24px; color: #999; }
  .header-right .hd-contact img{ flex: 0 0 24px; width: 24px; height: 24px; display: block; margin-left: 8px; position: relative; top: -1px; }
  .header-right .hd-search img, .header-right .hd-more img{ display: block; width: 24px; height: 24px; }
  /*.fixed .main-navigation .hide.menu-item { display: none; }*/
  
  /* NAVIGATION */
  .main-navigation ul{ margin: 0; padding: 0; }
  .main-navigation ul li{ position: relative; font-family: var(--font-dinltarabic); display: inline-block; list-style: none; margin: 0 18px;  }
  .main-navigation ul li a{ position: relative; transition: all 0.3s; font-size: 16px; line-height: 20px; padding: 10px 8px; color: #fff; display: block; text-decoration: none; }
  .main-navigation ul li a:before{ transition: all 0.3s; display: none !important; background: var(--defult-gradient); content: ''; position: absolute; left: -5px; width: 8px; height: 8px; border-radius: 100%; top: 50%; margin-top: -3px; } 
  .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-page-ancestor > a{ color: #f0f0f0; }
  .main-navigation ul li:hover a:before, .main-navigation ul li.current-menu-item > a:before, .main-navigation ul li.current-page-ancestor > a:before{ display: block; }
  
  .main-navigation .menu-wrapper{ box-shadow: var(--box-shadow); padding: 30px 0; background: #fff; backdrop-filter: blur(12px); overflow: hidden; border-radius: 2px; }
  
  .main-navigation .sub-menu{ position: absolute; display: none; width: 310px; left: 50%; background: transparent; margin-left: -155px; top: 100%; padding-top: 34px; }
  .main-navigation .sub-menu li{ font-family: var(--font-poppins); font-size: 18px; font-weight: 400; display: block; width: 100%; margin: 0; }
  .main-navigation .sub-menu li a:before{ background: rgba(22, 34, 68, 0.60); color: #999; display: block; left: 55px; width: 7px; height: 7px; margin-top: -4px; top: 20px; }
  
  
  .main-navigation .sub-menu li a{ display: block; padding: 10px 15px 10px 15px; transition: all 0.3s; color: #999; }
  .main-navigation .sub-menu li a:hover, .main-navigation .sub-menu li.current-menu-item > a{
      background: linear-gradient(92deg, #0C93F1 0%, #03E8DB 110.79%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      width:auto;
  }
  .main-navigation .sub-menu li a:hover:before, .main-navigation .sub-menu li.current-menu-item > a:before{ background: linear-gradient(92deg, #0C93F1 0%, #03E8DB 110.79%); }
  .main-navigation .sub-menu-toggle{ display: none !important; }
  .mobile-nav-bar{ display: none; }
  
  /* HERO BANNER */
  .hero-banner-main{  background: var(--balck-gradient); overflow: hidden; position: relative; }
  .hero-slider{ position: relative; width: 100%; height: 100%; min-height: 750px; max-height: 100vh; overflow: hidden; }
  
  .hero-slider .slick-slide{ opacity: 0;  }
  .hero-slider .slick-slide.slick-current{ opacity: 1; }
  .hero-slider.slick-initialized{ opacity: 1; max-height: unset; }
  .hero-slider.slick-initialized .slick-slide{ opacity: 1; }
  /* .hero-slider .slick-prev , .hero-slider .slick-next { display:none !important; } */
  .hero-slider:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.64); left: 0; top: 0; }
  .hero-slider img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .hero-slider .slick-dots{ position: absolute; bottom: 40px; z-index: 11; padding-left: calc((100% - 1598px)/2 + 10px); }
  .hero-banner-main .slick-list {
      overflow: unset;
  }
  .hero-content-main{position: absolute;display: flex;align-items: center;justify-content: center;left: 0;top: 0;width: auto;height: 100%;left: unset;right: 8%;}
  .hero-content-main .row { justify-content: space-between; }
  .hero-content-main .row > div{ padding: 0 15px; }
  .hero-slider-inner .row .hero-left,
  .hero-content-main .row .hero-left{ width: 100%; max-width: 1180px; }
  .hero-content-main .row .hero-right{ display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; max-width: 160px; text-align: center; }
  .hero-content-main .row .hero-right > div{ padding: 0 0 40px; }
  .hero-content-main .row .hero-right > div:last-child{ padding: 0; }
  .hero-content-main .row .hero-right img{ max-height: 144px; width: auto; }
  .hero-slider-inner h1,
  .hero-content-main h1{ font-family: var(--font-dinltarabic); color: var(--off-white-color); font-size: 80px; line-height: normal; margin: 0 0 24px; text-transform: capitalize; }
  .hero-slider-inner h4,
  .hero-content-main h4{ font-family: var(--font-poppins); font-size: 40px; font-weight: 400; color: #F3F3F3; margin: 0 0 80px; }
  .hero-content-main .row .hero-right {
      justify-content: space-between;
  }
  .hero-slider-inner {
      position: relative;
      overflow: hidden;
  }
  .hero-slider-inner > .container {
      position: absolute;
      z-index: 99999;
      left: 0;
      top: 24%;
      right: 0;
  }
  .hero-slider-inner div{ text-transform: capitalize; font-weight:600; }
  .hero-slider-inner div, .hero-content-main div{ color:#f0f0f0;  }
  
  .slick-slider:not(.slick-initialized) .slick-slide:not(:first-of-type) {
      display: none;
  }
  
  .slick-slider:not(.slick-initialized) .slick-slide:first-of-type {
      visibility: hidden;
  }
  .review-section .logo-list-review-wrap{ padding:0.5rem; margin:1rem; }
  .review-section .logo-list-2, .review-section .logo-list-1, .review-section .logo-list-3{ padding:10px; }
  
  .review-section .col-6{ width:50%; padding:5px 15px;}
  .review-section-two-div{  width:50%; padding:20px; margin:auto; }
  .review-section-two-div .service-provider-rating{gap:1rem;padding-top: 10px; }
  .review-section-two-div .service-provider-rating .rating-star{ width:20px; height:20px; }
  /* WHY US */
  .why-us-main { padding: 40px 10px; }
  .why-us-main .row{ flex-wrap: nowrap; margin: 0 -40px; padding: 0 0 80px 0 !important; }

  .why-us-main .row:nth-child(1) {padding-top: 20px !important;}
  .why-us-main .row:nth-child(odd) div:first-child{ order: 1; }
  .why-us-main .row > div{ padding: 0 40px; width: 50%; flex: 0 0 50%; }
  .why-us-main .os-img{ position: relative; }
  .why-us-main .os-img img{ display: block; border-radius: 4px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.24); }
  .why-us-main .os-img:before { background: var(--defult-gradient); height: 100%; pointer-events: none; border-radius: 4px; position: absolute; opacity: 0.64; content: ""; width: 100%; top: 20px; right: 20px; z-index: -1; }
  .why-us-main .row:nth-child(odd) .os-img:before{ right: auto; left: 20px; }
  
  /* form */
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: transparent !important; }
  .ftr-form .gform_wrapper.gravity-theme .gfield_label{ z-index: 9; }
  .ftr-form .gform_wrapper.gravity-theme .gfield .iti__flag-container ~ input.large { padding-left: 51px ;}
  .ginput_container .iti__country-list{ z-index: 10; }
  /* .gfield--type-phone span.spf-phone { display: none; } */
  
  .right-streamlind, .left-streamlind {transition: transform 0.3s ease;
    transform: translateX(0px);}
  .right-streamlind:hover, .left-streamlind:hover{ transform: translateX(10px); }
  /* OUR EXPERTISE */ 
  .our-expertise-main .title-div{ margin: 0 0 90px; }
  .expertise-slider .slick-list{ padding-left: 25px !important; }
  .slick-slide:not(.slick-active) .exp-slide .exp-block:before { content: none; }
  .slick-slide.slick-cloned:not(.slick-active) .exp-slide .exp-block:before { content: none; }
  .expertise-slider .slick-track{ padding-top: 5px; }
  .expertise-slider .slick-dots{ justify-content: center; padding: 40px 0; }
  .expertise-slider .exp-slide{ max-width: 200px; width: 100%; }
  .exp-slide .exp-block{ position: relative; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24); border-radius: 8px; display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; margin: 0 0 16px; }
  .exp-slide .exp-block:before { background: var(--defult-gradient); height: 100%; pointer-events: none; border-radius: 4px; position: absolute; opacity: 0.64; content: ""; width: 100%; top: 8px; right: 8px; z-index: -1; }
  .exp-slide .exp-block img{ height: 120px; width: 120px; object-fit: contain; }
  
  /* FAQ */
  .faq-container{ padding-top: 14px; }
  .faq-box{ box-shadow: var(--box-shadow); margin: 0 0 24px; border-radius: 8px; }
  .faq-box > h3{ position: relative; padding: 24px 40px; margin: 0; cursor: pointer; }
  .faq-box > h3:after{ content: ''; position: absolute; background: url(../images/plus.png) no-repeat left center; width: 34px; height: 35px; right: 20px; top: 50%; margin-top: -17px; transform: rotate(45deg); transition: all 0.3s; }
  .faq-box.active > h3:after{ transform: rotate(0); }
  .faq-box .faq-content{ padding: 0 40px 24px; display: none; }
  
  /* RECENT BLOG */
  .recent-blogs-main .col{ width: 33.33%; padding: 0 15px 40px; }
  .recent-blogs-main .blog-inner{ box-shadow: var(--box-shadow); border-radius: 8px; overflow: hidden; height: 100%;}
  /* .recent-blogs-main .blog-inner:hover img{ } */
  .recent-blogs-main .blog-img{ position: relative; display: block; padding: 0 0 59%; overflow: hidden; }
  .recent-blogs-main .blog-img img{ position: absolute; width: 100%; height: auto; object-fit: cover; object-position: center; transition: all 0.3s; }
  .recent-blogs-main .blog-content{ padding: 40px; }
  /* .recent-blogs-main .blog-content span, .blog-container-main .blog-content span, .search-container-main .blog-content span{ font-family: var(--font-dinltarabic); background: var(--defult-gradient); text-transform: capitalize; display: block; margin: 0 0 5px; font-size: 18px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } */
  .recent-blogs-main .blog-content span, .blog-container-main .blog-content span, .search-container-main .blog-content span{ font-family: var(--font-dinltarabic); background: var(--defult-gradient); text-transform: capitalize; display: block; margin: 0 0 5px; font-size: 18px; -webkit-background-clip: text; }
  .recent-blogs-main .blog_title_recent{ min-height: 105px; margin: 0 0 16px; }
  .recent-blogs-main .blog-content p{ margin: 0 0 40px; }
  .recent-blogs-main .blog-content p .more-link{ display: none; }
  
  /* AS SEEN ON */
  .as-seen-on-main .row{ position: relative; }
  .as-seen-on-main .row .col img{ width: auto; margin: 0 auto; object-fit: contain; object-position: center; }
  
  
  /* TWO COLUMN GRADE BG */
  .two-column-content-grade-bg{ background: var(--defult-gradient); }
  .two-column-content-grade-bg .container{ max-width: 1438px; }
  /* .two-column-content-grade-bg .row{ margin: 0 -40px; } */
  .two-column-content-grade-bg .row > .col-left{ flex: 0 0 46.5%; width: 46.5%; padding: 0 40px; position: relative; z-index: 1; }
  .two-column-content-grade-bg .row > .col-right{ flex: 0 0 53.5%; width: 53.5%; padding: 0 40px; }
  .two-column-content-grade-bg .tc-img { position: relative; }
  .two-column-content-grade-bg .tc-img:after{ background: linear-gradient(259deg, #0C93F1 8.41%, #03E8DB 91.63%); box-shadow: var(--box-shadow-grey); height: 100%; pointer-events: none; border-radius: 4px; position: absolute; opacity: 0.64; content: ""; width: 100%; top: 20px; right: 20px; z-index: -1; }
  .two-column-content-grade-bg .tc-img img{ width: 100%; height: auto; display: block; box-shadow: var(--box-shadow-grey); border-radius: 4px; }
  .two-column-content-grade-bg h2{ font-size: 64px; line-height: normal; text-transform: capitalize; margin: 0 0 24px; }
  .two-column-content-grade-bg h4{ font-family: var(--font-poppins); font-weight: 400; font-size: 40px; line-height: normal; color: #484848; margin: 0 0 40px; }
  .two-column-content-grade-bg p.small-ttl{ font-size: 30px; line-height: normal; font-weight:500; }
  .two-column-content-grade-bg p{ font-size: 24px; line-height: normal; margin-bottom: 35px; }
  
  /* OUR PROCESS */
  .our-process .col{ width: 33.33%; flex: 0 0 33.33%; padding: 0 15px; }
  .our-process .lefticontitle-div{ margin: 0 0 16px; }
  .our-process .titleicon-withctn-box{ padding: 40px; }
  .our-process .titleicon-withctn-box .ticon-img{ background: none; width: 80px; height: 80px; }
  .our-process .titleicon-withctn-box .icontitle-ctn{ padding: 0 16px 0 0; order: -1; }
  .our-process .titleicon-withctn-box .icontitle-ctn h3{ background: var(--defult-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin: 0; display: inline-block; }
  
  .path-process-section .path-process-boxdiv img:hover {
      transform: scale(1.2);
      z-index: 5;
      position: relative;
  }
  
  /* For Full Box Hover */
  .path-process-section .path-process-boxdiv .path-process-inner {
      z-index:10;
      position: relative;
  }
  
  .path-process-section .path-process-boxdiv .path-process-inner:hover img {
     transform: scale(1.2);
      z-index: 5;
      position: relative;
  }
  /* Full Box Hover End*/
  
  .partners-logo-carousel .slick-slide img{ width: 190px;
      text-align: center;
      margin: auto; }
  .path-process-section .path-process-boxdiv img {
      transition: 0.1s all ease-in;
  }
  .d-flex-custm{display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
  .category-blog-col-50{ width: 48%;
      flex: 0 0 48%; padding: 20px 10px;
      border-radius: 8px;
      box-shadow: var(--box-shadow); }
  .post-thumbnail a img{ object-fit:cover; margin:auto !important; }
  /* PAGE BANNER */
  .page-banner-main{ position: relative; display: flex; align-items: center; justify-content: center; padding: 80px 0 80px 0; height: 100vh; min-height: 650px; background-size: cover; background-position: center; }
  .page-banner-main:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; background: linear-gradient(109deg, #0E1723 0%, #101D2B 100%); }
  .page-banner-main .page-banner-content{ position: relative; z-index: 1; width: 100%; }
  .page-banner-main .page-banner-inner{ max-width: 100%; }
  .page-banner-main .page-banner-inner h1{ font-size: 65px; color: var(--white-color); text-transform: capitalize; padding: 0 0 24px; }
  .page-banner-main .page-banner-inner > div{ color: #f0f0f0; max-width: 977px; width: 100%; }
  .page-banner-main .page-banner-inner > div.center-content{ max-width: 706px; text-align: center; }
  .page-banner-main .page-banner-inner p{ font-size: 24px; line-height: normal; color: #ffffff;}
  .page-banner-main .page-banner-inner .btn{ margin-top: 75px; }
  
  /* OUR PARTNERS */
  .our-brand-main { box-shadow: var(--box-shadow); }
  .our-brand-main .row{ align-items: center; flex-wrap: nowrap; margin: 0 -50px; }
  .our-brand-main .row > div{ padding: 0 50px; }
  .our-brand-main .brand-left{ background: url(../images/line.svg) no-repeat right top; display: flex; justify-content: flex-start; width: 100%; max-width: 545px; background-position: center right; }
  .our-brand-main .partner-logo-main{ display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; justify-content: space-between; width: 100%; }
  .our-brand-main .partner-logo-main-wrap .partner-logo,
  .our-brand-main .partner-logo-main > div{ padding: 0 15px; }
  .partner-logo-main-wrap .slick-track {
      display: flex;
      align-items: center;
  }
  .project-slider-image{  border-radius: 6px;
      height: 450px;
      margin: auto;
      object-fit: contain;
      }
  /* BLOG */
  .blog-container-main .row, .search-container-main .row{ display: flex; flex-wrap: wrap; margin: 0 0px; max-width: 100%; }
  .blog-container-main .row > div, .search-container-main .row > div {
      padding: 0 21px 32px;
      flex: 0 0 33.33%;
      width: 50%;
      overflow: hidden;}
  .blog-container-main .blog-content, .search-container-main .blog-content{ padding:15px; }
  .blog-container-main .blog_title_recent, .search-container-main .blog_title_recent {
      min-height: 128px;}
  .blog .page-banner-main {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 80px 0;
      height: 80vh;
           min-height: auto;}
      .blog .page-banner-main{padding: 200px 0 80px;}
  
  .cta-section-parent .cta-section {
      justify-content:space-between;
       background: linear-gradient(102.1deg, #0E1723 0%, #101D2B 100%);
      color: white;
      border-radius: 10px;
      padding:40px 30px;
      margin:40px 0px 10px 0;
  }
 
  .cta-section-parent .small-ttl p{ margin-bottom:10px; }
  .cta-section-parent .button-div { margin:auto 0; text-align: right;}
  .cta-section-parent .title-div{ width:65%; padding:10px; }
  .cta-section-parent .button-div{ width:35%; }
  
  @media screen and (max-width: 992px){.cta-section-parent .title-div{ width:70%; }
  .cta-section-parent .button-div{ width:30%; }}
  @media screen and (max-width: 768px){
      .project-slider-image{ 
      height: auto;
      object-fit: contain;
          width:99%;
      }
      .cta-section-parent .small-ttl{ margin-bottom:10px; }
        .cta-section-parent .cta-section {flex-direction: column;text-align: center;padding: 20px;}
     .cta-section-parent .title-div,.cta-section-parent .button-div {width: 100%;}
     .cta-section-parent .button-div {text-align: center;}
              .blog-container-main .blog_title_recent, .search-container-main .blog_title_recent{
              min-height: 110px;}
  .blog-container-main .row > div, .search-container-main .row > div {
      padding: 0 15px 20px;
      flex: 0 0 100%;
  /*     width: 100%; */
          }}
      @media screen and (max-width: 639.98px){
          .blog-container-main .blog-inner .blog-img img, .search-container-main .blog-inner .blog-img img {
              height: 280px;}
          .blog-container-main .blog_title_recent, .search-container-main .blog_title_recent{
              min-height: auto;}
  .blog-container-main .row > div, .search-container-main .row > div {
      padding: 0 0 20px;
      flex: 0 0 100%;
      width: 100%;
          }}
  .blog-container-main .blog-box .blog-img img, .search-container-main .blog-box .blog-img img{  height: auto;
          width: 100%;     object-fit: cover;}
  .blog-container-main .blog-thumb, .search-container-main .blog-thumb{ position: relative; padding: 0 0 61.5%; overflow: hidden; }
  .blog-container-main .blog-thumb img, .search-container-main .blog-thumb img{ position: absolute; 
  /* 	transition: all 0.3s; */
      width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .blog-container-main .blog-box, .search-container-main .blog-box{ border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 24px 0px rgba(12, 150, 241, 0.16); height: 100%; overflow: hidden; }
  .blog-container-main .blog-box:hover, .search-container-main .blog-box:hover {
  /* 	transform: scale(1.1); */
      border:2px solid #0C93F1;
      border-radius: 10px;
  }
  .blog-container-main .blog-box h2, .search-container-main .blog-box h2{ font-family: var(--font-dinltarabic); transition: all 0.3s; font-size: 36px; line-height: calc(53/36); color: #000; text-transform: capitalize; padding: 10px 10px 20px; text-decoration: underline; }
  .blog-container-main .blog-box:hover h2, .search-container-main .blog-box:hover h2 {
      background: var(--defult-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
     color: transparent;
      display: inline-block;
      text-decoration: underline;
  }
  .blog-container-main .blog-box, .search-container-main .blog-box { position: relative; }
  /*  .search-container-main .blog-box span{ position: absolute; font-size: 18px; letter-spacing: 0.18px; text-transform: capitalize; right: 0; top: 16px; font-weight: 500; border-radius: 5px 0px 0px 5px; background: #FFF; font-family: var(--font-poppins); color: #000; display: inline-block; padding: 6px 20px 6px 18px; } */
  /* .blog-container-main .row > div:nth-child(2n) .blog-box span, .search-container-main .row > div:nth-child(2n) .blog-box span{ background: #000; color: #fff; } */
  .versatileHiringtab-list ul li:nth-child(odd) a{ padding-right: 15px !important; }
  
  /*  */
  .page-app-banner-main{ background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0; height: 100vh; min-height: 700px; display: flex; justify-content: flex-end; margin-bottom: 20px; }
  .page-app-inner{ display: flex; align-items: center; width: 100%; }
  /* .page-app-inner .app-content{ width: 100%; max-width: 978px; } */
  
  .page-app-inner .app-content p {
      width: 100%;
      max-width: 978px;
  }
  
  .streamlind-trainig-wrap ul, ul.page-numbers, .versatileHiringtab-list ul{ padding-left:0 !important; }
  .page-app-inner .app-content ul {
      max-width: 1050px;
  }
  /* 
  .page-app-inner .app-content ul li {
      max-width: 600px;
  } */
  
  .page-app-inner h1{ font-size: 78px; line-height:90px; color: #fff; margin: 0 0 24px; }
  .page-app-inner p{ color: #fff; 
  /* 	opacity: 0.8; */
      font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; }
  .page-app-inner ul { margin: 30px 0 30px; padding-left: 0; vertical-align: top; }
  .page-app-inner ul li {
      position: relative;
  /*     max-width: 500px; */
      vertical-align: top;
      color:#FFFFFF !important;
      list-style: disc;
      font-size: 24px;
      line-height: 36px;
      margin: 0 0 15px;
      margin-right: 22px;
      padding-left: 15px;
      display: inline-block;
      font-family: 'Poppins';
  }
  .page-app-inner ul li:before{ content: ''; position: absolute; width: 8px; height: 8px; top: 14px; left: 0; background: #fff; border-radius: 100%; }
  .page-app-inner .app-link{ display: inline-block; margin-right: 35px; transition: all 0.3s; }
  .page-app-inner .app-link:hover{ transform: scale(1.05); }
  
  .full-background-main img{ width: 100%; height: auto; display: block; object-fit: cover; object-position: center; }
  .play-icon-img{  position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      animation: zoomInOut 3s infinite alternate;
      width: 26% !important; }
  .bullet-content{ position: relative; padding-left: 18px; }
  .bullet-content:before {
      background: var(--defult-gradient);
      border-radius: 100%;
      position: absolute;
      top: 10px;
      left: 0;
      width: 8px;
      height: 8px;
      content: "";
  }
  
  .you-may-also-like .row{ margin: 0 -20px; }
  .you-may-also-like .row > div{ width: 33.33%; flex: 0 0 33.33%; padding: 20px; }
  .you-may-also-like .pro-img a, .you-may-also-like .pro-img img{ position: absolute; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; display: block; width: 100%; object-fit: cover; object-position: center top; }
  .you-may-also-like .pro-img { position: relative; padding: 0 0 91.5%; overflow: hidden; border-radius: 8px; box-shadow: var(--box-shadow); }
  .you-may-also-like .pro-img:hover img{ transform: scale(1.2); }
  
  /* FORM */
  .get-ready-form { }
  .get-ready-form .container{ max-width: 730px; padding: 40px; border-radius: 8px; background: #1C4D860D; }
  .gform_heading, .gform_wrapper.gravity-theme .gform_validation_errors{ display: none !important; }
  .ftr-form .gfield{ position: relative; }
  .ftr-form .gform_wrapper.gravity-theme .gfield_label{ border-radius:5px; position: absolute; font-family: var(--font-poppins); font-size: 14px; font-weight: 400; text-transform: capitalize; margin: 0; padding: 4px 8px; background: #fff; top: -22px; left: 9px; display: inline-block; }
  .ftr-form .gform_wrapper.gravity-theme .gfield select.large{
       box-shadow: 0px 0px 4px 0px rgba(18, 18, 18, 0.08);
      border: 1px solid #ABABAB;
      border-radius: 4px;
      background: #FFF;
      outline: none;
      padding: 16px ;
      height: 56px;
      margin: 0;
  /*     padding: 0; */
      display: block;
      color: #787878;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-weight: normal;
  }
  .iti--separate-dial-code .iti__selected-flag{ background-color:#fff !important; }
  .ftr-form .gform_wrapper.gravity-theme textarea{ border: 1px solid #ABABAB; }
  .ftr-form .gform_wrapper.gravity-theme .gfield input.large,
  .ftr-form .gform_wrapper.gravity-theme .gfield textarea{
      box-shadow: 0px 0px 4px 0px rgba(18, 18, 18, 0.08);
      border: 1px solid #ABABAB;
      border-radius: 4px;
      background: #FFF;
      outline: none;
      padding: 7px 12px;
  /*     height: 50px; */
      margin: 0;
      margin-bottom:10px !important;
  /*     padding: 0; */
      display: block;
      color: #787878;
      font-weight:300;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-weight: normal;
       box-shadow: 0px 0px 24px 0px rgba(12, 150, 241, 0.16);
  }
  .ftr-form .gform_wrapper.gravity-theme .gfield textarea{ margin-bottom:20px !important; }
  .gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{ align-items:center; }
  .ftr-form .gform_wrapper.gravity-theme .gfield textarea.large{
      box-shadow: 0px 0px 4px 0px rgba(18, 18, 18, 0.08);
      border: 1px solid #ABABAB;
      border-radius: 4px;
      background: #FFF;
      outline: none;
      padding: 16px !important;
      height: 130px;
      margin: 0;
      padding: 0;
      display: block;
      color: #787878;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-weight: normal;
      resize: none;
  }
  .ftr-form .gform_wrapper.gravity-theme .gform_fields{ grid-row-gap: 0px; }
  .ftr-form .gform_footer { padding: 10px 0 0 !important; margin: 0 !important; }
  .ftr-form input[type="submit"]{ transition: all 0.3s; border:none; padding: 6px 14px 12px 14px !important; width:-webkit-fill-available; display: inline-block; vertical-align: top; background: var(--defult-gradient);border-radius: 4px;font-family: var(--font-dinltarabic);font-style: normal;font-weight: 700; font-size: 22px;line-height: 35px;text-transform: capitalize; position: relative; color:#fff !important; }
  .ftr-form input[type="submit"]:hover{background: linear-gradient(78.6deg, #03E8DB 8.39%, #0C93F1 91.61%);  }
  .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction{ padding: 5px 16px !important; border-radius: 4px; font-size: 12px !important; }
  
  /* CONTACT */
  /* .contact-form-main, .category-main-wrap-page{ padding: 140px 0 100px; } */
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield input.large, 
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield select.large{
      padding:11px 13px ;
      border: none;
      
      background: #FFF;
  /*     height: 98px; */
  }
  #gform_fields_30 .gfield textarea.small{  border:none; }
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield.gfield--type-text,
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield.gfield--type-phone,
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield.gfield--type-email,
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield.gfield--type-email,
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield.gfield--type-textarea {
      -webkit-appearance: none;
      box-sizing:border-box;
      border-radius: 10px;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
     
  }
  
  .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield textarea.large{
      box-shadow: 0px 0px 24px 0px rgba(12, 150, 241, 0.16);
      padding: 35px 40px !important;
      border: none;
      border-radius: 10px;
      background: #FFF;
      height: 196px;
  }
  .contact-form-main.ftr-form .gform_footer input[type="submit"]{ max-width: 306px; margin: 0 auto !important; line-height: normal !important; }
  .contact-form-main .gform_wrapper{ background: #fff; position: relative; padding: 45px 70px; border-radius: 10px; max-width: 1366px; width: 100%; margin: 0 auto; }
  .contact-form-main .gform_wrapper:after{ content: ''; z-index: -1; border-radius: 10px; position: absolute; left: -4px; top: -4px; width: calc(100% + 8px); height: calc(100% + 8px); background: var(--defult-gradient); }
  .contact-form-main .gform_wrapper.gravity-theme .gform_fields{ grid-column-gap: 6%; }
  
  /* FOOTER */
  .footer-newsletter h3{ margin-bottom: 24px; }
  .newsletter-main form{ display: flex !important; align-items: flex-start; }
  #mc_embed_signup form{ margin:0px !important; }
  #mc_embed_signup div#mce-responses{ position:absolute !important; top: 0.7rem !important;font-size: 17px; }
  #mc_embed_signup .mc-field-group input{   border-radius:0px !important; padding: initial !important;  }
  #mc_embed_signup .button{ height:40px !important; border-radius:0px !important; margin-top: 5px !important; }
  #mc_embed_signup{     background: transparent !important;
      font: inherit !important;
      width: auto !important; }
  #mc_embed_signup_scroll{ display: flex; width: 100%; }
  .newsletter-main .gform-body{ width: 100%; }
  #mce-EMAIL{font-size: 15px; width: 100%; color:#000;
      margin: 0;
      border: none;
      outline: none;
      height: 40px;}
  .newsletter-main .gform_wrapper.gravity-theme .gfield input.large, .newsletter-main .gform_wrapper.gravity-theme .gfield select.large{
      width: 100%;
      margin: 0;
      border: none;
      outline: none;
      height: 40px;
  }
  .newsletter-main .gform_wrapper .gform_footer{ margin: 0 !important; padding: 0 !important; }
  .newsletter-main .gform_wrapper input[type="submit"], #mc-embedded-subscribe{
      background: url(../images/submit-btn.png) no-repeat center;
      height: 40px;
      width: 50px;
      min-width: 42px;
      border: none;
      padding: 0;
      margin: 0;
      font-size: 0;
      outline: none;
  }
  .newsletter-main .gform_wrapper .gform_confirmation_message p{ color: #fff; }
  .gform_confirmation_message{ text-align: center !important; }
  
  .body-fix{ overflow: hidden; }
  
  /* SINGLE POST */
  .single-banner-main { position: relative; }
  .single-banner-main:after{ opacity: 0.5;
      background: linear-gradient(109deg, #0E1723 0%, #101D2B 100%); content: ''; position: absolute;  left: 0; top: 0; width: 100%; height: 100%; }
  .single-banner-main img{ height:auto; border-radius:10px; display: block; width: auto; max-height: 540px; object-fit: cover; object-position: center; }
  .single-container{ padding: 50px 0; }
  .single-banner-content{
      position: absolute;
      bottom: 100px;
      width: 100%;
      text-align: center;
      color: #fff;
      z-index: 1;
  }
  .single-banner-content h1{ font-size: 60px; }
  .single-container .container{ max-width: 1000px; }
  .single-container h2, .single-container h3, .single-container h4{ margin-bottom: 12px; }
  .single-container p{ margin-bottom: 25px; }
  .single-container p:last-child{ margin-bottom: 0; }
  .single-thumb{ margin-bottom: 30px; text-align: center; }
  
  .s-content{  }
  .s-content + .btn{ margin-top: 20px;  }
  
  .footer-socialinfodiv h3{ margin: 0 0 40px; }
  .footer-socialinfodiv ul { padding: 0; }
  .footer-socialinfodiv ul li{  padding-left: 30px; font-size: 16px; line-height: 20px; margin: 0 0 8px; list-style: none; color: #999; font-weight: 500; font-family: var(--font-dinltarabic); }
  .footer-socialinfodiv ul li a{ color: #999; }
  .footer-socialinfodiv ul li a:hover{ color: #fff; }
  .footer-socialinfodiv ul li.ft-time{ background: url(../images/briefcase.svg) no-repeat left top; }
  .footer-socialinfodiv ul li.ft-mail{ background: url(../images/mail.svg) no-repeat left top; }
  .footer-socialinfodiv ul li.ft-call{ background: url(../images/phone-call.svg) no-repeat left top; }
  
  
  /* Our Process Section */
  .lineprocess-bg { position: absolute; top: 50px;}
  .path-process-section .title-div{margin-bottom: 40px;}
  .path-process-boxdiv{ width: 33.33%;}
  .path-process-boxdiv .path-process-inner{max-width: 366px;}
  .path-process-boxdiv img{max-width: 100px; width: 100%; display: block; margin: 0 auto 20px;} 
  .path-process-boxdiv p {
      text-transform: capitalize;
      margin-left: -12px;
      font-size: 16px;
      line-height: 25px;
  }
  .path-process-row{width: 96%;}
  .path-process-row .path-process-boxdiv:first-child, .path-process-row .path-process-boxdiv:nth-child(2), .path-process-row .path-process-boxdiv:nth-child(3){margin-bottom: 210px;}
  .path-process-row .path-process-boxdiv:nth-child(2) .path-process-inner, .path-process-row .path-process-boxdiv:nth-child(5) .path-process-inner{margin: 0 auto;position: relative;  left: 10px;}
  .path-process-row .path-process-boxdiv:nth-child(3) .path-process-inner, .path-process-row .path-process-boxdiv:last-child .path-process-inner{margin: 0 0 0 auto;}
  
  
  /* pagination */
  .pagination {
      text-align: center;
      display: block;
      border: 0;
      padding-top: 0;
  }
  ul.page-numbers {
      padding: 0;
      list-style: none;
      display: flex;
      margin: 0 auto;
      justify-content: center;
      align-items: center;
  }
  ul.page-numbers > li {
      margin: 0 5px;
  }
  .pagination ul.page-numbers{ display:inline-flex !important;flex-wrap: wrap;
      gap: 1rem; }
  ul.page-numbers .page-numbers {
      height: 40px;
      width: 40px;
      display: inline-block;
      text-align: center;
      font-weight: bold;
      border: 1px solid #DFE3E8;
      border-radius: 5px;
  }
  ul.page-numbers span.page-numbers {
      border-color: #0C93F1;
      color: #0C93F1;
  }
  
  .fa-share-on-social {
      text-align: right;
  }
  
  .fa-blog-category-and-share-wrapper {
      margin-bottom: 25px;
  }
  
  .fa-share-on-social .addtoany_list a.addtoany_share {
      font-size: 24px;
      line-height: 36px;
      font-family: 'Poppins', sans-serif;
      color: #2C3441;
      padding: 0;
      letter-spacing: 1px;
      background-image: url(../images/share-icon.svg);
      background-position: center left 30px;
      background-repeat: no-repeat;
      background-size: 30px;
      padding: 9px 30px 9px 73px;
      border: 1px solid #1C4D86;
      border-radius: 60px;
  }
  
  /* Blog Page */ 
  
  h1.fa-blog-title {
      font-family: 'DIN-Next-LT-Arabic-Bold', sans-serif;
      font-size: 30px;
      font-weight: 700;
      line-height: 40px;
      letter-spacing: 0.01em;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 50px;
  }
  .fa-blog-category-list{ text-align:center; }
  .single-blog-container .fa-row {
      display: flex;
      gap: 32px;
  }
  
  .fa-blog-content {
      width: 75%;
  }
  .fa-blog-category-and-share-wrapper a{ -webkit-text-fill-color: black !important; -webkit-background-clip: inherit !important; }
  
  .fa-blog-content a{ border-bottom:none;}
  /* .fa-blog-content a.btn{ background: var(--defult-gradient);  color:#fff; -webkit-background-clip: none;
      -webkit-text-fill-color:white;} */
  .fa-blog-sidebar {
      width: 25%;
  }
  
  .fa-blog-sidebar {
      margin-top: 50px;
  }
  
  .fa-blog-sidebar-wrapper {background: #1C4D860D;border-radius: 10px;padding: 30px 15px 40px;}
  
  h2.blog-sidebar-title {
      font-family: 'DIN-Next-LT-Arabic-Bold';
      font-size: 36px;
      font-weight: 700;
      line-height: 53px;
      letter-spacing: 0.01em;
      text-align: left;
      margin-bottom: 20px;
  }
  
  .fa-blog-single-post-item {
      padding: 13px 15px;
      background: #fff;
      border-radius: 10px;
  }
  
  h3.fa-sidebar-post-title {
      font-family: 'Poppins', sans-serif;
      font-size: 18px !important;
      font-weight: 500 !important;
      line-height: 27px !important;
      letter-spacing: 0.01em;
      text-align: left;
      margin-bottom: 10px;
      color: #000000;
  }
  
  p.fa-sidebar-post-date {
      font-family: 'Poppins', sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: 0.01em;
      text-align: left;
      color: #00000099;
  }
  
  .fa-blog-posts-container:not(:last-child) {
      margin-bottom: 60px;
  }
  
  .fa-blog-single-post-item:not(:last-child) {
      margin-bottom: 20px;
  }
  
  .fa-blog-single-post-item.fa-blog-single-category-item {
      padding: 15px 15px;
  }
  
  .fa-blog-category-list ul {padding-left: 0px !important;}
  
  .fa-blog-category-list h3.fa-sidebar-post-title {
      margin: 0;
  }
  
  .fa-blog-category-and-share-wrapper .fa-blog-category-list ul {
      flex-wrap:wrap;
      padding: 0;
      display:flex;
      gap:5px;
      list-style: none;
  }
  .fa-blog-category-and-share-wrapper .fa-blog-category-list ul li, .fa-share-on-social{
      margin-top:0;
      margin-bottom:25px;}
  .fa-blog-category-and-share-wrapper .fa-blog-category-list a {
      white-space:pre;
      padding: 9px 39px;
      background: #D8DFF2;
      border-radius: 80px;
      font-family: 'Poppins', sans-serif;
      font-size: 24px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 0.01em;
      text-align: left;
  /*     margin-right: 15px; */
  }
  
  .single-blog-container {
      margin-bottom: 60px;
  }
  
  .fa-blog-author-wrapper {
      background: #1C4D860D;
      border-radius: 10px;
      overflow: hidden;
      padding: 35px 11px 26px 30px;
  }
  
  .fa-blog-author {
      margin-top: 60px;
  }
  
  .fa-blog-author .fa-author-image img {
      width: 100px;
          max-width: fit-content;
      object-fit: cover;
  }
  
  .fa-author-content {font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 400;line-height: 27px;letter-spacing: 0.01em;text-align: left;}
  
  .fa-author-image a {
      width: 98px;
      display: inline-block;
      border-radius: 100px;
      overflow: hidden;
      margin-top: 15px;
  }
  
  .fa-blog-author-wrapper .d-md-flex {
      gap: 21px;
  }
  
  .fa-author-content .fa-author-name {
      margin-bottom: 10px;
  }
  
  .fa-author-content .fa-author-name strong {font-family: 'DIN-Next-LT-Arabic-Bold', sans-serif;font-size: 24px;font-weight: 700;line-height: 35px;letter-spacing: 0.01em;text-align: left;}
  .download-text{  color: #FFF;
  font-size: 36px; display:inline-block;
  font-weight: 500;
  line-height: normal; }
  .comment-error {background: #fff9f9;
      border: 1px solid #c02b0a;
      font-size: 14.992px;
      color:#c02b0a;
      margin-top: 8px;padding: 5px 16px!important;
      border-radius: 4px;
      }
  .single-blog-container p img{ margin-bottom:20px; margin-top:20px; }
  .single-blog-container .comment-form p img{ margin-bottom:0px; margin-top:0px; }
  .single-blog-container .comment-form p{ margin-top:0; }
  .fa-blog-category-list ul, fa-blog-category-list li{ margin:0 !important; }
  
  .single-blog-container p, .single-blog-container li{margin:20px 0; font-size:18px; line-height:32px; font-family:var(--font-poppins); color:#444; }
  .blog-sidebar-heading p, .blog-sidebar-heading li{ margin:20px 0 0 0; }
  .single-blog-container h1{ font-size:40px; line-height:50px; font-weight:bold; }
  .single-blog-container .blog-sidebar-title{ font-size:26px; line-height:36px; font-weight:bold; }
  .single-blog-container h3{ font-size:22px; line-height:32px; font-weight:bold;}
  .single-blog-container h4{ font-size:20px; line-height:30px; font-weight:bold;}
  .single-blog-container h5{ font-size:18px; line-height:28px; font-weight:bold;}
  /* .single-blog-container .fa-blog-content h2{ margin:60px 0 20px; } */
  .single-blog-container .fa-blog-content ul, .single-blog-container .fa-blog-content ol{ margin:40px 0; }
  .single-blog-container .fa-blog-content li{ margin:16px 0; }
  .single-blog-container .fa-blog-content h2{ font-size: 36px !important;line-height: 42px !important; }
  .single-blog-container .fa-blog-content h3{ font-size: 30px !important;line-height: 48px !important; }
   .single-blog-container .fa-blog-content h2,.single-blog-container .fa-blog-content h3, .single-blog-container .fa-blog-content h4, .single-blog-container .fa-blog-content h5{ margin:0px 0 15px; }
  .single-blog-container .fa-blog-content .comment-section h2, .single-blog-container .fa-blog-content .cta-section h2{ margin:0 0 20px; }
  .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{ display:none !important;}
  /* Blog Page End */
  /*  testimonial rating */
      .testimonial-main-wrap{ display:flex; flex-wrap: wrap; }
                                  .testimonial-rating{ font-size: 56px; font-weight: 700; margin:auto; display:flex;}
                                  .testimonial-rating .rating-text{ color: #000; margin: auto; font-family: "DIN Next LT Arabic";  padding-right:15px; }
                                  .testimonial-rating img{ padding-right:5px; }
  img.twitter-logo {
      width: 20px;
  }
  .hiring-moel-boc-points ul, .hiring-moel-boc-points ol{  padding-left: calc(1* var(--global--spacing-horizontal));}
  .hiring-moel-boc-points li{ font-size:16px; line-height:24px; font-family: var(--font-poppins);}
  /* hire developers */
  .btn.hire-dev-btn{ color:#f0f0f0 !important; }
  .hire-developer-main-whole-wrap .hire-developer-new-slider .slick-list{ padding-bottom:30px; }
  .btn-for-small-screen{ padding-top:15px; }
  .hire-developer-content-wrap .developer-experiance{ gap:1rem; margin-bottom:10px; }
  .hire-developer-image-wrap .btn{ margin-top:10px; }
  .hire-developer-image-wrap img{ margin:auto; }
  .hire-developer-image-wrap{ max-width:25%;margin:auto; }
  .hire-developer-content-wrap{ max-width:75%; padding-left:10px; display: flex;
      flex-direction: column;
      justify-content: space-between;
      row-gap: 15px; }
  .hire-developer-new-slider .slick-slide{ height:100%;  }
  .hire-developer-content-wrap .developer-name{
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.3;
    font-size: 1.5rem;
    font-family: var(--font-dinltarabic);
    margin-top: 0;
}
  .hire-developer-content-wrap .developer-designation, .hire-developer-content-wrap .developer-experiance{ line-height:normal; }
  .hire-developer-row-main-wrap{ overflow:hidden; display:flex; justify-content:space-between; padding:15px; margin-top:15px; 
  /* 	background: var(--white-color); */
      box-shadow: var(--box-shadow); }
  .skills-wrap p {
      font-size: 14px;
      line-height: 16px;
      color: rgb(0 0 0 / 60%);
      border: 1px solid #0b98ef;
      padding: 8px 14px;
      border-radius: 4px;
  }
  .skills-main-wrap{ gap:1rem; padding-top:15px; }
  
  .custom-block-xl{ display:none; }
      .custom-none-xl{ display:flex; }
  
  /* video modal start */
      .play-icon-img{ height:auto !important; }
  /* Modal wrapper */
  #video-about-modal.modal-wrapper {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; /* Prevent scrolling */
      background-color: rgba(0, 0, 0, 0.5);
  }
  /* Modal content */
  #video-about-modal.modal-wrapper .modal-content {
      background-color: #fefefe;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Center the modal */
      padding: 20px;
      border: 1px solid #888;
      max-width: 90%; /* Adjust maximum width as needed */
      max-height: 90vh; /* Adjust maximum height to 90% of viewport height */
      overflow: auto; /* Allow scrolling within the modal if content exceeds dimensions */
  }
  #video-about-modal .video-container {
      height: 300px; /* Fixed height */
      width: 500px; /* Fixed width */
  }
  /* Close button */
  #video-about-modal .close-modal {
      position: absolute;
      top: -5px;
      right: 5px;
      font-size: 22px;
      cursor: pointer;
      z-index: 99999; /* Ensure it's above the modal content */
      font-weight: 600;
  }
  /* Checkbox hack to toggle modal */
  #video-about-modal .modal-checkbox {
      display: none;
  }
  /* Close button */
  #video-about-modal .close-modal {
     position: absolute;
      top: -5px;
      right: 10px;
      font-size: 22px;
      cursor: pointer;
      z-index: 99999; /* Ensure it's above the modal content */
  }
  /* Show modal when anchor target is set */
  #video-about-modal.modal-wrapper:target {
      display: block;
  }
  #video-about-modal.modal-wrapper:not(:target) {
      display: none;
  }
  .partner-logo-div .fa-partners-brands-logo-slider img:hover{ filter:grayscale(1); }
  .powered-by a:hover{color:#fff;}
  
  .faq-box {
    -webkit-tap-highlight-color: transparent;
  
  }
  
  .main-navigation .sub-menu li a{ color:#000000cc; font-weight: 600; }
      #menu-item-33757 > a::before {
      content: url('https://flutteragency.com/wp-content/uploads/2024/09/arrow-menu-1.svg');
      display: inline-block;
     margin-left: 116px;
      vertical-align: middle; /* Ensures the arrow is aligned with the text */
      width: 16px; /* Adjust the size of the arrow */
      height: 16px;
          background:transparent;
              margin-top: -11px;}
      .main-navigation .sub-menu{     border: 1px solid #000000;
      border-radius: 6px; }
  /* .main-navigation .sub-menu li:hover>a,  .main-navigation .sub-menu li.current-menu-item>a, .main-navigation .sub-menu li.current-page-ancestor>a{  border-bottom: } */
  .main-navigation ul li:hover>a, .main-navigation ul li.current-menu-item>a, .main-navigation ul li.current-page-ancestor>a{  border-bottom: 1px solid #01f5d8; width: max-content;  }
  @media screen and (max-width: 991.98px){
      .blog-container-main .blog-title-search>div:first-child, .search-container-main .blog-title-search>div:first-child{ display:none; }
      .blog-container-main .row>div, .search-container-main .row>div{ flex: 0 0 49%; }  .main-navigation .sub-menu li a{ color:#fff; font-weight: 600; } }
  
  
  .page-id-30559 .appintro-with-imagectn{  font-size: 16px; }
  .d-block-custm{ display:block !important; }
  .d-block{ display:block; }
  .d-none{ display:none; }
  
  /* Adjustments for smaller screens */
  @media (max-width : 559.98px) {
      
      .ancassistance-section .ancassistance-box{ padding:20px 30px 20px 30px; }
      .weoffer-sucsses-section .s-content + .btn{ max-width: fit-content; }
     #video-about-modal .video-container {
          height: 200px; /* Adjust height for smaller screens */
         /* Adjust width to occupy 90% of the available space */
          margin: 0 auto; /* Center the video container horizontally */
      }
      
  }
  /* video modal end */
  /* hire developers end */
  @media screen and (min-width: 1440px){
      .blog-container-main .blog-box .blog-img img, .search-container-main .blog-box .blog-img img{ height: 233px; object-fit:fill; }}
  @media screen and (max-width:1649.98px){
      
      .path-process-boxdiv img {  max-width: 80px; margin-bottom: 10px;}
      .path-process-row{width: 100%;}
      .lineprocess-bg{top: 40px;}
      .path-process-boxdiv .path-process-inner {  max-width: 320px;}
      .path-process-row .path-process-boxdiv:nth-child(2) .path-process-inner, .path-process-row .path-process-boxdiv:nth-child(5) .path-process-inner{left: 5px;}
      .path-process-row .path-process-boxdiv:first-child, .path-process-row .path-process-boxdiv:nth-child(2), .path-process-row .path-process-boxdiv:nth-child(3) {  margin-bottom: 170px;}
  
      /* Banner */
      .hero-slider-inner h1, .hero-content-main h1, .hero-slider-inner div, .hero-content-main div{ font-size: 66px; line-height: 1.2 !important; }
      .hero-slider-inner h4, .hero-content-main h4{ margin: 0 0 45px; }
  
      .hero-slider-inner .row .hero-left, .hero-content-main .row .hero-left{
          width: 100%;
          max-width: 1100px;
      }
  }
  @media screen and (max-width: 1520px){
      .hero-slider{ max-height: 750px; }
  }
  @media screen and (max-width:1440px) {
      .hero-slider-inner .row .hero-left, .hero-content-main .row .hero-left {
          max-width: 87% !important;
      }
  }
  @media screen and (max-width:1399.98px){
      .path-process-boxdiv .path-process-inner {  max-width: 280px;}
      .path-process-boxdiv img {  max-width: 60px;}
      .lineprocess-bg{top: 30px;}
      .path-process-row .path-process-boxdiv:first-child, .path-process-row .path-process-boxdiv:nth-child(2), .path-process-row .path-process-boxdiv:nth-child(3) {  margin-bottom: 150px;}
  }
  @media screen and (max-width:1199.98px){
      .lineprocess-bg{display: none;}
      .path-process-row .path-process-boxdiv:first-child, .path-process-row .path-process-boxdiv:nth-child(2), .path-process-row .path-process-boxdiv:nth-child(3){margin-bottom: 40px;}
      .path-process-row .path-process-boxdiv .path-process-inner{margin: 0 auto !important;}
      .path-process-row .path-process-boxdiv:nth-child(2) .path-process-inner, .path-process-row .path-process-boxdiv:nth-child(5) .path-process-inner{left: auto;}
  
      /* BANNER */
      .hero-slider-inner h1, .hero-content-main h1, .hero-slider-inner div, .hero-content-main div{ font-size: 64px; }
      .hero-content-main{ right: 5%; }
  }
  .download-icon-text{ gap:30px; flex-wrap:wrap; }
  @media screen and (max-width:559.98px){
      .btn{ padding:6px 26px 6px 8px; }
      .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){min-height:20px !important;    padding: 5px 8px;  }
      .right-streamlind, .left-streamlind {
          width: 140px;
      }
      .download-icon-text{ gap:20px; flex-wrap:wrap; }
      .download-icon-text img{ width:30px; }
      .download-text-div img{ width: 35px; }
      .download-text{ font-size:18px; }
      .page-app-banner-main{ min-height:770px; }
      .path-process-section .title-div{margin-bottom: 20px;}
      .path-process-row .slick-dots{margin-top: 15px;}
      .path-process-boxdiv{ width: 100%; padding: 10px;}
      .path-process-row .path-process-boxdiv:first-child, .path-process-row .path-process-boxdiv:nth-child(2), .path-process-row .path-process-boxdiv:nth-child(3){margin-bottom: 0}
  }
  /* Our Process Section End */
  
  
  /* RESPOSNIVE */
  @media screen and (max-width:1649.98px){
      .page-app-inner ul li{ font-size: 22px; }
      .mb-80 {
          margin-bottom: 60px;
      }
  
      .main-navigation ul li{ margin: 0 15px; }
  
      .our-brand-main .partner-logo-main > div{ width: 25%; flex: 0 0 25%; }
  
      .two-column-content-grade-bg h2 {font-size: 56px;}
  
      /* APP BANNER */
      .page-app-banner-main{ padding: 80px 0; }
      .page-app-inner h1{ font-size: 60px; line-height: 80px; }
      .page-app-inner{ padding-top:80px; }
      .page-app-inner ul{ margin: 20px 0 10px; }
  
      .page-banner-main .page-banner-inner h1{font-size: 70px;}
      .page-banner-main .page-banner-inner p{font-size: 22px;}
      .page-banner-main .page-banner-inner .btn {  margin-top: 30px;}
      .our-brand-main .row {  margin: 0 -30px;}
      .our-brand-main .row > div {   padding: 0 30px;}
  
      .hero-content-main .row{    align-items: center;}
      .hero-content-main h1 { font-size: 72px;}
      .hero-content-main h4 { font-size: 36px; margin: 0 0 60px;}
      .hero-slider .slick-dots {  padding-left: calc((100% - 1310px)/2 + 10px);}
  
  
  
      .why-us-main .row { margin: 0 -30px;  padding: 50px 0;}
      .why-us-main .row > div { padding: 0 30px;}
      
      .our-process .titleicon-withctn-box, .recent-blogs-main .blog-content { padding: 30px;}
      
      .faq-box {  margin: 0 0 20px;}
      .faq-box > h3 {  padding: 20px 60px 20px 30px; }
  
      .get-ready-form { padding-bottom: 60px; }
  
      /* CONTACT */
      .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield input.large, .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield select.large{
  /*         height: 70px;
          padding: 25px ; */
      }
  
      .fa-blog-content {
          width: 66.66%;
      }
      .fa-blog-sidebar {
          width: 33.33%;
      }
  
  }
  @media screen and (max-width:1399.98px){
      .main-navigation ul li{ margin: 0 10px; }
  
      .hero-content-main h1{ font-size: 60px; line-height: 1.1;}
      .hero-content-main h4{ font-size: 30px; line-height: 1.1; margin: 0 0 40px; }
      .hero-content-main .row .hero-left{ max-width: 820px; }
      .hero-content-main .row .hero-right{ max-width: 120px; }
      .hero-slider .slick-dots{ padding-left: calc((100% - 1140px)/2 + 10px); }
  
      /* PAGE BANNER */
      .page-banner-main .page-banner-inner h1{ font-size: 56px; line-height: 1.2; }
      .page-banner-main .page-banner-inner p{ font-size: 20px; }
  
      /* OUR PROCESS */
      .our-process .titleicon-withctn-box{ padding: 20px; height: calc(100% - 20px); }
      .our-process .titleicon-withctn-box .ticon-img{ width: 60px; height: 60px; }
  
      /* WHY US */
      .why-us-main{ padding: 40px 25px; }
      .why-us-main .row{ margin: 0 -15px; padding: 35px 0; }
      .why-us-main .row > div{ padding: 0 15px; }
  
      /* RECNT BLOGS */
      .recent-blogs-main .blog-content{ padding: 15px; }
      .recent-blogs-main .blog-content span, .blog-container-main .blog-content span, .search-container-main .blog-content span{margin: 0 0 20px;}
      .recent-blogs-main .blog-content p {  margin: 0 0 30px;}
  
  
      /* TWO COLUMN BG */
      .two-column-content-grade-bg{ padding-left: 20px; padding-right: 20px; }
      .two-column-content-grade-bg h2{ font-size: 42px; line-height: 1.2; }
      .two-column-content-grade-bg h2.small-ttl{ font-size: 30px; }
  
      /* Brands WE Work */
      .our-brand-main .row{ display: block; text-align: center; }
      .our-brand-main .brand-left{ width: 100%; max-width: 100%; background: none; justify-content: center; }
      .our-brand-main .partner-logo-main > div{ padding: 15px; }
  
      .bullet-content:before{ top: 8px; }
  
      .two-column-content-grade-bg .row > .col-right{padding-left: 0px;}
      .two-column-content-grade-bg h4{font-size: 24px;}
  
      /* BLOG */
      .blog-container-main .blog-box h2, .search-container-main .blog-box h2{ font-size: 30px; line-height: 1.3; }
  
      /* FORM */
      .ftr-form .gform_footer input[type="submit"]{ 
  /* 		height: auto;
          padding: 5px 16px 10px 16px; */
          height: 50px; padding: 10px;
      }
      .ftr-form .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 0px; }
  
      .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield input.large, .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield select.large{ 
  /* 		height: auto; padding: 8px 16px ; */
      }
      .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield textarea.large{ padding: 15px !important; height: 150px; }
      .contact-form-main.ftr-form .gform_footer input[type="submit"]{ padding: 8px 10px 10px !important; height: auto; }
  
      .s-content{ min-height: 125px; }
  }
  @media screen and (max-width:1200px){ .main-navigation ul li{ margin: 0 2px; }}
  @media screen and (min-width:1200px){
      .home .page-banner-main{ padding:80px 0 20px 0; }
      .custom-block-xl{ display:block; }
      .custom-none-xl{ display:none; }
      .main-navigation ul li.menu-btn a{ background: var(--defult-gradient); border-radius: 4px; color: #0E1723; }
      .main-navigation ul li.transparent-menu-btn a{ border-radius: 4px; border: 1px solid #F5F5F5; color: #ccc; padding: 10px 21px 13px 21px; }
      .main-navigation ul li.transparent-menu-btn a:before{ display: none; }
      .main-navigation ul li.menu-btn a:before{ display: none; }
      
  
      .four-column-achivement .achievements-col{ width: 25%; flex: 0 0 25%; }
  }
  .custom-block-lg{ display:none; }
      .custom-none-lg{ display:flex; }
  
  @media screen and (max-width:991.98px){ 
      .right-streamlind, .left-streamlind{ width:260px; }
      .review-section-two-div{ width:100%;     padding: 10px;}
      .path-process-boxdiv{padding: 0 10px; width: 50%}
      .hero-slider-inner .row .hero-left, .hero-content-main .row .hero-left {
          max-width: 100% !important;
      }
      .mobile-nav-bar{ position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; z-index: 111; } 
      .mobile-nav-bar span{ display: block; position: relative; width: 24px; height: 1px; background: #fff; left: 3px; top: 6px; }
      .mobile-nav-bar span:nth-child(2){ top: 12px; }
      .mobile-nav-bar span:nth-child(3){ top: 18px; }
      .mobile-nav-bar span:nth-child(4){ top: 24px; }
  
      .main-navigation{ background: url(../images/bar-bg.png) no-repeat top center; background-size: cover; backdrop-filter: blur(16px); position: absolute; top: 100%; left: 0; width: 100%; height: 100vh; }
      .main-navigation ul li{ display: block; width: 100%; margin: 0; } .main-navigation{ display: none; }
      .site-header{  background: transparent;  backdrop-filter: inherit;}
      .site-header .site-branding{ position: relative; z-index: 111; }
      .site-header.active{}
      .site-header:before, .main-navigation:before {content: ""; display: block !important; position: absolute; top:0; left:0; height: 100%; width: 100%; background: linear-gradient(102deg, rgba(14, 23, 35, 0.40) 0%, rgba(16, 29, 43, 0.40) 100%); backdrop-filter: blur(16px); z-index: -1; pointer-events: none;}
  
      .main-navigation:before{ background: rgba(0,0,0,0.9); }
  
      .main-navigation{ background: transparent;  backdrop-filter: inherit; position: fixed; padding: 10px; left: auto; top: 0; padding-top: 183px; right: -100%; display: block; transition: all 0.4s linear; z-index: 11; }
      .main-navigation.active{right: 0;}
  
      .mobile-nav-bar .close-icon{display: none;}
      .mobile-nav-bar.active .close-icon{display: block;}
      .mobile-nav-bar.active .bar-icon{display: none;}
  
      .main-navigation ul li{margin-bottom: 10px;}
      .main-navigation ul li a {  font-size: 18px;  line-height: 22px; color: #fff;  text-transform: capitalize;}
      .main-navigation .sub-menu-toggle{display: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M6.19043 9.62083L12.1904 15.6208L18.1904 9.62083' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); height:25px; width: 25px; padding:0; border: none;     background-color: transparent !important;
          position: absolute;
          right: 0;
          top: 0; }
  
      .submenu-indicator{ position: absolute; display: block; right: 0; top: 0; transition: all 0.3s; width: 42px; height: 42px; background: url(../images/down-arrow.png) no-repeat center; }
      .active + .submenu-indicator{ transform: rotate(180deg); }
  
      .main-navigation .sub-menu-toggle *{display:none;}
      .main-navigation .sub-menu {
          position: relative;
          width: 100%;
          left: 0;
          background: transparent;
          margin-left: 0;
          top: 100%;
          padding-top: 0;
      }
      .main-navigation .menu-wrapper{
          padding: 20px 10px;
          background: none;
          backdrop-filter: unset;
          box-shadow: none;
      }
      .main-navigation .sub-menu li a{ padding: 10px 15px 10px 25px;font-size: 16px;  line-height: 20px; }
      .main-navigation .sub-menu li a{color: #fff; }
      .main-navigation .sub-menu li a:before{left: 5px; display: none !important; }
      .main-navigation ul li:hover > .sub-menu{ padding-top: 0; }
      .main-navigation .menu-wrapper{ padding: 20px 0 0; }
  
      .main-navigation ul li:hover a:before, .main-navigation ul li.current-menu-item > a:before, .main-navigation ul li.current-page-ancestor > a:before{ display: none; } 
  .custom-block-lg{ display:block; }
      .custom-none-lg{ display:none; }
  }
  @media screen and (max-width:1199.98px){
      .hire-developer-main-whole-wrap .btn.btn-white-custom span {
          font-size: 14px;}
      .site-header{ padding: 24px 15px; }
      .header-right{ display: none; }
  
      /* BLOG */
      .blog-container-main .row > div, .search-container-main .row > div{ padding: 0 15px 30px; }
      .blog-container-main .blog-box h2, .search-container-main .blog-box h2{ font-size: 20px; }
  
      .two-column-content-grade-bg h2{margin-bottom: 15px;}
  
      /* Contact Form */
      .contact-form-main .gform_wrapper{ padding: 30px; }
      .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield input.large, .contact-form-main.ftr-form .gform_wrapper.gravity-theme .gfield select.large{ 
  /* 		padding: 20px; height: 74px; */
      }
      
  /* EXPERTISE SLIDER */
      .our-expertise-main .title-div{ margin: 0 0 20px; }
      .expertise-slider{ display: flex; flex-wrap: wrap; margin: 0 15px; }
      .expertise-slider > div{ width: 25%; padding: 15px; } 
      .expertise-slider .exp-slide{ max-width: 100%; }
      .exp-slide .exp-block{ width: 100%; }
      
      /* APP BANNER */
      .page-app-inner h1{ font-size: 46px; line-height:56px; }
      .page-app-inner p{ font-size: 20px; }
      .page-app-inner ul li{ font-size: 20px; }
  
     
  
  }
  
  @media screen and (max-width:1024px){
  
      /* HERO BANNER */
      .hero-content-main .row .hero-right > div{ padding: 0 0 15px; }
      .hero-slider .slick-dots{ width: 100%; padding: 0; justify-content: center; }
      .hero-slider-inner h1, .hero-content-main h1, .hero-slider-inner div, .hero-content-main div{ font-size: 50px; }
      .hero-slider-inner h4, .hero-content-main h4{ font-size: 36px; }
  
      /* TWO COLUMN BG */
      .two-column-content-grade-bg .row { margin: 0 -15px; }
      .two-column-content-grade-bg .row > div{ padding: 0 15px !important; }
      .two-column-content-grade-bg h2{ font-size: 40px; line-height: 1.2; }
      .two-column-content-grade-bg h4{ font-size: 24px; line-height: 1.1; }
  
  
      .single-banner-content h1{ font-size: 42px; }
      .single-banner-content{ bottom: 50px; }
  }
  @media (min-width: 992px){
      .main-navigation ul li:hover > .sub-menu{ display: block; background:#fff; padding:10px 5px; }
        .d-lg-block { display:block; }
  .fa-blog-sidebar {
   position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: auto;
    flex: 0 0 auto;
      }
      h1.fa-blog-title {
      font-family: 'DIN-Next-LT-Arabic-Bold', sans-serif;
      font-size: 40px;
      font-weight: 700;
      line-height: 54px;
      letter-spacing: 0.01em;
      text-align: left;
      margin-top: 30px;
      margin-bottom: 50px;
  }
  }
  @media screen and (max-width:991.98px) {
      .appintro-imagediv img{ max-height: 378px; }
      #topbutton{ bottom:148px; }
      .jointedea-image{ position:relative; z-index:0;margin-bottom: 40px; }
      .jointedea-image img{ width: 31%;margin: auto;display: flex;}
  .hire-developer-content-wrap .hire-developer-content{ padding-top:10px; }
      .hire-developer-image-wrap img{ margin:auto; }
      .hire-developer-image-wrap{ max-width:100%;margin:auto;  }
  .hire-developer-content-wrap{ max-width:100%; margin:auto; padding-left:5px; }
  .hire-developer-row-main-wrap{  padding:20px 15px 20px 15px !important; margin:18px; }
      .mb-60{ margin-bottom: 30px; }
  
      .more-link{ font-size: 16px; padding-right: 20px; }
      .more-link:after { height: 16px; width: 16px; margin-top: -8px; background-size: 100%; }
  
      .hero-content-main .row .hero-right{ width: 100%; max-width: 100%; flex-direction: row; margin: 40px 0 0; }
      .hero-content-main .row .hero-right > div{ padding: 0 20px; }
      .hero-content-main .row .hero-right img{ max-height: 60px; width: auto; }
      .hero-content-main {
          width: 100%;
          left: 0;
          right: unset;
          height: unset;
          bottom: 80px;
          top: unset;
      }
      
      section.hero-banner-main {
          position: relative;
      }
  
      /* PAGE BANNER */
      .page-banner-main{ height: 650px; }
      .page-banner-main .page-banner-inner h1{ font-size: 48px; line-height: 1.2; }
      .page-banner-main .page-banner-inner p{ font-size: 18px; }
      .page-banner-main .page-banner-inner > div.center-content{ max-width: 520px; }
  
      /* WHY */
      .why-us-main .row{flex-wrap: wrap; padding: 30px 0; }
      .why-us-main .row > div { width: 100%;  flex: 0 0 100%;}
      .why-us-main .row:nth-child(odd) div:first-child { order: inherit;}
      .why-us-main .os-img {  margin: 0 0 26px;}
  
      /* OUR PROCESS */
      .our-process .col{ width: 100%; flex: 0 0 100%; }
  
      /* AS SEEN ON */
  
      /* EXP Slider */
      .expertise-slider > div{ width: 33.33%; flex: 0 0 33.33%; }
  
      /* RECENT BLOG */
      .recent-blogs-main .blog-content span, .blog-container-main .blog-content span, .search-container-main .blog-content span{ margin: 0 0 18px; }
  
      /* TWO COLUMN BG */
      .two-column-content-grade-bg h2.small-ttl{ font-size: 26px; }
      .two-column-content-grade-bg p{ font-size: 18px; }
  
      /*  */
      .active-bg .jointedea-ctnblock ul li{ background: #fff; }
  
      /* YOU MAY ALSO LIKE */
      .you-may-also-like .row > div{ padding: 10px; }
  }
  
  @media (min-width: 768px){

      .d-md-flex{ 
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: right;

       }


          .d-md-block { display:block; }
      .d-md-none{ display:none; }
      .blog-container-main .blog-box .blog-img img, .search-container-main .blog-box .blog-img img{  height: auto;
          width: 100%;     object-fit: fill;}
  }
  /* @media screen and (min-width:1400px){ */
      #mc_embed_signup .mc-field-group{padding-bottom: 8px !important;  }
  /* .single-banner-main img {max-height: fit-content !important;} */
  /* } */
  @media screen and (max-width:767.98px) {
      .fa-blog-category-and-share-wrapper .fa-blog-category-list ul{ justify-content:center; }
      .single-banner-main img{ height:auto; }
      .fa-blog-author .fa-author-image img{width:auto !important; }
      .hire-developer-new-slider .hire-developer-row-main-wrap{ height:auto !important; }
      .btn-for-small-screen{ 
  /* 		position:absolute;  */
          bottom:25px; left:10px; right:10px; }
      .skills-main-wrap {
          gap: 0.5rem;}
      
   .single-blog-banner{ margin-top: 0px !important; }
      .pt-4{ padding-top: 20px; }
  .archive.category .site-content,.search.search-results .site-content,.search.search-no-results .site-content{padding:180px 0 40px;}
      .slick-dots li{ margin: 0 4px; }
      .slick-dots li button{ width: 6px; height: 6px; }
      .slick-dots li.slick-active button{ width: 20px; }
  
      .hero-slider .slick-dots{ bottom: 30px; }
      .hero-content-main h1{ font-size: 35px; line-height: normal; }
      .hero-content-main h4{ font-size: 16px; color: #f6f6f6; text-transform: capitalize; margin: 0 0 60px; } 
      .hero-content-main .row .hero-right{ bottom: 80px; position: absolute; bottom: 15px; width: 100%; justify-content: space-between; }
      .hero-content-main .row .hero-right > div{ padding: 5px; }
  
      /* PAGE BANNER */
      .page-banner-main .page-banner-inner h1{ font-size: 35px; line-height: 1.2; }
      .page-banner-main .page-banner-inner p{ font-size: 16px; font-weight: 400; max-width: 90%;}
      .page-banner-main .page-banner-inner > div.center-content{ max-width: 520px; text-align: left; }
      .page-banner-main .page-banner-inner > div.center-content p{ text-align: left !important; }
  
      /* AS SEEN IN */
      .as-seen-on-main .row{ flex-wrap: wrap; padding-top: 20px; text-align: center; }
      .as-seen-on-main .row .col img{ max-width: 170px; max-height: unset; height: auto; width: 100%; }
  
      /* TWO COLUMN BG */
      .two-column-content-grade-bg{ padding-left: 0; padding-right: 0; text-align: center; }
      .two-column-content-grade-bg .row > div{ width: 100% !important; flex: 0 0 100% !important; }
      .two-column-content-grade-bg .tc-img{ margin-left: 10px; border-radius: 4px; }
      .two-column-content-grade-bg .tc-img:after{ top: 9px; right: 9px; border-radius: 4px; }
      .two-column-content-grade-bg .row > .col-right{ padding-top: 30px !important; }
      .two-column-content-grade-bg h2, .two-column-content-grade-bg h2.small-ttl{ font-size: 30px; line-height: normal; }
      .two-column-content-grade-bg h4{ font-size: 16px; text-transform: capitalize; color: var(--global--color-primary); margin: 0 0 20px; }
      .two-column-content-grade-bg p{ margin-bottom: 25px; }
  
  
      /* WHY US */
      .why-us-main { padding: 30px 0 40px; }
      .why-us-main .row{ display: block; padding: 30px 0 0; }
      .why-us-main .row > div{ width: 100%; flex: 0 0 100%; }
      .why-us-main .os-img { margin: 0 0 26px; }
      .why-us-main .os-img img{ height: 255px; width: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
      .why-us-main .os-img:before { left: 9px; right: auto; top: 9px; border-radius: 4px; }
      .why-us-main .row:nth-child(odd) .os-img:before{ left: 9px; top: 9px; border-radius: 4px; }
  
      /* EXP Slider */
      .expertise-slider { margin: 0; }
      .expertise-slider > div{ width: 50%; flex: 0 0 50%; }
      .exp-slide .exp-block{ height: 143px; border-radius: 4px; margin: 0 0 10px; }
      .exp-slide .exp-block img{ width: 80px; height: 80px; border-radius: 4px; }
      .expertise-slider .exp-slide{ max-width: 143px; margin: 0 auto; }
  
      /* FAQ */
      .faq-box:last-child{ margin: 0; }
      .faq-box > h3 { padding: 15px 40px 15px 10px; font-size: 18px; line-height: normal; }
      .faq-box > h3:after{ top: 13px; margin-top: 0; right: 6px; }
      .faq-box .faq-content{ padding: 0 10px 10px; }
  
      /* RECENT BLOGS */
      .recent-blogs-main .col{ width: 100%; flex: 0 0 100%; padding: 0 15px 20px; }
  /*     .recent-blogs-main .blog-img{ padding: 0 0 75%; } */
      .recent-blogs-main .blog-content{ padding: 10px; }
      .recent-blogs-main .blog-content span, .blog-container-main .blog-content span,.recent-blogs-main .blog-content p, .search-container-main .blog-content span{ margin: 0 0 10px; }
      .recent-blogs-main .blog_title_recent{ font-size: 18px; line-height: normal; min-height: 0; margin: 0 0 10px; }
  
      /* PROCESS */
      .our-process .col{ padding: 0; transform: scale(0.9); transition: all 0.3s; }
      .our-process .col.slick-active{ transform: scale(1); }
      .our-process .lefticontitle-div{ display: block; text-align: center; }
      .our-process .titleicon-withctn-box .ticon-img{ width: 58px; height: 58px; display: block; margin: 0 auto 10px; }
      .our-process .titleicon-withctn-box{ padding: 18px 10px; }
  
  
      /* CONTACT */
  /*     .contact-form-main, .category-main-wrap-page{ padding: 110px 0 40px; } */
      .contact-form-main .gform_wrapper{ padding: 20px 10px; }
      .contact-form-main .gform_wrapper:after{ left: -3px; top: -3px; width: calc(100% + 6px); height: calc(100% + 6px); }
      .contact-form-main .gform_wrapper.gravity-theme .gform_fields{ grid-row-gap: 10px; }
      .contact-form-main.ftr-form .gform_footer input[type="submit"]{ height: 50px !important; padding: 10px !important; display: block; font-size: 14px; max-width: 90px; }
  
      /* APP BANNER */
      .page-app-inner h1{ font-size: 35px; line-height:45px; }
      .page-app-inner p{ font-size: 16px; text-transform: capitalize; }
      .page-app-inner ul li{ font-size: 16px; color: #fff; opacity: 0.6; margin: 0 0 8px; }
  /*     .page-app-inner ul li:before{ top: 7px; } */
      .page-app-inner .app-link{ margin-right: 5px; max-width: 100px; }
  
      .why-us-main p,	.recent-blogs-main .blog-content p{text-align:justify;}
      .mb-80 {   margin-bottom: 30px;}
      .ftr-form .gform_wrapper.gravity-theme .gform_fields {  grid-row-gap: 5px;}
      .ftr-form .gform_footer input[type="submit"] { font-size: 20px;  height: 56px; line-height: 1 !important; }
      .get-ready-form {  padding-bottom: 40px;}
  
      /* SINGLE */
      .single-banner-content h1{ font-size: 30px; }
      .single-banner-main img{  object-fit: cover; }
  
      .get-ready-form .container{ padding: 20px; }
  
      .hero-slider{ height: 100vh; min-height: 0; }
      .hero-content-main{ bottom: 50px !important; }
      .hero-slider-inner h1, .hero-content-main h1, .hero-slider-inner div, .hero-content-main div{ font-size: 35px; }
      .hero-slider-inner h4, .hero-content-main h4{ font-size: 16px; }
      .hero-slider-inner .row .hero-left, .hero-content-main .row .hero-left{ max-width: 92% !important; }
      .hero-slider-inner > .container{ left: 10px; right: 10px; } 
      .hero-slider-inner h4, .hero-content-main h4{ color: #fff; }
      .hero-slider img {
          height: 100vh;
      }
  }
  @media screen and (max-width:639.98px) {
      .comment-section{ padding: 10px 15px; }
      .fa-blog-author-wrapper{ padding: 10px 15px; }
      
      .fa-blog-category-and-share-wrapper .fa-blog-category-list a{ font-size: 16px !important; }
      .fa-blog-category-and-share-wrapper .fa-blog-category-list ul li, .fa-share-on-social {
      margin-bottom: 10px !important;
  }
      .single-blog-container{ padding:40px 0 !important; }
      .hire-developer-new-slider .hire-developer-row-main-wrap{ height:790px; }
      /* NAVIGATION */
      .header-right{ display: none; }
      #topbutton{ bottom:142px; }
  /*     .page-banner-main{ height: 100vh;  min-height: 780px;} */
  
      /* OUR BRAND */
      .our-brand-main .row > div { padding: 0 15px; }
      .our-brand-main .partner-logo-main{ flex-direction: column; margin-top: 30px; }
      .our-brand-main .partner-logo-main > div:last-child{ padding-bottom: 0; }
      .our-brand-main .partner-logo-main > div{ width: 100%; max-width: 250px; }
  
      /* BLOG */
      .blog-container-main .container, .search-container-main .container{ padding: 0 15px; }
      .blog-container-main .row, .search-container-main .row{ margin: 0; }
      .blog-container-main .row > div , .search-container-main .row > div{ padding: 0 0 20px; flex: 0 0 100%; width: 100%; }
       .search-container-main .blog-box span{ font-size: 14px; padding: 5px 11px 5px 11px; }
  
      .blog-container-main .blog-thumb, .search-container-main .blog-thumb { position: relative; padding: 0; }
      .blog-container-main .blog-thumb img, .search-container-main .blog-thumb img{ position: static; width: 100%; height: auto; }
  
      .two-column .ticon-img { width: 100%; max-width: 100%; margin: 0 auto !important; }
      .two-column .ticon-img img{ max-height: 86px; width: auto; margin: 0 auto !important; }
      .two-column .flutterapp-dev-col .titleicon-withctn-box .icontitle-ctn{ padding: 0 !important; text-align: center !important; }
      .two-column .flutterapp-dev-col .icontitle-ctn h3{ margin-bottom: 0 !important; }
  
      .s-content{ min-height: 0; }
  
      .fa-share-on-social {
          text-align: center;
          
      }
      
      .fa-blog-category-and-share-wrapper {
          gap:20px;
        display: grid;
      margin-bottom: 30px;
      justify-content: center;
      }
  
      .fa-share-on-social .addtoany_list a.addtoany_share {
          font-size: 18px;
          line-height: 27px;
          background-size: 20px;
          padding: 7px 17px 7px 47px;
          background-position: center left 14px;
      }
      .single-blog-container p{ font-size:16px; line-height:26px; }
  .single-blog-container h1{ font-size:30px; line-height:40px; font-weight:bold; }
   .single-blog-container .blog-sidebar-title{ font-size:22px; line-height:32px; font-weight:bold; }
  .single-blog-container h3{ font-size:20px; line-height:30px; font-weight:bold;}
  .single-blog-container h4{ font-size:18px; line-height:28px; font-weight:bold;}
  .single-blog-container h5{ font-size:16px; line-height:26px; font-weight:bold;}
  }
  @media screen and (max-width:559px){
      .versatileHiringtab-list ul li a {
          padding-right: 15px;}
      .hire-developer-new-slider .hire-developer-row-main-wrap{ height:1075px; }
      .right-streamlind, .left-streamlind{transform: translate(0%, 0);}
      .you-may-also-like .row > div{ width: 100%; flex: 0 0 100%; padding: 0; }
      .you-may-also-like .slick-dots{ margin:auto; margin-top: 15px; }
  
      .s-content{ height: auto !important; }
      .s-content + .btn {
          display: block;
          max-width: 120px;
          margin: 20px auto 0;
      }
  }
  @media screen and (max-width:368px){ .versatileHiringtab-list ul li a {padding-right: 0px;}.versatileHiring-boxdiv.d-flex.flex-wrap ul li a {padding-top: 28px !important;}}
  @media screen and (max-width:360px){
      .site-header.main-header .container-full {padding: 8px;}
      .site-header.main-header .container{ padding:8px 5px; }
      .main-header .top-bar-whole-web .fa-top-phone{ font-size:11px; }.main-header .top-bar-whole-web img.flag-icon-topbar {
      width: 21px;
  }
      .hire-developer-new-slider .hire-developer-row-main-wrap{     height: 1102px; }}
  @media screen and (max-width:320px){
      .versatileHiring-boxdiv.d-flex.flex-wrap ul li a {padding-top: 30px !important;}
      .versatileHiringtab-list img{ left: -151px; }
      .hire-developer-new-slider .hire-developer-row-main-wrap{     height:1100px; }}
                                  @media only screen and (max-width: 782px){
                                      .testimonial-rating img{ width:7%; }
                                      .testimonial-rating .rating-text{ margin:0; }
                                      .testimonial-rating{justify-content:center; font-size: 35px; margin:0; }
                                      .testimonial-main-wrap{ display:block; }
                                  }
  /* Increase specificity */
  /* body .gform_wrapper .iti__flag {
      background-image: url('https://flutteragency.com/wp-content/plugins/smart-phone-field-for-gravity-forms/frontend/img/flags.png') !important;
  }
  body.page-template-page-landing .iti__country{ color:#000; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      body .iti__flag {
          background-image: url('https://flutteragency.com/wp-content/plugins/smart-phone-field-for-gravity-forms/frontend/img/flags.png') !important;
      }
  } */
  @media only screen and (max-width: 481px){ .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url{flex-basis: 100%; } .btn.btn-white-custom span{ font-size:16px; }}
  

.blog_title_recent{
 font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 35px !important;
    text-transform: capitalize !important;
    margin-top: 0 !important;
    letter-spacing: 0.5px !important;
        min-height: 128px !important;
        margin-bottom: 0px !important;
}

/* ===== AUTHOR BIO SECTION ===== */
.author-bio-section {
    margin: 60px 0;
    padding: 40px;
    background: linear-gradient(135deg, rgba(12, 147, 241, 0.08) 0%, rgba(3, 232, 219, 0.08) 100%);
    border-radius: 12px;
    border-left: 4px solid var(--defult-gradient);
    box-shadow: 0px 2px 12px rgba(12, 147, 241, 0.12);
}

.author-bio-container {
    max-width: 100%;
}

.author-bio-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

/* Author Avatar */
.author-bio-avatar {
    flex: 0 0 auto;
}

.author-avatar-link {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.3s ease;
}

.author-avatar-link:hover {
    transform: scale(1.05);
    box-shadow: 0px 8px 24px rgba(12, 147, 241, 0.3);
}

.author-avatar-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 3px solid #fff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

/* Author Content */
.author-bio-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-bio-header {
    margin-bottom: 12px;
}

.author-bio-name {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    font-family: var(--font-dinltarabic, 'DIN LT Arabic');
}

.author-name-link {
    background: var(--defult-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-decoration: none;
    transition: all 0.3s ease;
}

.author-name-link:hover {
    opacity: 0.8;
}

/* Author Bio Text */
.author-bio-text {
    margin: 16px 0 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    font-family: var(--font-poppins, 'Poppins');
}

.author-bio-text p {
    margin: 0;
    line-height: 1.6;
}

/* Author Bio Footer */
.author-bio-footer {
    margin-top: 16px;
}

.author-posts-link {
    display: inline-block;
    padding: 10px 20px;
    background: var(--defult-gradient);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    font-family: var(--font-poppins, 'Poppins');
}

.author-posts-link:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 20px rgba(12, 147, 241, 0.4);
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .author-bio-section {
        margin: 40px 0;
        padding: 30px 20px;
    }

    .author-bio-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .author-avatar-img {
        width: 120px;
        height: 120px;
    }

    .author-bio-name {
        font-size: 20px;
    }

    .author-bio-text {
        font-size: 15px;
    }

    .author-posts-link {
        padding: 8px 16px;
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .author-bio-section {
        margin: 30px 0;
        padding: 20px 15px;
    }

    .author-avatar-img {
        width: 100px;
        height: 100px;
    }

    .author-bio-name {
        font-size: 18px;
    }

    .author-bio-text {
        font-size: 14px;
    }

    .author-posts-link {
        padding: 8px 14px;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }
}

footer img.emoji{
	width:20px;
}