.bg-light {
    background-color: #f0f6fc !important;
    padding: 40px 0
}

code {
    background-color: #2d2d2d;
    color: #e6e6e6;
    padding: .2rem .4rem;
    border-radius: 4px;
    font-family: "Consolas","Monaco","Courier New",monospace;
    font-size: .9em
}

.table {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: .95rem
}

.table th {
    background-color: transparent;
    border-bottom: 2px solid #333;
    font-family: "Merriweather",serif
}

.table td {
    vertical-align: middle
}

.blog-card {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    line-height: 1.6;
    color: #4b5563;
    border-left: 5px solid #ccc
}

.blog-title {
    font-style: normal;
    font-weight: 700;
    color: #1e293b;
    font-size: 1.1em;
    display: block;
    margin-bottom: 8px
}

.accent-blue {
    border-left-color: #003049
}

.accent-green {
    border-left-color: #669bbc
}

.accent-red {
    border-left-color: #db2020
}

.accent-purple {
    border-left-color: #8b5cf6
}

.bg-light h2 {
    font-weight: 500;
    padding-bottom: 20px
}

.card {
    padding: 10px
}

.bg-light {
    padding: 40px 0;
    margin: 40px 0
}

.kQGnSX {
    gap: 7px
}

.ds {
    padding: 10px;
    margin-bottom: 10px;
    border: 0;
    box-shadow: #ddd 2px 3px 2px 0
}

div#primeagile__37305 #pagelist {
    margin-bottom: 50px
}

.small-card {
    background: #f2f2f2;
    padding: 10px;
    margin-bottom: 10px
}

.small-card h4,.ds h3 {
    color: #4080c0;
    font-size: 22px
}

.bg-warn {
    background: #ffe5e5;
    vertical-align: middle
}

section.bg-warn .row {
    align-items: center !important;
    margin: 50px !important;
    padding: 30px !important
}

.take-over {
    text-align: center;
    max-width: 800px;
    margin: 100px auto
}

.web-future {
    justify-content: space-between;
    margin-bottom: 50px
}

.headless-cms {
    background: #f0f6fc;
    padding: 50px
}

.trad,.headless {
    padding: 20px
}

.trad {
    background: #d4ecff
}

.headless {
    background: #f3e9e3
}

.tb-border {
    background: #fff;
    box-shadow: 0 3px 6px #00000029
}

#primeagile__11 table tr td {
    padding: 10px !important;
    border: none !important
}

.headless-cms .container {
    overflow-x: auto
}

.tb-bold,.ai-trends-cont h1,.ai-trends-cont h2,.ai-trends-cont h3,.ai-trends-cont h4 {
    font-weight: bold
}

.swapped-object {
    display: none !important
}

div#primeagile__13641 {
    background: #f8f8f8
}

button.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
}

section.ai-trends-cont>.container>.row {
    align-items: center
}

.language-html {
    overflow: hidden;
    overflow-x: auto
}

div#primeagile__37852>div>div:first-child {
    background: #f0f0f0;
    border: 1px solid rgba(0,48,73,0.1);
    flex-direction: column
}

div#primeagile__37851 {
    margin-top: 100px
}

#primeagile__37852>div>div:first-of-type>div:nth-child(1) {
    display: none
}

div#primeagile__37851 {
    position: relative
}

div#primeagile__37854 {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px
}

div#primeagile__37852,#primeagile__37304 {
    position: sticky;
    top: 8rem
}

.image-wrapper {
    display: inline-block;
    background-image: url(https://images.primeagile.com/ibcscorp_com/image/32107/ibcscorp-logo-circle.webp);
    background-size: contain;
    background-position: center;
    border-radius: 100%;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px
}

.image-wrapper img {
    border-radius: 100%
}

.image-wrapper img:not([srcset]) {
    display: none
}

#primeagile__37854 {
    font-family: poppins;
    color: #003049
}

#primeagile__37854>span:nth-child(3) {
    font-weight: lighter;
    color: grey;
    font-size: .75rem
}

@keyframes bounce {
    0,20%,50%,80%,100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-10px)
    }
}

@media(max-width: 767px) {
    div#primeagile__37851 {
        margin-top:0
    }

    div#primeagile__37852>div>div:first-child {
        background-color: floralwhite;
        flex-direction: row;
        border: 1px solid;
        border-radius: .5rem
    }

    div#primeagile__37851 {
        position: static !important
    }

    div#primeagile__37852 {
        position: static !important
    }

    div#primeagile__37852>div>div {
        flex-direction: row
    }

    #primeagile__37303 {
        margin-top: 20px
    }
}