/* ======== Software Development Css Start ============ */
  .banner_h1 {
        font-size: 51px;
    }
    
    body
    {
        overflow-x:hidden;
    }
.card_heading {
  border-bottom: 3px solid #b6482b;
  padding-bottom: 15px !important;
}
.page_banner_approach {
    background: url(../images/approach_img.jpg);
    height: 550px;
    padding: 0;
    background-size: cover;
    background-position: center;
}

.banner_meta {
    background: url(../images/meta_banner.jpg);
    height: 350px;
    padding: 0;
    background-size: cover;
    background-position: center;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.card_btn {
  color: rgb(31, 31, 79) !important;
  text-decoration: underline;
}

.card_btn:hover {
  text-decoration: underline !important;
  padding-right: 4px;
}

.main_card {
  border-radius: 15px !important;
}

.main_card:hover {
  border-color: #eaab1f;
  transition: 1s;
  cursor: pointer;
}

.page_banner_manual_testing {
  width: 100%;

  background: linear-gradient(rgba(44, 43, 43, 0.5), rgba(41, 40, 40, 0.9)),
    no-repeat top left / cover url("../images/support.avif");
}

.page_banner_automation_testing {
    width: 100%;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(44, 43, 43, 0.5), rgba(41, 40, 40, 0.9)), no-repeat top left / cover url(../images/support.avif);
    height: auto;
    padding: 2rem 0;
}

.page_banner_continuous_testing {
  width: 100%;

  background: linear-gradient(rgba(44, 43, 43, 0.5), rgba(41, 40, 40, 0.9)),
    no-repeat top left / cover url("../images/support.avif");
}

