h1, h2, h3, h4, h5, p,a,li, .card_queries_content, span, div {
    font-family: 'Plus Jakarta Sans' !important;
}
body {
    overflow-x: hidden;
}
.e-container {
    max-width: 1480px!important;
    width: 100%;
    margin: auto;
    padding: 0 2%;
}
h1 {
    font-size: 50px;
    font-weight: 800;
}
.PricingModal .modal-body.consultation_contact_form div.wpcf7 form.wpcf7-form span.wpcf7-spinner {
    left: 10px;
}
.consultation_contact_form .form-group:not(.btn-group) {
    min-height: 55px;
}
.consultation_contact_form .form-control {
    height: 60px;
}




.pb0{
padding-bottom: 0;
}
.pt0{
padding-top: 0!important;
}
h2 span,
h1 span{
    color: #ce3800;
}
.btn.focus, .btn:focus, a:focus, button:focus {
    outline: 0;
    box-shadow: 0 0 6px 0 #ce3800!important;
}
.cta_btn a.btn:hover {
    background: black;
}
a.btn {
    color: #fff;
    background: #ce3800;
    padding: 13px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    box-shadow: 0 0 6px 0 #ce3800;
    border: 1px solid #ce3800;
    

}
a.btn {
    border: none;
}
 .btn:hover {
    text-decoration: none;
    border: none;
}
.btn:focus {
    text-decoration: none;
    border: none;
}
.cta_btn {
    padding-top: 15px;
    
}
a.btn:hover {
    background: #000;
}
.cta_btn a{
    text-transform: uppercase;
}
.bg-light-blue {
    background: #E1EDFF75;
}

.padding_70{ 
    padding:90px 0px;
}
.headding_pg h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3;
   /* margin: 0px auto 25px auto;*/
       margin-bottom: 18px;

}
.headding_pg {
    text-align: center;
    max-width: 90%;
    margin: 0px auto 60px auto;
}
p.max-_90 {
    max-width: 90%;
    margin: 0px auto;
}
.headding_pg p {
    font-size: 20px;
    color: #232323;
    margin: 0;
    width: 90%;
    margin: auto;
}

/* Hero Section */
.fs_title {
/*    text-align: center;*/
    max-width: 60%;
}

.fs_title h1 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 22px;
}

.fs_title p {
    font-size: 20px;
    margin: auto;
    margin-bottom: 40px;
}

.fs_banner_img {
    text-align: center;
    width:40%
}

.banner-flex{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media screen and (min-width: 904px) and (max-width: 1300px) {
  .banner-flex {
    justify-content: space-between;
    gap: 20px;
   }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
 .fs_banner_img{
    display: flex;
    justify-content: center;
    align-items: center;
 }
}


   @media (max-width: 768px) {
      .banner-flex {
        flex-direction: column;
      }
.fs_banner_img {
    text-align: center;
    width:100%
}
      .fs_title  {
        max-width: 100%;
        text-align: center;
      }
    }
    .arrow-right{
        width: 30px;
        height: 30px;
    }
#our-services {
    background: linear-gradient(259.49deg, #0044a8 3.14%, #0044a8 99.26%);
}

.fs_vision_main {
    display: flex;
    justify-content: space-between;
}

.fs_vision_content {
    width: 65%;
}

.fs_vision_img {
    width: 25%;
}

.fs_vision_content h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 40px;
}

.fs_vision_content p {
    font-size: 18px;
    margin-bottom: 25px;
}
.fs_vision_img img {
    width: 100%;
}
/* 
@media (min-width: 1226px){ 
.fs_vision_img img {
    width: 70%;
}
} */
.fs_vision_content p:last-child {
    margin: 0;
}

/* Processess And Growth */
section#fs_growth {
    background: rgba(225, 237, 255, 0.36);
}

.fs_growth_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:8px;
}

.fs_growth_item {
    width: 32.5%;
    background: white;
    border-radius: 6px;
    padding: 40px 0px 30px 14px;
    margin: 12px 0px;
    box-shadow: 0px 2px 18.7px 1px rgba(139, 181, 247, 0.25);

}

.fs_growth_item p{
padding-right: 14px;
}
.fs_growth_item:hover {
    background: linear-gradient(180deg, rgba(2,0,36,0) 42%, rgba(0,68,168,0.2) 100%);
}
.fsg_head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.div-flex {
    display: flex;
    align-items: flex-end;
    gap: 10px;
     margin-bottom: 10px;
}
.fsg_head h4 {
    font-weight: 800;
    color: #0044A8;
    font-size: 20px;
}

.fs_growth_item p:last-child {
    margin: 0;
}

.fs_growth_item p {
    font-size: 16px;
}

/* Expertise Section */
.fs_expertise_main {
    display: flex;
    justify-content: space-between;
}

.fs_exp_img {
    width: 31%;
}

.fs_exp_content {
    width: 66%;
}

.fs_exp_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fs_exp_item {
    width: 49%;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 68, 168, 0.16);
    margin-top: 14px;
    padding: 22px 15px;
    border-radius: 4px;
}

.fs_exp_item p {
    margin: 0;
    font-size: 18px;
}

.fs_exp_item h4 {
    font-weight: 800;
    color: #0044A8;
    margin-bottom: 18px;
}

.fs_exp_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.fs_exp_item:hover {
    background: rgba(225, 237, 255, 0.3);
}

/* FullStack Dev Process */
.dev_inner {
    display: flex;
}

.dev_number span {
    background: #0044A8;
    color: white;
    padding: 9px;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans' !important;
    display: inline-block;
}

.dev_process_item {
    padding: 20px;
    position: relative;
    width: 33.3%;
}

.dev_icon {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 38px 0px;
}

.dev_icon h4 {
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    color: #0044A8;
}

.dev_process_item p:last-child {
    margin: 0;
    font-size: 17px;
}

.dev_top.dev_inner {
    padding-bottom: 40px;
    position: relative;

}
/* Dev Process Section Borders*/
.dev_number::before {
    width: calc(100% - 45px);
    content: "";
    height: 1px;
    position: absolute;
    transform: translateY(50%);
    top: 50%;
    border-bottom: 1px dashed grey;
    z-index: -1;
    right: 0;
}

.dev_number {
    position: relative;
}

.dev_number::after {
    position: absolute;
    content: "";
    background-image: url('/wp-content/themes/technocrats/images/2024/fullstack/dev/arrow.webp');
    height: 100%;
    width: 39px;
    right: -16px;
    top: 2px;
}

.dev_bottom .dev_number::after {
    left: 30px;
    rotate: 180deg;
    top: 0;
}

.dev_top.dev_inner::before {
    height: 100%;
    width: 1px;
    border-right: 1px dashed grey;
    position: absolute;
    content: "";
    right: 18px;
    top: 42px;
}

.dev_process_item.dev_item_special p {
    padding-right: 30px;
}
.dev_top::after {
    position: absolute;
    content: "";
    background-image: url('/wp-content/themes/technocrats/images/2024/fullstack/dev/arrow.webp');
    height: 40px;
    width: 40px;
    right: -2px;
    rotate: 90deg;
    top: 60%;
}
.dev_process_item.dev_item_special .dev_number::after {
    display: none;
}

/* Fullstack Services Features */
.services_fitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
    justify-content: space-between;
}
.services_fmain {
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
}
.services_fimg {
    background: #0044A8;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.services_fitem h4 {
    font-size: 22px;
    text-align: center;
    margin: 0;
    font-weight: 700;
    color: #232323;
    min-height: 52px;
}
.services_fitem:hover .services_fimg {
    background:#ce3800;
}


/* Business Section */
.business_sec_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.buss_item {
    width: 49.4%;
    border: 1px solid rgba(0, 0, 0, 0.28);
    padding: 36px 30px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.buss_item h4 {
    font-weight: 800;
    color: #0044A8;
    margin-bottom: 26px;
}
.buss_item p {
    margin: 0;
    font-size: 18px;
}
.buss_item:hover {
    border: 1px solid transparent;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background:rgba(225, 237, 255, 0.3);
}
/* Use Cases section */
.use_cases_main {
    display: flex;
    justify-content: space-between;
}

.use_case_img {
    width: 45%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.use_case_content {
    width: 50%;
}

.use_case_txt h4 {
    color: #0044A8;
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 16px;
}

.use_case_txt h4 span {
    padding-right: 10px;
}

.use_case_txt p {
    font-size: 18px;
    margin: 0;
}

.use_case_txt {
    margin-bottom: 26px;
}

.use_case_txt:last-child {
    margin: 0;
}
.use_case_full {
    padding: 50px 0px;
    position: relative;
}

.use_case_full::before {
    content: "";
    background: rgba(225, 237, 255, 0.76);
    width: 35%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

/* Most Reliable Section */
.most_reliable_main {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.most_reliable_content {
    width: 50%;
}

.most_reliable_img {
    width: 45%;
}


.most_reliable_icon {
    background-color: rgba(226, 238, 255, 1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
}



.elearning_item {
    padding: 13px 20px;
    cursor: pointer;
    background: #fff;
    margin: 10px 0;
    border-bottom: 1px solid rgba(35, 35, 35, 0.48);
}

.cha_item {
    padding: 13px 20px;
    border-bottom: 1px solid rgba(35, 35, 35, 0.48);
    cursor: pointer;
    background: white;
    margin: 10px 0;
}
.elearning_item p {
    margin: 0;
    padding-top: 16px;
    font-size: 16px;
}
.elearning_item .mr_head {
    gap: 0;
}
.cha_item p {
    margin: 0;
    padding-top: 16px;
    font-size: 17px;
}
.mr_item {
    padding: 13px 20px;
    cursor: pointer;
    background: white;
    border-radius: 7px;
    margin: 20px 0;
    box-shadow: 0px 1px 10.4px 0px rgba(0, 80, 197, 0.15);

}

.mr_item p {
    margin: 0;
    padding-top: 16px;
    font-size: 16px;
}

.mr_head {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.mr_head h4 {
    color: rgba(86, 86, 86, 1);
    font-weight: 600;
    font-size: 22px;
}

.elearning_item.active {
    box-shadow: 1px 1px 12px 4px #0044A829;
    background: #fff;
}
.cha_item.active {
    box-shadow: 1px 1px 12px 4px #0044A829;
    border-radius: 7px;
    border: none;
    background: white;
}.mr_item.active {
    border-radius: 7px;
    border: none;
    background: white;
}


/* Number Counter Starts */
section#number_counter {
    background: #0044A8;
    padding: 20px 0px;
}

.num_main {
    display: flex;
}

.num_item {
    color: white;
    text-align: center;
    width: 25%;
    border-right: 2px solid #fff;
}

.num_item h3 {
    font-size: 52px;
    font-weight: 800;
    margin: 0;
    padding-bottom: 16px;
}

.num_item:last-child {
    border: none;
}

.num_item p {
    margin: 0;
    font-size: 16px;
}
/* Number Counter Ends */
/* Tech Stack Css Starts */
section#tech_stack {
    background: #0044A8;
    margin-top: 12px;
}

.headding_pg.fs_white_head * {
    color: white;
}

.fs_tech_stack_img img {
    margin: auto;
    display: block;
}
/* Tech Stack Css Ends */
/* Work pride Case Study Starts*/
#work_pride .owl-nav.disabled {
    display: none !important;
}
section#work_pride {
    background: white;
}
#work_pride button.owl-dot span {
    background: #000;
}

#work_pride button.owl-dot {
    margin: 0 7px !important;
}

#work_pride button.owl-dot.active span {
    background: #ce3800;
}
.owl-carousel .owl-item img{
height:100%;
}

