.react-developmet-sec .dev-inner .para {
    max-width: 500px;
    width: 100%;
    font-size: 18.97px;
    font-weight: 300;
    line-height: 37.94px;
    color: #d5d5d5;
}

.react-developmet-sec .dev-inner .title {
    font-size: 44px;
    font-weight: 600;
    line-height: 58.58px;
}

.discovery-call {
    background:url('../images/client-referral-partner-program-by-agicent/CTA.png');
    text-align: center;
    color: #fff;
    padding: 55px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 380px;
    height: 100%;
    display: flex;
    align-items: center;

}

.discovery-call .corner-image-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.discovery-call .corner-image-left {
    position: absolute;
    top: 0;
    left: 0
}

.discovery-call .discovery-content {
    max-width:863px !important;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 31.79px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.main-title {
    font-weight: 600;
    font-size: 44px;
    line-height: 100%
}
.font-size-44{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 38px;
    color: #ffffff;
    position: relative;
}
.font-size-44::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #00ffff, #ff0080);
    border-radius: 2px;
}
.sub-title700 {
    font-weight: 700;
    font-size: 22px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}
.bg-gray{
    background: linear-gradient(
        88deg,
        transparent 0%,
        #232427 50%,
        transparent 100%
    );
}

.referral-form {
    background: #ffffff1b;
    padding: 30px 30px 0px;
    border-radius: 15px;
    /* box-shadow: 0px 4px 26px 0px rgba(150, 150, 150, .25) */
}

.referral-form .form-label {
    font-weight: 500
}

#sec__2 .awards-section-wrap {
    background: #000 !important;
    padding: 1px
}

.custom-web-app-sec {
    background:linear-gradient(180deg, #2e36a4, #3c116b, transparent);
    margin-top: 0 !important;
    padding: 120px 0 100px !important
}

.custom-web-app-sec .dev-inner .para {
    line-height: 26.01px !important;
    max-width: 626px !important;
    width: 100%
}

.custom-web-app-sec .dev-inner .title {
    max-width: 626px;
    width: 100%
}

.three-matrics-wrapper {
    padding-bottom: 60px;
    border-radius: 16px;
    margin-top: 67px;
    background-color: rgba(254, 122, 54, 0.0509803922);
    padding: 40px
}

.three-matrics-wrapper .referral-progimg {
    position: absolute;
    top: 0;
    right: 0
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .icon-box {
    background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 61px;
    height: 61px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 0px 15px rgb(169 168 167 / 19%);
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .icon-box:after {
    content: "";
    width: 1px;
    height: 75px;
    position: absolute;
    bottom: -32px;
    border: 1px dashed gray
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .icon-box1 {
    background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 61px;
    height: 61px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 0px 15px rgb(169 168 167 / 19%);
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .partner-icon {
    background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 51px;
    height: 51px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .referral-card {
    border: 0;
    box-shadow: 0px 0px 27px 0px rgba(142, 142, 142, .25);
    min-height: 200px;
    height: 100%
}

.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .card {
    border: 1px solid rgba(255, 255, 255, 0.3607843137);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
    transform: translateY(-6px);
    border-color: rgb(239 224 255 / 20%);
    overflow: hidden;
    background: #242424;
    /* min-height: 248px;
    height:100%; */
}
.three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .card::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    top: -100px;
    right: -100px;
    background: radial-gradient(circle, rgb(239 224 255 / 20%), transparent 70%);
}

.database-storage-sec {
    padding: 100px 0
}

/* .database-storage-sec .card {
    box-shadow: 0px 0px 248px 0px rgba(255, 255, 255, .25) inset;
    border: 1px solid #dddbdb
} */

.database-storage-sec .client-side-techno {
    min-height: 100px !important;
    height: 100%;
    padding: 30px 0;
    background: #000 !important;
    color: #fff !important;
    padding-right: 30px !important;
    border-radius: 16px
}

.database-storage-sec .client-side-techno .api-img {
    background:linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-shadow: 0px 0px 0px 15px rgb(169 168 167 / 19%);
}

.database-storage-sec .client-side-ideal {
    background: #242424 !important;
    color: #ffffff !important;
    min-height: 100px !important;
    height: 100%;
    padding: 30px 20px;
    text-align: left;
    border-radius: 15px;
}
.database-storage-sec .client-side-ideal .card-title{
    padding: 0;
}

.database-storage-sec .client-side-ideal .api-img {
    background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 77px;
    height: 77px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.who-join-sec .icon-box {
    background: linear-gradient(180deg, #797979 0%, #2a1d30 100%);
    width: 26px;
    height: 26px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 0px 8px #2a1d30;
    margin-right: 30px
}

.who-join-sec .who-join-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.testimonial-sec {
    padding-bottom: 75px
}

.testimonial-sec .title {
    font-size: 44px;
    font-weight: 600;
    line-height: 63.58px;
    text-align: center;
    max-width: 993px;
    width: 100%;
    margin: 0 auto 50px
}

.testimonial-sec .testimoinal-card .testimoinal-card-body .card-img-top {
    width: 17%
}

.testimonial-sec .testimoinal-card .orange {
    border: 2px solid #fe7a36
}

.testimonial-sec .testimoinal-card .box-border {
    border-radius: 25px;
    padding: 45px;
    text-align: center;
    position: relative;
    margin-bottom: 45px;
    min-height: 204px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.testimonial-sec .testimoinal-card .box-border img {
    position: absolute;
    top: -11px;
    left: 7px
}

.testimonial-sec .testimoinal-card .sky-blue {
    border: 2px solid #00b0ba
}

.testimonial-sec .testimoinal-card .purple {
    border: 2px solid #a400b2
}

.partner-wrapper-sec {
    color: #fff;
    padding: 40px 0
}

.partner-wrapper-sec .react-lborder {
    border-left: 1px solid #fff;
    margin-bottom: 30px
}

.back-arrow-wrapper a {
    color: #ee3532;
    font-weight: 500;
    text-decoration: none;
    font-family: var(--font-family_1)
}

@media(max-width: 1199px) {
    .database-storage-sec .client-side-ideal .api-img {
        background: #fff;
        width: 51px;
        height: 51px;
        padding: 12px;
        margin-bottom: 10px
    }
}

@media(max-width: 991px) {
    .three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .icon-box {
        display: none
    }

    .three-matrics-wrapper .matrics-cards-wrapper .matrics-cards .icon-box1 {
        display: none
    }

    .database-storage-sec .client-side-techno {
        padding: 30px;
        text-align: center
    }

    .discovery-call {
        padding: 38px 10px
    }

    .discovery-call .corner-image-left {
        display: none
    }

    .discovery-call .corner-image-right {
        display: none
    }
}

.referral-form {
    margin-top: 50px
}

@media(max-width: 767px) {
    .database-storage-sec .client-side-ideal {
        text-align: center
    }
}

@media(max-width: 567px) {
    .testimonial-sec .title {
        font-size: 30px
    }

    .main-title {
        font-size: 30px
    }
}
/*# sourceMappingURL=style.css.map */