@media (max-width: 1919px){
  .Products_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px;
    max-width: 280px;
  }
  h1, .h1 {
    font-size: 70px;
  }
  .au_shape {
    bottom: -20px;
    max-width: 352px;
  }
  .banner-slide{
    min-height: 840px;
  }
  .hbc_Card ul li:first-child span{
    font-size: 70px;
  }
  .industries_blk .solutions_list{
    padding: 50px 0;
  }
  .AboutUs{
    padding: 70px 0;
  }
}
@media (max-width: 1599px){
  .container{
    max-width: 1310px;
    padding: 0 15px;
  }
  h1, .h1 {
    font-size: 50px;
  }
  h2{
    font-size: 40px
  }
  h3{
    font-size: 30px;
  }
  h4{
    font-size: 20px;
  }
  .banner-slide{
    min-height: 768px;
  }
  .Products_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
    max-width: 240px;
  }
  .Products_card a{
    height: 320px;
  }
  .Products_card:nth-child(2n) a {
    height: 260px;
  }
  .aboutUs {
    padding-top: 210px;
  }
  .ab_in {
    padding: 70px 0;
  }
  .solutions_blk {
    padding: 70px 0;
  }
  .solutions_card {
    padding: 30px 30px 50px 30px;
  }
  .solutions_card .btn_link{
    left: 30px;
    bottom: 30px;
  }
  .process_list {
    margin-top: 50px;
  }
  .footer_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    max-width: 300px;
  }
  footer nav ul{
    gap: 30px;
  }
  .process_list ul li p {
    font-size: 15px;
  }
  .aboutUs2 {
    padding: 50px 0;
  }
  .banner-slide2 {
    height: 450px;
  }
  nav ul li a{
    font-size: 15px;
  }
  nav ul{
    gap: 20px;
  }
  .hero-content {
    max-width: 900px;
  }
  .hero-content p {
    font-size: 18px;
  }
  .hb_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .hbc_Card{
    padding: 30px;
  }
  .solutions_card h4 {
    line-height: 32px;
    height: 64px;
  }
  .asl_img{
    height: 270px;
  }
  .industries_blk .sec_head{
    max-width: 840px;
  }
  .footer_top{
    padding: 50px 30px;
  }
  footer{
    border-radius: 30px 30px 0 0;
  }
  .footer_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    max-width: 260px;
  }
  .Foundation_points,
  .history_card{
    padding: 40px;
  }
  .banner2 .banner-slide {
    height: 450px;
  }
  .owr_img {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 48% !important;
            flex: 0 0 48% !important;
    max-width: 48% !important;
  }
  .cta_page,
  .ClientsWrapper{
    padding: 60px 0;
  }
  .cta_head{
    margin-bottom: 30px;
  }
  h5{
    font-size: 18px;
  }
  .coreFeatures_blk,
  .cde_wrapper {
    padding: 70px 0;
  }
  .coreFeatures_blk ul{
    max-width: 90%;
  }
  .pi_head {
    max-width: 770px;
  }
  .pi_head p {
    padding: 0;
  }
  .pio_list{
    margin: 30px -10px 0;
  }
  .ourProjects,
  .faqs_blk,
  .our_process{
    padding: 70px 0;
  }
  .hero-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 1349px){
  .container{
    max-width: 1170px;
  }
  header .logo img{
    max-width: 90px;
  }
  .btn{
    padding: 0 20px;
    line-height: 42px;
  }
  .header_rht .btn {
    min-width: auto;
  }
  h1, .h1 {
    font-size: 40px;
  }
  h2{
    font-size: 30px;
  }
  h3{
    font-size: 24px;
  }
  h4{
    font-size: 20px;
  }
  .hero-content p {
    font-size: 15px;
  }
  .Products_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
    max-width: 210px;
  }
  .Products_card a {
    height: 280px;
  }
  .aboutUs {
    padding-top: 190px;
  }
  .ab_img {
    width: 100%;
    height: 300px;
  }
  .ab_img:nth-child(2) {
    height: 400px;
  }
  .banner-slide {
    min-height: 690px;
  }
  .Products_wrapper{
    top: -140px;
  }
  .process_list ul li b{
    font-size: 60px;
  }
  .process_list ul li{
    min-height: auto;
  }
  .css_rht{
    max-width: 50%;
  }
  footer nav ul {
    gap: 20px;
  }
  .aboutUs2 {
    padding: 50px 0;
  }
  .au_shape {
    bottom: -20px;
    max-width: 260px;
  }
  .hcb_in{
    display: block;
  }
  .hcb_lft h5 {
    font-size: 80PX;
  }
  .hcb_rht ul{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 30px 0 0;
  }
  nav ul li a {
    font-size: 14px;
  }
  .solutions_card h4{
    line-height: 26px;
    height: 52px;
  }
  .asl_img{
    height: 240px;
  }
  .ourCients {
    padding: 50px 0;
  }
  .open .accordin_toggle{
    font-size: 20px;
  }
  .solutions_blk,
  .process,
  .industries_blk,
  .technology_blk,
  .css_support_blk{
    padding: 50px 0;
  }
  footer nav ul li a {
    font-size: 13px;
  }
  .sub_menu{
    padding: 10px 0;
  }
  .Foundation_points, .history_card{
    padding: 30px;
  }
  .history_card ul li span {
    font-size: 40px;
    line-height: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
  .pa_in h3 {
    margin-bottom: 30px;
  }
  .page_about {
    padding: 40px 0;
    text-align: center;
  }
  .ctaForm_blk{
    padding: 30px;
  }
  .cta_page,
  .ClientsWrapper{
    padding: 40px 0;
  }
  .ClientsWrapper ul{
    margin-top: 30px;
  }
  .ctap_in{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
  .cta_lft,
  .cta_rht {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .cta_head{
    margin-bottom: 0;
  }
  .career_Card{
    padding: 20px;
  }
  .careerslist{
    margin-top: 30px;
  }
  .career_Card3{
    padding-right: 30%;
  }
  .wmb_in{
    gap: 30px;
  }
  .wmb_lft, .wmb_rht {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
            flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
  .coreFeatures_blk, .cde_wrapper,
  .work_management_blk{
    padding: 50px 0;
  }
  .coreFeatures_blk ul{
    max-width: 100%;
  }
  .page_industries {
    padding: 50px 0 0;
  }
  .financial_structure {
    margin-top: 50px;
  }
  .pi_head h3{
    font-size: 26px;
  }
  .page_ai,
  .ourProjects,
  .faqs_blk,
  .our_process{
    padding: 50px 0;
  }
  .fas_in{
    gap: 30px;
  }
  .faq_rht,
  .faq_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
            flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}
@media (max-width: 1199px){
  .container{
    max-width: 970px;
  }
  .Products_card{
    max-width: none;
    margin: 15px;
  }
  .Products_card a{
    height: 280px !important;
  }
  .ab_in {
    padding: 50px 0;
  }
  .ab_rht{
    padding: 0;
  }
  .Products_wrapper{
    padding: 0;
  }
  .Products_name{
    visibility: visible;
    opacity: 1;
  }
  .banner-slide {
    min-height: 450px;
    padding-bottom: 70px;
  }
  .slick-dots {
    bottom: 40px;
  }
  .hero-content p{
    margin-bottom: 10px;
  }
  header nav{
    display: none;
  }
  .hero-content {
    max-width: 700px;
  }
  .ourCients {
    padding: 30px 0;
  }
  .footer_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px;
    padding: 50px 30px;
  }
  .footer_mid {
    padding: 15px 30px;
  }
  .copyRights {
    padding: 15px 30px;
  }
  .footer_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
    max-width: 220px;
  }
  footer nav ul a{
    font-size: 13px;
  }
  .oc_img img{
    max-width: 140px;
  }
  .accordin_toggle {
    font-size: 18px;
  }
  .menu_toggle{
    display: block;
  }
  header{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    -webkit-animation: none !important;
            animation: none !important;
    padding: 10px 0;
  }
  header .logo img{
    -webkit-filter: none;
            filter: none;
  }
  header .header_rht .btn {
    background: #7758cf;
    border-color: #7758cf;
    color: #fff;
  }
  header .header_rht .btn:after {
    content: url(../images/arrow_4.png);
  }
  header nav{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFF;
  }
  header nav ul{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 15px 15px;
  }
  header nav ul li a {
    color: #221d6d;
  }
  header .dropdown_menu {
    position: static;
    visibility: visible;
    opacity: 1;
    padding: 0 0 0 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: none;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  header .dropdown_btn:after{
    background: url(../images/chervron2.png) no-repeat center / contain;
  }
  header .dropdown_btn.active:after{
    background: url(../images/chervron2Up.png) no-repeat center / contain;
  }
  .dropdown_btn:hover:after{
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  header nav ul li a {
    line-height: 26px;
  }
  header nav{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .btn{
    font-size: 14px;
    padding: 0 10px;
  }
  .aboutUs2 .ab_in{
    display: block;
  }
  .aboutUs2 .ab_rht ,
  .aboutUs2 .ab_lft{
    max-width: 100%;
  }
  .aboutUs2 .ab_rht{
    margin: 30px 0 0;
  }
  .happy_customer_blk .sec_head{
    max-width: 100%;
  }
  .banner-slide2 {
    height: 350px;
  }
  .hb_blk{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hb_lft{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .hb_lft .solutions_card{
    padding: 30px;
  }
  .hb_lft .solutions_card .btn_link{
    position: static;
  }
  .hb_rht{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20PX;
  }
  .hb_rht > div{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .hbc_Card ul li p{
    font-size: 14px;
  }
  .services_blk {
    padding: 50px 0 0;
  }
  .services_blk .sec_head {
    max-width: 100%;
  }
  .solutions_list{
    gap: 18px;
  }
  .solutions_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3 - 12px);
            flex: 0 0 calc(100% / 3 - 12px);
    max-width: calc(100% / 3 - 12px);
  }
  .solutions_card_full {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3 * 2 - 6px);
            flex: 0 0 calc(100% / 3 * 2 - 6px);
    max-width: calc(100% / 3 * 2 - 6px);
  }
  .asl_img{
    height: 180px;
  }
  .asl_Card a{
    padding: 30px;
  }
  .footer_top{
    display: block;
  }
  .footer_top nav{
    margin-top: 30px;
  }
  .header_rht{
    display: block;
  }
  .dropdown_menu{
    left: 0;
    padding: 0;
  }
  nav ul li{
    display: block;
  }
  .dropdown_menu .container{
    max-width: 100%;
    padding: 0;
  }
  .sub_menu ul{
    padding: 0;
    display: block;
  }
  .sub_menu ul li{
    max-width: 100%;
  }
  .sub_menu ul li a{
    padding: 0;
  }
  .sub_menu ul li a img{
    display: none;
  }
  .sub_menu ul li a span{
    display: none;
  }
  .dropdown_btm{
    display: none;
  }
  .sub_menu ul li a:hover{
    background: transparent;
  }
  .banner2 .banner-slide {
    height: 400px;
  }
  .AboutUs h3{
    margin-bottom: 50px;
  }
  .abu_rht, .abu_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .history_card ul li span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    max-width: 80px;
  }
  .abu_lft > p:last-child{
    margin-bottom: 0;
  }
  .pa_in {
    max-width: 100%;
    margin: auto;
  }
  .offerings_wrapper{
    padding: 40px 0;
  }
  .ow_in{
    display: block;
  }
  .ow_lft{
    max-width: 100%;
    padding: 0;
  }
  .ow_rht{
    max-width: 100%;
    padding: 30px 0 0 0;
  }
  .wcu_in{
    display: block;
  }
  .wcu_lft,
  .wcu_rht{
    max-width: 100%;
    padding: 20px 0 0;
    margin: 0;
  }
  .wcu_lft{
    padding: 30px;
  }
  .wcu_card{
    padding: 30px;
  }
  .css_lft{
    padding: 0 40px 0 0;
  }
  .ow_2 .ow_rht{
    margin-top: 30px !important;
  }
  .portfolio_list{
    padding: 0 30px;
  }
  .slick-prev{
    left: 0;
  }
  .slick-next{
    right: 0;
  }
  .wcuw2 .wcu_rht{
    display: block;
  }
  .wcuw2 .wcu_rht .wcu_card + .wcu_card{
    margin-top: 20px !important;
  }
  h3{
    font-size: 20px;
  }
  .appportfolioCard {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .appportfolioList{
    margin-top: 20px;
  }
  .appportfolio{
    padding: 50px 0;
  }
  .testmonials_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin: 0 !important;
    min-height: auto;
  }
  .ctaForm_img{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .ctaForm_blk{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-radius: 15px 15px 0 0;
  }
  .ClientsWrapper ul{
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .career_Card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2 - 15px);
            flex: 0 0 calc(100% / 2 - 15px);
    max-width: calc(100% / 2 - 15px);
  }
  .career_Card2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .career_Card3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .freeDemo img{
    margin-top: 0;
  }
  .cde_oin{
    padding: 0;
  }
  .pio_grid {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pio_grid + .pio_grid{
    margin-top: 20px;
  }
  .opl_list2{
    display: block;
  }
  .opl_card2{
    margin-top: 30px;
  }
  .hero-content h1 {
    font-size: 30px;
  }
}
@media (max-width: 991px){
  .container{
    width: 750px;
    max-width: 750px;
  }
  h1, .h1 {
    font-size: 30px;
  }
  h2{
    font-size: 26px;
  }
  h4{
    font-size: 16px;
  }
  h5{
    font-size: 15px;
  }
  .solutions_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2 - 10px);
            flex: 0 0 calc(100% / 2 - 10px);
    max-width: calc(100% / 2 - 10px);
  }
  .solutions_card_full {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .process_list ul li b {
    font-size: 50px;
  }
  .process_list ul li{
    padding: 20px;
  }
  .process_list ul{
    padding: 30px 0;
  }
  .css_in{
    display: block;
  }
  .css_rht{
    max-width: 100%;
    margin: 30px 0 0;
  }
  .css_support_blk{
    padding: 50px 0;
  }
  .footer_top{
    display: block;
  }
  footer nav{
    margin: 30px 0 0;
  }
  footer{
    border-radius: 30px 30px 0 0;
  }
  .hbc_Card ul li:first-child span {
    font-size: 50px;
  }
  .portfolio_img{
    height: 200px;
  }
  .portfolio_wrapper{
    padding: 40px 0;
  }
  .wcu_wrapper{
    padding: 40px 0;
  }
  .wmb_in{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wmb_lft, .wmb_rht {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .coreFeatures_blk, .cde_wrapper, .work_management_blk {
    padding: 40px 0;
  }
  .fd_in{
    max-width: 100%;
    text-align: center;
    padding-top: 40px;
  }
  .fs_img img{
    display: none;
  }
  .fs_img img.fs_mbl{
    display: block;
  }
  .op_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2 - 15px);
            flex: 0 0 calc(100% / 2 - 15px);
    max-width: calc(100% / 2 - 15px);
  }
  .fas_in{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .faq_rht, .faq_lft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .faqs_list{
    margin-top: 0;
  }
  .opl_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2 - 15px);
            flex: 0 0 calc(100% / 2 - 15px);
    max-width: calc(100% / 2 - 15px);
  }
  .ourProjects_head{
    margin-bottom: 30px;
  }
  .faq_img{
    height: auto;
  }
  .opl_card2{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 30px;
  }
}
@media (max-width: 767px){
  .container{
    max-width: 100%;
  }
  .ab_in{
    display: block;
  }
  .ab_rht,
  .ab_lft{
    max-width: 100%;
  }
  .solutions_blk{
    padding: 50px 0;
  }
  .solutions_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .process_list ul{
    display: block;
    padding: 20px;
  }
  .process_list ul li{
    padding: 20px 0;
    border:  none !important;
  }
  .process_list ul li + li{
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
  }
  .process{
    padding: 50px 0;
  }
  .css_lft{
    padding: 0;
  }
  footer nav ul{
    display: block;
  }
  .hero-content p{
    padding: 0;
  }
  .ab_rht, .ab_lft{
    padding: 0;
  }
  .solutions_card{
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .solutions_card .btn_link{
    position: static;
  }
  .solutions_card p{
    margin-bottom: 15px;
  }
  .process_list ul li{
    text-align: center;
  }
  .css_support_blk{
    text-align: center;
  }
  footer{
    text-align: center;
  }
  .footer_lft{
    max-width: 100%;
  }
  .footer_mid{
    display: block;
  }
  .sm ul{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
  .sm ul li{
    margin: 0;
  }
  .accordins{
    text-align: left;
  }
  .accordin_toggle{
    font-size: 15px;
  }
  footer .dropdown_menu{
    position: static;
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    max-width: 100%;
    text-align: center;
  }
  footer .dropdown_menu a{
    display: inline-block;
  }
  footer nav ul li a:hover {
    color: #fff;
  }
  .hcb_rht ul{
    display: block;
  }
  .hcb_rht ul li{
    max-width: 100%;
    margin: 15px 0 0;
  }
  .hcb_list{
    min-height: auto;
    gap: 20px;
    justify-tracks: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .happy_customer_blk{
    padding: 30px 0;
  }
  .happy_customer_blk .sec_head{
    text-align: center;
  }
  .hcb_lft{
    text-align: center;
  }
  .hero-content{
    padding-top: 30px;
  }
  .hb_rht{
    display: block;
    margin-top: 20px;
  }
  .hb_rht > div{
    max-width: 100%;
  }
  .hb_rht .solutions_card{
    margin-top: 20px;
  }
  .asl_list{
    display: block;
  }
  .asl_Card{
    max-width: 100%;
  }
  .asl_Card + .asl_Card{
    margin-top: 20px;
  }
  .asl_Card a{
    display: block;
    text-align: center;
  }
  .asl_img {
    height: auto;
  }
  .sc_title{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }
  .industries_blk .solutions_list{
    padding: 30px 0 0;
  }
  .technology_blk .sec_foot{
    margin-top: 30px;
  }
  nav ul li{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .slick-dots li{
    width: 50px;
  }
  .slick-dots li button {
    width: 28px;
    height: 28px;
  }
  .slick-dots li button:before{
    width: 15px;
    height: 15px;
  }
  .solutions_card h4{
    height: auto;
  }
  .solutions_blk, .process, .industries_blk, .technology_blk, .css_support_blk {
      padding: 30px 0;
  }
  .open .accordin_toggle {
    font-size: 16px;
  }
  .footer_top{
    padding: 30px;
  }
  .AboutUs {
    padding: 40px 0;
  }
  .AboutUs h3 {
    margin-bottom: 30px;
  }
  .AboutUs{
    text-align: center;
  }
  .abu_in h5{
    font-size: 20px
  }
  .history_card ul{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history_card ul li{
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history_card ul li span{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .history_card ul li:nth-child(n+2){
    border-top: 1px solid #fff;
  }
  .industries_blk2 .sec_head{
    text-align: center;
  }
  .industries_blk2 .solutions_card .sc_title{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offerings_wrapper{
    text-align: center;
  }
  .ow_lft ul li + li {
    padding-top: 10px;
    margin-top: 10px;
  }
  

  .wcu_lft{
    padding: 30px 20px;
    text-align: center;
  }
  .wcu_card{
    padding: 30px 20px;
  }
  .wcu_rht {
    padding: 0 !important;
    margin-top: 20px;
  }
  .wcu_rht ul {
    list-style: none;
    padding: 0;
  }
  .wcu_lft ul li{
    margin-bottom: 20px;
  }
  .wcu_lft, .wcu_rht{
    padding: 30px 20px;
    text-align: center;
  }
  .wcu_card ul{
    list-style-position: inside;
  }
  .wcu_wrapper{
    padding: 30px 0;
  }
  .portfolio_wrapper{
    padding: 30px 0 0;
  }
  .ourApproach ul li{
    display: block;
    text-align: center;
  }
  .oa_icon{
    margin: 0 auto 20px;
  }
  .ourApproach h4{
    padding: 0;
  }
  .ourApproach ul li b{
    font-size: 15px;
  }
  .portfolio_card{
    padding: 0;
  }
  .slick-arrow{
    display: none !important;
  }
  .os_cnt{
    text-align: center;
    left: 0;
    right: 0;
  }
  .portfolio_wrapper{}
  .portfolio_wrapper .slick-dots {
    bottom: 20px;
    left: 0;
    right: 0;
  }
  .portfolio_list {
    padding: 30px 15px 50px ;
  }
  .portfolio_wrapper h4{
    margin: 0;
  }
  .os_cnt strong{
    font-size: 15px;
  }
  .banner2 .banner-slide{
    height: 300px;
  }
  .appportfolio{
    text-align: center;
  }
  .appportfolioCard{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .testmonials_head img{
    margin: 0;
  }
  .testmonials_card{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .testmonials_foot{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .wcuw2 .wcu_rht .wcu_card:nth-child(2) {
    background: #f5f5f5;
  }
  .wcu_card > P b br{
    display: none;
  }
  .ClientsWrapper ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .ctaForm_blk{
    padding: 30px 20px;
  }
  .ctaForm{
    margin-top: 30px;
  }
  .w_50{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  #submit_btn{
    max-width: 100%;
    width: 100%;
  }
  .cta_add {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 20px;
  }
  .cta_rht .ctaForm_blk h3 {
    line-height: 20px;
  }
  .cta_rht .ctaForm_blk h3 small{
    font-size: 14px;
  }
  .cta_lft{
    text-align: center;
  }
  .cta_rht .ctaForm_blk h3{
    text-align: center;
  }
  .career_Card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .job_dis p{
    -webkit-line-clamp:none;
  }
  .cc_btm {
    padding-top: 20px;
    margin-top: 0;
  }
  .career_Card2{
    display: none;
  }
  .tst_wrapper .career_Card2{
    display: none;
  }
  .cde_oin ul{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .cfb_in h5 br{
    display: none;
  }
  .page_head h2, .wmb_in h2{
    font-weight: 600;
  }
  .pio_head{
    text-align: center;
  }
  .pio_head h4 {
    font-size: 18px;
    font-weight: 600;
  }
  .pi_head h3 {
    font-size: 22px;
  }
  .page_industries {
    padding: 30px 0;
  }
  .pio_Card{
    padding: 20px;
    border-radius: 10px;
  }
  .financial_structure .pi_head{
    margin-bottom: 10px;
  }
  .pi_overview{
    padding: 15px;
  }
  .pio_body dt{
    font-size: 15px;
  }
  dd{
    line-height: 22px;
  }
  body{
    font-size: 15px;
    line-height: 24px;
  }
  .page_ai, .ourProjects, .faqs_blk, .our_process {
    padding: 30px 0;
  }
  .op_card{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .faq_img_cnt{
    padding: 20PX;
  }
  .opl_card{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-radius: 15px;
  }
  .opl_card H6{
    margin-bottom: 10px;
  }
  .opl_card{
    padding: 20px;
  }
  .op_head,
  .ourProjects_head{
    max-width: 100%;
    text-align: center;
  }
  .opl_list2 .ourProjects_list .opl_card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-radius: 15px;
  }
  .opl_card2 p{
    font-size: 14px;
    line-height: 22px;
  }
  .ar_process .solutions_list .solutions_card{
    padding: 30px 20px;
  }
  .ar_process .solutions_list .solutions_card_full{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  .faqs_blk2 .faq_rht{
    text-align: center;
  }
  .hero-content h1 {
    font-size: 24px;
  }
}

@media (max-width: 599px){
  h1, .h1 {
    font-size: 24PX;
  }
  .Products_card{
    margin: 10px;
  }
  h2 {
    font-size: 20px;
  }
  .ab_in{
    text-align: center;
  }

  .ab_in{
    padding: 30px 0;
  }
  .ab_rht{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
  .ab_img{
    height: auto;
  }
  .solutions_list{
    margin: 30px 0 0;
  }
  .accordin_cnt{
    padding: 0 20px 20px;
  }
  .accordin_toggle{
    padding: 20px 50px 20px 20px;
  }
  .css_support_blk{
    padding: 30px 0;
  }
  .oc_img{
    height: 80px;
  }
  .challenges{
    display: block;
  }
  .challenge_img{
    margin: 0 auto 20px;
  }
  .challenges_txt ul li:before {
    display: inline-block;
    position: static;
    margin: 0 10px 0 0;
  }
  .challenges{
    margin: 20px 0 0;
  }
  .hcb_lft h5 {
    font-size: 50px;
  }
  .banner-slide2{
    padding-bottom: 30px;
  }
  .solutions_blk{
    padding: 30px 0;
  }
  .hbc_Card ul li{
    display: block !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100%;
    text-align: center;
  }
  .hbc_Card ul li:first-child p{
    font-size: 20px;
  }
  .solutions_card p br{
    display: none;
  }
  .ow_rht{
    display: block;
  }
  .owr_img{
    max-width: 100% !important;
  }
  .owr_img + .owr_img{
    margin-top: 20px;
  }
  .wcu_wrapper {
    padding: 30px 0;
  }
  .ClientsWrapper ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .ClientsWrapper ul li{
    height: auto;
    min-height: 120px;
  }
  .cc_btm{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .tst_avatar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    max-width: 50px;
    height: 50px;
  }
  .career_Card3{
    padding: 30px;
    background-position: top right 14%;
  }
  .cta-button{
    padding:0.1 0.3rem;
    color:rgba(255, 255, 255, 1);
      background-color:#2a246a;
  }
  .cta-button:hover,.cta-button:focus{
      color:rgba(255, 255, 255, 1);
      background-color:#2a246a;
  }
}
@media (max-width: 1199px) {
  .cta-button {
    pointer-events: auto !important;
  }

  .cta-button::before,
  .cta-button::after {
    pointer-events: none;
  }
}

/*LeaderShip*/
/* ===== TABLET ===== */
 @media (min-width: 768px) {
  .leadership {
    padding: 80px 24px;
  }

  .leadership_list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
  }

  .leader_img img {
    width: 140px;
    height: 140px;
  }
} 

/* ===== DESKTOP ===== */
 @media (min-width: 1200px) {
  .leadership_list {
    max-width: 1000px;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 72px;
  }

  .leadership_Card {
    max-width: 100%;
    margin: 0;
  }
} 


/* 🔥 Responsive: Stack vertically */
@media (max-width: 576px) {
    .form_submit {
        flex-direction: column;
        align-items: flex-start;
    }

    .form_success {
        margin-top: 8px;
    }
}

@media (max-width: 1200px) {
    .submit_row .form_success {
    flex: 1;
    margin: 0;              /* remove top margin */
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;

    display: flex;          /* keep flex */
    align-items: center;    /* vertical align text */
    height: 48px;           /* match button height */
}}

@media (max-width: 768px) {

  .submit_row {
    flex-direction: column;     /* stack vertically */
    align-items: stretch;       /* full width */
    gap: 10px;
  }

  .submit_row .form_success {
    width: 100%;
    height: auto;               /* remove fixed height */
    min-height: 48px;           /* optional */
    justify-content: center;    /* center text horizontally */
    align-items: center;        /* center text vertically */
    text-align: center;
  }

}