.fanatics-integration-container {
    max-width: 1366px;
}

.fanatics {
    padding: 0px 40px!important;
}

.sub-banner-section.a-fanatics-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 180px 0px 180px;
    background-image: url('../images/fanatics-banner.jpg');
}

.a-fanatics-banner::before {
    background-color: rgba(9, 31, 64, 0.8);
}

.no-webp .sub-banner-section.a-fanatics-banner {
    background-image: url('../images/rally-banner-image.jpg');
}

.a-fanatics-banner .container {
    position: relative;
}

.sub-banner-section.a-fanatics-banner h1 {
    margin-bottom: 20px;
}

.a-fanatics-banner p {
    position: relative;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 34px;
}

    .a-fanatics-banner p:last-child {
        margin-bottom: 0;
    }

.a-fanatics-banner-content {
    position: relative;
    margin-top: -180px;
    margin-bottom: 70px;
}

.a-fanatics-banner-content-box {
    background-color: #f5f5f5;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    padding: 50px 0px 50px 50px;
    border-radius: 15px;
    margin-right: 50px;
}

.a-fanatics-banner-content input {
    border-radius: 0;
    height: 50px;
    padding-left: 20px;
}

    .a-fanatics-banner-content input:focus, .a-fanatics-banner-content textarea:focus {
        box-shadow: none;
        outline: none;
        border-color: #1d2755;
    }

.edi-outsourcing-section-content h4 {
    color: #1d2755;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.edi-outsourcing-section-content ul {
    padding-left: 20px;
}

    .edi-outsourcing-section-content ul li {
        list-style-type: circle;
        margin-bottom: 5px;
        color: #636881;
    }

.a-fanatics-banner-content button.btn-with-bg {
    /*width: 150px;*/
    /*padding: 13px 25px;*/
    /*max-width: 220px*/
}

@media screen and (min-width:992px) {
    .border-lg-md-right {
        /*border-right: 1px solid #dee2e6;*/
    }
}

@media screen and (max-width:991px) {
    .border-sm-bottom {
        /*border-bottom: 1px solid #dee2e6;*/
    }
}

.edi-outsourcing-section-content.f-right-box {
    background: #1d2b6d;
    padding: 30px;
    box-shadow: 0px 0px 18px -8px #0000001c;
    border-radius: 15px;
    margin-right: -50px;
}

    .edi-outsourcing-section-content.f-right-box h4 {
        color: #fff;
    }

    .edi-outsourcing-section-content.f-right-box li {
        color: #fff;
    }




.a-fanatics-services {
    padding: 70px 0px 100px;
    background-color: #f3f3f3;
}

    .a-fanatics-services h2 {
        color: #1d2755;
        font-size: 36px;
        margin-bottom: 70px;
        font-weight: 600;
        text-align: center;
    }

        .a-fanatics-services h2 span {
            color: #e53c2e;
        }

    .a-fanatics-services .a-fanatics-item {
        position: relative;
        margin-top: 0px;
        /* margin-bottom: 100px; */
    }

        .a-fanatics-services .a-fanatics-item:hover .a-fanatics-icon {
            background-color: #1d2755;
        }

            .a-fanatics-services .a-fanatics-item:hover .a-fanatics-icon img {
                filter: brightness(100) invert(0);
            }

        .a-fanatics-services .a-fanatics-item .a-fanatics-icon {
            border-radius: 20px;
            background-color: #fff;
            border: 1px solid #d0d0d0;
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            transition: 0.3s;
        }

            .a-fanatics-services .a-fanatics-item .a-fanatics-icon img {
                width: 60px;
                height: 60px;
            }

        .a-fanatics-services .a-fanatics-item .a-fanatics-content {
            border: 1px solid #d0d0d0;
            background-color: #fef5f4;
            border-radius: 30px;
            padding: 65px 20px 20px;
            margin-top: 30px;
            text-align: center;
            height: 100%;
        }

            .a-fanatics-services .a-fanatics-item .a-fanatics-content h3 {
                font-weight: 700;
                font-size: 20px;
                margin-bottom: 10px;
                color: #091f40;
            }

            .a-fanatics-services .a-fanatics-item .a-fanatics-content p {
                font-size: 16px;
                color: #000;
                margin-bottom: 0;
            }

    .a-fanatics-services .row [class*="col-"] {
        display: flex;
    }

        .a-fanatics-services .row [class*="col-"]:nth-child(2) .a-fanatics-content,
        .a-fanatics-services .row [class*="col-"]:nth-child(4) .a-fanatics-content {
            background-color: #f7f8f9;
        }

        .a-fanatics-services .row [class*="col-"]:nth-child(4) .a-fanatics-item,
        .a-fanatics-services .row [class*="col-"]:nth-child(5) .a-fanatics-item {
            margin-bottom: 0px;
        }

.a-fanatics-transaction {
    background-color: #091f40;
    padding: 70px 0px;
}

    .a-fanatics-transaction h2 {
        color: #fff;
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        max-width: 750px;
        margin: 0 auto 50px auto;
    }

        .a-fanatics-transaction h2 span {
            color: #e53c2e;
        }

