.fullWidthBlueBar {
    display: flex;
    align-items: center;
    padding: 50px 10px;
    background: transparent radial-gradient(closest-side at 64% 108%, #98d5ff 0, #0082d7 100%) 0 0 no-repeat padding-box;
    justify-content: space-evenly;
    color: #fff;
    font-size: xx-large;
    width: 100%;
    bottom: 0
}

.breadcrumb {
    padding: 10px !important;
    justify-content: flex-end;
    text-transform: capitalize
}

#primeagile__19280,
#primeagile__19305,
#primeagile__19857,
#primeagile__20010,
#primeagile__19959,
#primeagile__20101,
#primeagile__16452 {
    background: #000;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    border-radius: 50px
}

#primeagile__16452 button {
    background: inherit;
    border: 0;
    color: #fff
}

#primeagile__20174,
#primeagile__20164 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

#primeagile__20164 {
    background: rgba(255, 255, 255);
    color: #000;
    padding: 20px;
    gap: 50px;
    margin: 1rem 0
}

div#primeagile__20174 input {
    width: 100%;
    padding: 10px 3px;
    margin: .5rem
}

#primeagile__20175 {
    text-align: right;
    margin: 1rem 0
}

#primeagile__20201 {
    display: grid;
    justify-items: end
}

#primeagile__20172 {
    padding: 10px 20px;
    background: #2774c1;
    color: #fff
}

.get-inspired,
.join-us-in-partnership {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: inset 0 3px 6px #00000096;
    border-radius: 47px;
    font: normal normal bold 24px/35px Poppins;
    letter-spacing: 0;
    color: #f10505;
    text-shadow: 0 3px 6px #00000042;
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap
}

.join-us-in-partnership {
    background: #0a4681;
    color: #fff
}

h2#what-we-offer-h2,
#primeagile__21915 h2.new-h2,
h3.new-h3 {
    font-size: 52px !important;
    color: #000 !important;
    margin-bottom: 50px
}

.new-h2 {
    margin-top: 50px
}

div#primeagile__21913 {
    width: 100%;
    margin: 0
}

#primeagile__21914 {
    background: #f9fced;
    padding: 50px 0
}

#primeagile__21915 {
    align-self: center
}

.clients-log {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    justify-content: center;
}

#primeagile__22055 {
    margin-top: 50px
}

#primeagile__22055 a {
    text-decoration: none
}

#primeagile__22101 {
    background: #f8f8f8
}

#primeagile__22101 a {
    text-decoration: none
}

#primeagile__22101 h1 {
    text-align: center
}

.article-card {
    width: 100%;
    padding: 1.25rem;
    border-radius: .25rem;
    background-color: var(--sdcolor);
    transition: transform .3s ease-in-out;
    cursor: pointer
}

.card-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: .25rem
}

.card-img img {
    width: 100%  !important;
    height: 100%  !important;
    display: block;
    object-fit: cover;
    object-position: center
}

.article-card {
    width: 100%;
    border-radius: .25rem;
    background-color: var(--sdcolor);
    transition: transform .3s ease-in-out;
    cursor: pointer;
    height: 100%
}

.card-body {
    padding: 1.25rem
}

.ctared {
    background: red 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #085fa941;
    padding: 13.5px 20px;
    border-radius: 10px;
    border: 0;
    color: #fff;
    margin: 25px 0;
    width: 50%
}

