.homepage-2024-banner {
    background: url(https://images.primeagile.com/ibcscorp_com/image/29311/bg.webp),url(https://images.primeagile.com/ibcscorp_com/image/29313/bg-right.webp);
    background-repeat: no-repeat;
    background-position: top left,right;
    padding: 100px 0;
    background-size: contain;
}

div#primeagile__36752 {
    overflow: hidden
}

.carousel_item_primeagile h1 {
    font: normal normal bold 91px/128px Poppins;
    letter-spacing: 0;
    color: #373737;
    line-height: 1.5;
    font-size: 4rem
}

.carousel_item_primeagile .row>.col-md-7 {
    backdrop-filter: blur(10px);
    padding: 20px;
    background: #fff6
}

button.get-inspired-new {
    background: #ed1c24 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    border: 0
}

.small-red {
    color: #ed1c24
}

img {
    max-width: 100%
}

.relative-home-section {
    background: #f2f2f2 0 0 no-repeat padding-box;
    padding: 20px
}

.services-row {
    background: #48a4bb 0 0 no-repeat padding-box;
    padding: 20px 0
}

.relative-aritcle {
    position: relative
}

.helpimg-businesses {
    border-left: 20px solid #48a4bb;
    padding-left: 20px;
    padding: 20px
}

.absolute-image {
    position: absolute
}

.services-div {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
    max-width: 900px;
    gap: .2rem;
    justify-content: center
}

.services-div ul {
    padding: 0;
    width: 90%
}

.service-text {
    list-style: none;
    position: relative;
    padding-left: 10px;
    background: #fff;
    color: #fff;
    margin: .1rem;
    display: flex;
    align-items: center;
    height: auto;
    line-height: 1.5;
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px
}

h3 {
    font: normal normal bold 48px/62px Poppins;
    letter-spacing: 0;
    color: #373737;
    line-height: 1;
}

.service-text::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(https://images.primeagile.com/ibcscorp_com/image/12951/logo-ibcs.png);
    background-size: cover;
    background-repeat: no-repeat;
    transition: background-image .5s ease;
    margin-right: 10px;
    padding: 15px
}

.services-div a {
    text-decoration: none;
    color: #000;
    padding: 5px;
    display: block
}

h2#what-we-offer-h2 {
    margin: 0
}

.slide-body {
    align-items: center;
    background: #e3e3e3;
    display: flex;
    justify-content: center;
    width: 100%
}

* {
    padding: 0;
    margin: 0
}

.slide-section h2 {
    text-align: center;
    color: #123e92;
    padding: 0;
    margin: 0
}

.slide-section img {
    mix-blend-mode: inherit
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.slider {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff
}

.slider::before,.slider::after {
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slider::before {
    left: 0;
    top: 0
}

.slider .slide-track {
    animation: scroll 30s linear infinite;
    display: flex;
    width: calc(250px* 20);
    align-items: center;
    gap: 100px;
    margin-top: 50px
}

div#primeagile__36763 {
    margin: 100px auto
}

div#primeagile__36763 .row {
    align-items: center
}

.carousel-bg {
    background: 0;
    padding: 84px 5px 0 5px;
    color: #fff !important;
    border: 0;
    border-radius: 0
}

#primeagile__17507 {
    background: #373737 0 0 no-repeat padding-box !important;
    background: url(https://images.primeagile.com/ibcscorp_com/image/24666/bg-sec.webp)
}

#primeagile__36764 .row {
    align-items: center;
    justify-content: center
}

#primeagile__36764 {
    background: #b1c7ba 0 0 no-repeat padding-box;
    padding: 20px
}

.carousel_item_primeagile .row {
    align-items: center
}

button.slick-arrow.slick-next {
    display: none !important
}

.technologies {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

#primeagile__21918 {
    margin-top: 100px;
    text-align: center;
}

#primeagile__21919 {
    background: transparent linear-gradient(55deg, #6c99d5 0, #091e3a 100%) 0 0 no-repeat padding-box;
    margin-top: 100px;
    padding: 50px 0;
}

#primeagile__21918 img {
    box-shadow: 0 4px 6px #0a22424f;
    border-radius: 100px;
    width: 100px;
}


#primeagile__18099 {
    display: flex;
    gap: 20px
}

#primeagile__18096 {
    color: #fff;
    margin-bottom: 50px;
}

#primeagile__18099 >#pagelist>div:first-child a {
    width: 90%;
    text-decoration: none;
    padding: 12px;
    background-color: #fff;
    border-bottom-left-radius: 50px;
}

div#pagelist .pagination {
    margin-top:20px;
}

#primeagile__17724, #primeagile__18094, #primeagile__18115 {
    font-size: 40px;
    padding: 40px 0;
    color: #000;
    font-weight: bold;
}