.a-transaction-item {
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
    transition: 0.3s;
}

    .a-transaction-item:hover {
        background-color: #091f40;
    }

    .a-transaction-item .a-transaction-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        justify-content: center;
    }

        .a-transaction-item .a-transaction-header .a-transaction-icon {
            width: 70px;
            height: 70px;
            background-color: #fff;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }

            .a-transaction-item .a-transaction-header .a-transaction-icon img {
                width: 40px;
                height: 40px;
            }

        .a-transaction-item .a-transaction-header span {
            font-size: 2.7rem;
            font-weight: 700;
            color: #e53c2e;
        }

    .a-transaction-item h3 {
        font-size: 1.1rem;
        text-align: center;
        color: #fff;
        line-height: 30px;
        margin-bottom: 0px;
    }

.a-fanatics-transaction [class*="col-"] {
    display: flex;
}

    .a-fanatics-transaction [class*="col-"]:nth-child(4) .a-transaction-item,
    .a-fanatics-transaction [class*="col-"]:nth-child(5) .a-transaction-item,
    .a-fanatics-transaction [class*="col-"]:nth-child(6) .a-transaction-item {
        margin-bottom: 0;
    }

.a-fanatics-edi-integration {
    padding: 70px 0px;
}

    .a-fanatics-edi-integration .a-fanatics-edi-title h2 {
        color: #1d2755;
        font-size: 36px;
        margin-bottom: 0px;
        font-weight: 600;
        max-width: 350px;
    }

        .a-fanatics-edi-integration .a-fanatics-edi-title h2 span {
            color: #e53c2e;
        }

.a-fanatics-edi-list {
    padding-left: 0px;
    margin-bottom: 0;
}

    .a-fanatics-edi-list li {
        display: inline-block;
        background-color: #fef5f4;
        margin-right: 15px;
        padding: 17px 30px 17px 60px;
        border-radius: 20px;
        border: 1px solid #d0d0d0;
        margin-bottom: 20px;
        position: relative;
    }

        .a-fanatics-edi-list li:last-child {
            margin-right: 0px;
        }

        .a-fanatics-edi-list li::before {
            content: '';
            position: absolute;
            left: 15px;
            background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 266.4 181.3' style='enable-background:new 0 0 266.4 181.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} %3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M260.7,6.5c-7.9-8.3-21-8.7-29.3-0.8L98.8,131.4L35.6,66.5c-8-8.2-21.1-8.4-29.4-0.4 c-8.2,8-8.4,21.1-0.4,29.4L83.4,175c4.1,4.2,9.5,6.3,14.9,6.3c5.1,0,10.3-1.9,14.3-5.7L259.9,35.8 C268.2,27.9,268.6,14.8,260.7,6.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-size: 15px 15px;
            background-position: center;
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
            background-color: #e53c2e;
            border-radius: 30px;
            top: 50%;
            transform: translateY(-50%);
        }

        .a-fanatics-edi-list li:nth-child(2),
        .a-fanatics-edi-list li:nth-child(3) {
            background-color: #f7f8f9;
        }

            .a-fanatics-edi-list li:nth-child(2)::before,
            .a-fanatics-edi-list li:nth-child(3)::before {
                background-color: #091f40;
            }

.a-integrate-partner {
    padding: 70px 0px 40px;
    /* background-color: #091f40; */
}

    .a-integrate-partner h2 {
        /* color: #fff; */
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        max-width: 750px;
        margin: 0 auto 15px auto;
    }

        .a-integrate-partner h2 span {
            color: #e53c2e;
        }

.a-integrate-partner-head {
    margin-bottom: 40px;
}

    .a-integrate-partner-head p {
        text-align: center;
        /* color: #fff; */
        opacity: 0.5;
        font-size: 1rem;
    }