/* Work pride Case Study Ends*/
/*Case Study section Start*/
.cs_mbl { max-width: 70%;  margin: auto;  display: flex;  flex-wrap: wrap; box-shadow: 0 0 14px rgba(0,0,0,.11); }
.cs_img_mb { width: 50%; padding: 40px 20px 0; }
.cs_cnt_mb { width: 50%; padding: 40px;  display: flex; align-items: center; flex-wrap: wrap; }
.contain_dt_lft h4 { font-weight: 800; font-size: 30px!important; }
.contain_dt_lft p { margin-bottom: 0;  padding: 0 0 15px; }
.contain_dt_lft a { color: #fff; display: inline-block; padding: 15px 20px; font-size: 20px; }
#work_pride .owl-dots {  text-align: center;  padding-top: 25px; }
.case_study_new{ margin-top:35px; }
#work_pride .owl-nav button { background: #ce3800!important; display: inline-block; width: 40px; height: 40px; margin: 2px 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#work_pride .owl-nav button i { font-size: 20px; color: #fff; }


@media (max-width: 991px){

    .cs_mbl { max-width: 500px;
   
 
    } 
    .cs_img_mb { width: 100%; }
    .cs_cnt_mb { width: 100%;  padding: 20px; }
    .contain_dt_lft h4 { font-size: 24px !important; }
    .conv_dt span { font-size: 14px; }
    .contain_dt_lft p { font-size: 16px;  text-align: left; }
    .contain_dt_lft a { padding: 10px 15px;  font-size: 14px; }
    #work_pride .owl-nav { display: none !important; }

}
@media (min-width:992px) and (max-width:1200px){
    .cs_mbl { max-width: 80%; }
    .cs_img_mb img{
      height:300px
     }

     
}
section#faq_ecommerce {
    background: linear-gradient(180deg, rgba(239, 245, 252, 0) 0%, #EFF5FC 34.38%);
  
}
/*Case Study section End*/
/* Why Choose Section Starts*/
section#whychoose {
    background: rgba(225, 237, 255, 0.33);
}

.whychoose_wrapper {
    display: flex;
    justify-content: space-between;
}

.why_choose_img {
    width: 35%;
}

.why_choose_content {
    width: 61%;
}

.why_choose_content h2 {
    font-size: 40px;
    font-weight: 800;
    color: #232323;
}
.why_choose_content h2 span {
    color: #CE3800;
}

.why_choose_main {
    margin-top: 30px;
}
.why_choose_content>p {
    color: #232323;
    font-size: 18px;
}

.whychoose_item {
    padding: 19px 18px;
    border-bottom: 1px solid rgba(35, 35, 35, 0.15);
    transition: background-color 0.5s, box-shadow 0.5s ;
    cursor: pointer;
}

.wc_icon_head h4 {
    font-size: 22px;
    font-weight: 800;
    color: #232323;
    margin: 0;
}

.whychoose_item p {
    color: #fff;
    font-size: 18px;
    margin: 0;
    margin: 0;
}

.wc_icon_head {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.whychoose_item.active {
    background: white;
    border-radius: 7px;
    box-shadow: 0px 4px 12px 0px #0044A829;
}

.whychoose_item.active h4 {
    color: #0044A8;
}

.whychoose_item.active p {
    color: #232323;
    margin-top: 16px;
}
.why_choose_img video {
    width: 100%;
}

.wc_icon_head::before {
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    background-image: url('/wp-content/themes/technocrats/images/2024/fullstack/whychoose/arrow3.webp');
    right: 0;
    transition: rotate 0.3s;
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(96%);
}
.wc_icon_head img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(53%) saturate(4862%) hue-rotate(207deg) brightness(93%) contrast(106%);
}
.whychoose_item.active .wc_icon_head img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(53%) saturate(4862%) hue-rotate(207deg) brightness(93%) contrast(106%);
}
.whychoose_item.active .wc_icon_head::before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(96%);
    rotate: 180deg;
}
/* Why Choose Section Ends*/
/*Footer Form Design Start*/
section#footer_form { background-size: cover; background-position: center center; background-attachment: fixed; position: relative }
section#footer_form:after {  content: '';  position: absolute;  width: 100%;  height: 100%;  background: rgba(0,0,0,.5);  top: 0;  left: 0 }
.frm_hndl_foot {  position: relative;  z-index: 9;  max-width: 60%;  margin: auto;  padding: 30px;  background: rgba(255,255,255,.42);  border-radius: 16px;  box-shadow: 0 4px 30px rgba(0,0,0,.1);  backdrop-filter: blur(12.1px);  -webkit-backdrop-filter: blur(12.1px);  border: 1px solid rgba(255,255,255,.29) }
.hndl_frm_lft { padding: 0px 15px 15px; }
.hndl_frm_lft h2 { color: #fff; padding-bottom: 0 }
.hndl_frm_lft p { font-size: 18px; font-weight: 700; color: #fff }
#footer_form input,#footer_form textarea { background: 0 0; border: 0; border-bottom: 1px solid #fff; border-radius: 0 }
#footer_form .form-control {  padding-left: 0 }
button.wpcf7-submit { border-radius: 200px; border: 0; font-size: 20px!important; font-weight: 800; letter-spacing: 1px; cursor: pointer }
#footer_form label {  display: none }
#footer_form .form-control { padding-left: 0 }
#footer_form input,#footer_form textarea { background: 0 0; border: 0; border-bottom: 1px solid #fff; border-radius: 0 }
.frm_space .form-control { color: #fff!important }
#footer_form .form-control::-webkit-input-placeholder { color: #fff }
#footer_form .form-control::-moz-placeholder { color: #fff }
#footer_form .form-control:-ms-input-placeholder { color: #fff }
#footer_form .form-control:-moz-placeholder { color: #fff }
#footer_form form {  display: flex; flex-wrap: wrap }
.form-control:focus,.form-control:hover {  border-color: #ce3800!important }
.textarea-grp textarea { height: 120px }
.form-control:focus { box-shadow: unset!important }
ul.choose_feat li { padding: 0 15px; }
@media (max-width: 991px){
    .frm_hndl_foot { max-width: 100%; padding: 20px 10px; }
}
@media (min-width:992px) and (max-width:1200px){
    .frm_hndl_foot {  max-width: 80%; }
}
#wpcf7-f8273-o2 button.wpcf7-submit {
    border-radius: 0px;
    font-weight: 600;
}
/*Footer Form Design End*/
/* Testimonial Section  */
li,
a,
p {
  line-height: 1.6
}

.sub_heading {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 800;
  text-align: left
}

.sub_heading>span {
  color: #ce3800
}



.left-slider {
  margin-top: 35px
}

.read_more_reviews {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px
}

.read_more_reviews h3 {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 19px
}

.read_more_reviews a:not(:last-child) {
  margin-right: 30px
}

.read_more_reviews img {
  height: 50px;
  width: auto
}

.swiper_inner_text {
  padding: 22px;
  text-align: left;
  padding-left: 60px !important;
  position: relative
}

.swiper_inner_text:after {
  content: "";
  background-repeat: no-repeat;
  background-image: url(../images/inverted-commas.webp);
  position: absolute;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px
}

.client_image_review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 60px;
  margin-right: 30px
}

.client_image_name {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.client_image {
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px
}

.client_image_review img {
  width: 115px;
  height: auto
}

.client_destils {
  text-align: left
}

.client_destils h4 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 20px
}

.client_destils span {
  color: #232323;
  font-size: 14px
}

[data-star-rating] {
  text-align: left;
  font-style: normal;
  display: block;
  position: relative;
  unicode-bidi: bidi-override;
  font-size: 22px;
  line-height: initial;
  margin-top: -5px
}

#faq_ecommerce h2.sub_heading {
  text-align: center
}

.swiper-slide-container {
  padding: 35px 0;
  margin: 35px;
  box-shadow: 0 11px 29.12px 2.88px rgb(0 0 0 / 11%);
  -webkit-box-shadow: 0 11px 29.12px 2.88px rgb(0 0 0 / 11%);
  -moz-box-shadow: 0 11px 29.12px 2.88px rgb(0 0 0 / .11);
  background-color: #fff;
  min-height: 340px
}

.gallery-top {
  width: 100%;
  height: initial;
  max-width: 100%
}

.upwork-rating[data-star-rating]::after {
  color: #6fda44
}

.google-rating[data-star-rating]::after {
  color: #fbbe01
}

.facebook-rating[data-star-rating]::after {
  color: #3b5998
}

[data-star-rating="5"]::after {
  width: 100%
}

[data-star-rating]::before {
  display: block;
  content: "\2605\2605\2605\2605\2605";
  color: #ddd
}

[data-star-rating]::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2605\2605\2605\2605\2605";
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden
}
/* Testimonial Section Ends */
/* Slider Section Css */
.ind_background {
    height: 80vh !important;
    box-shadow: inset 0 -310px 118px 30px rgba(0,0,0,0.7);
    background-repeat: no-repeat;
    background-size: cover;
}
.ind_slider_main {
    position: relative;
}

.ind_content_main {
    position: absolute !important;
    height: 100%;
    bottom: 0;
}
.ind_content_main .swiper-wrapper {
    align-items: flex-end;
}

.ind_content_item {
    color: #fff;
    text-align: left;
    padding: 30px;
    background: transparent;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-start;

}

.ind_content_item h4 {
    width: 100%;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 16px;
}

.ind_content_item  p {
    margin: 0;
    font-size: 18px;
}

.ind_content_item::after {
    width: 1px;
    content: "";
    height: 150px;
    position: absolute;
    background: #ffffff61;
    right: 0;
    bottom: 0;
}
.ind_button_prev {
    position: absolute;
    top: 8%;
    right: 75px;
    z-index: 5;
    transform: translateY(-50%) scaleX(-1);
    width: 40px;
}

.ind_button_next {
    position: absolute;
    top: 8%;
    right: 20px;
    z-index: 5;
    transform: translateY(-50%);
    width: 40px;
}

.card_queries:not(:last-child) {
    margin-bottom: 20px;
}
.card_queries {
    padding: 45px 24px;
    box-shadow: 0px 1px 10.9px 0px rgba(0, 80, 197, 0.16);
    border-radius: 12px;
    background: #fff;
    padding-right: 74px;
    position: relative;
    cursor: pointer;
}
.card_queries_content li {
    font-size: 18px;
    color: #4c4c4c;
}
.card_queries_header h4 {
    color: rgba(86, 86, 86, 1);
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 800;
    font-size: 20px;
    width:90%
}
.card_queries:has(.collapse.show) .accordion-title .fa-plus::before {
    transform: rotate(180deg);
    content: "\f068"; /* Correct Unicode for Font Awesome */
    font-family: "Font Awesome 5 Free"; /* Ensure correct font family */
    font-weight: 900; /* For solid icons (fas) */
}



.card_queries:has(.collapse) .accordion-title .fa {
   /* transition: all 0.3s ease-in-out; */
}


.card_queries_header h4 > .fa {
    transition: all 0.3s ease-in-out;
}
.card_queries_header .fa-icon {
    position: absolute;
    right: 24px;
    top: 24px;
}
.card-body.card_queries_content p {
    margin: 0px;
}

.card-body.card_queries_content {
    padding-bottom: 0px;
}

.card_queries_content ul li {
    list-style: disc;
    font-size: 16px;
}
.card_queries_content ul{
    padding-top:20px;
}
.out_cta a.btn {
    text-transform: uppercase;
}
#box10 .row {
    margin-top: 35px;
}
@media (max-width: 540px){
   
    
    #accordion .card_queries {
          padding-right: 54px;
    }
    .card_queries_header h4{
        font-size: 16px;
    }
    .card-body {
        font-size: 15px;
    }
}

.cnt_hld_pp>h3,.cnt_hld_pp>p {
    padding-left: 25px;
}
.overlap_hld {
    display: flex;
    align-items: center;
    padding: 10px;
}
.card-body.card_queries_content {
    padding: 20px 0px 10px 0px;
}
/* FAQ Section Ends */
/* Padding Modifications */
section#industries_sec {
    padding-top: 50px;
}
section#dev_process {
    padding-top: 50px;
}
section#services_features {
    padding-top: 50px;
}

section#business_sec {
    padding-top: 50px;
}

section#use_cases {
    padding-top: 50px;
}