.article-card {
    background: transparent linear-gradient(180deg, #fff 0, #efefef 100%) 0 0 no-repeat padding-box
}

.card-body {
    background: transparent linear-gradient(180deg, #fff 0, #efefef 100%) 0 0 no-repeat padding-box
}

.talk-to-us-centered {
    text-align: center;
    max-width: 600px;
    margin: auto
}

.adv {
    margin-top: 50px;
    justify-items: center
}

.adv ul li {
    list-style: none;
    display: flex;
    padding-top: 5px;
    gap: 20px;
    box-sizing: border-box
}

.adv ul li::before {
    content: url("https://images.primeagile.com/ibcscorp_com/image/25601/check.png")
}

.article-div-main {
    min-height: 446px
}

.container-row-main {
    justify-content: center
}

.container-row-main {
    margin-top: 100px
}

.breadcrumb-item.active {
    color: #202123 !important
}

.adv {
    margin-top: 50px
}

.our-serv-ar {
    text-align: center;
    margin: 100px auto 50px auto
}

.our-serv-ar .col-4 p {
    font-weight: bold
}

.get-strt-sect {
    min-height: 210px;
    background: #ffe5e5 0 0 no-repeat padding-box;
    display: grid;
    place-items: center;
    margin-top: 50px
}

.get-strt-sect .row {
    align-items: center;
    justify-content: space-between
}

.get-strt-sect p {
    font-weight: bold
}

.two-four {
    margin: 20px 0
}

.cost-effective li {
    list-style: none;
    display: flex;
    padding: 5px 0;
    gap: 20px;
    box-sizing: border-box
}

.cost-effective li::before {
    content: url("https://images.primeagile.com/ibcscorp_com/image/25601/check.png")
}

.cost-eff {
    align-items: center
}

.content-seo {
    margin-top: 100px
}

.services-why {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 2px solid red;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 20px 0
}

.serv-row {
    justify-content: center;
    text-align: center
}

.serv-row>.col-4 {
    text-align: center;
    display: grid;
    place-items: center
}

/* ADDITIONAL CSS */
.card-section {
    width: 90%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

.article-card {
    width: 100%;
    cursor: default;
    padding: 1.25rem;
    border-radius: 0.25rem;
    background-color: var(--sdcolor);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.article-card:hover {
    transform: translateY(-0.5rem);
}

.card-img {
    width: 100%;
    height: 15rem;
    overflow: hidden;
    position: relative;
    border-radius: 0.25rem;
}

.card-img img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
    object-position: center;
}

.card-img figcaption {
    background-color: var(--ttcolor);
    color: var(--sdcolor);
    font-size: 0.85rem;
    padding: 0.5rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.card-title {
    text-transform: capitalize;
    margin: 0.75rem 0;
}

.ctared {
    background: red 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #085fa941;
    padding: 13.5px 20px;
    border-radius: 10px;
    border: 0;
    color: #fff;
    margin: 25px 0;
    width: 50%;
}

.marketing-services {
    background: transparent linear-gradient(151deg, #F9F9F9 0%, #98D5FF 100%) 0% 0% no-repeat padding-box;
}

.marketing-services h2 {
    text-align: center;
    margin: 50px 0;
}

.marketing-services container {
    padding-top: 50px;
}

.dmcs {
    background: #fff;
    padding: 10px;
    margin: .5rem;
    border-bottom: 2px dashed black;
}

.link-dmcs {
    border-bottom: 2px dashed red !important;
}

.link-dmcs h3 {
    color: red;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 0 0;
}

.arrow-class {
    display: flex;
    align-items: center;
}

.arrow-class::after {
    content: url(https://images.primeagile.com/ibcscorp_com/image/25252/digital_arrows.png);
    margin-left: 5px;
    /* Optional: Add some spacing between the content and ">" */
}

.last-card {
    text-align: center;
}

article.article-card h2 {
    color: #fff !important;
}

section.marketing-services .row {
    justify-content: center;
}

section.marketing-services {
    padding-top: 50px;
}

section.marketing-services .talk-to-team-button {
    text-align: center;
}

/* SOFTWARE DEVELOPMENT */

.card-section {
    width: 100%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    overflow: hidden;
}

.cards-header {
    text-align: center;
    margin-top: 100px;
}

.article-card {
    width: 100%;
    cursor: default;

    border-radius: 0.25rem;
    background-color: var(--sdcolor);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    height: 100%;
}

.card-body {
    padding: 1.25rem;
}

.article-card {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
}

.custom-software-dev-nations {
    background: #F9F9F9;
    align-items: center;
    padding: 20px 10px;
}

.softr-nations-main {
    grid-column: span 2;
    margin: 0 1rem;
}

.pdf-download {
    margin-top: 50px;
    background: #fff;
}

.our-software-dev-proc ul {
    padding: 0;
}

.our-software-dev-proc li {
    list-style: none;
    margin-bottom: 10px;
}

.our-software-dev-proc li h3 {
    color: #0082D7;
    font-size: 18px;
    margin-top: 20px;
    padding: 0;
    font-weight: bold;
}

.process-main .row {
    justify-content: center;
}

.software-tools {
    margin-top: 50px;
}

.software-tools-row {
    justify-content: center;
}

.software-tools ul {
    padding: 0;
    width: 100%;
}

.software-tools li {
    list-style: none;
    padding: 0;
}

.first-list-section {
    background: #F5FBFF 0% 0% no-repeat padding-box;
    padding: 20px;
    box-sizing: border-box;
    margin: 0.5rem;
}

.second-list-section {
    background: #FBF8F8 0% 0% no-repeat padding-box;
    padding: 20px;
    box-sizing: border-box;
    margin: 0.5rem;
}

.software-tools-row h3 {
    font-size: 24px;
}

.talk-to-us {
    text-align: center;
    max-width: 600px;
}

/* SYSTEM INTEGRATION AND MIGRATION */
.card-section {
    width: 90%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 1fr;
}

/* Extra css */
.card-body {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
}

.talk-to-us-centered {
    text-align: center;
    max-width: 600px;
    margin: auto;
}

.adv {
    margin-top: 50px;
}

.adv ul li {
    list-style: none;
    display: flex;
    padding-top: 5px;
    gap: 20px;
    box-sizing: border-box;
}

.adv ul li::before {
    content: url('https://images.primeagile.com/ibcscorp_com/image/25601/check.png');
}

.dmcs-new {
    background: #fff;
    align-self: center;
    padding: 30px;
    margin: .5rem;
    box-sizing: border-box;
}

.what-do-we-do {
    padding-top: 50px;
}

.key-features li {
    list-style: none;
}

.what-we-do-row {
    justify-content: center !important;
    align-items: center;
    margin: auto;
}

.dmcs-new h3 {
    font-size: 19px !important;
}

.dmcs-new>div {
    height: 100px;
}

.align-self-wed {
    align-self: center;
}


.cta-part .row {
    justify-content: center;
}

.cta-part p {
    font-size: 20px;
    font-weight: bold;
}

.cta-part div {
    align-self: center;
}

.container-row-main {
    justify-content: center;
}

/* INTERNATIONALIZATION */
.card-section {
    width: 90%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.article-div-main {
    min-height: 446px;
}

/* new-css code */


.unordered-li-items {
    padding: 0;
}

.unordered-li-items li {
    list-style: none;
    margin-top: 10px;
}

.unordered-li-items li::before {
    content: '\2713';
    color: red;
    font-size: 20px;
    padding-right: 20px;
}

.interna.unordered-li-items>li {
    margin-top: 30px !important;
}

.container-row-main {
    margin-top: 100px;
}

.dmcs-new-2 {
    background: transparent linear-gradient(180deg, #E4E4E4 0%, #F8F8F8 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 3px #0000001C;
    align-self: center;
    /*   padding:30px;
   */
    margin: 1rem;
    min-height: 320px;
    align-items: center;
}

.dmcs-new-2 .what-we-do-row {
    align-items: center;
}

.internationalisation-class .marketing-services {
    background: none !important;
    margin-top: 100px;
}

.benefits-of-transcreation {
    background: #F6FAFC 0% 0% no-repeat padding-box;
    padding: 50px 0
}

.here-to-help {
    justify-content: center;
}

.here-to-help p {
    max-width: 400px;
    align-self: center;
    font-weight: bold;
}

.here-p {
    font-size: 20px;
}

.dom-sup {
    text-align: left !important;
    margin-bottom: 0;
}

.dom-sup-p {
    padding: 0;
    margin: 0;
}

/* STAFFING */

.card-section {
    width: 90%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.article-card {
    cursor: default;

    border-radius: 0.25rem;
    background-color: var(--sdcolor);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.dmcs-new>div {
    min-height: 100px;
}

.our-serv-ar {
    text-align: center;
    margin: 100px auto 50px auto;
}

.our-serv-ar .col-4 p {
    font-weight: bold;
}

.get-strt-sect {
    min-height: 210px;
    background: #FFE5E5 0% 0% no-repeat padding-box;
    display: grid;
    place-items: center;
    margin-top: 50px;
}

.get-strt-sect .row {
    align-items: center;
    justify-content: space-between;
}

.get-strt-sect p {
    font-weight: bold;
}

.two-four {
    margin: 20px 0;
}

.cost-effective li {
    list-style: none;
    display: flex;
    padding: 5px 0;
    gap: 20px;
    box-sizing: border-box;
}

.cost-effective li::before {
    content: url('https://images.primeagile.com/ibcscorp_com/image/25601/check.png');
}

img {
    max-width: 100% !important;
}

.cost-eff {
    align-items: center;
}

.content-seo {
    margin-top: 100px;
}

.services-why {
    width: 100px;
    /* Set the width of your div */
    height: 100px;
    /* Set the height of your div */
    background-color: #ffffff;
    /* Set the background color of your div */
    border: 2px solid red;
    /* Set the red border with a width of 2px */
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 20px 0;
}

.serv-row {
    justify-content: center;
    text-align: center;
}

.serv-row>.col-4 {
    text-align: center;
    display: grid;
    place-items: center;
}

/*  NEW CSS*/

.take-aways {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
}

.take-aways li,
.our-appr li {
    list-style: none;
    display: flex;
    padding: 5px 0;
    gap: 20px;
    box-sizing: border-box;
}

.take-aways li::before,
.our-appr li::before {
    content: url('https://images.primeagile.com/ibcscorp_com/image/25601/check.png');
}

.training-method {
    text-align: center;
    margin: 100px auto 50px auto;
}

.training-method .col-4 p {
    font-weight: bold;
}

.method-border {
    width: 100px;
    /* Set the width of your div */
    height: 100px;
    /* Set the height of your div */
    background-color: #ffffff;
    /* Set the background color of your div */
    border: 2px solid #6C7C7C;
    /* Set the red border with a width of 2px */
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 20px 0;
}

.training-method .col-4 {
    min-height: 343px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.talk-with-expert {
    background: #FFE5E5 0% 0% no-repeat padding-box;

    margin-top: 50px;
}

.talk-with-expert .row {
    align-items: center;
    justify-content: space-between;
}

.talk-with-expert p {
    font-weight: bold;
}

.programs-row {
    justify-content: center;
    gap: 20px;
}

.programs-row>div {
    min-height: 633px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 0;
    gap: 10px;
}

.programs {
    min-height: 121px;
    /* UI Properties */
    background: #D4ECFF 0% 0% no-repeat padding-box;
    display: grid;
    place-items: center;
    width: 100%;
}

.programs h3 {
    padding: 10px;
}

.programs-row ul {
    margin-top: 20px;
    padding: 0;
}

.programs-row li {
    list-style: none;
    display: flex;
    padding: 5px 0;
    gap: 20px;
    box-sizing: border-box;
}

.programs-row li::before {
    content: url('https://images.primeagile.com/ibcscorp_com/image/25601/check.png');
}

.programs-row>div {
    min-height: 633px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 0;
    gap: 10px;
    min-width: 32%;
}

.ctared-download {
    background: #948E8E 0% 0% no-repeat padding-box;
    box-shadow: 0 0 20px #085fa941;
    padding: 13.5px 20px;
    border-radius: 10px;
    border: 0;
    color: #fff;
    margin: 25px 0;
    width: 50%;
}

/*NEW CSS  */
.we-provide h2 {
    text-align: center;
}

.we-provide {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F4FBFF 38%, #C7DDEC 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    min-height: 500px;
    display: grid;
    place-items: center;
    padding-bottom: 50px;
}

.we-provide .row {
    align-items: center;
}

.staffing-strategy {
    margin-top: 100px;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.staffing-strategy .row {
    align-items: center;
}

.download-btn {
    text-align: center;
}

.hr-goals {
    margin: 50px auto;
}

.hr-cards .article-card {
    border-radius: 0.25rem;
    background-color: var(--sdcolor);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.serv-row>.col-md-3 {
    text-align: center;
    display: grid;
    place-items: center;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
}

.bus-flow {
    margin: 50px auto;
}

/* CORPORATE TRAINING */

.card-section {
    width: 90%;
    margin: 2rem auto;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.serv-row {

    text-align: center;
    flex-wrap: wrap;
}

.web-dev-main-container a {
  text-decoration: none;
  color: #000;
}

.web-dev-main-container h1 {
  font-size: 52px;
  margin-bottom: 50px;
}

.back-container p {
  font-size: 24px;
}
/* Float three columns side by side */
.web-dev-main-container .column {
  float: left;
  width: 50%;
  padding: 0 10px;
}
.web-dev-main-container .column-industries {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1rem;
}

.web-dev-main-container .back-container p {
  padding: 0;
}

/* Remove extra left and right margins, due to padding */
.web-dev-main-container .row {
  margin: 0 -5px;
}

/* Clear floats after the columns */
.web-dev-main-container .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 700px) {
  .web-dev-main-container .container {
    width: 100%;
  }

  .web-dev-main-container .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  /*   .column-industries{
         width: 100%;
        display: block;
        margin-bottom: 20px;
      } */
}

.color-FAD808 {
  border: 1px solid #fad808;
}
.color-41B200 {
  border: 1px solid #41b200;
}

.color-EA4235 {
  border: 1px solid #ea4235;
}
.color-008ACE {
  border: 1px solid #008ace;
}

.color-F36306 {
  border: 1px solid #f36306;
}
.color-0077C0 {
  border: 1px solid #0077c0;
}
.color-F44321 {
  border: 1px solid #f44321;
}
.color-95BF47 {
  border: 1px solid #95bf47;
}
.color-0082D7 {
  border: 1px solid #0082d7;
}
.color-1952A5 {
  border: 1px solid #1952a5;
}
.color-FD4FB6 {
  border: 1px solid #fd4fb6;
}
@media screen and (max-width: 400px) {
  .column-industries {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.web-dev-main-container .card-container-main {
  /*   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  padding: 5px;
  text-align: center;
  background-color: #fff;
  /*   border-radius:10px; */
  cursor: pointer;
  height: 350px;
  margin: 0.5rem;
}
.web-dev-main-container .card-container-main .profile {
  border-radius: 10px;
  transition: 0.2s;
}
/* .card-container-main:hover .profile{
      transform:scale(1.4);
      border-top-right-radius:50px;
      border-top-left-radius:50px;
    }
     */
.web-dev-main-container .card-container-main .content-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: grid;
  align-items: center;
}

.web-dev-main-container .front-container p {
  font-weight: bold;
  font-size: 20px;
}
.web-dev-main-container .card-container-main .content-container .back-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(153deg, #ff0000 0%, #800000 100%) 0%
    0% no-repeat padding-box;
  transition: 1s;
  color: #fff;
  z-index: 1;
  padding: 10px;
  display: grid;
  align-items: center;
}

.web-dev-main-container .from-left {
  top: 0;
  left: -100%;
}
.web-dev-main-container
  .card-container-main:hover
  .content-container
  .from-left {
  left: 0%;
}

.web-dev-main-container .from-bottom {
  top: 100%;
  left: 0;
}
.web-dev-main-container
  .card-container-main:hover
  .content-container
  .from-bottom {
  top: 0%;
}

.web-dev-main-container .from-right {
  top: 0%;
  right: -100%;
}
.web-dev-main-container
  .card-container-main:hover
  .content-container
  .from-right {
  right: 0;
}

.web-dev-main-container .card-container-main .content-container .back-container h3 {
  font-size: 15px;
  letter-spacing: 2px;
}
.web-dev-main-container .card-container-main .content-container .back-container .tem-img {
  border-radius: 100%;
}

.web-dev-main-container .card-container-main .content-container .back-container .des {
  font-size: 13px;
  padding: 5px 0px;
}
.web-dev-main-container
  .card-container-main
  .content-container
  .back-container
  .social-icon {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.web-dev-main-container
  .card-container-main
  .content-container
  .back-container
  .social-icon
  li {
  display: inline-block;
}

.web-dev-main-container
  .card-container-main
  .content-container
  .back-container
  .social-icon
  li
  a {
  display: block;
  background: #333;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 100%;
}

.web-dev-main-container .ctared {
  background: red 0 0 no-repeat padding-box;
  box-shadow: 0 0 20px #085fa941;
  padding: 13.5px 20px;
  border-radius: 10px;
  border: 0;
  color: #fff;
  margin: 25px 0;
  width: 50%;
}
.web-dev-main-container .we-meet-your-needs {
  background: transparent linear-gradient(116deg, #f9f9f9 0%, #98d5ff 100%) 0%
    0% no-repeat padding-box;
  position: relative;
  padding: 100px;
}
.web-dev-main-container img {
  max-width: 100%;
}

.web-dev-main-container .bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0;
  margin: 0;
}

.web-dev-main-container .how-we-work {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;
}

.web-dev-main-container .how-we-work-container,
.types-of-service,
.web-dev-service {
  margin-top: 100px;
  text-align: justify;
}
.web-dev-main-container .how-we-work > div {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0px 0px 50px 0px;
  height: 200px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}

.web-dev-main-container .how-we-work-web-development {
  max-width: 700px;
  margin: 50px 0;
}

.web-dev-main-container .other-benefits-boxes {
  display: grid;
  gap: 1rem;
}

.web-dev-main-container .column-industries .card-container-main {
  background: #f6f6f6;
}

.web-dev-main-container .column-industries .card-container-main:hover {
  background: #000;
  transition: 0.5s;
  color: #fff;
}

.web-dev-main-container .other-benefits-boxes > div {
  background: #0082d7;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  height: 120px;
}

.web-dev-main-container .how-we-work-inner-container > h2 {
  margin-top: 100px;
}
.web-dev-main-container .benefits-main-container {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .web-dev-main-container.bottom-right {
    position: relative;
    bottom: 0px;
    right: 0px;
  }
}