.a-integrate-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* background-color: rgba(255, 255, 255, 0.05); */
    background-color: #162a4a;
    padding: 15px 20px;
    border-radius: 20px;
    transition: 0.3s;
}

    .a-integrate-item:hover {
        background-color: #091f40;
    }

    .a-integrate-item .a-integrate-icon {
        background-color: #fff;
        width: 60px;
        height: 60px;
        flex: 0 0 auto;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

        .a-integrate-item .a-integrate-icon img {
            width: 30px;
            height: 30px;
        }

    .a-integrate-item h3 {
        margin-bottom: 0px;
        font-size: 1.1rem;
        color: #fff;
    }

.a-consider-partner {
    padding: 70px 0px 0px;
    background-color: #f3f3f3;
}

    .a-consider-partner .a-consider-partner-head {
        text-align: center;
        margin-bottom: 60px;
    }

        .a-consider-partner .a-consider-partner-head h2 {
            color: #091f40;
            font-size: 36px;
            font-weight: 600;
            text-align: center;
            margin: 0 auto 10px auto;
        }

            .a-consider-partner .a-consider-partner-head h2 span {
                color: #e53c2e;
            }

        .a-consider-partner .a-consider-partner-head p {
            font-size: 1rem;
            margin-bottom: 0px;
            color: #000;
        }

    .a-consider-partner .a-consider-partner-item {
        position: relative;
        margin-top: 0px;
        margin-bottom: 80px;
    }

        .a-consider-partner .a-consider-partner-item:hover .a-consider-icon {
            background-color: #091f40;
        }

            .a-consider-partner .a-consider-partner-item:hover .a-consider-icon img {
                filter: brightness(100) invert(0);
            }

        .a-consider-partner .a-consider-partner-item .a-consider-icon {
            border-radius: 15px;
            background-color: #fff;
            border: 1px solid #d0d0d0;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            transition: 0.3s;
        }

            .a-consider-partner .a-consider-partner-item .a-consider-icon img {
                width: 50px;
                height: 50px;
            }

        .a-consider-partner .a-consider-partner-item .a-consider-content {
            border: 1px solid #d0d0d0;
            background-color: #fef5f4;
            border-radius: 30px;
            padding: 65px 30px 0px;
            margin-top: 30px;
            text-align: center;
            height: 100%;
        }

    .a-consider-partner .row [class*="col-"] {
        display: flex;
    }

    .a-consider-partner .a-consider-partner-item .a-consider-content h3 {
        font-weight: 700;
        font-size: 1.5rem;
        margin-bottom: 10px;
        color: #091f40;
    }

    .a-consider-partner .a-consider-partner-item .a-consider-content p {
        font-size: 1rem;
        color: #000;
        margin-bottom: 0;
    }

    .a-consider-partner .row [class*="col-"]:nth-child(2) .a-consider-partner-item .a-consider-content,
    .a-consider-partner .row [class*="col-"]:nth-child(4) .a-consider-partner-item .a-consider-content,
    .a-consider-partner .row [class*="col-"]:nth-child(6) .a-consider-partner-item .a-consider-content {
        background-color: #f7f8f9;
    }

.a-integrate-rally-house {
    background-color: #091f40;
    padding: 70px 0px;
}

    .a-integrate-rally-house .a-interate-rally-head {
        text-align: center;
    }

.a-integrate-rally-house {
    padding: 70px 0px 50px;
}

    .a-integrate-rally-house .a-interate-rally-head {
        margin-bottom: 30px;
    }

        .a-integrate-rally-house .a-interate-rally-head h2 {
            margin-bottom: 15px;
            color: #fff;
            font-size: 36px;
            font-weight: 600;
            text-align: center;
        }

        .a-integrate-rally-house .a-interate-rally-head p {
            color: #fff;
            font-size: 1rem;
            margin-bottom: 0px;
            opacity: 0.5;
        }

        .a-integrate-rally-house .a-interate-rally-head h2 span {
            color: #e53c2e;
        }

    .a-integrate-rally-house .a-integrate-rally-image {
        background-color: #fff;
        border-radius: 30px;
        padding: 30px 20px;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

        .a-integrate-rally-house .a-integrate-rally-image img {
            max-width: 100%;
            height: 45px;
            object-fit: contain;
            transition: 0.3s;
        }

        .a-integrate-rally-house .a-integrate-rally-image:hover img {
            transform: scale(1.1);
        }

.a-partner-amosoft .container {
    position: relative;
    z-index: 1;
}

.a-partner-amosoft {
    background-color: #f3f3f3;
    padding: 80px 0px;
    position: relative;
    overflow: hidden;
}

    .a-partner-amosoft::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-image: url('../images/partner-pattern.svg');
        background-repeat: no-repeat;
        background-size: calc(100vh - 530px) auto;
        width: calc(100vh - 530px);
        height: 100%;
    }

    .a-partner-amosoft::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: url('../images/partner-pattern.svg');
        background-repeat: no-repeat;
        background-size: calc(100vh - 530px) auto;
        width: calc(100vh - 530px);
        height: 100%;
        transform: scale(-1);
    }

    .a-partner-amosoft .a-partner-content {
        text-align: center;
    }

        .a-partner-amosoft .a-partner-content h2 {
            color: #1d2755;
            font-size: 36px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .a-partner-amosoft .a-partner-content p {
            font-size: 1.5rem;
            margin-bottom: 35px;
        }

        .a-partner-amosoft .a-partner-content h2 span {
            color: #e53c2e;
        }

    .a-partner-amosoft .container {
        position: relative;
    }

    .a-partner-amosoft .btn-with-bg {
        /*background-color: #e53c2e !important;*/
        background-color: #1d2b6d !important;
        color: #fff;
    }

        .a-partner-amosoft .btn-with-bg:hover {
            /*background-color: #1d2755 !important;
            color: #fff;
            border-color: #1d2755 !important;*/
            /*background-color: #fff !important;
            color: #1d2b6d;
            border-color: #ffffff !important;*/
            color: #1d2755 !important;
            background: #fff !important;
            border: 2px solid #1d2755 !important;
            
        }

.sub-banner-section.a-fanatics-banner .btn-with-bg {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}