.elearning_item:has(+ .active) {
border:none;
}
.cha_item:has(+ .active) {
border:none;
}
.mr_item:has(+ .active) {
border:none;
}
.whychoose_item:has(+ .active) {
border:none;
}
@media (max-width:1336px){
    .headding_pg p {
        font-size: 18px;
    }
    .fs_vision_content p {
        font-size: 16px;
    }
    
    .fs_exp_item p {
        font-size: 16px;
    }
    
    .dev_process_item p:last-child {
        font-size: 16px;
    }
    
    .ind_content_item p {
        font-size: 16px;
    }
    
    .buss_item p {
        font-size: 16px;
    }
    
    .use_case_txt p {
        font-size: 16px;
    }
    
    .cha_item p {
        font-size: 16px;
    }  .mr_item p {
        font-size: 16px;
    }
    
    .whychoose_item.active p {
        font-size: 16px;
    }
    
    section#box10 {
        padding-top: 0;
    }
    .fs_growth_item p:last-child {
        font-size: 16px;
    }
  
   
}
@media (max-width:1240px){
   
    .whychoose_item {
        padding: 10px 20px;
    }
    
    .wc_icon_head img {
        max-width: 45px;
    }
    
    .wc_icon_head h4 {
        font-weight: 700;
    }
    section#dev_process {
        padding-top: 20px;
    }
    section#services_features {
        padding-top: 20px;
    }
    
    section#business_sec {
        padding-top: 20px;
    }
    
    section#use_cases {
        padding-top: 20px;
    }
    section#industries_sec {
        padding-top: 20px;
    }
}
 #industries .headding_pg, #next_gen_sec .headding_pg, #why-p .headding_pg, #faq_ecommerce .headding_pg   {
        margin-bottom: 30px;
    }
.amplify .fs_growth_item {
    width: 49%;
    display: flex;
    gap: 1rem;
}
@media(max-width:1250px) {
    .fs_title p br{
        display: none;
    }
}
@media (max-width:768px){
  .amplify.challenges .fs_growth_item{
    width:100%;
  }
}
@media (max-width:1024px){
    .fs_title h1 {
        font-size: 30px;
    }
     #industries, #work_pride{
        padding: 40px 0;
    }
    .fs_title p {
        font-size: 18px;
    }
    
    .fs_vision_content h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    .headding_pg h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    
    .headding_pg {
        margin-bottom: 35px;
    }
    #industries .headding_pg,  #next_gen_sec .headding_pg, #why-p .headding_pg, #faq_ecommerce .headding_pg  {
        margin-bottom: 15px;
    }
    .fs_growth_item {
        width: 49%;
    }
    .amplify .fs_growth_item{
width: 100%;

}
    
    .fs_expertise_main {
        flex-direction: column;
    }
    
    .fs_exp_img {
        width: 100%;
        display: none;
    }
    
    .fs_exp_content {
        width: 100%;
        padding-top: 20px;
    }
    
    
    .ind_background {
        max-height: 560px;
    }
    
    .services_fitem {
        width: 15%;
    }
    
    .services_fimg {
        margin-bottom: 16px;
        width: 80px;
        height: 80px;
    }
    
    .services_fitem h4 {
        font-size: 18px;
    }
    
    .buss_item {
        padding: 20px 18px;
    }
    
    .services_fimg img {
        width: 41px;
    }
    
    .use_cases_main.e-container {
        flex-direction: column;
    }
    
    .use_case_content {
        width: 100%;
        margin-top: 30px;
    }
    
    .use_case_img {
        width: 100%;
        height: 520px;
    }
    
    .use_case_full::before {
        display: none;
    }
    
    .use_case_full {
        padding: 0;
    }
    
    .most_reliable_main {
        flex-direction: column;
        gap: 0;
    }
    .lastchild {
     margin-bottom: 0; /* Adjust the value as needed */
     }

    
    .most_reliable_content {
        width: 100%;
    } 
    
    .most_reliable_img img {
        width: 100%;
        height: 100%;
        min-height: 100%;
    }
    
    .most_reliable_img {
        width: 100%;
    }
    
    .whychoose_wrapper {
        flex-direction: column;
    }
    
    .why_choose_img {
        width: 30%;
        margin: auto;
    }
    
    .why_choose_content {
        width: 100%;
        margin-top: 30px;
    }
    
    .why_choose_content h2 {
        font-size: 32px;
    }
    
    .headding_pg p {
        font-size: 16px;
    }
    
    .why_choose_content>p {
        font-size: 16px;
    }
    .use_case_content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .use_case_txt {
        width: 49%;
    }
    .num_item {
        padding: 0 8px;
    }
    section#dev_process {
        padding-top: 10px;
    }
    section#services_features {
        padding-top: 10px;
    }
    
    section#business_sec {
        padding-top: 10px;
    }
    
    section#use_cases {
        padding-top: 10px;
    }
    section#industries_sec {
        padding-top: 10px;
    }
}

@media (max-width:991px){
    br{
        display: none;    
    }
}
.hm_results_sec {
    padding: 40px 0;
}
@media (max-width:1024px){
    .padding_70 {
        padding: 40px 0px;
    }
    
    }
@media (max-width:768px){
    
    .hm_results_sec{
     padding: 10px 0px;
    }
    
    .industries-image-mobile img {
    height: 100%;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 13px;
}
.industries-content-mobile{
border-top-right-radius: 0px;
    border-bottom-right-radius: 13px;
border-bottom-left-radius: 13px;
}
    .fs_title h1 {
        font-size: 32px;
    }
    
    .fs_vision_main {
        flex-direction: column;
    }
    
    .fs_vision_content {
        width: 100%;
    }
    
    .fs_vision_img {
        width: 100%;
        margin-top: 25px;
    }
    
    .dev_icon {
        padding: 12px 0px;
    }
    
    .dev_icon img {
        width: 35px;
    }
    
    .dev_icon h4 {
        font-size: 19px;
        font-weight: 700;
    }
    
    .dev_process_item p:last-child {
        font-size: 15px;
    }
    
    .dev_top.dev_inner {
        padding-bottom: 10px;
    }
    
    .headding_pg {
        max-width: 100%;
    }
    
    section#fs_expertise .headding_pg {
        margin: 0;
    }
    
    .ind_content_item {
        padding: 15px;
    }
    
    .ind_button_prev,.ind_button_next {
        width: 34px;
    }
    
    .ind_content_item h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .arrow_btn_indslider {
        display: none !important;
    }
    
    .services_fmain {
        flex-wrap: wrap;
        margin-top: 25px;
    }
    
    .services_fitem {
        width: 30%;
    }
    
    .buss_item h4 {
        margin-bottom: 12px;
    }
    
    section#box10 .col-lg-5 {
        padding: 0px 44px;
    }
    
    .hndl_frm_lft {
        padding: 0;
    }
    
    .num_item h3 {
        font-size: 40px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .fs_title {
        margin-bottom: 40px;
    }
    
    .whychoose_item {
        padding: 20px;
    }
}

@media(max-width:540px){
    .fs_title p {max-width: 100%;font-size: 16px;}

    .fs_title h1 {
        font-size: 28px;
    }

    .fs_vision_content h2 {
        font-size: 24px;
    }

    .fs_vision_content p {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .headding_pg h2 {
        font-size: 22px;
    }

    .headding_pg p {
        max-width: 100%;
        width: 100%;
    }

    .fs_growth_item {
        width: 100%;
        padding-top: 20px;

    }

    .fs_exp_item {
        width: 100%;
    }

    .dev_process_item {
        width: 100%;
    }

    .dev_inner {
        flex-wrap: wrap;
    }

    .services_fitem {
        width: 49%;
    }

    .services_fitem h4 {font-size: 16px;}

    .buss_item {
        width: 100%;
        margin-bottom: 12px;
    }

    .buss_item h4 {
        font-weight: 700;
        font-size: 20px;
    }

    .use_case_txt {
        width: 100%;
    }

    .use_case_txt h4 {
        margin-bottom: 8px;
        font-size: 19px;
    }

    .cha_item {
        padding: 14px 10px;
    }
  .mr_item {
        padding: 14px 10px;
    }

    .mr_head h4 {
        padding-right: 30px;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }

    .cha_item p {font-size: 15px;}
  .mr_item p {font-size: 16px;}

    .num_main {
        flex-wrap: wrap;
    }

    .num_item {
        width: 50%;
        padding: 18px;
    }

    .num_item:nth-child(2) {
        border-right: 0;
        border-bottom: 2px solid;
    }

    .num_item:nth-child(1) {
        border-bottom: 2px solid;
    }

    section#number_counter {
        padding: 0;
    }

    .num_item h3 {
        font-size: 32px;
        padding-bottom: 6px;
    }

    .num_item p {
        font-size: 14px;
    }

    section#number_counter .e-container {
        padding: 0;
    }

    .why_choose_img {
        width: 100%;
    }

    .whychoose_item h4 {
        font-size: 18px;
        padding-right: 36px;
    }

    .whychoose_item {
        padding: 15px 10px;
    }

    .whychoose_item.active p {
        font-size: 15px;
    }

    .swiper_inner_text {
        padding: 15px !important;
    }

    .swiper-slide-container, .swiper-slide {
        padding: 10px;
    }

    .logo_rating {
        display: none;
    }

    .client_image_review {
        padding-bottom: 25px;
        margin: 10px !important;
    }

    .client_image_name {
        width: 100%;
    }

    .sub_heading {
        font-size: 24px;
    }

    .left-slider {
        margin: 0;
    }

    .read_more_reviews img {
        height: 32px;
    }
    .fs_growth_item p:last-child {
        font-size: 16px;
    }
    .fs_exp_item h4 {
        font-size: 19px;
        margin-bottom: 8px;
    }
    .fs_exp_content {
        padding: 0;
    }
    
    .fs_exp_img {
        display: block;
        margin-top: 15px;
    }
    .fs_growth_item p:last-child {
        font-size: 16px;
    }
    
    .fs_exp_item h4 {
        font-size: 19px;
        margin-bottom: 8px;
    }
    
    .fs_exp_content {
        padding: 0;
    }
    
    .fs_exp_img {
        display: block;
        margin-top: 15px;
    }
    
    .dev_number::before {
        display: none;
    }
    
    .dev_number::after {
        display: none;
    }
    
   
    
    .dev_process_item {
        display: flex;
        flex-wrap: wrap;
        gap: 11px;
    }
    
    .dev_icon {
        padding: 0px 10px;
    }
    
    .dev_process_item p:last-child {
        padding-left: 61px;
        padding-right: 0;
    }
    
    .dev_top::after {
        display: none;
    }
    
    .dev_process_item{
        position:relative;
    }
    
    .dev_process_item::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        border-right: 1px dashed #808080;
        top: 30px;
        left: 40px;
        z-index: -1;
    }
    .dev_bottom.dev_inner {
        flex-direction: column-reverse;
    }
    .dev_bottom .dev_process_item:first-child::after {
        display: none;
    }
    
    .dev_process_item p::after {
        content: "";
        background-image: url('/wp-content/themes/technocrats/images/2024/fullstack/dev/arrow.webp');
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50px;
        left: 0px;
        rotate: 90deg;
    }
    
    .dev_process_item p {
        position: relative;
    }
    
    .dev_bottom .dev_process_item:first-child p::after{
        display:none;
    }
    .headding_pg {
        margin-bottom: 20px;
    }
    .swiper-slide-container {
        margin: 30px 15px;
    }

    .why_choose_content h2 {
        font-size: 26px;
    }
    .why_choose_content {
        margin-top: 8px;
    }
    .use_case_content {
        padding: 0px 15px;
    }
    .cnt_hld_pp>h3, .cnt_hld_pp>p {
        padding: 0;
    }
    .card-body.card_queries_content {
        padding: 15px 0px;
    }
    div#consult_section {
        padding-top: 0;
    }
    .card_queries_content ul {
        padding-left: 20px;
        font-size: 14px !important;
    }
    
}

section#page_banner {
    background: #fff;
}

@media (max-width: 1024px) {
    section#page_banner {
        padding: 40px 0px;
    }
    section#page_banner .fs_title{
    padding-top: 0px;
   }
}



.page_inovation {
    background: rgba(255, 245, 245, 1);
}
.core-understanding {
    background: #E1EDFF75;
}
.core-understanding .understanding-img img{
border-radius: 27px;
}

