@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerLight.woff2') format('woff2'),
         url('../fonts/GilmerLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerHeavy.woff2') format('woff2'),
         url('../fonts/GilmerHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerMedium.woff2') format('woff2'),
         url('../fonts/GilmerMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerOutline.woff2') format('woff2'),
         url('../fonts/GilmerOutline.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerBold.woff2') format('woff2'),
         url('../fonts/GilmerBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerHeavy.woff2') format('woff2'),
        url('../fonts/GilmerHeavy.woff') format('woff');

    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilmer';
    src: url('../fonts/GilmerRegular.woff2') format('woff2'),
     url('../fonts/GilmerRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body, p, li, span, h1, h2, h3, h4, h5, h6, a{
    font-family: 'Gilmer';
}
a {
  text-decoration: none;
}
img{
    max-width: 100%;
    height: auto;
}
.drop-col-1{
    padding: 0;
}
.col-ser-3 {
  padding-right: 0;
}
.drop-col-2.wd_djust, .drop-col-3{
    padding: 0;
}
.wd-400 {
  max-width: 400px;
  width: 100% !important;
}
.container {
  max-width: 1618px;
}
.main_header {
  padding: 23px 0;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
}
.header--contctdetails a {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.header--contctdetails {
  display: flex;
  align-items: center;
  gap: 40px;
}
.col-md-8.header--rightcol {
  display: flex;
  justify-content: flex-end;
}
.header--contctdetails a img {
  margin-right: 14px;
}
.main_banner {
  background-image: url('../img/banner.webp');
  background-position: center;
  background-size: cover;
  padding-top: 128px;
  padding-bottom: 64px;
}

.main_banner .col-md-6:first-child{
  width: 45%;
}
.main_banner .col-md-6:last-child{
  width: 55%;
}
.h1{
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;

    font-size: 56px;
    font-weight: 900;
    line-height: 1.17; /* 117.857% */
}
.h1 span{
    color: #F7B318;
}
.pg_btn {
  position: relative;
  z-index: 1;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 240px;
  height: 52px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  display: flex;
  transition: 0.1s all;
  overflow: hidden;
}
/* #########################
Outer gradient border
############################ */

.pg_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(45deg, #C32626, #f9b416);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
  padding: 2px 1px; /* Border thickness */
}
.pg_btn.fixed_css,
.pg_btn:hover {
    /*   background: linear-gradient(to bottom right, #f9b416, #41baa5); */
    background: linear-gradient(to bottom right, #41baa5, #f9b416);
    color: #fff;
}
.pg_btn.fixed_css::before{
    padding: 0;
}
.pg_btn.fixed_css:hover{
    opacity: 0.8;
}


.form-wrapper {
    background-size: cover;
    background-position: center;
    /*   background-image: url('../img/form_bg.jpg'); */
    border-radius: 20px;
    width: 676px;
    margin-left: auto;
    padding: 62px 46px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(20px);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.00);
}
/* .form-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, #fff0, #757575, #fff);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    z-index: -1;
} */
/* Tell the browser this variable is an angle and can be animated */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}



.form-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;

  --angle: 0deg;
  background: linear-gradient(var(--angle), #fff0, #757575, #f7b318);
/*   background: linear-gradient(var(--angle), #fff0, #757575, #fff); */
  animation: rotateGradient 5s linear infinite;

  border-radius: inherit;

  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;

  z-index: -1;
}

@keyframes rotateGradient {
  to {
    --angle: 360deg;
  }
}



.frm_heading{
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2; /* 120% */
    text-transform: capitalize;
}
p.frm_heading {
  color: #FFF !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.frm_heading span{
    color: #94C13D;
}
p{
    color: #212529;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5; /* 150% */
}

.flex-button{
    display: flex;
    gap: 10px;
}
.form-wrapper label {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    margin-bottom: 9px;
}
.form-wrapper input::placeholder{
    opacity: 1 !important;
}
.form-wrapper input {
    outline: 0 !important;
    display: flex;
    height: 48px;
    padding: 15px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #777;
    background: transparent !important;
    color: #CBCBCC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100% !important;
}
.form-wrapper textarea{
    outline: 0 !important;
    display: flex;
    height: 48px;
    padding: 15px 12px;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #777;
    background: transparent !important;
    color: #CBCBCC;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    width: 100% !important;

    height: 132px;
    flex-shrink: 0;
}
.iti.iti--allow-dropdown {
  width: 100%;
}
.iti__selected-flag {
  background: rgba(255, 255, 255, 0.05);
  padding: 11.31px 5.75px 12.69px 8px;
}
.frm_row_btm button {
    margin-top: 40px;
    border: 0;
}
.iti__arrow {
  border-top: 4px solid #fffafa;
}
.frm_row{
    display: flex;
    gap: 32px;
    margin-bottom: 17px;
}
.form-col {
  width: 50%;
}
.main_banner .row {
  align-items: center;
}
.trusted_by p{
    color: #FFF;
    font-size: 23.438px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.33; /* 133.12% */
    margin-bottom: 10px;
}
.trusted_by {
  margin-top: 30px;
}
.banenr_p {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4px;
  margin-bottom: 30px;
}
.main_banner .p {
  color: #FFF;
  font-size: 17.578px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px;
  margin-bottom: 30px;
}
.banner_bullits {
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-top: 30px;
  margin-bottom: 20px;
}
.banner_bullits li{
  color: #fff !important;
  font-size: 17.578px;
  font-weight: 900;
  line-height: 1.63;
  margin-right: 34px;
  display: flex;
  align-items: center;
}
.banner_bullits li:last-child{
    margin-right: 0;
}
.banner_bullits li::before {
  content: "";
  background: #C32626;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 10px;
  border-radius: 20px;
}

/* #########################
feature section
############################ */
.h2{
    color: #000;
    font-size: 44px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.3;
    text-transform: capitalize;
}
.tech-feature-section {
  background: #BD2020;
  text-align: center;
  color: #fff !important;
  padding: 100px 0;
}
.ecommerce_dev-tab .h2,
.tech-feature-section .h2 {
  color: #fff;
  text-align: center;
  max-width: 987px;
  margin: 0 auto;
  margin-bottom: 14px;

}
.feature-card {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.10);
    padding: 13px;
    margin: 0 7px;
    text-align: left;
}
.feature-card img{
    width: 100%;
}
.feature-card .h3, .feature-card p {
  padding: 0 25px;
}
.feature-card .h3{
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 15px;
}
.tech-feature-section h2{
    color: #fff;
}
.ecommerce_dev-tab .p,
.tech-feature-section .p {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 49px;
  margin-top: 14px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-slider .slick-next,
.features-slider .slick-prev{
    width: 60px;
    height: 60px;
    z-index: 9999;
    opacity: 1;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.35));
}
.features-slider .slick-prev::before{
    opacity: 1;
    content: "";
    width: 60px;
    height: 60px;
    background: url('../img/feature-left.svg');
}
.features-slider .slick-next::before{
    opacity: 1;
    content: "";
    width: 60px;
    height: 60px;
    background: url('../img/feature-right.svg');
}
.features-slider .slick-prev::before,
.features-slider .slick-next::before {
  display: block !important;
  z-index: 0000000999 !important;
}

/* #########################
Service Card 
############################ */
.service_offer {
  padding: 120px 0;
  overflow-x: hidden;
}
.service-card {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.10);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 66px;
  padding-bottom: 87px;
  width: 328px;
  max-width: inherit !important;
  margin-right: -154px;
  transition: all .5s ease;
}
.service-card:hover{
    margin-right: 0;
}
.card_wrapper .service-card:first-child {
  margin-left: 0;
}
.service-card .h3 {
    margin-bottom: 15px;
    color: #101010;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    text-transform: initial !important;
}
.service_offer .h2 {
  margin-bottom: 25px;
}
.service_offer .p {
  color: #464646;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 40px;
}
.row.align-center {
  align-items: center;
}
.service-card p {
  color: #464646;
  font-size: 13.672px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.63;
  margin-bottom: 0;
}

.service-card:hover * {
    color: #fff;
}
.service-card:hover{
    background: #BD2020;
}
.card_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
}
.service-card img {
  filter: contrast(0%) brightness(1000%);
}
.service-card > div {
  background: #bd2020;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  border-radius: 100px;
}
.service-card:hover div{
    background: #fff;
}
.service-card:hover img {
  filter: none;
}