.page_banner_automation {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_digital_marketing {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_influential_marketing {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_online_reputation {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_digital_consultation {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_improved_roi {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_digital_transformation {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_business_technology {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_cloud_strategy {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_app_support {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_infrastructure_suport {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_customer_suport {
  width: 100%;

  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_ai {
  width: 100%;
  height: 600px;
  background: no-repeat top left / cover url("../images/service_banner/2.webp");
}

.page_banner_application {
  width: 100%;
  height: 600px;
  background: no-repeat top left / cover url("../images/service_banner/3.webp");
}

.page_banner_industries {
  width: 100%;
  padding-bottom: 5%;
  background: linear-gradient(rgba(44, 43, 43, 0.5), rgba(41, 40, 40, 0.9)),
    no-repeat top left / cover url("../images/support.avif");
    display:flex;
    align-items:center;
    paddimg:0 0.8rem;
}

.page_banner_crm {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/service_banner/4.webp");
}

.page_banner_eCommerce {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/service_banner/5.webp");
}

.page_banner_it {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/service_banner/6.webp");
}
.seo_banner{
    background-image:url(../images/services/seo_banner.jpg) !important;
      height: 70vh !important;
}
.page_banner_software {
  width: 100%;
  padding-bottom: 5%;
  height: 90vh;
  display: flex;
  align-items: center;
  background: no-repeat top left / cover url("../images/service_banner/6.webp");
}

.page_banner_ott {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/service_banner/5.webp");
}

.page_banner_website {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/service_banner/4.webp");
}

.page_banner_technology {
  width: 100%;
  padding-bottom: 5%;
  background: no-repeat top left / cover url("../images/technology.jpg");
}

.page_banner_testimonials {
  width: 100%;
  padding-bottom: 5%;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)),
    no-repeat top left / cover fixed url("../images/software_banner.avif");
}

.hire_banner_section1 {
  width: 100%;
  /* padding-bottom: 5%; */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)),
    no-repeat top left / cover fixed url(../images/hire_banner.avif);
  height: 65vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_btn {
  color: white;
  font-size: 25px;
  border: 1px solid white;
  padding: 10px 10px 10px 0;
  border-radius: 30px;
  margin-left: 50px;
  transition: 1s;
}

.contact_btn i {
  border: 1px solid gray;
  padding: 14px;
  color: black;
  border-radius: 50px;
  background-color: #fff;
  transition: 1s;
}

.contact_btn:hover {
  background-color: #eaab1f;
  color: black;
}


.scroll_img1 {
  height: 80px;
}

.inner_scroll_img {
  width: 10rem;
}

.inner_scroll_img img {
  height: 90px;
}

.marquee_section {
  border-bottom: 1px solid black;
  padding: 10px;
}

.scroll_img {
  padding: 20px;
}

/* ======== Software Development Css End ============ */

/* ======== Application Development Css Start ============ */

/* ======== Application Development Css End ============ */

.inner_banner {
  width: 100%;
  height: 450px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)),
    no-repeat top left / cover fixed rgb(51, 51, 164);
}

.inner_text {
  margin-top: 5%;
  margin-left: 4%;
}

.contact_btn1 {
  color: white;
  font-size: 25px;
  border: 1px solid white;
  padding: 10px 10px 10px 0;
  border-radius: 30px;
  transition: 1s;
}

.contact_btn1 i {
  border: 1px solid gray;
  padding: 14px;
  color: black;
  border-radius: 50px;
  background-color: #fff;
  transition: 1s;
}


.contact_btn1:hover {
  background-color: #eaab1f;
  color: black;
}


.inner_text_ai {
  margin-top: 5%;
  margin-left: 4%;
}

.contact_btn2 {
  color: white;
  font-size: 25px;
  border: 1px solid white;
  padding: 10px 10px 10px 0;
  border-radius: 30px;
  transition: 1s;
}

.contact_btn2 i {
  border: 1px solid gray;
  padding: 14px;
  color: black;
  border-radius: 50px;
  background-color: #fff;
  transition: 1s;
}

.contact_btn2:hover {
  background-color: #eaab1f;
  color: black;
}
  i {
    /*background-color: #eaab1f;*/
    border: none;
  }

  .prev_btn {
    margin-right: 0 !important;
  }

  .next_btn {
    margin-left: 0 !important;
  }

  .client_row {
    display: table-cell;
    font-size: 10px;
  }

  .inner_banner_header {
    padding: 0;
  }

 

  .client_col {
    flex: content;
    width: 30% !important;
  }

ul li {
  list-style: none;
  padding-bottom: 5px;
}

.ul_li {
  padding: 0px !important;
}

.ul_li1 {
  padding: 0px !important;
  padding-right: 10px !important;
}

.ul_li1 li img {
  padding-right: 10px;
}

.card_details {
  border-top: 5px solid #eaab1f !important;
  border-radius: 0 !important;
  /* border-bottom: 1px solid black !important; */
}

.card_details1 {
  border-top: 5px solid #eaab1f !important;
  border-radius: 0 !important;
  border-bottom: 1px solid black !important;
}

.arrow_btn {
  border: 2px solid black;
  padding: 10px 20px;
  margin-bottom: -4%;
}

.arrow_btn:hover {
  background-color: #fae6bb;
}

.horizontal_line {
  margin-top: 16%;
  background-color: black;
}

.ul_li2 li {
  border: 1px solid #d1d1e1;
  border-radius: 5px;
  padding: 4px 9px;
  display: inline-block;
  margin: 18px 18px 0 0;
  line-height: 22px;
  text-align: center;
  color: #666;
  font-weight: 400;
  background-color: rgba(217, 217, 217, 0.32);
  position: relative;
}

.ul_li2 {
  padding-left: 0px !important;
}

.support_heading {
  padding-top: 15%;
}

.slider_img {
  height: 550px !important;
  object-fit: cover;
}

.slider_btn {
  width: 2% !important;
}

.inner_text_slider {
  left: 7% !important;
  top: 30% !important;
  text-align: left !important;
}

.button-6 {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui, -apple-system, system-ui, "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-6:hover,
.button-6:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.button-6:hover {
  transform: translateY(-1px);
}

.button-6:active {
  background-color: #f0f0f1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}


.mt-20 {
  margin-top: 50px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3d405c;
  margin: 0px 0px 15px 0px;
  /* font-family: 'Circular Std Medium'; */
}

p {
  margin: 0px 0px 20px 0px;
}

p:last-child {
  margin: 0px;
}

a {
  color: #71748d;
}

a:hover {
  color: #ff407b;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

.img-thumnail {
  height: 300px;
}

.discover_section {
  background-color: hsl(234, 50%, 24%);
  height: 350px;
}

.discover_cards {
  margin-top: -10%;
  background-color: white;
}

.col_border:hover {
  box-shadow: #666;
  cursor: pointer;
}

.box-1 {
  padding: 25px;
  width: 16.6666%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  cursor: pointer;
  text-align: center;
  transition: 0.5s;
}

.box-1 a:hover {
  color: black !important;
}

.main_cards {
  margin-top: -10%;
  background-color: #fff;
}

.box-1:hover {
  box-shadow: 5px 5px 5px 5px #e9e7e7;
  color: #5969ff !important;
}
  .box-1 a {
    color: #5969ff !important;
  }

.page_our_clients .client_pages {
  font-family: sans-serif;
}

.tab_btn {
  border-bottom: 1px dotted black;
  font-size: 18px;
  color: #848fed;
  transition: all 0.2s cubic-bezier(0.93, 0.5, 0.25, 0.71);
}

.tab_btn:hover {
  border: 1px solid #5969ff;
  box-shadow: 5px 5px 5px 5px #e9e7e7;
  border-bottom: 2px solid #5969ff;
}


.prev_btn {
  color: black;
  margin-right: 15rem;
  font-size: 25px;
}

.next_btn {
  color: black;
  margin-left: 15rem;
  font-size: 25px;
}
.seo_text{
     font-size:14px; 
}
.seo_card_img{
    height:210px !important;
        border-radius: 16px 16px 0 0;
    object-fit:cover;
}
.card_seo{
        border-radius: 16px;
}
.client_row {
  margin: 50px 0;
}


.btn2 {
  background-color: #5969ff;
  padding: 15px;
  color: black;
  font-weight: 700;
  border-radius: 25px;
}

.btn2:hover {
  color: black !important;
  padding: 18px;
}

.client_box {
  /* border:1px solid gray; */
  box-shadow: 5px 5px 5px 2px #e9e7e7;
  border-radius: 10px;
}

.client_box1 {
  border-radius: 10px;
  transition: 0.7s;
      width: 130px;
}



.client_box1:hover {
  box-shadow: 10px 10px 10px 2px #e9e7e7;
  cursor: pointer;
}

.slick-slider .element {
  height: 200px;
  width: 100px;
  color: black;
  display: inline-block;
  margin: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slick-slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.slick-slider img {
  object-fit: initial !important;
  background-color: white;
  padding: 0 !important;
  /* height: 220px; */
  box-shadow: 2px 2px 2px 2px #eee;
  transition: 0.5s;
  width: auto;
}

.slick-slider img:hover {
  box-shadow: 10px 10px 10px 2px #d0cdcd;
}


@media only screen and (max-width: 767px) {
  .slider_btn {
    width: 10% !important;
  }
  .seo_banner {
    height: 40vh !important;
}
.hire_banner_section1 {
  height: 40vh;
}
.hire_hedaing{
    font-size:20px;
}
.hire_desc{
       font-size:12px;
}

  .slider_img {
    height: 400px !important;
  }

  .inner_text_slider {
    left: 10% !important;
  }

  .client_carousel {
    width: 100% !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    width: 0 !important;
  }
}

@media only screen and (max-width: 991px) {
  .page_heading {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
 .nav_tabs {
    display: block !important;
  }
  .services_menuss{
          margin-left: 10px !important;
  }
  .page_banner_manual_testing {
      padding:0 1rem;
  }
    .page_banner_software {
    height: 65vh;
  }

  .page_banner_section {
    background-size: 0;
    background-color: #05164d;
    padding: 100px 0 100px;
  }

  .page_title {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .inner_row {
    display: none;
  }

  .contact_btn {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .contact_btn,
  .contact_btn i {
    font-size: 16px;
  }

  .contact_btn1 {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .inner_text_slider {
    top: 10% !important;
  }
}







   .features-container {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #e0e0e0;
      padding: 20px;
      border-radius: 10px;
    }

    .feature-box {
      text-align: center;
      padding: 20px;
      background: white;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      border-radius: 8px;
      width: 120px;
      height: 180px;
      position: relative;
    }

    .ribbon {
      width: 40px;
      height: 60px;
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    }

    .red { background: #d10000; }
    .green { background: #70c000; }
    .blue { background: #0072c6; }

    .feature-label {
      margin-top: 60px;
      font-weight: bold;
      color: #333;
    }

    .text-box {
      background: #0099ff;
      color: white;
      padding: 20px;
      border-radius: 10px;
      flex: 1;
    }

    .text-box ul {
      list-style: none;
      padding-left: 0;
    }

    .text-box li::before {
      content: "➤";
      margin-right: 10px;
      color: white;
    }
    
    
    
    
    .google-ads-section {
      text-align: center;
      padding: 80px 20px 60px;
      background: #fff url('https://www.gstatic.com/images/icons/material/system/2x/ads_click_gm_blue_48dp.png') no-repeat center 40px;
      background-size: 80px;
      box-shadow: 0 0 15px rgba(0,0,0,0.1);
      border-radius: 10px;
      max-width: 900px;
      margin: 60px auto;
    }

    .google-ads-section img {
      max-width: 100%;
      height: auto;
      margin-bottom: 30px;
    }
    
    
    
    
    
     table {
         border:1px solid #020842;
      width: 100%;
      border-collapse: collapse;
    }

    thead {
      background-color: #0044eb;
      color: white;
    }

    th, td {
      padding: 16px;
      text-align: center;
      font-size: 1rem;
    }

    tbody tr:nth-child(even) {
      background-color: #f5faff;
    }

    tbody tr:hover {
      background-color: #e6f2ff;
    }

    @media (max-width: 768px) {
      th, td {
        font-size: 0.9rem;
        padding: 12px;
      }

      .table-header h2 {
        font-size: 1.4rem;
      }
    }
    
    
    
    
    
    
     .social-media-section {
            background: #f4f8fb;
            margin: auto;
            padding: 40px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            text-align: center;
        }

        .social-media-section h2 {
            font-size: 2.2rem;
            color: #1a1a1a;
            margin-bottom: 10px;
        }

        .social-media-section .highlight {
            color: #007BFF;
        }

        .social-media-section p {
            color: #555;
            font-size: 1.1rem;
            margin-bottom: 40px;
        }

        .social-icons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
        }

        .platform {
            flex: 0 1 150px;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 10px;
            transition: all 0.3s ease;
            background: #f9f9f9;
        }

        .platform:hover {
            background-color: #e6f0ff;
            transform: translateY(-5px);
        }

        .platform img {
            width: 40px;
            height: 40px;
            margin-bottom: 10px;
        }

        .platform span {
            display: block;
            font-size: 1rem;
            color: #333;
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .social-media-section {
                padding: 20px;
            }
.feature-box {
    padding: 12px;
    width: 95px;
    height: 150px;
}
   .features-container{
    flex-wrap: wrap;
}
      
.feature-label {
    font-size: 12px;
}
.banner_h1 {
    font-size: 39px;
}

            .social-media-section h2 {
                font-size: 1.6rem;
            }

            .platform {
                flex: 1 1 120px;
            }
        }
        
        
        
        
        
        
         .logo-section {
      padding: 60px 20px;
      background-color: #fff;
      text-align: center;
    }

    .logo-section h2 {
      font-size: 2.2rem;
      color: #0d6efd;
      margin-bottom: 40px;
    }

    .logo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      max-width: 1140px;
      margin: 0 auto;
    }

    .logo-item {
      background: white;
    
      border: 1px solid #e0e0e0;
      border-radius: 0px;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .logo-item img {
      max-width: 100%;
      max-height: 110px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
      transition: all 0.3s ease;
    }

    .logo-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }

    @media (max-width: 576px) {
      .logo-section h2 {
        font-size: 1.6rem;
      }
    }
    
    
    
    .imgss {
    height: 400px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}