.fs_growth_main img {
    width: 52px;
    height: 52px;
}

.text-white{
    color: #fff;
}

.most_reliable_content img{
    width: 35px;
    height: 35px;
}


.main_home_container * {
    font-family: 'Plus Jakarta Sans' !important;
}
.inner_sec_results {
    text-align: center;
    /*padding: 40px 20px;*/
    background: rgba(0, 68, 168, 1);
    background-size: cover;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
}
.inner_sec_results h2 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #fff;
    /* padding: 60px 100px; */
    line-height: 35px;
}

a.hm_btn {
    background: #CE3800;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    padding: 13px 40px;
    display: inline-block;
    box-shadow: 0 0 6px 0 #ce3800;
    border: 1px solid #ce3800;
}

/* testimonial buttons */
.hm_test_btn>div {
    width: 55px;
    height: 55px;
    background: #ffffff;
    z-index: 23;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 3px;
    box-shadow: 0px 0px 4px #00000042;
}

.hm_test_btn>div img {
    width: 95%;
    display: block;
    position: relative;
    filter: invert(24%) sepia(89%) saturate(2710%) hue-rotate(188deg) brightness(91%) contrast(101%);
}
.hm_test_next img {
    left: 2px;
}

.hm_test_prev img {
    right: 2px;
}
.our-approach-step {
  pointer-events: none;
} 
#our-approach .mySwiper {
     cursor: auto;
} 
.hm_test_btn {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 20px; 
    padding-right: 20px;
}
@media (max-width: 991px){ 
.hm_test_btn {
    justify-content: center;
    padding-right: 0px;

}
.content-left p { margin-bottom: 0; padding: 0 0 15px; }
}
/*industries*/
.industries-slide{
    padding: 20px;
    text-align: left!important;
}
.industries-mobile { max-width: 100%; margin: auto; display: flex; flex-wrap: wrap; box-shadow: 0 0 14px rgba(0,0,0,.11); border-radius: 13px; }
.industries-image-mobile { width: 50%; padding: 0; }

.industries-image-mobile img {
   height: 100%;
   width: 100%;
    min-height: 350px;
   border-top-left-radius: 13px;
   border-bottom-left-radius: 13px;
  }
.industries-content-mobile {
background: #ffff; 
width: 50%;
padding: 40px;
padding-top: 10px;
display: flex; 
align-items: center;
flex-wrap: wrap; 
border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}
.content-left h4 { font-weight: 800; font-size: 30px!important; }
.content-left p { margin-bottom: 0; padding: 0 0 75px; }
.content-left a { color: #fff; display: inline-block; padding: 15px 20px; font-size: 20px; }

@media (max-width: 991px){ 
   
    .content-left h4 { font-size: 24px !important; }
    .content-left p { font-size: 16px; text-align: left; }
    .content-left a { padding: 10px 15px; font-size: 14px; }
}
 @media (max-width: 768px){ 
     .industries-mobile { max-width: 600px;} 
    .industries-image-mobile { width: 100%; }
    .industries-content-mobile { width: 100%; padding: 20px; height:320px;  padding-top: 0;}
}
@media (min-width:0px) and (max-width:300px){
    .industries-content-mobile { height:500px; padding-top: 0; }
}
@media (min-width:300px) and (max-width:480px){
    .industries-content-mobile { height:420px; padding-top: 0; }
}
@media (min-width:992px) and (max-width:1200px){
    .industries-mobile { max-width: 100%; }
}

.industries-content-mobile h4{
  color: #0044A8;
}
.industries-mobile .icon {
    width: 87px;
    height: 87px;
    margin-bottom: 10px;
}

.content-header {
    text-align: right;
}
.content-header .count{
    font-size: 24px;
    border-radius: 50px;
    border: 1px red solid;
}

.steps-container {
    display: flex;
    justify-content: right; /* Center the circles horizontally */
    gap: 20px; /* Space between the circles */
    margin: 20px 0;
}

.step-circle {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    color: #000000;
    border: 1px #000 solid;
    font-family: 'Plus Jakarta Sans', sans-serif;
/*    font-weight: bold;*/
    font-size: 27px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .step-circle {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .step-circle {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}


/*Next-Gen*/
.e-container {
    max-width: 1480px!important;
    width: 100%;
    margin: auto;
    padding: 0 2%
}
p,h2{
    color:#232323;
}
/* Section 1- Top Banner */

a.hm_btn {
    background: #CE3800;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    padding: 13px 40px;
    display: inline-block;
}

a.hm_btn:hover {
    background-color: #000;
}

/* Trusted Section  */
/* Project Number Section  */
/* .hm_pr_num_itm:last-child {
    border: navajowhite;
} */

/* .hm_pr_num_itm:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(65, 65, 65, 0.47);
    left: -50%;
    top: 0;
} */
/* .hm_pr_num_itm:first-child:before {
    display: none;
} */
/* .hm_pr_num_itm:not(:last-child):before {
    content: '' !important;
    width: 1px;
    height: 100%;
    background-color: rgba(65,65,65,.47);
    position: absolute;
    right: -140px;
} */

/* defined Min Widths */

/* Next Gen Solution Css */
section#next_gen_sec {
background: rgba(225, 237, 255, 0.36);


}

.next_gen_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 85px;
}

.next_gen_title h2 {
    font-weight: 800;
    width: 35%;
    margin: 0;
    font-size: 40px;
}

.next_gen_title p {
    width: 60%;
    margin: 0;
    font-size: 18px;
    color: #232323;
    font-weight: 400;
}

.next_gen_title h2 span {
    color: #CE3800;
}

.next_gen_inn_cnt {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}

.next_gen_inn_cnt>div {
    width: calc(100%/2 - 11px);
    gap: 22px;
    display: flex;
    flex-direction: column;
}
.nxt_gen_itm {
    background: #fff;
    box-shadow: 1px 2px 7px 0px rgba(0, 68, 168, .16);
    padding: 16px 28px 30px 30px;
    border-radius: 6px;
}
.nxt_gen_itm img {
    width: 52px;
    height: 52px;
}
.nxt_gen_itm h4 {
    margin: 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(35, 35, 35, 0.13);
    font-size: 20px;
    font-weight: 800;
    color: #0044A8;
}

.nxt_gen_itm p {
    font-size: 16px;
    margin-bottom: 18px;
}

.nxt_gen_itm ul li {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    flex-grow: 1;
    min-width:45%;
}

.nxt_gen_itm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #232323;
}

.nxt_gen_itm ul li:before {
    content: "";
    width: 24px;
    height: 20px;
    background-image: url('/wp-content/themes/technocrats/images/2024/homepage-v2/check.svg');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 1px;
    left: 0;
}

.nxt_gen_left {
    margin-top: -85px;
}
span.arr_link_nex {
    width: auto;
    display: inline-block;
    background: rgb(255 255 255 / 31%);
    border-radius: 50%;
    position: relative;
    top: 0;
}

span.arr_link_nex img {
    display: inline-block;
    width: 40px;
    filter: brightness(0);
    left: -7px;
    position: relative;
}



/* Technologies Section */
/* Industries Section */
/* Industries Section */
.slick-slide:focus-visible {
    outline:none;
}
/* Transformation Process */
/* Portfolio Section */

/* Testimonial Section */

/* .client_video_itm {
    width: 16%;
} */

/* .client_video_itm:first-child {
    width: 42%;
}
.client_video_itm:nth-child(2) {
    width: 42%;
} */


/* Blog Section Css */

.explore_mr_btn {
    text-align: center;
    margin-bottom: 0;
    margin-top: 50px;
}
/* Choose Section Css */

/* Last Section CTA */
/* .hm_pr_num_itm {
    padding-top: 0;
    padding-bottom: 0;
} */
p:has(>input#contact-us-page-form-button) {
    position:relative;
}
.loader_owl:has(+ .owl-loaded) {
    display: none;
}
/* Video Streching Css */
video.hm_video_client:fullscreen {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
} 
/* testimonial buttons */

/* Last form Section */

.hm_form_div p:has(>.wpcf7-spinner) {
    position: relative;
}
.nxt_gen_itm ul li a {
    color: #232323;
}
.main_next_gen .explore_mr_btn {
    margin-top: 60px;
    margin-bottom: 10px;
}
 .fs_growth_main br {
        display: block;
    }
    
@media(min-width:1270px){
  .amplify-client br {
        display: none;
    }
}
 .amplify-client .fsg_head{
 
  margin-bottom: 0px;
 }
    
    
@media(max-width:1220px){
    section br {
        display: none;
    }
    .nxt_gen_itm h4 br {
        display: block !important;
    }

    .nxt_gen_left .nxt_gen_itm:last-child h4 br {
        display: none !important;
    }
}
@media(max-width:991px){
    
    section h2 {
        font-size: 22px !important;
    }
    
    .next_gen_title {
        margin-bottom: 110px;
    }
    /* Defining width for each */
    
    .next_gen_title p {
        font-size: 16px;
    }
    
    .nxt_gen_itm ul li {
        width: 100%;
    }
    
    .nxt_gen_itm h4 {
        font-size: 20px;
        padding-right: 50px;
    }
    /* .hm_pr_num_itm {
        width: calc(100%/2 - 0px);
        padding: 30px;
     
    }
    
    .hm_project_num {
        flex-wrap: wrap;
        justify-content: normal;
    }
    
    span.vr {
        display: none;
    }
    
    .hm_pr_num_itm:nth-child(1), .hm_pr_num_itm:nth-child(5) {
        border-right: 1px solid #41414178;
    }
    
    .hm_pr_num_itm:nth-child(1) {
        border-bottom: 1px solid #41414178;
    }
    
    .hm_pr_num_itm:nth-child(3) {
        border-bottom: 1px solid #41414178;
    } */
    .e-container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media(max-width:767px){
    
    .next_gen_title {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    .next_gen_title h2 {
        width: 100%;
    }
    
    .next_gen_title p {
        width: 100%;
    }
    
    .next_gen_inn_cnt {
        flex-direction: column;
        padding-top: 10px;
    }
    
    .next_gen_inn_cnt>div {
        width: 100%;
    }
    
    .next_gen_title {
        margin-bottom: 30px;
    }
    
    .nxt_gen_left {
        margin-top: 22px;
    }
    
    .nxt_gen_itm h4 br {
        display: block !important;
    }

    .nxt_gen_left .nxt_gen_itm:last-child h4 br {
        display: none !important;
    }
    .main_next_gen .explore_mr_btn {
        margin-top: 40px;
    }
    .next_gen_title {
        text-align: left;
    }
}
/* Transitions Css */
/* section {
    overflow-x: hidden;
} */
/* .e-container>div {
    overflow: hidden;
} */

.next_gen_title {
    overflow: hidden;
}
.next_gen_inn_cnt a:hover {
    text-decoration: underline;
}

/*Tech-Stack we Use to Implement */


.tech-stack-container {
    max-width: 1200px;
    margin: 0 auto;
}

.tech-stack-section {
    margin-bottom: 40px;
    padding: 20px;
    box-shadow: 0px 4px 4px #1f1f1f30;
    border-radius: 8px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}


.tech-stack-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  
}
.tech-stack-icon-item {
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 5px;
    font-weight: 600;
}

.tech-stack-icons img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
}

.tech-stack-icon-item span {
    font-size: 13px;
    color: #000;
}
.tech-stack-title h2 {
    color: #0044A8;
    font-weight: 700;
    margin-top: .5rem;
    font-size: 24px;
    display: flex;
    align-items: center;
}
.tech-stack-icon-title img {
    width: 91px;
    padding: 8px;
}
.tech-stack-title {
    display: flex;
    gap: 10px;
}

.tech-stack-icon-title{
    border-radius: 50px;
    padding: 8px;
    background: #a1effc0f;
    box-shadow: 0px 0px 4px #2527274d;
    height: 70px;
    width: 70px;
}
 