/* #########################
ecommerce_dev-tab
############################ */
.ecommerce_dev-tab{
    background: #1C8A82;
    padding: 80px 0;
}
.ecommerce_dev-tab .p{
    font-size: 18px;
}
.ecommerce_dev-tab .p {
  font-size: 18px;
  max-width: 950px;
}
.tabs {
  width: 1170px;
  margin: 0 auto;
}
.tab-buttons {
  display: flex;
  gap: 25px;
  margin-bottom: 35px;
  justify-content: center;
}
.tab-btn {
  display: flex;
  width: 344.56px;
  height: 58px;
  padding: 15px 15px 15px 15px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: transparent;
  border-radius: 7px;
  border: 1px solid #FFF;
  color: #FFF;
  text-align: center;
  font-family: Gilmer;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 28px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.tab-btn:hover,
.tab-btn.active {
    background: #B92020;
    border-color: #B92020;
}
.tab_content_wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
}
.accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #ccc;
    background: transparent !important;
    border-radius: 0 !important;
}
.tab_content_wrapper .accordion {
    width: 50%;
    padding-left: 27px;
    border-left: 2px solid rgba(255, 255, 255, 0.19);
}
.accordion-header {
  cursor: pointer;
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  font-family: gilmer;
  position: relative;
  padding: 25px 0;
  display: flex;
  align-items: center;
  border-radius: 0 !important;
}
.accordion-item:first-child .accordion-header {
  padding-top: 0;
}
.accordion-header.active::before {
  content: "";
  width: 4px;
  height: 50px;
  display: block;
  background: #B92020;
  left: -30px;
  position: absolute;
}
.accordion-header::after {
  position: absolute;
  right: 10px;
  transition: transform 0.3s ease;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: transparent;
  transform: rotate(45deg) !important;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.accordion-header.active::after {
  transform: rotate(220deg) !important;
}
.accordion .accordion-item:last-child .accordion-header {
  padding-bottom: 0;
}
.accordion-header.active {
  padding-bottom: 10px;
}
.accordion-body {
    display: none;
    padding: 0;
    background: transparent;
    color: #FFF;
    font-family: "Gilmer";
    font-size: 15.75px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42222222;
    padding-bottom: 29px;
}
.accordion .accordion-item:last-child {
  border-bottom: 0;
}
.accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0;
    padding-top: 25px;
}
.accordion-header.active::before {
  content: "";
  width: 4px;
  height: 50px;
  display: block;
  background: #B92020;
}

/* #########################
Performance
############################ */
.performance {
  padding-top: 120px;
  padding-bottom: 120px;
}
.performance_col {
  border-radius: 10px;
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.10);
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}
.performance_col:last-child {
  margin-bottom: 0;
}
.performance .p {
    color: #464646;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 40px;
    max-width: 85%;
}
.performance .h2 {
  margin-bottom: 23px;
}
.performance_col p{
    margin-bottom: 0;
}
.h3 {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom: 0;
  text-transform: capitalize;
}
.performance_col .h3{
    margin-bottom: 15px;
    margin-top: 15px;
}
.abs_img{
    position: absolute;
    right: 30px;
    top: 30px;
}
.sticky_top{
    position: sticky;
    top: 60px;
}

