/********** page Banner Styles**************/

.page-banner {
    padding: 70px 150px 74px;
    background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0.5), rgba(255, 255, 255, 0) 115px);
}
.banner-content h1 {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #003c49;
}
.banner-content h2 {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: #003c49;
    padding: 10px 0;
}
.title-desc {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #003c49;
}
.banner-bg {
    margin: auto;
    text-align: right;
    padding-right: 30px;
}
.banner-bg h1 { display: none; }

.banner-bg img {
    max-width: 200px;
    width: 200px;
}


/********** End of page Banner Styles**************/


/********** services container styles*************/

.services-container {
    padding: 50px 150px 55px;
    background-color: #f6f7f9;
}
.services-container h2 {
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #f04226;
    padding-bottom: 30px;
}
.service-icon img {
    width: 72px;
    max-width: 72px;
}
.service-title {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    color: #003c49;
}
.service-desc {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #003c49;
}
.product-services {
    padding-bottom: 25px;
}
.product-services:last-child {
    padding-bottom: 0;
}
.service-content {
    padding: 0 25px;
}

/*********End of services container styles*********/


/*********Integartion partner styles*********/

.integration-partners-container {
    padding: 50px 150px 60px;
}
.integration-partners-container h2 {
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #f04226;
    padding-bottom: 30px;
}
.partner-logo img {
    max-width: 160px;
}
/*********End of integration partners styles*********/
@media only screen and (max-width: 1152px) {
    .partner-logo { text-align: center; }
    .partner-logo img { max-width: 90px; }
    .service-content { padding: 0 0 0 50px; }
    
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),screen and (device-width: 320px) and (device-height: 640px) and (orientation: portrait), (max-width: 767px) {
    
    .banner-content h1 { display: none; }
    .banner-section { display: flex; flex-direction: column-reverse; }
    .banner-bg h1 { display: block; font-size: 32px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: left; color: #003c49; }
    .page-banner { padding: 50px 10px 35px; }
    .banner-bg { padding: 0; text-align: left;}
    .banner-bg img { margin: 25px 0; }
    .services-container { padding: 80px 10px 45px; }
    .service-content { padding: 0; }
    .integration-partners-container { padding: 52px 10px 24px; }
    .partner-logo img { max-width: 90px; }
}