@media (max-width: 1028px){ 
.tech-stack-icon-title  {
    display: none;
}
.tech-stack-icons img {
    width: 30px;
    height: 30px;
}
.tech-stack-icons {
    display: flex;
    width: 100%;
    gap: 15px;
      margin-top: 20px;
    justify-content: space-evenly;
}
.tech-stack-title {
    display: flex;
    justify-content: center;
}
.tech-stack-section {
    flex-direction: column;
    gap:.5rem;
}
}
.pb0{
 padding-bottom: 0;
}
/*why parttner 2*/
/* Why-p Section */
.why-p_main {
    display: flex;
    justify-content: space-between;
}
.why-p_head img {
    width: 46px;
}
.why-p_content {
    width: 57%;
}

.why-p_img {
    width: 40%;
}

.why-p_img img {
    width: 100%;
    height:480px;
    object-fit: cover;
    max-height: 840px; 
    border-radius: 8px;
    object-position: 70% 40%;
}

.why-p_item {
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid;
    padding: 16px 20px;
    border-radius: 10px;
    margin: 10px 0;
}

.why-p_item p {
    margin: 0;
    padding-top: 16px;
    font-size: 17px;
}

.why-p_head {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.why-p_head h4 {
    color: #0044A8;
    font-weight: 800;
    font-size: 22px;
}





.why-p_head {
    position: relative;
}

.why-p-arrow-icon {
    position: absolute;
    right: 0;
    background: #0044a800;
    border: 1px #0044a8 solid;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transform: rotate(90deg);
    transition: .2s all ease;
    background-image: url('data:image/svg+xml,%3Csvg clip-rule%3D%22evenodd%22 fill-rule%3D%22evenodd%22 stroke-linejoin%3D%22round%22 stroke-miterlimit%3D%222%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22m11 11h-7.25c-.414 0-.75.336-.75.75s.336.75.75.75h7.25v7.25c0 .414.336.75.75.75s.75-.336.75-.75v-7.25h7.25c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-7.25v-7.25c0-.414-.336-.75-.75-.75s-.75.336-.75.75z%22 fill%3D%22%230044a8%22 fill-rule%3D%22nonzero%22/%3E%3C/svg%3E');
 
}

.why-p_item.active .why-p-arrow-icon {
    background: #0044a8;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-image: url('data:image/svg+xml,%3Csvg clip-rule%3D%22evenodd%22 fill-rule%3D%22evenodd%22 stroke-linejoin%3D%22round%22 stroke-miterlimit%3D%222%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22m21 11.75c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z%22 fill%3D%22%23fff%22 fill-rule%3D%22nonzero%22/%3E%3C/svg%3E');
transform: rotate(0deg);
}




@media (max-width:1336px){
    .why-p_item p {
        font-size: 16px;
    }
    .why-p_img img {
        height: 490px;
    }
}
@media (max-width:1240px){
    .why-p_img img {
        height: 465px;
    }
}
@media (max-width:1024px){
    .why-p_main {
        flex-direction: column;
    }
    
    .why-p_content {
        width: 100%;
        margin-top: 30px;
    }
    
    .why-p_img img {
        width: 100%;
        height: 100%;
        min-height: 100%;
    }
    
    .why-p_img {
        width: 100%;
    }
}
@media(max-width:540px){
    .why-p_item {
        padding: 14px 10px;
    }
    .why-p_head h4 {
        padding-right: 30px;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
    }
    .why-p_item p {font-size: 15px;}
}

/*blog*/

.e-container {
    max-width: 1480px!important;
    width: 100%;
    margin: auto;
    padding: 0 2%
}
p,h2{
    color:#232323;
}
/* Section 1- Top Banner */

/* Trusted Section  */
/* Project Number Section  */
/* .hm_pr_num_itm:last-child {
    border: navajowhite;
} */

/* .hm_pr_num_itm:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(65, 65, 65, 0.47);
    left: -50%;
    top: 0;
} */
/* .hm_pr_num_itm:first-child:before {
    display: none;
} */
/* .hm_pr_num_itm:not(:last-child):before {
    content: '' !important;
    width: 1px;
    height: 100%;
    background-color: rgba(65,65,65,.47);
    position: absolute;
    right: -140px;
} */

/* defined Min Widths */

/* Next Gen Solution Css */
/* Technologies Section */

.padding_sm {
    padding: 25px 0;
}

.hm_title h2 {
    text-align: center;
    color: #232323;
    font-size: 40px;
    font-weight: 800;
    margin-bottom:18px;
}

.hm_title h2 span {
    color: #CE3800;
}

.hm_title {
    margin-bottom: 40px;
}
.hm_title p {
    font-size: 18px;
    text-align: center;
    max-width: 80%;
    margin: auto;
    color: #232323;
}
/* Industries Section */
/* Industries Section */
.slick-slide:focus-visible {
    outline:none;
}
/* Transformation Process */
/* Portfolio Section */

/* Testimonial Section */

/* .client_video_itm {
    width: 16%;
} */

/* .client_video_itm:first-child {
    width: 42%;
}
.client_video_itm:nth-child(2) {
    width: 42%;
} */


/* Blog Section Css */
.hm_main_blog {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.hm_blog_img img {
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0  0;
}

.hm_blg_cnt h3 {
    font-size: 22px;
    font-weight: 700;
    /* padding: 18px 13px; */
    line-height: 30px;
    margin-bottom: 18px;
}

.hm_blg_cnt {
    padding: 18px 13px;
    border: 1px solid #0000001F;
    border-top: 0;
    /* min-height: 285px; */
    flex-grow: 1;
}

.hm_author {
    display: flex;
    padding: 13px 18px;
    gap: 12px;
    align-items: center;
    border: 1px solid #0000001F;
    border-top: 0;
}

.hm_blg_cnt p {
    color: #232323;
    font-weight: 400;
    margin-bottom: 18px;
    font-size: 16px;
}

.author_hm_detail h5 {
    font-size: 15px;
    margin-bottom: 6px;
    font-weight: 500;
}

.author_hm_detail span {
    display: block;
    font-size: 12px;
    color: #2323238C;
    font-weight: 400;
}

.explore_mr_btn {
    text-align: center;
    margin-bottom: 0;
    margin-top: 50px;
}
span.hm_blg_date {
    margin-bottom: 3px;
}
a.hm_explore_more {
    padding: 14px 35px;
    color: #ce3800;
    border: 1px solid;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    width: max-content;
    margin: auto;
}
.hm_blg_cnt>a {
    text-decoration: none !important;
    color: #232323;
}
a.hm_explore_more:hover {
    background: #CE3800;
    color: #fff;
}

.hm_blog_itm {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* Choose Section Css */

/* Last Section CTA */
/* .hm_pr_num_itm {
    padding-top: 0;
    padding-bottom: 0;
} */
p:has(>input#contact-us-page-form-button) {
    position:relative;
}
.loader_owl:has(+ .owl-loaded) {
    display: none;
}
/* Video Streching Css */
video.hm_video_client:fullscreen {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
} 
/* testimonial buttons */

/* Last form Section */

.hm_form_div p:has(>.wpcf7-spinner) {
    position: relative;
}
@media(max-width:1024px){
    
    .hm_title h2 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
}
@media(max-width:991px){
    
  
    /* Defining width for each */
    .padding_sm {
        padding: 80px 0;
    }
    
    .hm_main_blog { 
        flex-wrap: wrap;
    }
    
 
    .hm_title {
        margin-bottom: 25px;
    }
    
    
    .hm_title p {
        font-size: 16px;
    }
    .e-container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media(min-width:768px){
   .hm_blog_itm {
        width: calc(50% - 10px);
    }
}

@media(max-width:767px){
    
    .hm_title h2 {
        max-width: 100%;
    }
    
    .hm_title p {
        max-width: 100%;
    }
    
    .padding_sm {
        padding: 60px 0;
    }
    .hm_main_blog {
        flex-direction: column;
    }
    .hm_blog_itm {
        width: 100%;
    }
    
    .hm_title h2 {
        text-align: center;
    }
    
    .hm_title p {
        text-align: center;
    }
}
.hm_cat_blog a{
    color: #000;
}



@media (max-width: 991px){ 
.inner_sec_results{
  /*padding: 20px 10px 20px;*/
}
.inner_sec_results h2{
line-height: 28px; 
}

.why_partner_with_content, .why_partner_with_img{
width:100%;

}
.why_partner_with_main{
 display:block;
}
.why_partner_with_item h4, .fsg_head h4{
font-size:20px;

}
.why_partner_with_img img, .core-understanding .understanding-img img{
margin-bottom: 20px;
}

.why_partner_with_item{
margin: 0px;

}


.steps-container {
    display: none;
}
.industries-mobile .icon {
    width: 47px;
    height: 47px;
}
.content-left p {
    margin-bottom: 0;
    padding: 0;
}

.hm_test_btn {
    padding-right: 0px;
    margin-top: 10px;
}
.hm_test_btn>div {
    width: 35px;
    height: 35px;
}


#next_gen_sec .headding_pg p {
    padding-bottom: 20px;
}


}














/*progressbar*/
/*progressbar*/

   #our-approach .swiper {
      width: 100%;
      height: 100%;
    }

   #our-approach .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
      height:auto!important;
    }


.swiper-wrapper {
  display: flex; /* Ensures Swiper slides are inline-flex */
}
    
   #our-approach .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

 #our-approach   .swiper-slide {
      background-size: cover;
      background-position: center;
    }

   #our-approach .mySwiper2 {
      height: 80%;
      width: 100%;
    }

  #our-approach  .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

  #our-approach  .mySwiper .swiper-slide {
      width: 25%;
      height: auto;
    }

   #our-approach .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }
.our-approach-progress-steps .swiper-slide {
    padding: 0px!important;
}

#our-approach{
  background: #E1EDFF42;
}

.our-approach-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
}


  .our-approach-progress-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.our-approach-progress-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
}



.our-approach-step img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    filter: brightness(0.1);
}

.our-approach-step p {
     margin: 0;
    font-size: 16px;
    padding: 0 40px;
    font-weight: 800;
}
  
.our-approach-step span {
    font-size: 16px;
    color: #23232342;
    margin-top: auto;
    font-weight: 700;
}

.our-approach-progress-bar-container {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #ddd;
    margin-bottom: 10px;
}

.our-approach-progress-bar {
    height: 100%;
    width: 0;
    background-color: #0044a8;
    transition: width 0.4s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
}

.our-approach-dot {
    width: 15px;
    height: 15px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: background-color 0.4s ease;
}

.our-approach-step.active img {
     filter: invert(15%) sepia(100%) saturate(10000%) hue-rotate(200deg) brightness(90%) contrast(120%);
}

.our-approach-step.active span {
    color: #0044A8;
}

.our-approach-step.active p {
    color: #0044A8;
}

.our-approach-step.active .our-approach-dot {
    background-color: #0044a8;
}

.our-approach-flex-description {
    display: flex;
}



.our-approach-nav-btn:hover {
    background-color: #e0e0e0;
}

.slider-content {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensure it stretches to container height */
}
 .swiper-slide{
    background: #f1f7ff00;
 }
.swiper-slide .step {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 #a6a6a6;
    width: 80%;
    margin: auto;
    height:100%
}
.swiper-button-next, .swiper-button-prev{
    transform: unset;
}


.swiper-button-prev:after, .swiper-button-next:after {
    content: unset!important;
}

.swiper-button-prev, .swiper-button-next {
    width: 60px!important;
    height: 60px!important;
    background-color: #f1f7ff;
    border-radius: 50%;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    border: none;
    cursor: pointer!important;
    padding: 20px;
    border: 1px solid #000;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
background-color: #0044a8;
 border: none;
}
.swiper-button-prev:hover svg, .swiper-button-next:hover svg{
fill: #fff;
}
.swiper-button-prev, .swiper-button-next  svg {
    fill: #0044A8;
}

.swiper-button-next.swiper-button-disabled svg, .swiper-button-prev.swiper-button-disabled svg{
   fill: #333;
}



.swiper-container {
    width: 70%;
    margin: auto;
    margin-bottom: 50px;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.step img {
    width: 100px;
    margin-bottom: 20px;
}

.step h3 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top:10px;
    padding: 0 40px;
    font-weight: 800;
    color: #0044A8;
}

.step p {
    font-size: 16px;
    max-width: 600px;
    margin: auto;
    margin-top: auto;
    text-align: center;
}




