.btn-gradient-green-yellow {
    background: linear-gradient(287.83deg, #e7ef37 33.73%, #08823f 91.84%);
    background-size: 200% auto;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none; /* Optional: disable if box-shadow causes illusion */
    transition: all 0.3s ease-in-out;
}
.bg-gradient-agri {
    background-image: linear-gradient(to left, #e7ef37, #08823f);
    background-size: 200% auto;
}
.text-agri-yellow {
    color: #e7ef37;
}
.border-color-yellow {
    border-color: #e7ef37 !important;
}
#about-agri{
       padding: 40px 0 !important;
    overflow: hidden;
}
/* section what we do */
.what-we-do {
    background-color: #1e1e1e;
    border-image: linear-gradient(90deg, #08823f, #e7ef37) 1;
    padding: 0 0;
    color: white;
}
.marketing-solutions {
    padding: 32px 0;
    color: white;
}

.agri-container {
    margin: 0 auto;
    padding: 40px 0px; 
}

.content {
    display: flex;
    /* align-items: flex-start; */
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}
.marketing-solutions > div > div {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    flex-wrap: wrap;
}
#cta {
    padding: 80px 0 !important;
    overflow: hidden;
}
#recent-work{
    padding-top: 40px;
    padding-bottom: 40px;
}
/* Ensure the logo is responsive */
.logo-circle {
    width: auto;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: start;
}

.logo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title-agri-large {
    font-size: 70px;
    line-height: 80px;
}
.agri-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row-agri > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--bs-gutter-y);
}
.cover-background3{
        background-position: top center !important;

}
 /* Modern standard */
.agri-contact input::placeholder,
.agri-contact textarea::placeholder {
    color: #e7ef37 !important;
    text-overflow: ellipsis;
    opacity: 1;
}

/* WebKit (Safari, older Chrome) */
.agri-contact input::-webkit-input-placeholder,
.agri-contact textarea::-webkit-input-placeholder {
    color: #EFF479 !important;
    text-overflow: ellipsis;
}

/* Firefox */
.agri-contact input::-moz-placeholder,
.agri-contact textarea::-moz-placeholder {
    color: #EFF479 !important;
}

/* Internet Explorer 10+ */
.agri-contact input:-ms-input-placeholder,
.agri-contact textarea:-ms-input-placeholder {
    color: #EFF479 !important;
}

/* Microsoft Edge */
.agri-contact input::-ms-input-placeholder,
.agri-contact textarea::-ms-input-placeholder {
    color: #EFF479 !important;

}
.margin-8-rem-top {
    margin-top: 3rem !important;
}

.btn-yellow{
    background-color:#e7ef37;
    background-size: 200% auto;
    color: #000000;
    border: none;
    outline: none;
    box-shadow: none; /* Optional: disable if box-shadow causes illusion */
    transition: all 0.3s ease-in-out;
}
/* Adjust for smaller screens */
@media (max-width: 768px) {
    .content {
        flex-direction: row;
        align-items: center;
        text-align: center;
    }

    .logo-circle {
        margin-bottom: 20px;
    }

    .title-agri-large {
        font-size: 40px;
        line-height: 48px;
    }

    .title-large {
        font-size: 24px;
    }
}
@media (max-width: 480px) {
    .content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .marketing-solutions > div > div {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .logo-circle {
        width: 100%;
        height: 150px;
        margin-bottom: 20px;
        border-radius: 50%;
        overflow: hidden; /* ensures the image doesn't overflow the circle */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo-circle img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        object-fit: contain; /* contain ensures image scales to fit without cropping */
    }


}