.bg-light-yellow {
    background: linear-gradient(90deg, rgb(255, 241, 136) 0%, #ffd76a 35%, rgb(240, 226, 120) 100%);
}


.light-pink {
    background-color: #FCE4EC;
}

.light-yellow {
    background-color: #FFF0CB;
}

.light-blue {
    background-color: #EBF2FF;
}

.offer-circle {
    position: absolute;
    top: 10px;
    left: 0;
}

.offer-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
}

.offer-cricle img {
    max-width: 100px;
    position: relative;
    z-index: -1;
}  

.offer-dots img {
    max-width: 100px;
    position: relative;
    z-index: -1;
}

.offer-arrow {
    position: absolute;
    bottom: -90px;
    right: 50px;
}

.offer-ellipse {
    position: absolute;
    right: 0;
    top: 0;
}

.offer-note {
    position: absolute;
    left: 47%;
}

.offer-note img {
    max-width: 300px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 57px !important;
}

/* Benifit section */

.app-benefits-section{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    background-image: url("../images/codesclue_app-benifit-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    position: relative;
    z-index: 1;
}

/* Grid 3 */

.grid-3.service-grid {
  display: grid;
  grid-template-columns: 33% 30% 33%;
  gap: 20px;
  justify-content: center;
}

.service-grid .text-justify{
    text-align: justify;
}

.service-grid .text-justify h3{
    text-align: left !important;
}

.benifit-details i {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.benifits-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.benifits-img img {
    height: 700px;
    min-width: 300px;
}

.card-32{
    width: 60px !important;
    height: 60px !important;
}