/* Disable buttons when no more steps */
button[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

/* Mobile styles to show one step at a time */
@media (max-width: 768px) {
  
}



.mr_head {
    position: relative;
}
.elearning_item .arrow-icon {
    position: absolute;
    right: 0;
    width: 26px;
    height: 26px;
    transition: transform 0.3s;
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(26%);
  background-image: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg id%3D%22SVGRepo_bgCarrier%22 stroke-width%3D%220%22%3E%3C/g%3E%3Cg id%3D%22SVGRepo_tracerCarrier%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath d%3D%22M7 10L12 15L17 10%22 stroke%3D%22%23000000%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.elearning_item.active .arrow-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(96%);
    transform: rotate(180deg);
}
.cha_item .arrow-icon {
    position: absolute;
    right: 0;
    width: 26px;
    height: 26px;
    transition: transform 0.3s;
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(26%);
  background-image: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg id%3D%22SVGRepo_bgCarrier%22 stroke-width%3D%220%22%3E%3C/g%3E%3Cg id%3D%22SVGRepo_tracerCarrier%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath d%3D%22M7 10L12 15L17 10%22 stroke%3D%22%23000000%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mr_item .arrow-icon {
    position: absolute;
    right: 0;
    width: 26px;
    height: 26px;
    transition: transform 0.3s;
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(26%);
  background-image: url('/wp-content/themes/technocrats/images/vkimg/arrow3.webp');
}

.cha_item.active .arrow-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(96%);
    transform: rotate(180deg);
}

.mr_item.active .arrow-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(104%) contrast(96%);
    transform: rotate(180deg);
}



 .fs_vision_img.mobile {
    display: none;
}
.understanding-img img{
height:100%!important;
}



.hm_test_prev:hover,  .hm_test_next:hover{
background-color: #0044a8;
}
.hm_test_prev:hover img,  .hm_test_next:hover img{
filter:unset;
}

.hm_test_prev.slick-arrow.slick-disabled img {
    filter: brightness(0.7);
}
.hm_test_next.slick-arrow.slick-disabled img {
    filter: brightness(0.7);
}
@media (max-width: 768px) {
 .desktop.fs_vision_img {
    display: none;
}
.fs_vision_img.mobile {
    display: block;
    margin-top: 0px;
    margin-bottom: 25px;
}
.understanding-img.fs_vision_img.mobile {
    display: block;
    margin-top: 0px;
     margin-bottom: 0px;
}
}


 @media (max-width: 1084px) {


    .step h3 {
    font-size: 16px;
}   
    
    .our-approach-step.current { 
        display: flex; /* Show only the active step */
        justify-content: center; /* Center the content */
        align-items: center; 
        width: 100%; /* Ensure it takes the full width */
        flex-direction: column; /* Stack elements vertically if necessary */
        transition: all 0.3s ease; /* Smooth transition */
    }
   
    
    #our-approach-nextBtn, #our-approach-prevBtn{
    left: unset;
    right: unset;
    position: unset;
    top: unset;
    width: unset;
    height: unset;
    margin-top: unset;
   
    }

    .our-approach-pages {
    display: flex;
    justify-content: center;
    gap: 2rem;
    }
    .swiper-slide .step{
     width:100%
    }
    
    
    .swiper-button-prev, .swiper-button-next {
    width: 40px !important;
    height: 40px !important;
    padding: 10px;
}

.our-approach-progress-steps {
    margin-bottom: 0px;
    width: 100%;
}
.our-approach-step img {
    width: 50px;
    height: 50px;
}

.our-approach-step span {
    font-size: 16px;
}

.swiper-container {
    margin-left: 0!important;
    margin-right: 0!important;
}
 .slider-content, .slider-content .swiper-slide{
 width: 100%!important;
 
}
}
.slider-content{
  margin-bottom:0px;
}


.swiper-container {
    margin-left: 0!important;
    margin-right: 0!important;
}

@media (min-width:600px) and (max-width:768px){
    .fs_vision_img.mobile img, .top-img {
        width: 50%;
        margin: auto;
        display: flex;
    }
}
@media (max-width: 600px) {
    .fs_vision_img.mobile img, .top-img {
        width: 70%;
        margin: auto;
        display: flex;
    }
}


@media (max-width: 540px) {
.industries-image-mobile img {
    min-height: 0px;
}

}
@media (max-width: 540px) {
    .modal.show .modal-dialog {
        top: 10px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    /* Your CSS rules for 1024x1366 resolution */
   .main_next_gen .headding_pg p {
           padding-bottom: 25px;
    }
}


@media only screen and (min-width: 549px) and (max-width: 768px) {

     .nxt_gen_left{
    padding-top: 30px;
    }
   
} 

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    
    .nxt_gen_left{
    padding-top: 30px;
    } 
 
}

.hm_test_btn .swiper-button-disabled{
opacity: .35;
}
.hm_test_btn .swiper-button-disabled img{
filter: brightness(71%) contrast(101%);
}
.hm_test_btn .swiper-button-disabled:hover {
    background-color: #f6faff;
}





    .t-desktop{
     display:block;
    }
    
     .t-mobile{
     display:none;
    }
 
    
@media (max-width: 768px) {
textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    height: 80px;
} 

.consultation_contact_form p {
 font-size:14px
}

.auto_open_modal_case_study .consultation-custom-modal {
    width: 95.2%;
}


.form-header h3 {
    padding: 16px;
    padding-bottom: 0;
    padding-top: 10px;
}

.modal-header {
    padding-top: 8px;
}

    .form-header h3 {
    font-size: 20px;
    }
    .t-desktop{
     display:none;
    }
    
     .t-mobile{
     display:block;
    }
    
}



.wpcf7 form .wpcf7-response-output {
    border: none;
}


/*healthcard*/
           .healthcard-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 20px;
            padding: 20px;
            box-sizing: border-box;
        }

        .healthcard {
        display: flex;
        align-items: center;
        background-color: white;
        border-radius: 50px;
        padding: 0 20px; /* Adjusted padding to center content */
        padding-left: 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        /*overflow: hidden;*/
    }

        .healthcard:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
        }

         .healthcard-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: rgba(0, 33, 71, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px; /* Adjusted spacing for alignment */
        padding: 0; /* Removed padding */
        flex-shrink: 0;
            margin-left: -1px;
    }
    
    .healthcard-icon img {
        width: 40px;
        height: 40px;
        display: block;
    }


        .healthcard-text {
            font-size: 18px;
            color: #000;
            font-weight: bold;
        }

        @media (max-width: 1024px) {
            .healthcard-container {
                gap: 15px;
            }
        }

        @media (max-width: 768px) {
            .healthcard {
                flex-direction: row;
                align-items: center;
                text-align: left;
            }

            .healthcard-icon {
                margin-right: 15px;
            }
            
        }

        @media (max-width: 480px) {
            .healthcard {
                padding: 10px;
            }

            .healthcard-icon {
                width: 50px;
                height: 50px;
                margin-right: 10px;
            }

            .healthcard-icon img {
                width: 30px;
                height: 30px;
            }

            .healthcard-text {
                font-size: 16px;
            }
        }

        .border-radius-15{
            border-radius: 20px;
        }
       @media (max-width: 608px) {
          .healthcard-container {
            grid-template-columns: unset;
        }
      }       
      @media (max-width: 1024px) {
    .myhed {
        margin-bottom: 10px;
    }
}  
        
  /*healthcare-industry*/
        .healthcare-industry {
            margin: 0 auto;
            display: flex;
            gap: 20px;
            background: rgba(0, 68, 168, 1);
    padding: 50px;
    border-radius: 12px;
        }

        .sidebar {
            flex: 50%;
            padding: 15px;
            background: #fff;
            border-radius: 12px;
        }

        .sidebar h2 {
/*            font-size: 30px;*/
            margin-bottom: 20px;
        }
        .challenge-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .challenge-list li {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 17px 15px;
            border-radius: 8px;
            transition: background-color 0.3s ease;
                font-weight: 700;
        }

      
        .challenge-list li {
           color: rgba(0, 68, 168, 1);
           
        }

        .challenge-list li.active {
            background: rgba(0, 68, 168, 1);

            color: white;
        }
       .active .challenge-icon img{
      filter: brightness(0) saturate(100%) invert(100%);
       }
        .challenge-icon {
           
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .challenge-icon img {
            width: 45px;
            height: 45px;
            
        }

        .main-content {
            width: 50%;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
           
            display: flex;
            flex-direction: column;
        }

        .main-content h3 {
             padding: 20px;
             padding-bottom: 0;
            font-size: 22px;
            color:#fff;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .main-content p {
             padding: 0 20px;
            font-size: 16px;
            color:#fff;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .main-content img {
            width: 100%;
            border-radius: 10px;
           /* margin-top: auto;*/
        }
 @media (min-width: 768px) {

.sidebar .headding_pg{
    text-align: left;
    margin: 0;
    max-width: 100%;
    margin-bottom: 20px;
}.sidebar .headding_pg p{
    width: 100%;
}

  }  
        @media (max-width: 768px) {
            .healthcare-industry {
                flex-direction: column;
            }

            .sidebar,
            .main-content {
                width: 100%;
            }
            
            .challenge-icon{
            width: 50px;
            height: 50px;
            }
            .challenge-icon img{
            width: 30px;
            height: 30px;
            }
            .sidebar {
               padding: 0px;
                   }
        }

.healthcare-industry-item {
  display: none;
}

.healthcare-industry-item.active {
  display: flex;
    flex-direction: column;
    /*height: 100%;*/
}
@media (max-width: 1276px) {
    .healthcare-industry br {
        display: none;
    }
}

/*Drive Better*/
section.drive-better{
    background: rgba(238, 243, 251, 1)
}
        .drive-better-container {
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
            grid-auto-rows: 1fr;
        }

        .drive-better-card {
            background-color: rgba(255, 255, 255, 1);
            border-radius: 12px;
            padding: 20px;
            display: flex;
            padding-top: 50px;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            border-bottom: 4px solid #0F4F93;
            margin: 40px 1% 10px;
            position: relative;
        }

.drive-better-icon {
    background-color: rgba(0, 88, 189, 1);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
    margin: auto;
}
.drive-better-icon {
    position: absolute;
    border-radius: 100%;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    flex-wrap: wrap;
    border: 2px solid #0F4F93;
        border: 2px #ffffff solid;
}
.drive-better-card img {
    width: 60px;
    height: 60px;
    margin: auto;
}

        .drive-better-card h3 {
            font-size: 20px;
            font-weight: bold;
             color: rgba(0, 68, 168, 1);
             text-align: center;
            margin: 15px 0;
                cursor: pointer;
           /* min-height: 60px; */
        }

        .drive-better-card p {
            font-size: 16px;
            line-height: 1.5;
            color: #000;
            text-align: center;
            margin-bottom: 20px;
            flex-grow: 1; 
        }

        .drive-better-card a {
            align-self: flex-end;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: #1c5ca7;
            color: white;
            text-decoration: none;
            font-size: 1.2rem;
            padding-bottom: 4px;
            transition: background-color 0.3s ease;
            
        }

        .drive-better-card:hover {
            background-color: rgba(0, 75, 161, 1);
        }
      .drive-better-card:hover p , .drive-better-card:hover h3{
            color: #fff;
        }







/*whats sets*/
        .what-sets-container {
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(2, 1fr);
        }

.what-sets-card {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 12px;
    gap: 15px;
    border: 0.5px solid rgba(0, 68, 168, 1);
    box-shadow: 0px 2px 8.1px 0px rgba(253, 80, 80, 0.25);
}

        .what-sets-number {
    background-color: rgba(0, 68, 168, 1);
    color: white;
    font-size: 100px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 40px;
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}

        .what-sets-content {
            display: flex;
            flex-direction: column;
            gap: 1px;
            padding: 10px;
            padding-left: 0px;
        }

        .what-sets-title {
           font-size: 22px;
           font-weight: 800;
           color: #0044A8;
        }

        .what-sets-text {
            font-size: 16px;
            color: #000;
        }

        @media (max-width: 900px) {
           
            .what-sets-container {
                grid-template-columns: 1fr;
            }
            .what-sets-number {
                font-size: 50px;
            }

            .what-sets-title {
                font-size: 20px;
            }

            .what-sets-text {
                font-size: 16px;
            }
        }

/*Why Choose*/
/* styles.css */


.features-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
 
  margin: 0 auto;
}