#primeagile__18117 {
    margin-top: 100px;
    background: url(https://images.primeagile.com/ibcscorp_com/image/24659/main-careers-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding-top: 200px;
}
#primeagile__18117 #pagelist {
    background: rgba(255, 255, 255, 0.849);
}
#primeagile__18120 {
    padding: 15px 10px;
    margin: 10px auto;
    width: 70%;
}
#primeagile__18120 h2 {
    font-size: 24px;
    color: #000;
    margin: 10px 0 0;
    font-weight: bold;
}

button.job-link-button {
    display: flex;
    align-items: center;
    padding: 10px;
    max-width: 250px;
    border-radius: 7px;
    justify-content: center;
    text-decoration: none;
    color: #1a4ace;
    border: 0;
    outline: 0;
    background: 0;
    font-weight: bold;
}

div#primeagile__18092 .pagination {
    max-width: 500px;
    margin: auto;
    flex-wrap: wrap;
}


/* SERVICE CARDS BEGIN */


.services-card-container{
  padding-block: min(20vh, 2rem);
  width: calc(min(76.5rem, 90%));
  margin-inline: auto;
  color: #111;
}
.services-card-container> h3 {
  text-transform: capitalize;
  letter-spacing: 0.025em;
  font-size: clamp(2rem, 1.8125rem + 0.75vw, 2.6rem);
  text-align:center;
}
.services-card-container a {
  display: inline-block;
  text-decoration: none;
}
.services-card-container .services-container {
  margin-top: 5em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 2rem;
}
.services-card-container
  .services-container
  .card:nth-child(1)
  .box
  .icon
  .iconBox {
  background: #d3b19a;
}
.services-card-container
  .services-container
  .card:nth-child(2)
  .box
  .icon
  .iconBox {
  background: #70b3b1;
}
.services-card-container
  .services-container
  .card:nth-child(3)
  .box
  .icon
  .iconBox {
  background: #d05fa2;
}
.services-card-container .services-container .card-cont ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.services-card-container .services-container .card-cont ul li {
  text-transform: uppercase;
  background: var(--clr-tag);
  color: #282828;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.375rem 0.625rem;
  border-radius: 0.188rem;
}
.services-card-container .services-container .card-cont ul .branding {
  color: #704a31;
}
.services-card-container .services-container .card-cont ul .packaging {
  color: #1e3938;
}
.services-card-container .services-container .card-cont ul .marketing {
  color: #4d1637;
}
.services-card-container .services-container .card-cont .card-content-main {
  padding: 0.938rem 0.625rem;
}
.services-card-container .services-container .card-cont .card-content-main h3 {
  text-transform: capitalize;
  font-size: clamp(1.5rem, 1.3909rem + 0.4364vw, 1.8rem);
}
.services-card-container .services-container .card-cont .card-content-main p {
  margin: 0.625rem 0 1.25rem;
  color: #565656;
  min-height:100px;
}
.services-card-container .services-container .card-inner {
  position: relative;
  width: inherit;
  height: 18.75rem;
  background: var(--clr);
  border-radius: 1.25rem;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.services-card-container .services-container .card-inner .box {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1.25rem;
  overflow: hidden;
}
.services-card-container .services-container .card-inner .box .imgBox {
  position: absolute;
  inset: 0;
}
.services-card-container .services-container .card-inner .box .imgBox img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.services-card-container .services-container .card-inner .box .icon {
  position: absolute;
  bottom: -0.375rem;
  right: -0.375rem;
  width: 6rem;
  height: 6rem;
  background: var(--clr);
  border-top-left-radius: 50%;
}
.services-card-container
  .services-container
  .card-inner
  .box
  .icon:hover
  .iconBox {
  transform: scale(1.1);
}
.services-card-container .services-container .card-inner .box .icon::before {
  position: absolute;
  content: "";
  bottom: 0.375rem;
  left: -1.25rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}
.services-card-container .services-container .card-inner .box .icon::after {
  position: absolute;
  content: "";
  top: -1.25rem;
  right: 0.375rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);
}
.services-card-container .services-container .card-inner .box .icon .iconBox {
  position: absolute;
  inset: 0.625rem;
  background: #74cee6 ;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.services-card-container
  .services-container
  .card-inner
  .box
  .icon
  .iconBox
  span {
  color: #fff;
  font-size: 1.5rem;
}

/* SERVICE CARDS END */


div#primeagile__18117 #pagelist>div {
    flex-direction: column !important;
}

@media only screen and (max-width: 767px) {
    .absolute-image {
        display:none
    }

    .services-div ul {
    margin:auto;
        width:90%;
}

    .carousel_item_primeagile h1 {
        font-size: 3rem
    }

    h3 {
        font-size: 2rem
    }
}

@media (max-width: 991px) {
    div#primeagile__18099>div>div {
        flex-wrap: wrap !important;
    }
}