/* #########################
Video Banner
############################ */
.popup_video {
    background: url(../img/video-bg.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 159px 20px;
    color: #fff;
}
.popup_video .h3 {
    color: #FFF;
    text-align: center;
    font-family: ;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.3;
}
.popup_video p {
    line-height: 1.57142857;
    color: #FFF;
    text-align: center;
    font-size: 21.484px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 40px;
}
.hr_cs {
  margin: 0;
  max-width: 702px;
  margin: 0 auto;
}
.popup_video img {
  margin-bottom: 30px;
}
/* #########################
Int Tabs
############################ */
.int-tab-wrapper {
  display: flex;
  padding: 43px;
  max-width: 1299px;
  margin: auto;
  border-radius: 20px;
  background: #F6F6F6;
  padding-left: 103px;
}
.Interactive_tabs {
  padding-top: 120px;
  padding-bottom: 85px;
}
.Interactive_tabs .h2{
    margin-bottom: 40px !important;
}
.int_head .h2 {
  margin-bottom: 15px;
}
.int-tab-buttons {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
.int-tab-buttons .int-tab:first-child::after {
  content: "";
  position: absolute;
  width: 258px;
  height: 1px;
  background: #C3C3C3;
  right: 27px;
}
.int-tab-contents {
  width: 50%;
  position: relative;
  margin-top: 13.8px;
}
.int-tab {
  background: white;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  display: flex;
  width: 252px;
  height: 60px;
  padding: 17px 0px 17px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid #EFEFEF;
  box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.06);
  color: #101010;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.int-tab.active {
  background: #be1e2d;
  color: #fff;
}

.int-tab-contents {
    width: 50%;
    position: relative;
}
.int-tab-contents::before {
  content: "";
  position: absolute;
  bottom: 20%;
  top: 0;
  display: block;
  width: 1px;
  background: #C3C3C3;
  left: 10px;
  top: 10px;
}
.int-item strong {
  color: #101010;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  margin-bottom: 7px;
}
.int-item p {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
.int-tab-content {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

.int-tab-content.active {
  display: block;
}
.int-item div {
  padding-left: 47px;
}
.int-item {
  margin-bottom: 30px;
  position: relative;
}
.int-item::before {
  content: "";
  width: 20px;
  height: 20px;
  background: white;
  display: block;
  border-radius: 50px;
  border: 5px solid #B92020;
  position: absolute;
  left: 0;
  top: 6px;
}
.int-item.yellow::before{
  border: 5px solid #F4990D;
}
.int-item.green::before{
  border: 5px solid #1C8A82;
}
.int_head {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}
.sub-heading {
  color: #1D1D1D;
  text-align: center;
  font-family: ;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.int_head p {
  color: #464646;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 40px;
}
.giant .sub-heading {
  color: #1D1D1D;
  text-align: center;
  font-family: ;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6px;
  margin-bottom: 15px;
}
/*Int Tabs end*/

/* #########################
Giant Tabs
############################ */
.giant-tab-content {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}
.giant-tab-content.active {
  display: block;
}
.giant-tab-wrapper {
  display: flex;
}
.giant-tab-contents {
  border-radius: 0 20px 20px 0;
  background: linear-gradient(239deg, #1C8A82 0%, #043F3B 100%);
  width: 56%;
  color: #fff;
}
.giant-tab-buttons {
    width: 44%;
    border-radius: 20px 0 0 20px;
    background: #F7F8F9;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.giant-tab-wrapper {
  max-width: 1299px;
  margin: 0 auto;
}
.giant-tab {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  max-width: 307px;
  margin-bottom: 34px;
  opacity: 0.5;
  margin-left: 50px;
  position: relative;
  cursor: pointer;
}
.giant-tab.active::before {
  content: "";
  position: absolute;
  left: -50px;
  padding-left: 0;
  border-radius: 0 5px 5px 0;
  background: #1A837B;
  width: 9px;
  height: 61px;
  display: block;
  bottom: 0;
  top: 0;
}
.giant-tab.active{
    opacity: 1;
}
.giant-tab:last-child{
    margin-bottom: 0;
}
.giant-cnt {
  padding: 50px;
}
.giant-cnt img {
  border-radius: 15px;
}
.giant-cnt p {
  color: #FFF;
  font-size: 18.8px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.57;
  margin-top: 32px;
  margin-bottom: 40px;
}
.giant {
  padding-bottom: 120px;
}
/* #########################
Red CTA
############################ */
.bg-row-cta {
    background: url(../img/cta-bg-red.webp);
    color: #fff;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    padding: 40px 0;
}
.second-container {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.statistics-col{
    text-align: center;
}
.statistics-col p {
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 9px;
}
.statistics-col span {
  color: #FFF;
  text-align: center;
  font-size: 15.625px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
/* #########################
Platform Section
############################ */
.platform-container {
  width: 1170px;
  margin: 0 auto;
  text-align: center;
}
.platform-container .int_head {
  max-width: 100%;
}
.platform {
  padding: 120px 0;
}
.platform .h2{
    margin-bottom: 40px !important;
}
.platform .pg_btn {
  margin: 0 auto;
}
.plat-col.center {
  border-radius: 20px;
  background: #1C8A82;
  color: #fff !important;
}
.plat-col {
  border-radius: 20px;
  background: #F7F8F9;
  padding: 20px;
}
.platform_row.row{
    margin: 0;
    margin-bottom: 40px;
}
.platform_row.row .col-md-4 {
  padding: 0;
}
.plat-col.center *{
    color: #fff;
}
.plat-col img{
    border-radius: 20px;
}
.plat-col.center {
  border-radius: 20px;
  background: #1C8A82;
  color: #fff !important;
  padding: 24px;
}
.plat-col .h3 {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.69;
}
.plat-col.center .h3 {
  color: #FFF;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 14px;
}
.plat-col img {
  margin-bottom: 37px;
}
.plat-col.center img{
    margin-bottom: 22px;
}
.plat-col p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.43; /* 143.36% */
}
.plat-col.center p{
    font-size: 17.578px;
}
.eq_height {
  height: 67px;
}
.plat-col p {
  padding: 0 15px;
  margin-bottom: 20px;
}
.cs-col .plat-col {
  margin-top: 40px;
}
.plat-col.center {
  padding-bottom: 78px;
}

/* #########################
Ecommerce Lanscape
############################ */
.ecommerce-landscape {
  height: 508px;
  overflow: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.ecommerce-landscape::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

.ecom-item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: white;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 23px;
}
.ecom-header::after {
  content: "";
  position: absolute;
  right: 0;
  transition: transform 0.3s ease;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  display: block;
  background: white;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  bottom: 0;
  top: 0;
  position: absolute;
  margin: auto;
}
.ecom-header {
    color: #101010;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.43; /* 143% */
    position: relative;
    display: flex;
    align-items: center;
}
.ecom-item.active .ecom-header::after {
  transform: rotate(-135deg);

}
.ecom-content {
    display: none;
    color: #000;
    font-size: 16px;
    line-height: 1.22; /* 122.5% */
    margin-top: 14px;
}
.eCommerce-landscap {
    padding: 100px 0;
    background: url('../img/landscape_bg.webp');
    background-size: cover;
}
.eCommerce-landscap .sub-heading {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
}
.eCommerce-landscap .h2 {
  color: #fff !important;
}
.eCommerce-landscap .p {
  color: #FFF;
  font-size: 19.531px;
  line-height: 1.43;
  margin-bottom: 50px;
}
.eCommerce-landscap .col-md-5-5 {
  max-width: 45.7%;
  position: relative;
}
.col-md-5-5::after {
  content: "";
  background: #0d010100;
  width: 100%;
  display: block;
  height: 16px;
  position: absolute;
  bottom: -19px;
  left: 0;
  right: 0;
  box-shadow: 0 -11px 10px #170505;
}
.eCommerce-landscap .col-md-6-5 {
  max-width: 54.3%;
}
.img_wrapper-hvr img {
  border-radius: 10px;
}
.cs-container {
  max-width: 1299px;
  margin: 0 auto;
}
.img_wrapper-hvr:hover img{
  transform: scale(1.1);
}
.img_wrapper-hvr img{
    transition: all 0.5s ease;
}
.img_wrapper-hvr {
  overflow: hidden;
  border-radius: 10px;
}
/* #########################
Opportunity Tabs
############################ */
.hr-2{
    max-width: 1431px;
    height: 1px;
    margin: 0 auto;
    background: #B4B4B4;
}
.opportunity {
  padding: 120px 0;
}
.opportunity-tab-wrapper {
    margin-top: 30px;
}

.opportunity-tab-menu {
    display: flex;
    gap: 57px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    overflow-x: auto;
    justify-content: center;
    flex-wrap: wrap;
}

.opportunity-tab-menu li {
  cursor: pointer;
  padding-bottom: 2px;
  position: relative;
  white-space: nowrap;
  color: #747373;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.53636364;
  transition: all 0.5s ease;
}

.opportunity-tab-menu li:hover,
.opportunity-tab-menu li.active {
  color: #c00; /* red for active */
}

.opportunity-tab-menu li:hover::after,
.opportunity-tab-menu li.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #B51F1F;
  border-radius: 2px;
  transition: all 0.5s ease;
  
}

.opportunity-tab-content {
  display: none;
}

.opportunity-tab-content.active {
  display: block;
}

.tab-inner {
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 13px 40px 0 rgba(0, 0, 0, 0.10);
  padding: 28px;
  display: flex;
  align-items: center;
}

.tab-image {
    position: relative;
    flex: 1 1 47%;
}

.tab-image img {
  border-radius: 16px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.tab-text {
  flex: 1 1 45%;
  padding: 0 61px;
}
.tab-text p {
  color: #161616;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
}
/* .tab-text h3 {
  color: #101010;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 0.845;
  margin-bottom: 40px;
} */
.tab-text h3 {
  color: #101010;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
    line-height: 1.5;
  margin-bottom: 27px;
}
.why-choose-us .int_head,
.how-to-develop .int_head,
.empowering .int_head,
.opportunity .int_head {
  max-width: 69%;
}
.percent_tab {
    display: flex;
    width: 304.466px;
    height: 55.941px;
    padding: 18.341px 0 18.6px 0;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 27.512px;
    font-weight: 700;
    line-height: 2.16209648;
    border-radius: 27.512px 27.512px 0 0;
    background: #1C8A82;
    position: absolute;
    bottom: 0;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
}
/* #########################
Consult
############################ */
.consult {
  background: #232629;
  color: #fff;
  padding: 99px 0;
}
.consult .h2 {
  text-align: center;
  color: #F5F5F5;
  text-align: center;
  margin-bottom: 40px;
}
.red_wrapper {
  display: flex;
  align-items: center;
  color: #fff !important;
  border-radius: 20px;
  background: #BD2020;
  padding: 28px;
}
.red_wrapper p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 16px;
}
.red_wrapper .h3{
  color: #FFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.53;
}
.red_wrapper > div {
  width: 56%;
}
.red_wrapper > div:last-child {
  width: 44%;
    text-align: right;
    border-radius: 20px;
    overflow: hidden;
}
.red_wrapper > div:last-child img{
    border-radius: 20px;
    transition: all 0.5s ease;
}
.red_wrapper:hover img {
  transform: scale(1.1);
}
/* #########################
Empowering
############################ */
.emp_col {
  text-align: center;
}
.empowering .h2{
    margin-bottom: 50px;
}
.emp_col .hr {
  width: 303px;
  height: 1px;
  background: #E3E3E3;
  margin: 0 auto;
  border: 0;
  margin-bottom: 20px;
}
.emp_col .hr {
  width: 303px;
  height: 1px;
  margin: 0 auto;
  border: 0;
  margin-bottom: 20px;
  opacity: 1;
  background: #E3E3E3;
}
.logo-height {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
}
.emp_col {
  padding: 15px 53px 28.65px 53px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 31px;
}
.emp_col p {
  color: #000;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 0;
}
.empowering {
  padding-bottom: 120px;
}
/* #########################
Launch
############################ */
.launch {
  padding: 120px 0;
}
.launch_cnt {
  padding-left: 30px;
}
.launch_cnt .h2 {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 15px;
}
.launch_cnt p {
  color: #464646;
  font-size: 19.531px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.53;
  margin-bottom: 29px;
}
.launch_cnt ul li {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 29px;
}
.launch_cnt ul li:last-child{
    margin-bottom: 0;
}
.launch_cnt ul {
  margin-bottom: 50px;
  padding-left: 21px;
}
.launch .row {
  align-items: center;
}
.img_overflow {
  overflow: hidden;
  border-radius: 15px;
}
.img_overflow img {
    transition: all 0.5s ease;
}
.img_overflow:hover img {
  transform: scale(1.1);
}
/* #########################
Benchmark
############################ */
.benchmark {
  background: #232629;
  color: #fff !important;
  padding: 99px 0;
}
.testimonials .int_head,
.benchmark .int_head {
  max-width: 90%;
}
.benchmark .int_head p,
.benchmark .int_head .h2{
    color: #fff;
}
.benchmark .int_head p{
    margin-bottom: 60px;
}
.benchmark_wrapper {
  position: relative;
}
.bech-slide{
    position: relative;
}
.bech-slide > img {
  border-radius: 20px;
}
.col-bench {
  border-radius: 22.154px;
  background: #FFF;
  width: 610.549px;
  height: 440px;
  padding: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 65px;
}
.col-bench .h3 {
  color: #101010;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.32923077;
  margin-top: 26px;
  margin-bottom: 17px;
}
.col-bench .p {
  color: #1C1C1C;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7723;
  margin-bottom: 0;
}
.benchmark_arrow button {
  background: transparent;
  border: 0;
  padding: 0 10px;
}
.benchmark_arrow {
  position: absolute;
  right: 94px;
  bottom: 115px;
  z-index: 999;
}
/* #########################
Testimonials Slider
############################ */
.testimonials {
  padding-top: 120px;
  padding-bottom: 120px;
}
.tst-slide{
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.10);
    margin: 8.5px;
    padding: 40px 30px;
    padding-right: 46px;
}
.client_details {
  display: flex;
  align-items: center;
  gap: 15px;
}
.client_details strong {
  color: #BD2020;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  display: block;
  margin-bottom: 4px;
}
.tst-slide > img {
  margin-bottom: 32px;
}
.tst-slide p {
  color: #464646;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 54px;
}
.client_details span {
  color: #464646;
  font-size: 13.563px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.testimonials .slick-dots li button::before {
  background: rgba(217, 217, 217, 0.51);
  opacity: 1;
  content: "";
  display: block;
  border-radius: 20px;
  width: 13px;
  height: 13px;
}
.testimonials .slick-dots li.slick-active button::before {
  background: #BD2020;
  padding: 6px;
  border: 2px solid white;
  outline: 2px solid #BD2020;
  width: 11px;
  height: 11px !important;
}
.testimonials .slick-dots{
    position: static;
    margin-top: 20px;
}
/* testimonial slider end */

/* how to */
.bg_shade{
    position: relative;
}

.bg_shade::before {
  content: "";
  width: 350px;
  display: block;
  position: absolute;
  z-index: 9;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 101%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.bg_shade::after {
  content: "";
  width: 350px;
  display: block;
  position: absolute;
  z-index: 9;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  height: 101%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.how-to-develop .int_head .h2 {
  margin-bottom: 60px;
}
.how-to-slider .slick-list.draggable,
.how-to-slider {
  overflow: visible;
}

.howto-container {
  max-width: 1388px;
  margin: 0 auto;
}
.bg_shade{
/*     overflow-x: hidden; */
}
.howto-container img{
    width: 100%;
}
.how-to-slider .slick-slide {
  margin: 0 10px; /* left & right gap */
  position: relative;
}

.how-to-slider .slick-list {
  margin: 0 -10px; 
}
.hwt-slide .h3 {
/*   position: absolute; */
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5;
/*   bottom: 51px; */
/*   left: 26px; */
margin-bottom: 20px;
}
body{
    overflow-x: hidden;
}
.hwt-content p {
  color: #fff !important;
}
.hwt-content {
  position: absolute;
  bottom: -110px;
  padding: 20px;
  z-index: 99;
  padding-bottom: 0;
  transition: all 0.5s ease;
}
.hwt-slide:hover .hwt-content {
  bottom: 0;
}
.hwt-content span {
  color: #fff !important;
  font-weight: bold;
}
.hwt-slide::after {
  content: "";
  width: 100%;
  display: block;
  bottom: 0;
  position: absolute;
  top: 0;
  border-radius: 15px;
  z-index: 0;
  background: linear-gradient(360deg,rgba(0, 0, 0, 0.64) 0%, rgba(255, 255, 255, 0) 100%);
}
/* how to end */
.why-choose-us {
  padding: 120px 0;
}
.why-choose-us .h2{
    margin-bottom: 50px;
}
.why_wrapper {
  border-radius: 19px;
  border: 2px solid rgba(119, 119, 119, 0.13);
  background: rgba(255, 255, 255, 0.39);
  padding: 42px;
  padding-bottom: 31px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.why_wrapper .h3 {
  color: #101010;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 15px;
}
.why_wrapper .p {
  color: #585858;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 0;
}
.why_wrapper:last-child{
    margin-bottom: 0;
}
/* blog */
.blogs {
    background: #FFFAFA;
    padding: 100px 0;
}
.blog-col {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.10);
  overflow: hidden;
  padding-bottom: 28px;
}
.blog-col .h3 {
  color: #101010;
  font-family: ;
  font-size: 20.057px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.29999501;
  padding: 0 24px;
  margin-bottom: 60px;
}
.top_blog {
  padding: 0 24px;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.top_blog strong {
  color: #BD2020;
  font-size: 17.829px;
  font-weight: 700;
}
.top_blog span {
  color: #1D1D1D;
  font-size: 15.6px;
  font-weight: 400;
}
.blog-col a:last-child {
  color: #BD2020;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.blog-col a:last-child::before {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background: #BD2020;
  margin-right: 10px;
}
.blogs .pg_btn {
  margin: 0 auto;
  margin-top: 40px;
}
/* blog */
/* technlogies */
.scalable-Suite {
    background: #17253B;
    color: #fff !important;
    text-align: center;
    padding: 80px 0;
}
.scalable-Suite *{
    color: #fff;
}
.scalable-Suite .h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.96;
  margin-bottom: 45px;
}
.tech_slider {
  margin-bottom: 24px;
}
.scalable-Suite img {
  border-radius: 100px;
}
.tech_slider-2 div,
.tech_slider div{
    display: flex !important;
    justify-content: center;

}
.tech_slider-2{
  max-width: 90%;
  margin: 0 auto;
}
.scalable-Suite p {
  margin-bottom: 30px;
}
/* technlogies */

.disrupt{
    margin-bottom: 150px;
}
.disrupt .row {
  align-items: center;
}
.disrupt p {
  color: #212529;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 66%;
  margin-bottom: 40px;
  margin-top: 50px;
}
.disrupt .h2 {
  margin-bottom: 0;
  color: #212529;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
}

/* FAQ Wrapper */
.faq-wrapper {
    padding: 120px 0;
    max-width: 1056px;
    margin: auto;
    background-color: #fff;
}
.faq-title {
  color: #212529;
  text-align: center;
  font-size: 45px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 70px;
}
.faq-item {
  border-top: 1px solid #e0e0e0;
  padding: 35px 0;
}
.faq-wrapper .faq-item:nth-child(2) {
  border-top: 0;
  padding-top: 0;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.faq-question p {
  margin: 0;
  color: #333;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.36;
}

.faq-answer {
  display: none;
  padding-top: 20px;
}
.faq-answer p {
  color: #212529;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 100%;
}
.icon {
  font-size: 24px;
  font-weight: bold;
  transition: all 0.3s ease;
}
.faq-question.active .icon {
  transform: rotate(180deg);
}


/* casestudies */
.case-studies_wrapper{
/*     margin-top: 120px; */
}
.case-slide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 82px;
    padding-left: 56px;
    padding-bottom: 52px;
    padding-right: 56px;
}
.case-slide * {
  color: #fff;
}
.case-slider {
  text-align: center;
  margin: 0 -10px;
}
.case-slide{
    margin: 0 10px;
}
.case-studies_wrapper .h2 {
  text-align: center;
  color: #101010;
  text-align: center;
  font-size: 44px;
  font-style: normal;
  font-weight: 900;
  line-height: 57.2px;
  margin-bottom: 40px;
}
.case-slider img{
    margin-left: auto;
    margin-right: auto;
}
.case-slide .h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 40px;
    line-height: normal;
}
.case-slide p{
    text-align: left;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: normal;
}
.case-1{
    background-image: url(../img/case-1.webp);
}
.case-2{
    background-image: url(../img/case-2.webp);
}
.case-3{
    background-image: url(../img/case-3.webp);
}
.case-4{
    background-image: url(../img/case-4.webp);
}
.case-5{
    background-image: url(../img/case-5.webp);
}
.case-studies_wrapper .slick-prev {
    left: -70px !important;
    width: 60px;
    height: 60px;
    display: block;
    opacity: 1;
    content: "";
    display: block;
    background-image: url(../img/left-icon.svg) !important;;
    background-size: contain !important;;
}
.case-studies_wrapper .slick-next {
    right: -70px !important;
    width: 60px;
    height: 60px;
    display: block;
    opacity: 1;
    content: "";
    display: block;
    background-image: url(../img/right-icon.svg) !important;
    background-size: contain !important;;
}
.slick-next.slick-arrow::before,
.slick-prev.slick-arrow::before {
    display: none;
}
.case-slide{
    position: relative !important;
    overflow: hidden;
}
.case-overlay {
  position: absolute;
  top: 0;
  z-index: 999;
  bottom: 0;
  text-align: left;
  padding-top: 82px;
  padding-left: 56px;
  padding-bottom: 52px;
  padding-right: 56px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  left: -100%;
  width: 100%;
  transition: all 1s ease;
}
.overlay-1{
    background-color: #F15722;
}
.overlay-2{
    background-color: #E9344F;
}
.overlay-3{
    background-color: #D99652;
}
.overlay-4{
    background-color: #F02C2D;
}
.overlay-5{
    background-color: #A8254D;
}
.case-slide:hover .case-overlay{
  left: 0%;
}

@keyframes scaleBounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.form-wrapper.scale-bounce {
  animation: scaleBounce 0.5s ease-out;
}
/* ######## Footer ######### */
.revamp-footer .down .link-box4 p.map-link::before {
  background-image: url(../img/map-icon.png);
}
.copyright {
    font-size: inherit !important;
}    
.revamp-footer .up .right h4 {
  font-size: 23px;
  padding-bottom: 20px;
  color: #ffffff;
}
.revamp-footer .down .linkbox h2 {
  font-size: 16px;
  padding-bottom: 15px;
  color: #ffffff;
}
.service-item__bg img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.revamp-footer .down .linkbox ul li {
  list-style: none;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #535353;
  font-size: 16px;
}
.revamp-footer * {
  font-family: Gilmer, sans-serif !important;
}
.link-box4.linkbox p {
  margin-top: 0px;
  line-height: 2.2 !important;
}
.revamp-footer .down .link-box4 p, .revamp-footer .down .linkbox ul li a{
    margin-bottom: 0 !important;
}
/* ################################# */
/* ############ 1600px ############# */
/* ################################# */
@media only screen and (max-width: 1650px){
    .wd-400 {
      max-width: 315px;
    }
    .logo_wrapper{
        max-width: 142.32px;
    }
     .container{
        max-width: 1140px;
     }
      .main_header {
          padding: 16.21px 0;
    }
    .header--contctdetails a {
      font-size: 14.09px;
      line-height: 14.09px;
    }
    .header--contctdetails {
      gap: 28.18px;
    }
    .header--contctdetails a img {
      margin-right: 9.86px;
    }
    .main_banner {
      padding-top: 100px;
      padding-bottom: 50px;
    }
    .h1{
        font-size: 39.46px;
    }
    .banenr_p{
        font-size: 16.91px;
        margin-bottom: 21.14px;
    }
    .main_banner .col-md-6:first-child {
      width: 47%;
    }
    .main_banner .col-md-6:last-child {
      width: 53%;
    }
    .trusted_by p {
        font-size: 16.51px;
        margin-bottom: 8px;
    }
    .trusted_by img {
      max-width: 326.22px;
    }
    .pg_btn {
        font-size: 13px;
        width: 169.10px;
        height: 40px;
        border-radius: 7.05px;
        padding: 1px 0 !important;
    }
    .csBtn.pg_btn {
      border: 0 !important;
      width: 180px;
    }
    .banner_bullits li {
        font-size: 13px;
        margin-right: 15px;
    }

    .banner_bullits li::before {
      width: 11.27px;
      height: 11.27px;
      margin-right: 7.05px;
      border-radius: 14.09px;
    }
    .main_banner .p {
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 21.14px;
    }
    /* Outer gradient border */
    .pg_btn::before {
      border-radius: 7.05px;
    }

    .form-wrapper {
      border-radius: 14.09px;
      width: 487.56px;
      padding: 45.80px 32.41px;
    }
    .frm_heading{
        font-size: 24.66px;
    }
    p.frm_heading {
      font-size: 24.66px !important;
    }
    p{
        font-size: 13px;
    }
    .flex-button{
        gap: 7.05px;
    }
    .form-wrapper label {
        font-size: 12.68px;
        margin-bottom: 6.34px;
    }
    .form-wrapper input {
        height: 33.82px;
        padding: 10.57px 8.45px;
        border-radius: 2.82px;
        font-size: 11.27px;
    }
    .form-wrapper textarea{
        height: 33.82px;
        padding: 10.57px 8.45px;
        border-radius: 2.82px;
        font-size: 11.27px;
        height: 93.00px;
    }
    .frm_row_btm button {
        margin-top: 11.27px;
    }
    .frm_row{
        gap: 22.55px;
        margin-bottom: 11.98px;
    }
    .h2{
        font-size: 31px;
    }
    /* -- feature --*/
    .ecommerce_dev-tab .p, .tech-feature-section .p {
      font-size: 14.09px;
      margin-bottom: 34.52px;
      margin-top: 9.86px;
      max-width: 669px;
    }
    .tech-feature-section {
      padding: 70.46px 0;
    }
    .feature-card {
      border-radius: 7.05px;
      padding: 9px;
      margin: 0 5px;
    }
    .feature-card .h3 {
      font-size: 15.50px;
      margin-top: 17.61px;
      margin-bottom: 10.57px;
    }
    .feature-card .h3, .feature-card p {
      padding: 0 20px;
    }
    .feature-card p {
      height: 97.5px;
    }
    .features-slider .slick-next, .features-slider .slick-prev {
      width: 42.27px;
      height: 42.27px;
    }
    .features-slider .slick-prev::before {
        width: 42.27px;
        background-size: contain;
        height: 42.27px;
    }
    .features-slider .slick-next::before {
        background-size: contain;
        width: 42.27px;
        height: 42.27px;
    }
    .ecommerce_dev-tab .h2, .tech-feature-section .h2 {
        max-width: 695.41px;
        margin-bottom: 9.86px;
    }
    /* -- feature card end --*/

    /* Service Card  */
    .service_offer {
      padding: 84.55px 0;
    }
    .service-card {
      border-radius: 14.09px;
      padding-left: 17.61px;
      padding-right: 17.61px;
      padding-top: 46.50px;
      padding-bottom: 61.30px;
      width: 231.10px;
      margin-right: -108.50px;
    }
    .service-card img{
        max-width: 23.25px;
    }
    .service-card .h3 {
        margin-bottom: 10.57px;
        font-size: 15.50px;
    }
    .service_offer .h2 {
        font-size: 30px;
        margin-bottom: 15.50px;
    }
    .service_offer .p {
      font-size: 14.09px;
      line-height: 1.4;
      margin-bottom: 28.18px;
    }
    .service-card p {
      font-size: 12px;
      line-height: 1.63;
    }
    .card_wrapper {
      margin-left: 14.09px;
    }
    .service-card > div {
      width: 42.27px;
      height: 42.27px;
      margin-bottom: 17.61px;
      border-radius: 70.46px;
    }
    /* Service Card END  */

    /* ecommerce dev-tabs */
    .ecommerce_dev-tab{
        padding: 56.37px 0;
    }
    .ecommerce_dev-tab .p {
      font-size: 13px;
      max-width: 740px;
    }
    .tabs {
      width: 824.35px;
    }
    .tab-buttons {
      gap: 17.61px;
      margin-bottom: 24.66px;
    }
    .tab-btn {
      width: 242.77px;
      height: 40.87px;
      padding: 10.57px 10.57px 10.57px 10.57px;
      font-size: 14.09px;
      line-height: 1.4;
    }
    .tab_content_wrapper {
      gap: 42.27px;
    }
    .tab_content_wrapper .accordion {
        padding-left: 19.02px;
    }
    .accordion-header {
      font-size: 15.50px;
      padding: 17.61px 0;
    }
    .accordion-header.active::before {
      width: 2.82px;
      height: 35.23px;
      left: -21.14px;
    }
    .accordion-header::after {
      right: 7.05px;
      width: 7.05px;
      height: 7.05px;
    }
    .accordion-header.active {
      padding-bottom: 7.05px;
    }
    .accordion-body {
        font-size: 13px;
        padding-bottom: 20.43px;
    }
    .accordion .accordion-item:last-child .accordion-body {
        padding-top: 17.61px;
    }
    .accordion-header.active::before {
      width: 2.82px;
      height: 35.23px;
    }
    /* - performance- */
    .performance {
      padding-top: 84.55px;
      padding-bottom: 84.55px;
    }
    .performance_col {
      border-radius: 7.05px;
      padding: 21.14px;
      margin-bottom: 21.14px;
    }
    .performance_col img:first-child{
        width: 35.23px;
    }
    .performance .h2 {
      margin-bottom: 16.21px;
    }
    .performance .p {
      font-size: 14.09px;
      margin-bottom: 28.18px;
      max-width: 85%;
    }
    .h3 {
      font-size: 21.14px;
    }
    .performance_col .h3{
        margin-bottom: 10.57px;
        margin-top: 10.57px;
    }
    .abs_img{
        right: 21.14px;
        top: 21.14px;
        width: 109.21px;
    }
    .sticky_top{
        top: 42.27px;
    }
    .sticky_top img{
        max-width: 446.70px;
    }
    /* performance section end */
    /* Int Tabs */
    .int-tab-wrapper {
      padding: 30.30px;
      max-width: 915.24px;
      border-radius: 14.09px;
      padding-left: 72.57px;
    }
    .Interactive_tabs {
      padding-top: 84.55px;
      padding-bottom: 59.89px;
    }
    .int_head .h2 {
      margin-bottom: 10.57px;
    }
    .int-tab-buttons {
      gap: 21.14px;
    }
     .int-tab-buttons .int-tab:first-child::after {
    width: 181.78px;
    right: 19.02px;
  }
    .int-tab-contents {
      margin-top: 9.72px;
    }
    .int-tab {
      width: 177.55px;
      height: 42.27px;
      padding: 11.98px 0px 11.98px 0px;
      border-radius: 14.09px;
      font-size: 12.68px;
      line-height: 18.32px;
    }
    .int-tab-contents::before {
      left: 7.05px;
      top: 7.05px;
    }
    .int-item strong {
      font-size: 16.91px;
      margin-bottom: 4.93px;
    }
    .int-item p {
      font-size: 14.09px;
    }
    .int-item div {
      padding-left: 33.11px;
    }
    .int-item {
      margin-bottom: 21.14px;
    }
    .int-item::before {
      width: 14.09px;
      height: 14.09px;
      border-radius: 35.23px;
      border: 3.52px solid #B92020;
      top: 4.23px;
    }
    .int-item.yellow::before{
      border: 3.52px solid #F4990D;
    }
    .int-item.green::before{
      border: 3.52px solid #1C8A82;
    }
    .int_head {
      max-width: 598.89px;
    }
    .sub-heading {
      font-size: 16.91px;
    }
    .int_head p {
      font-size: 14.09px;
      margin-bottom: 28.18px;
    }
    .giant .sub-heading {
      font-size: 16.91px;
      line-height: 23.67px;
      margin-bottom: 10.57px;
    }
    /*- Int Tabs end -*/
    /*- Giant Tabs -*/
    /* Giant tabs start */
    .giant-tab-wrapper {
      max-width: 915.24px;
    }
    .giant-tab-contents {
      border-radius: 0 14.09px 14.09px 0;
    }
    .giant-tab-buttons {
        border-radius: 14.09px 0 0 14.09px;
        padding-top: 35.23px;
        padding-bottom: 35.23px;
    }
    .giant-tab {
      font-size: 15.50px;
      max-width: 216.30px;
/*       margin-bottom: 23.96px; */
      margin-left: 35.23px;
    }
    .giant-tab.active::before {
      left: -35.23px;
      width: 6.34px;
      height: 42.98px;
    }
    .giant-cnt {
      padding: 35.23px;
    }
    .giant-cnt img {
      border-radius: 10.57px;
    }
    .giant-cnt p {
      font-size: 13.25px;
      margin-top: 22.55px;
      margin-bottom: 28.18px;
    }
    .giant {
      padding-bottom: 84.55px;
    }
    /* Giant tabs end */
    /* cta red */
    .bg-row-cta {
        border-radius: 14.09px;
        padding: 28.18px 0;
    }
    .second-container {
      max-width: 915.95px;
    }
    .statistics-col p {
        font-size: 35.23px;
        margin-bottom: 6.34px;
    }
    .statistics-col span {
      font-size: 13px;
          display: block;
    }
    /* cta red end */
    /* platform sectin css start */
    .platform-container {
      max-width: 824.35px;
      width: 100%;
    }
    .platform {
      padding: 84.55px 0;
    }
    .plat-col.center {
      border-radius: 14.09px;
    }
    .plat-col {
      border-radius: 14.09px;
      padding: 14.09px;
    }
    .platform_row.row{
        margin-bottom: 28.18px;
    }
    .plat-col img{
        border-radius: 14.09px;
    }
    .plat-col.center {
      border-radius: 14.09px;
      padding: 16.91px;
    }
    .plat-col .h3 {
      font-size: 14.09px;
    }
    .plat-col.center .h3 {
      font-size: 18.32px;
      margin-bottom: 9.86px;
    }
    .plat-col img {
      margin-bottom: 26.07px;
    }
    .plat-col.center img{
        margin-bottom: 15.50px;
    }
    .plat-col p{
        font-size: 13px;
    }
    .plat-col.center p{
        font-size: 14px;
    }
    .eq_height {
      height: 47.21px;
    }
    .plat-col p {
      padding: 0 10.57px;
      margin-bottom: 14.09px;
    }
    .cs-col .plat-col {
      margin-top: 28.18px;
    }
    .plat-col.center {
      padding-bottom: 54.96px;
    }
    /* #########################
    eCommerce Landscap
    ############################ */
    .ecommerce-landscape {
      height: 357.92px;
    }
    .ecom-item {
        border-radius: 7.05px;
        margin-bottom: 14.09px;
        box-shadow: 0 0 3.52px rgba(0,0,0,0.1);
        padding: 16.21px;
    }
    .ecom-header::after {
      width:  9.16px;
      height:  9.16px;
      border-right: 2px solid #000;
      border-bottom: 2px solid #000;
    }
    .ecom-header {
        font-size: 14.09px;
    }
    .ecom-content {
        font-size: 13px;
        margin-top: 9.86px;
    }
    .eCommerce-landscap {
        padding: 70.46px 0;
    }
    .eCommerce-landscap .sub-heading {
      font-size: 16.91px;
      margin-bottom: 10.57px;
    }
    .eCommerce-landscap .p {
      font-size: 13.76px;
      margin-bottom: 35.23px;
    }
    .img_wrapper-hvr img {
      border-radius: 7.05px;
    }
    .cs-container {
      max-width: 915.24px;
    }
    .img_wrapper-hvr {
      border-radius: 7.05px;
    }
    /* #########################
    Opportunity Tabs
    ############################ */
    .hr-2{
        max-width: 1008.24px;
    }
    .opportunity {
      padding: 84.55px 0;
    }
    .opportunity-tab-wrapper {
        margin-top: 21.14px;
    }
    .opportunity-tab-menu {
        gap: 40.16px;
        margin-bottom: 21.14px;
    }
    .opportunity-tab-menu li {
      padding-bottom: 1.41px;
      font-size: 15.50px;
      transition: all 0.5s ease;
    }
    .opportunity-tab-menu li:hover::after,
    .opportunity-tab-menu li.active::after {
      height: 1.41px;
      border-radius: 1.41px;
    }
    .tab-inner {
      border-radius: 28.18px;
      box-shadow: 0  9.16px 28.18px 0 rgba(0, 0, 0, 0.10);
      padding: 19.73px;
    }

    .tab-image img {
      border-radius: 11.27px;
      box-shadow: 0 3.52px 14.09px rgba(0, 0, 0, 0.1);
    }
    .tab-text {
      padding: 0 42.98px;
    }
    .tab-text p {
      font-size: 13px;
    }
    .tab-text h3 {
      font-size: 19px;
         margin-bottom: 11px;
    }
    .percent_tab {
        width: 214.52px;
        height: 39.41px;
        padding: 12.92px 0 13.11px 0;
        font-size: 19.38px;
        border-radius: 19.38px 19.38px 0 0;
    }
    /* #########################
    Consult
    ############################ */
    .consult {
      padding: 69.75px 0;
    }
    .consult .h2 {
      margin-bottom: 28.18px;
    }
    .red_wrapper {
      border-radius: 14.09px;
      padding: 19.73px;
    }
    .red_wrapper p {
      font-size: 13px;
      line-height: 19.73px;
      margin-top: 11.27px;
    }
    .red_wrapper .h3{
      font-size: 15.50px;
    }
    .red_wrapper > div:last-child {
        border-radius: 14.09px;
    }
    .red_wrapper > div:last-child img{
        border-radius: 14.09px;
    }
    .col-bench img {
      width: 54.96px;
    }
    .benchmark_arrow button img {
      width: 42px;
    }
    /* #########################
    Empower
    ############################ */
    .emp_col .hr {
      width: 213.49px;
      margin-bottom: 14.09px;
    }
    .emp_col .hr {
      width: 213.49px;
      margin-bottom: 14.09px;
    }
    .logo-height {
      height: 40.87px;
      margin-bottom: 7.75px;
    }
    .emp_col {
      padding: 10.57px 25px 20.19px 25px;
      border-radius: 14.09px;
      box-shadow: 0 0 17.61px 0 rgba(0, 0, 0, 0.08);
      margin-bottom: 21.84px;
    }
    .emp_col p {
      font-size: 13px;
      line-height: 1.6;
        min-height: 218px;
    }
    .empowering {
        padding-bottom: 84.55px;
    }
    .empowering .h2 {
      margin-bottom: 40px !important;
    }

    /* #########################
    Launch
    ############################ */
    .launch {
      padding: 84.55px 0;
    }
    .launch_cnt {
      padding-left: 21.14px;
    }
    .launch_cnt .h2 {
      font-size: 28.18px;
      margin-bottom: 15px;
    }
    .launch_cnt p {
      font-size: 13.76px;
      margin-bottom: 20.43px;
    }
    .launch_cnt ul li {
      font-size: 16.91px;
      margin-bottom: 20.43px;
    }
    .launch_cnt ul {
      margin-bottom: 35.23px;
      padding-left: 14.80px;
    }
    .img_overflow {
      border-radius: 10.57px;
    }
    /* #########################
    Benchmark
    ############################ */
    .benchmark {
      padding: 69.75px 0;
    }
    .benchmark .int_head p{
        margin-bottom: 42.27px;
    }
    .col-bench {
      border-radius: 15.61px;
      width: 430.18px;
          height: 300px;
      padding: 31.71px;
      right: 45.80px;
    }
    .col-bench .h3 {
      font-size: 18.32px;
      margin-top: 18.32px;
      margin-bottom: 11.98px;
    }
    .col-bench .p {
      font-size: 13.39px;
    }
    .benchmark_arrow button {
      padding: 0 7.05px;
    }
    .benchmark_arrow {
      right: 66.23px;
          bottom: 90px;
    }
    /* benchmark end */
    /* #########################
    Testimonials Slider
    ############################ */
    .testimonials {
      padding-top: 84.55px;
      padding-bottom: 84.55px;
    }
    .tst-slide{
        border-radius: 21.14px;
        box-shadow: 0 0 9.16px 0 rgba(0, 0, 0, 0.10);
        margin: 6px;
        padding: 28.18px 21.14px;
        padding-right: 32.41px;
    }
    .client_details {
      gap: 10.57px;
    }
    .client_details strong {
      font-size: 12.68px;
      margin-bottom: 2.82px;
    }
    .tst-slide p {
      font-size: 13px;
      margin-bottom: 38.05px;
    }
    .tst-slide > img {
      margin-bottom: 22.55px;
      width: 32px;
    }
    .client_details span {
        font-size: 12px;
        display: block;
    }    
    .client_details img {
        width: 46.50px;
    }
  .testimonials .slick-dots li button::before {
      border-radius: 14.09px;
      width: 9.16px;
      height: 9.16px;
    }
    .testimonials .slick-dots li.slick-active button::before {
      padding: 4.23px;
      width: 7.75px;
      height: 7.75px !important;
    }
    .testimonials .slick-dots{
        margin-top: 14.09px;
    }
    .testimonials .slick-dotted.slick-slider {
      margin-bottom: 0;
    }

    /* #########################
    How to Develop
    ############################ */
    .bg_shade::before {
      width: 246.60px;
    }
    .bg_shade::after {
      width: 246.60px;
    }
    .how-to-develop .int_head .h2 {
      margin-bottom: 42.27px;
    }
    .howto-container {
      max-width: 977.95px;
    }
    .hwt-slide {
        margin: 0 8.81px;
    }
    .hwt-slide .h3 {
      font-size: 18.32px;
      bottom: 18.32px;
      left: 18.32px;
    }
    .how-to-develop .slick-track {
      overflow: hidden;
/*       height: 367px; */
    }
    /* #########################
    Why CHoose Us
    ############################ */
    .why-choose-us {
      padding: 84.55px 0;
    }
    .why_wrapper {
      border-radius: 13.39px;
      padding: 29.59px;
      padding-bottom: 21.84px;
      margin-bottom: 14.09px;
      gap: 14.09px;
    }
    .why_wrapper .h3 {
      font-size: 16.91px;
      margin-bottom: 10.57px;
    }
    .why_wrapper .p {
      font-size: 13px;
      min-height: 90px;
    }
    .why_wrapper img {
      width: 42.98px;
    }

    /* patform section css end */
    .scalable-Suite {
      padding: 56.37px 0;
    }
    .scalable-Suite .h2 {
      font-size: 28.18px;
    }
    .tech_slider {
      margin-bottom: 16.91px;
    }
    .scalable-Suite img {
      border-radius: 70.46px;
      width: 61.30px;
    }

    .scalable-Suite p {
      margin-bottom: 21.14px;
    }
    
    .disrupt{
        margin-bottom: 105.69px;
    }
    .disrupt img{
        width: 394.56px;
    }
    .disrupt p {
      font-size: 15.50px;
      margin-bottom: 28.18px;
      margin-top: 35.23px;
    }
    .disrupt .h2 {
      font-size: 35.23px;
    }

    /* FAQ Wrapper */
    .faq-wrapper {
      padding: 84.55px 0;
      padding-bottom: 60px;
      max-width: 744.03px;
    }
    .faq-title {
      font-size: 31.71px;
      margin-bottom: 49.32px;
    }
    .faq-item {
      padding: 24.66px 0;
    }
    .faq-question p {
      font-size: 15.50px;
    }

    .faq-answer {
      padding-top: 14.09px;
    }
    .faq-answer p{
      font-size: 13.50px;
    }
    .icon {
      font-size: 16.91px;
    }
    /* casestudies */
    .case-studies_wrapper{
/*         margin-top: 114.09px; */
    }
    .case-slide {
        padding-top: 57.78px;
        padding-left: 39.46px;
        padding-bottom: 36.64px;
        padding-right: 39.46px;
    }
    .case-slider {
      margin: 0 -7.05px;
    }
    .case-slide{
        margin: 0 7.05px;
    }
    .case-studies_wrapper .h2 {
      font-size: 31.00px;
      line-height: 57.2px;
      margin-bottom: 28.18px;
    }
    .case-slide .h3 {
        font-size: 21.14px;
        margin-bottom: 10.57px;
        margin-top: 28.18px;
    }
    .case-slide p{
        font-size: 12.68px;
    }
    .case-studies_wrapper .slick-prev {
        left: -49.32px !important;
        width: 42.27px;
        height: 42.27px;
    }
    .case-studies_wrapper .slick-next {
        right: -49.32px !important;
        width: 42.27px;
        height: 42.27px;
    }
    .case-overlay {
      padding-top: 57.78px;
      padding-left: 39.46px;
      padding-bottom: 36.64px;
      padding-right: 39.46px;
    }
    /* ######## Footer ######### */
   
}
@media only screen and (max-width: 1200px){
    .container {
      max-width: 96%;
    }
    .case-studies_wrapper .slick-prev {
        left: -10px !important;
        z-index: 99;
    }
    .case-studies_wrapper .slick-next{
        right: -10px !important;
        z-index: 99;
    }
    .text-wrapper-72 a, .text-wrapper-72{
        margin-bottom: 10px;
    }
    .disrupt p {
        max-width: 100%;
    }
}
@media only screen and (max-width: 1180px){
    .banner_bullits {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 1080px){
    .service_offer .col-md-4{
        text-align: center;
    }
    .service_offer .col-md-4 .pg_btn {
      margin: auto;
    }
    .feature-card .h3{
        min-height: 44px;
    }
    .h1 {
        font-size: 35px;
    }
    .h2 {
        font-size: 30px;
    }
    .tab-text {
        padding: 0 20px;
    }
    .tab-text{
        padding-right: 0;
    }
    .tab-image img {
      height: 350px;
      object-fit: cover;
      object-position: left;
      border-radius: 20px !important;
    }
    .cs-container {
        max-width: 96%;
        padding: 0 10px;
      }
    .faq-wrapper,
    .scalable-Suite,
    .why-choose-us,
    .testimonials,
    .benchmark,
    .launch,
    .consult,
    .opportunity,
    .eCommerce-landscap,
    .platform,
    .Interactive_tabs,
    .service_offer,
    .tech-feature-section,
    .performance{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .empowering {
        padding-bottom: 50px;
    }
    .case-studies_wrapper {
/*         margin-top: 50px; */
    }
    
    .disrupt {
        margin-bottom: 50px;
    }
  
    .service_offer .col-md-4 {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .service_offer .col-md-8 {
      width: 100% !important;
    }
    .service-card {
        margin: 0 !important;
        width: 33% !important;
    }
    .card_wrapper .service-card {
        margin-left: 0;
        width: calc(33% - 20px) !important;
    }
    .card_wrapper {
        margin-left: 0;
        justify-content: center;
        gap: 20px;
    }
    .second-container {
        max-width: 100%;
        padding: 20px !important;
        flex-wrap: wrap;
    }
    .giant {
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 1024px){
    .consult .col-md-4 {
      padding: 0 6px;
    }
    .red_wrapper > div {
      padding: 0 5px;
    }
    .red_wrapper {
        padding: 15px 10px;
    }
    .red_wrapper {
      flex-direction: column-reverse;
      align-items: first baseline;
    }
    .red_wrapper > div {
      width: 100%;
    }
    .red_wrapper br{
        display: none;
    }
    .red_wrapper img{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 940px){
    .how-to-develop .slick-track {
        overflow: hidden;
/*         height: 348px; */
    }
    .bg_shade::after,
    .bg_shade::before {
        display: none;
    }
    .how-to-slider .slick-list.draggable, .how-to-slider {
        overflow: hidden;
    }
    .howto-container {
        max-width: 96%;
        padding: 0 10px;
    }
    .how-to-develop .slick-track{
        height: auto;
    }
     .hwt-slide {
        margin: 0 10px;
      }
    .how-to-develop .slick-list {
        margin: 0 -10px;
    }
    .hwt-slide .h3 {
/*         bottom: 40px; */
    }
}
@media only screen and (max-width: 992px){
    .revamp-footer .container {
      width: 90% !important;
    }
    .form-wrapper {
        width: 100%;
    }
    .why-choose-us .col-md-6 {
      width: 100%;
      margin-bottom: 14.09px;
    }
    .launch .col-md-7, .launch .col-md-5 {
        width: 50%;
    }
    .launch_cnt ul li {
        font-size: 15px;
        margin-bottom: 10px;
    }
     .opportunity-tab-menu {
        gap: 20px 40.16px;
        margin-bottom: 30px;
    }
    .int_head .h2 br {
      display: none;
    }
    .img_wrapper-hvr img {
        border-radius: 7.05px;
        height: 357.92px;
        object-fit: cover;
        object-position: right;
    }
    .int-tab-buttons .int-tab:first-child::after ,
    .h1 br {
      display: none;
    }
    .cta-2 p {
        max-width: 100% !important;
    }
    .text-wrapper-67 {
        font-size: 25px;
    }
    .text-wrapper-63 {
        font-size: 25px;
    }
    .sticky_top img {
        width: 100%;
    }
    .tabs {
        width: 100%;
    }
}

@media only screen and (max-width: 921px){
    .col-in-slide img {
      width: 100%;
    }
    .hwt-content {
      bottom: -136px;
    }
}
@media only screen and (max-width: 860px){
    .hwt-content {
        bottom: 0;
      }
    .h1 {
        font-size: 30px;
    }
    .h2 {
        font-size: 25px;
    }
    .cta_bg .h2{
        font-size: 25px;
    }
    .inner-foot-row {
      display: flex;
      gap: 20px;
    }
    .text-wrapper-71 br {
      display: none;
    }
    .text-wrapper-71 {
        font-size: 15px;
    }
    .text-wrapper-72 a, .text-wrapper-72 {
        font-size: 15px;
        margin-bottom: 7.05px;
    }
    .text-wrapper-64 {
        line-height: 1.5;
        margin-bottom: 25px;
    }
    .disrupt .h2 {
        font-size: 25px;
    }
    .disrupt p {
      margin: 20px 0;
    }
    .tab_content_wrapper {
      flex-direction: column-reverse;
    }
    .tab_content_wrapper .accordion {
      width: 100%;
    }
    .tab-buttons {
    flex-wrap: wrap;
    }
    .giant-tab-wrapper {
        max-width: 100%;
        flex-direction: column;
    }
    .giant-tab-buttons {
        border-radius: 14.09px 14.09px 0 0;
        width: 100%;
    }
    .giant-tab-contents {
      width: 100% !important;
      border-radius: 0 0 20px 20px !important;
    }
    .giant-tab {
          max-width: 100%;
    }
    .platform-container {
        max-width: 824.35px;
        width: 100%;
        max-width: 96%;
        padding: 0 10px;
    }
    .plat-col.center {
        padding-bottom: 20px;
    }
    .why-choose-us .int_head, 
    .how-to-develop .int_head, 
    .empowering .int_head, 
    .opportunity .int_head {
        max-width: 96%;
        padding: 0 10px;
    }
   .red_wrapper p {
      max-width: 170px;
    }
    .benchmark_arrow {
      position: static;
      margin-top: 20px;
      justify-content: center;
      display: flex;
    }
    .col-bench {
      height: auto;
      margin: auto;
      top: auto;
      bottom: 30px;
    }
}
@media only screen and (max-width: 768px){
    .tab-image {
        position: relative;
        flex: 1 1 100%;
    }
    .tab-text {
        padding: 0;
        margin-top: 20px;
    }
    .tab-image img {
      max-width: 100% !important;
      width: 100%;
      height: auto;
    }
    .tab-inner {
      display: block;
    }
   .ask-about-branex-s {
        font-size: 22px;
        margin-bottom: 57px;
    }
    .int_head .h2 br {
      display: none;
    }
}
@media only screen and (max-width: 767px){
    .revamp-footer .copyright {
        padding-bottom: 10px !important;
    }
    .revamp-footer .copyright .right ul{
        margin-top: 20px;
        margin-bottom: 0;
    }
    .col-bench {
        position: static;
        width: auto;
        margin-top: 13px;
        padding: 20px;
    }
    .empowering .col-md-4 {
      max-width: 50%;
    }
    .launch .col-md-7, .launch .col-md-5 {
        width: 100%;
    }
     .red_wrapper > div:last-child img {
        border-radius: 20px !important;
      }
    .red_wrapper > div:last-child{
        max-width: 100%;
        width: auto;
    }
    .consult .col-md-4 {
      max-width: 33.3%;
    }
    .cs-col-center .plat-col,
    .cs-col .plat-col {
    margin-top: 0;
    margin-bottom: 20px !important;
    }
    .eq_height {
        height: auto;
    }
    .plat-col .h3 br {
      display: none;
    }
    .plat-col img {
      border-radius: 39px !important;
      width: 100%;
    }
    .plat-col .h3{
        font-size: 20px;
        line-height: 1.3;
    }
    .int-tab-wrapper {
      padding: 25px;
    }
    .int-tab-buttons {
      width: 45%;
    }
    .int-tab-contents {
      width: 55%;
    }
    .card_wrapper .service-card {
        width: calc(50% - 20px) !important;
    }
    .tab-btn {
        width: 242.77px;
      }
    .banner_bullits{
        justify-content: center;
    }
    .main_banner .col-md-6:last-child {
        width: 100%;
    }
    .main_banner .col-md-6:first-child {
        width: 100%;
        text-align: center;
        margin-bottom: 29px;
    }
    .flex-button {
      justify-content: center;
    }
    .main_banner {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .form-wrapper {
        width: 100%;
        margin-right: auto;
    }
    .main_banner img {
      max-width: 420px;
    }
    .main_header .row .col-md-4 {
        width: 25% !important;
    }
    .main_header .row .col-md-8 {
        width: 75% !important;
    }
    .sticky_top img {
        margin-bottom: 20px;
    }
    .height_bdr {
      height: 1px;
      width: 100%;
      margin: 30px 0;
    }
    .ask-about-branex-s {
        margin-bottom: 20px;
    }
    .foot-frm_row textarea {
      height: 80px !important;
    }
    .faq-wrapper {
        max-width: 96%;
        padding-right: calc(1.5rem * .5);
        padding-left: calc(1.5rem * .5);
    }
    .header--contctdetails {
        gap: 10px;
    }
    .col-ad {
      width: 30%;
    }
    .features-slider .slick-next{
        right:  -15px;
    }
    .features-slider .slick-prev{
        left:  -15px;
    }
    .statistics-col {
      width: calc(50% - 20px);
    }
    .second-container {
        gap: 20px;
    }
    .img_overflow {
        margin-bottom: 20px;
    }
    .launch_cnt {
        padding-left: 0;
    }
}
@media only screen and (max-width: 650px){
    .why-choose-us .int_head, .how-to-develop .int_head, .empowering .int_head, .opportunity .int_head {
      max-width: 96%;
      padding: 0 10px;
    }
    .img_wrapper-hvr img,
    .ecommerce-landscape {
        height: auto;
    }
    .eCommerce-landscap .col-md-5-5 {
      max-width: 100%;
    }
    .eCommerce-landscap .col-md-6-5 {
      max-width: 100%;
    }
    .main_header .row .col-md-4 {
        width: 100% !important;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .main_header .row .col-md-8 {
        width: 100% !important;
        justify-content: center;
        margin-top: 15px;
    }
    .inner-foot-row {
      flex-direction: column;
    }
    .inner-foot-row > * {
      width: 100%;
    }
    .disrupt img{
        margin-bottom: 25px;
    }
    .scalable-Suite .h2 {
      line-height: 1.2;
    }
    .right-content img{
        margin-bottom: 20px;
    }
  .faq-title,
    .case-studies_wrapper .h2,
    .scalable-Suite .h2,
    .h2{
        font-size: 22px;
      }
      .cta_bg-2 .flex-button a:last-child {
      display: none;
    }
     .case-studies_wrapper .h2{
        margin-bottom: 15px;
     }
     .case-slide {
      padding: 20px;
    }
    .case-slide p {
      line-height: 1.5;
    }
    .scalable-Suite {
        padding: 50px 0;
    }
    .service_offer .h2{
        font-size: 22px;
    }
    .revamp-footer .down .link-box4 p, .revamp-footer .down .linkbox ul li a{
        font-size: 15px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 600px){
    #frmContactUs .col-md-12.col-sm-12, #frmContactUs .col-md-6.col-sm-6 {
      padding-right: 0;
    }
    #frmContactUs .col-md-12.col-sm-12, #frmContactUs .col-md-6.col-sm-6 {
      width: 100%;
    }
    .emp_col p{
        min-height: auto;
    }
    .feature-card .h3, .feature-card p{
        min-height: auto;
        height: auto;
    }
    .feature-card .h3 br, .feature-card p br{
        display: none;
    }
    .consult .h2 br{
        display: none;
    }
    .red_wrapper .h3 {
        font-size: 20px;
      }
.consult .col-md-4:last-child .red_wrapper {
  margin-bottom: 0;
}
    .empowering .col-md-4 {
        max-width: 100%;
    }
     .red_wrapper > div {
        width: 50%;
      }
    .consult .col-md-4 {
        max-width: 100%;
    }
    .red_wrapper {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;
    }
    .plat-col img {
        border-radius: 24px !important;
    }
    .int-tab-buttons {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 15px;
    }
    .int-tab-contents {
        width: 100%;
    }
    .int-tab-wrapper {
        flex-direction: column;
    }
    .card_wrapper .service-card {
        width: 100% !important;
    }
    .service-card {
        padding: 20px;
    }
}
@media only screen and (max-width: 500px){
    .bg-row-cta{
        padding: 0;
    }
    .giant-cnt {
        padding: 20px;
     }
    .banner_bullits li {
      align-items: first baseline;
    }
    .header--contctdetails a:first-child {
        display: none;
    }
    .main_banner img {
        width: 100%;
        padding-left: 15px;
    }
    .copyright {
        flex-direction: column;
    }
    .form-wrapper {
        padding: 25px;
    }
    .h1 {
        font-size: 25px;
    }
     .red_wrapper .h3 {
        font-size: 17px;
        line-height: 1.3;
      }
    .red_wrapper > div:first-child {
        width: 60%;
    }
    .main_banner {
      background-position: 30% 50%;
     }
}