.feature-image {
 width: 40%;
  text-align: center;
}

.feature-image img {
    flex: 1;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.feature-details {
    flex: 1;
    margin: 20px;
    box-shadow: 0px 0px 13.2px 0px rgba(139, 181, 247, 0.25);
    padding: 20px;
    border-radius: 8px;
}

.feature-item {
  margin-bottom: 20px;
}
.feature-item:not(:last-child) {
    border-bottom: 1px solid rgba(35, 35, 35, 0.35);
    margin-bottom: 20px;
}
.feature-item h3 {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgba(0, 68, 168, 1);
}

.feature-item h3 img {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}

.feature-item p {
  color: #232323;
  font-size: 16px;
}

@media (max-width: 1024px) {
  .features-container {
    flex-direction: column;
  }

}


/*whats make*/
#whats-make{
    background: rgba(225, 237, 255, 0.36);
}
.what-makes-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 .what-makes-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      width: 100%;
      max-width: 1200px;
    }

    .what-makes-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(35, 35, 35, 0.15);
      height: 290px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      padding: 20px;
    }

    .what-makes-card:hover {
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    .what-makes-card-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;
      text-align: center;
      transform: translateY(100%);
      opacity: 0;
      transition: transform 0.4s ease, opacity 0.4s ease;
    }

    .what-makes-card:hover .what-makes-card-content {
      transform: translateY(0);
      opacity: 1;
    }

    .what-makes-default-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      transition: opacity 0.3s ease;
    }

    .what-makes-card:hover .what-makes-default-content {
      opacity: 0;
    }

    .what-makes-icon {
      width: 80px;
      height: 80px;
      margin-bottom: 10px;
      border-radius: 50%;
      background-color: #edf4ff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .what-makes-icon img {
      width: 50px;
      height: 50px;
    }

    .what-makes-title {
     color: #0044A8;
    font-weight: 800;
    font-size: 20px;
      text-align: center;
      margin-bottom: 10px;
    }


    .what-makes-card-content p {
      font-size: 16px;
      color: #4f4f4f;
      margin-bottom: 0;

    }

    @media (max-width: 768px) {
      .what-makes-card {
        height: 240px;
      }


    

      .what-makes-icon {
        width: 80px;
        height: 80px;
      }

    
      
         .what-makes-title {
     color: #0044A8;
    font-size: 20px!important;
        font-weight: 700;
      text-align: center;
      margin-bottom: 10px;
    }
    
   

    }

    @media (max-width: 480px) {
      .what-makes-card {
        height: 240px;
      }

    
    }
    
    
    @media only screen and (min-width: 770px) and (max-width: 1045px) {
    .what-makes-cards {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
       }
    
    }
    
    .edge {
    background: url(/wp-content/themes/technocrats/images/vkimg/education/edge.webp) no-repeat center / cover;
    background-size: 280px 300px;
    background-position: 80% 0px;
}



   @media only screen and (min-width: 1100px) and (max-width: 1345px) {
       .most_reliable_img img {
        min-height: 552px;
    }
   }
   @media (max-width: 1024px) {

   .hide-img-mbl {
        padding: 40px 0px!important;
    }
}
 @media (max-width: 1138px) {
    .feature-image {
        display: none;
    }

}
 @media (min-width: 1024px) {
   .feature-image img {
    border-radius: 5px;
    }
}

@media (min-width:1138px) and (max-width:1350px){
 .feature-image img {
    height: 800px;
}
}
 .elearning_mbl {
        display: none;
    }
 .elearning_dsk {
        display: flex;
    }

 @media (max-width: 768px) {
    .elearning_mbl {
        display: block;
    }
     .elearning_dsk {
        display: none;
    }


}
.elearning_mbl .mr_head h4 {
    color: #0044A8;
    font-weight: 800;
    font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1060px) {
.eLearningSoftware-sidebar {
    width: 35%;
}
.eLearningSoftware-content {
    width: 65%;
}
}

@media (min-width: 1068px) {
       .CuttingEdge-option:hover {
  background: rgb(233,241,255);
  background: linear-gradient(90deg, #E1EDFF 0%, #FFFFFF 100%);
  border-radius: 50px;
}
}

@media (max-width: 540px) {
    .consultation_contact_form .form-group:not(.btn-group) {
        min-height: 55px;
    }
}


img.overlap_img {
    border-radius: 6px;
    margin: auto;
}





/*cta*/
    .cta-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #0046ad; /* Blue background */
      color: #ffffff; /* White text */
      padding: 0px 0;
      border-radius: 10px;
    }
  .cta-nop{
    background-color: #0046ad;
    padding-bottom: 0!important;
  }
 
    .cta-content {
      max-width: 100%;
      width: 80%;
      padding: 40px;
      padding-right: 0;

    }
 
    .cta-content h2 {
      font-size: 22px;
      font-weight: 800;
    margin-bottom: 30px;
    color: #fff;
    line-height: 35px;
    }

   

    .cta-content .cta-button {
      display: inline-block;
      background-color: #e94f1c; /* Orange button background */
      color: #ffffff; /* White text */
      text-decoration: none;
      padding: 12px 24px;
      font-size: 18px;
      font-weight: bold;
      border-radius: 5px;
      transition: background-color 0.3s ease;
    }

    .cta-content .cta-button:hover {
      background-color: #d84215; /* Darker orange on hover */
    }

    .cta-image {
      margin: 0; /* Remove any margin */
      padding: 0; /* Remove any padding */
    }

    .cta-image img {
      max-width: 200px;
      border-radius: 5px;
      display: block; /* Prevent extra spacing under the image */
    }

    @media (max-width: 960px) {
      .cta-section {
        flex-direction: column;
        text-align: center;
      }

      .cta-content {
        max-width: 100%;
        padding: 0;
      }

      .cta-image {
        display:none;
        margin-top: 20px; /* Optional spacing above the image */
      }
      .cta-content h2 {
      font-size: 24px;
    }
    }
    
    @media (max-width: 960px) {
    .cta-section {
        padding: 20px 10px 20px;
    }
}



/*Why Choose Us */

.chose_main_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
}
.choose_title_sec h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 18px;
}

.choose_title_sec p {
    font-size: 18px;
    color: #232323;
    margin: 0;
}

.choose_title_sec {
    width: 45%;
}

.chose_inner_sec {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
}

.hm_chose_itm {
    background: #fff;
    padding: 53px 34px;
    box-shadow: 0px 1px 4px 0px #00000040;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100%/2 - 11px);
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    justify-content: center;
}

.hm_chose_itm p {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 100%;
    background: #fff;
    transition: 0.5s;
    padding: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.hm_chose_itm h4 {
    text-align: center;
    font-size: 20px;
    color: #232323;
    font-weight: 500;
    margin: 0;
}   

.hm_chose_itm img {
    display: block;
    max-width: 45px;
}
.hm_chose_itm_icon {
    background-color: rgba(226, 238, 255, 1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
    margin-bottom: 13px;
}
.hm_chose_itm:hover p {
    top: 0;
}

@media (max-width: 991px) {
  
    .chose_main_sec {
        flex-direction: column;
        gap: 25px;
    }
    
    .choose_title_sec {
        width: 100%;
        text-align: center;
    }
    
    .chose_inner_sec {
        width: 100%;
    }
    
}

@media (max-width: 1240px) {
    .hm_chose_itm h4 {
        font-size: 18px;
    }
        .hm_chose_itm p {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .hm_chose_itm p {
        font-size: 16px;
    }
    .chose_inner_sec>div {
        width: 100%;
    }
}



/*faq query*/

        .faq-query {
            text-align: center;
            background: white;
            padding: 20px;
            padding-top: 0;
            border-radius: 10px;
            width: 40%;
        }
        .faq-query img {
            width: 250px;
            margin-bottom: 20px;
        }
        .faq-query h1 {
            font-size: 24px;
            margin: 0 0 10px;
        }
        .faq-query p {
            color: #555;
            margin: 0 0 20px;
        }
 .faq-query input[type="text"] {
    width: 100%;
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid rgba(173, 173, 173, 1);
    border-radius: 12px;
}
 .faq-query button {
    background-color: rgba(206, 56, 0, 1);
    color: white;
    border: none;
    padding: 15px 50px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 20px;
}
        .faq-query button:hover {
            background-color: #c0451d;
        }

.accordion_queries {
  display: flex;
  gap: 10px;
}
div#accordion {
    width: 60%;
}
@media (max-width: 967px) {
   .accordion_queries {
    flex-direction: column-reverse;
  }
  div#accordion{
    width: 100%;
  }
  .faq-query {
    margin: auto;
    width: 100%;
}


.faq-query input[type="text"] {
    padding: 15px;
}

.faq-query button {
    padding: 8px 20px;
    font-size: 16px;
}
}

.fa-icon{
    background-color: rgba(206, 56, 0, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
    margin-bottom: 13px;
}
.card_queries .fa{
    color: #fff;
    font-size: 40px;
}



@media (min-width:630px) and (max-width:967px){
  .faq-query input[type="text"]{
     max-width: 400px;
  }
}

/*Our Agile Approach*/
.animated_width {
    position: relative
}

.agile_process {
    background-position: center center
}

.agile_process {
    padding-top: 35px
}

.agile_process {
    background-size: 80%;
    background-repeat: no-repeat
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes widthAnimation {
    0% {
        width: 15%
    }

    100%,
    50% {
        width: 100%
    }
}

.wave_animation {
    position: absolute;
    width: 20%;
    height: 100%;
    background-size: cover
}

.wave_animation_onclass {
    width: 100%;
    animation: 8s widthAnimation
}

@media screen and (max-width:767px) {
    img.mobile_show {
        display: block !important
    }

    img.desktop_show {
        display: none !important
    }

    .agile_process {
        padding-top: 0
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    img.mobile_show {
        display: block !important
    }

    img.desktop_show {
        display: none !important
    }

    .agile_process {
        padding-top: 0
    }
}

/*agile_process mobile*/
.agile_process.desktop {
    display: block;
}

.agile_process_mob_cards_container {
    display: none;
    flex-direction: column;
    gap: 20px; /* Spacing between cards */
}

.agile_process_mob_card {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #b5b4b4;
    border-radius: 30px;
    background-color: #fff;
    width: 400px;
    margin: auto;
}
.agile_process_mob_card img {
    width: 100%;
    height: 100%;
}
.agile_process_mob_icon_container {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agile_process_mob_icon_container span {
    font-size: 14px;
    text-align: center;
}

.agile_process_mob_content {
    margin-left: 20px;
}

.agile_process_mob_content h3 {
    margin: 0;
    font-size: 18px;
}

.agile_process_mob_content p {
    margin: 5px 0 0;
    font-size: 11px;
    color: #555;
}
.line img {
    width: 100%;
}
@media screen and (max-width:767px) {
.agile_process.desktop {
    display: none;
    }

    .agile_process_mob_cards_container {
    display: flex;
    }
}


/*Leading*/
.leading-flex {
    margin: 0 auto;
    padding: 20px;
    display: flex;
    gap: 20px;
}
.leading-sidebar {
    width: 40%;
}
.leading-content {
    width: 60%;
}

.leading-sidebar img {
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

.leading-item p {
    font-size: 15px;
    color: #fff;
    width: 45%;
    display: flex;
    align-items: center;
}.leading-item h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    width: 25%;
    display: flex;
    align-items: center;
}
.leading-sidebar h2, .leading-sidebar p{
    text-align: left;
}

.leading-sidebar p{
    width: 100%;
}

.leading-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    justify-content: center;
}


.leading-item img {
    width: 234px;
    height: 204px;
}
.leading-item .img {
    display: flex;
    align-items: center;
    width:40%
}

@media (max-width: 767px) {
    .leading-item p {
        font-size: 16px;
    }
  .leading-item {
    flex-direction: column;
}
.leading-item .img {
    display: none;
}

.leading-item p, .leading-item h2{
    width: 100%;
}

.leading-item{
    gap: 5px;
}



}

@media (max-width: 1240px) {
    .leading-item p {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 1240px) {

.leading-flex {
    flex-direction: column;
}

.leading-sidebar, .leading-content  {
    width: 100%;
}
.leading-sidebar h2, .leading-sidebar p{
    text-align: center;
}

.leading-sidebar p{
    width: 90%;
}

.leading-sidebar img {
   display: none;
}
}
@media (max-width: 768px) {
   .card_queries {
    padding: 35px 24px
  }
  .fa-icon {
    width: 50px;
    height: 50px;
}
.card_queries .fa {
    color: #fff;
    font-size: 20px;
}
}
.myhed.headding_pg{
margin-bottom: 10px;
}

@media (min-width: 768px) {
    .modal-body.consultation_contact_form {
        padding-top: 10px;
        padding-bottom: 30px;
    }
}

/*process*/
.fa-plus {
    display: inline-block; /* Ensures transform works properly */
    transition: transform 0.3s ease; /* Adds smooth transition for the rotation */
}
.card_queries:has(.collapse.show) .accordion-title .fa-plus {
    transform: rotate(180deg); /* Smoothly rotate the icon */
}

/* Fullscreen Overlay */
#emailDialog {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 1000;
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

/* Dialog Box */
#emailDialog .dialog-box {
    background: #fff; /* White background */
    border-radius: 10px; /* Rounded corners */
    padding: 40px 30px;
    width: 90%; /* Responsive width */
    max-width: 440px; /* Limit max width */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    position: relative;
    text-align: center; /* Centered text */
    animation: fadeIn 0.3s ease-in-out; /* Smooth fade-in animation */
}

/* Close Button */
#emailDialog .close-btn {
    position: absolute;
    top: 1px;
    right: 0px;
    background: none;
    border: none;
    font-size: 24px;
    font-weight: bold;
    color:  #ce3800;
    cursor: pointer;
    transition: color 0.3s;
}

#emailDialog .close-btn:hover {
    color: #ff0000; /* Red color on hover */
}

/* Input Field */
#emailDialog input[type="email"] {
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid rgba(173, 173, 173, 1);
    border-radius: 12px;
}

/* Submit Button */
#emailDialog button {
    background-color: rgba(206, 56, 0, 1); /* Blue background */
    color: #fff; /* White text */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}



/* Fade-in Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

p.error-message {
    color: red;
    text-align: left;
    margin-top: -18px;
    font-size: 12px;
}

.spinner {
        display: inline-block;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

.no-scroll {
    overflow: hidden;
}
@media (min-width: 992px) {
    .consultation-custom-modal {
        margin-top: 60px;
    }
    
    .amplify-client  .fs_growth_main {
    justify-content: center;
    gap: 12px;
    }
}

   .amplify-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border-radius: 50%;
        border: 1px rgba(206, 56, 0, 1) solid;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px; /* Adjusted spacing for alignment */
        padding: 0; /* Removed padding */
        flex-shrink: 0;
        margin-bottom: 7px;
        margin-left: -1px;
    }
    
    .amplify-icon img {
        width: 40px;
        height: 40px;
    }  
    
    .amplify-client .fs_growth_item{
    padding-top:20px
    }
    
    .amplify-client .fsg_head h4 {
    color: #000;
     }
     .amplify-client .fsg_head a:hover h4{
      color: #ce3800;
     }
         .amplify-client .fsg_head a:hover h4 .arr_link_nex img{
      fill: #ce3800; /* Change the SVG icon color */
    filter: brightness(0) saturate(100%) invert(38%) sepia(95%) saturate(2833%) hue-rotate(10deg) brightness(99%) contrast(105%);

     }   
 
/* Measure Success MVP Starts */
.ind_hndl_nw span {
    font-size: 22px;
    color: #a0a1a2;
    font-weight: 700;
    position: relative;
    padding: 20px 0px;
}
.actv_icn .ind_hndl_nw span {
    color: #0044A8;
}



.ind_cnt_nw {
    display: flex;
    padding-top: 70px;
    /*align-items: center;*/
    gap: 30px;
    padding: 30px;
    background: rgba(225, 237, 255, 0.22);
}

.ind_hv_cnt {
    width: 50%;
}
.ind_hv_cnt img {
    width: 56px;
}
.ind_hv_cnt p {  
    padding: 10px 0; 
    border-radius: 8px;
}
.img_hld_ind_nw {
    width: 50%;
    position: relative;
}

.img_hld_ind_nw img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
}

.ind_hv_cnt h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 8px 0px 16px 0px;
    color: #0044A8;
}

.ind_hv_cnt p {
    font-size: 16px;
}

.measure_main {
    margin: auto;
    border: 2px solid rgba(194, 194, 194, 1);
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.inds_nw_icn ul {
    display: flex;
    justify-content: space-between;
    position:relative;
    padding: 30px;
    background: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}



/* Media Query Starts */
@media (max-width: 1150px){
    .headding_pg {
        max-width: 100%;

    }
}
@media (max-width: 1024px){
 
    
    .measure_main {
        width: 100%;
    }
    
    .ind_hndl_nw span {
        font-size: 17px;
        padding: 19px 0px;
    }
}

@media (max-width: 740px){
   .ind_hv_cnt img {
    width: 46px;
    }
   .img_hld_ind_nw img{
     display:none
   }
   .tech-stack-icons {
    flex-wrap: unset;
}
    .ind_cnt_nw {
        flex-direction: column;
        gap: 0;
    }
    .ind_cnt_nw div {
        width: 100%;
        text-align: center;
    }
    .inds_nw_icn ul li {
        width: 49%;
        padding:6px 9px;
        border: 1px solid #0044a8;
        border-radius: 10px;
    }
   .inds_nw_icn ul li {
    background: #ffffff;
    }
    .inds_nw_icn ul {
        flex-wrap: wrap;
        gap: 4px;
         padding:0;
         background:unset;
    }
    .measure_main {
     box-shadow: unset;
    }
    .ind_cnt_nw{
     padding: 30px 0;
    
    }
    
    .ind_hndl_nw span {
        padding: 0;
        text-align: center;
    }
    .actv_icn .ind_hndl_nw span::before {
        display: none;
    }
    .ind_cnt_nw {
        padding-top: 30px;
    }
    .measure_main {
        margin-top: 19px;
    }
    .inds_nw_icn ul li.actv_icn {
        background: #0044a8;
    }
    .inds_nw_icn ul li.actv_icn span {
        color: white;
    }
    .img_hld_ind_nw {
        padding: 0;
    }
    .img_hld_ind_nw::before, .img_hld_ind_nw::after {
        display: none;
    }
    .img_hld_ind_nw img{
        height: 100%;
    }
    .inds_nw_icn ul::before{
        display: none;
    }
    .ind_hndl_nw span {
        font-size: 15px;
        display: block;
    }
   .measure_main {
    margin: auto;
    border: none;
    padding: 0px;
  } 
}
@media (max-width: 360px) {
    .ind_hndl_nw span {
        font-size: 13px;
        display: block;
        font-weight: 600;
    }
    .inds_nw_icn ul li {
        width: 48%;
    }
}

@media only screen and (min-width: 740px) and (max-width: 785px) {
  .tech-stack-icons{
    gap:1px
  }

}


/*Cutting-Edge Technologies*/
/* Container */
.CuttingEdge-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: 60%;
  overflow: hidden;
  border-top: 1px #000 solid;
}

/* Sidebar */
.CuttingEdge-sidebar {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #000;
}

.CuttingEdge-option {
  padding: 20px;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  text-align: left;
}

.CuttingEdge-option.active {
  background: rgb(233,241,255);
  background: linear-gradient(90deg, #E1EDFF 0%, #FFFFFF 100%);

  font-weight: bold;
  border-radius: 50px;
}


/* Content */
.CuttingEdge-content {
  flex: 1;
  padding: 20px;
}

.CuttingEdge-content-item {
  display: none;
}

.CuttingEdge-content-item.active {
  display: block;
}


.CuttingEdge-content-item h2 {
    font-weight: 800;
    color: #0044A8;
    font-size: 22px;
}

.CuttingEdge-content-item p {
    font-size: 16px;
}

.CuttingEdge-content img {
    width: 40px;
    height: 40px;
}

.img_CuttingEdge img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    max-width: 400px;
}
/* Responsive Design */
@media (max-width: 768px) {
  .CuttingEdge-container {
    flex-direction: column;
    height: auto;
  }
.img_CuttingEdge img {
    max-width: 100%;
}
 

  .CuttingEdge-option {
    flex: 1 1 50%;
    text-align: center;
    padding: 15px;
  }

  .CuttingEdge-content {
    padding: 15px;
  }

.CuttingEdge-sidebar {
    flex: 0 0 25%;
    flex-wrap: wrap;
    flex-direction: row;
}


}
@media (min-width: 768px) {
.CuttingEdge-sidebar, .CuttingEdge-content{
  padding-top: 30px;
 }
}@media (max-width: 768px) {
.CuttingEdge-sidebar , .CuttingEdge-container{
    border: none;
}
}

/*custmm cta*/


.cta_cro {
    width: 100%;
    text-align: center;
}
.cta_cro {
    width: 100%;
    text-align: center;
    position: relative;
}
.cta_hndl {
    width: 70%;
    text-align: left;
    padding: 30px 0px;
}
.cta_imgs {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
}
.cta_imgs img {
    width: 60%;
}

.cta2 img {
    width: 60%;
}
@media (max-width: 1362px){ 
.cta_imgs img {
    width: 90%;
}
.cta2 img {
    width: 80%;
}

}


/* .cta_sngl:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.1) inset;
} */
/* .unleash_sngl:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.1) inset; 
    transform: scale(1.1);
} */
/* section#seo_banner {
    background:linear-gradient(180deg, #D7E6FE 0%, #FFFFFF 100%);
} */
.animated_btn {
    box-shadow: 0 0 6px 0 #ce3800;
    padding: 15px 30px !important;
}
h2 {
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .cta_imgs {
        display: none;
    }
    .cta_hndl {
        width: 100%;
        padding: 35px 0px;
        text-align: center;
    }
    .cta_imgs {
        position: static;
    }
}

    section.cta_lst {
    margin-top: 90px;
}
@media screen and (min-width:768px) and (max-width: 1024px) {
    .cta_imgs {
        display: none;
    }
    .cta_hndl {
        width: 100%;
        text-align: center;
        padding: 30px 0px;
    }
    
}



section#cta_dgn h2 {
	color: #fff;
}

.cta_cnt a,
.cta_cnt a {
	color: #fff;
	background: #ce3800;
	padding: 15px 20px;
	display: inline-block;
    font-weight: 700;
	font-family: 'Plus Jakarta Sans';
}

.cta_cnt a:hover {
	background-color: #232323;
}

section#cta_dgn {
	background-size: cover;
	background-position: top center;
}

.cta_cnt {
	text-align: center;
	color: #fff;
	margin: 0px auto;
}

.cta_cnt p {
	color: #fff;
	margin: 0px;
    font-size: 16px;
	padding: 25px 0px;
}


#cta_dgn {
	background: #00235B;
}

#cta_dgn h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

@media screen and (max-width:767px) {
	.cta_cnt {
		width: 100%;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.cta_cnt {
		width: 100%;
	}


}

#cta_dgn h2 {
    font-size: 36px;
        font-weight: 700;
}

@media screen and (max-width: 767px) {
    #cta_dgn h2 {
        font-size: 26px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
    #cta_dgn h2 {
        font-size: 29px;
    }
}

.cta1 img {
    width: 100%;
}
.fs_banner_img img.top-img {
    aspect-ratio: 1.186/1;
    width: 100%;
    display: block;
}
@media (min-width: 1200px) {
    .fs_title h1 {
        min-height: 144px;
    }
}
@media (max-width: 540px) {
    .fs_title h1 {
        min-height: 135px;
    }  
}