.section-padding{
    padding-left: 134.25px;
    padding-right: 134.25px;
}

/**** Banner CSS ****/
.pageBanner {
    padding-top: 34px;
    background-color: #f6f7f9;
    padding-bottom: 18px;
}

.page-title {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #003c49;
    margin-bottom: 8px;
}

.page-title-desc {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #003c49;
}

/**** Desc container css ****/

.desc-container1 {
    padding-top: 56px;
    padding-bottom: calc(73px - 1rem);
}
.desc-container2 {
    padding-top: 73px;
    padding-bottom: calc(54px - 1rem);
}

.desc-container1 p,.desc-container2 p {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #003c49;
}

.desc-container2 .row p:last-child {
    margin-bottom: 0;
}

.integration-portfolio-container {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid grey;
}

.integration-portfolio img {
    max-width: 100%;
}
.integration-portfolio-container h3 {
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    margin-bottom: 30px;
    color: #f04226;
}

/**** our specialists ****/

.our-specialists {
    padding-top: 150px;
    padding-bottom: 150px;
    background:url("/img/v2/integrationServices/Integration ServicesFeatureBG.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.about-ourSpecialists {
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #ffffff;
}

/**** Integration services ****/
.otherIntegrationServices {
    background-color: #f6f7f9;
    padding-top: 51px;
    padding-bottom: 41px;
    margin-bottom:80px;
}

.otherIntegrationServices h3 {
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    margin-bottom: 33px;
    color: #f04226;
}

.integrationServices-subTiles-image {
    width: 60px;
    height: 60px;
    background-size: 100%;
    margin-bottom: 15px;
}

.integrationServices-subTiles > a {
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    display: block;
    margin-bottom: 40px;
    padding: 30px 22px;
    border: 1px solid transparent;
}

.integrationServices-subTiles > a:hover {
    text-decoration: none;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.04);
    border-color: #f04226;
}
.integrationServices-subTiles-title {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #003c49;
}
.legacyModernization .integrationServices-subTiles-image{
    background-image: url("/img/v1/home/Legacy Modernisation.png");
}
.applicationDevelopment .integrationServices-subTiles-image{
    background-image: url("/img/v1/home/Application Development.png");
}
.upgradationMigrationServices .integrationServices-subTiles-image{
    background-image: url("/img/v1/home/Upgradation  Migration services.png");
}
.consultancyServices .integrationServices-subTiles-image{
    background-image: url("/img/v1/home/Consultancy services.png");
}
.applicationSupport .integrationServices-subTiles-image{
    background-image: url("/img/v1/home/Application support and maintenance.png");
}

@media (min-width: 1200px) {
    .legacyModernization:hover .integrationServices-subTiles-image {
        background-image: url("/img/v1/home/Legacy Modernisation-hover.png");
    }
    .applicationDevelopment:hover .integrationServices-subTiles-image {
        background-image: url("/img/v1/home/Application Development-hover.png");
    }
    .upgradationMigrationServices:hover .integrationServices-subTiles-image {
        background-image: url("/img/v1/home/Upgradation  Migration services-hover.png");
    }
    .consultancyServices:hover .integrationServices-subTiles-image {
        background-image: url("/img/v1/home/Consultancy services-hover.png");
    }
    .applicationSupport:hover .integrationServices-subTiles-image {
        background-image: url("/img/v1/home/Application support and maintenance-hover.png");
    }
    .integrationServices-subTiles:hover .integrationServices-subTiles-title,.industriesServe-subTiles:hover .industriesServe-subTiles-title{
        color: #f04226;
    }
}



@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)  {
    .our-specialists { padding-top: 390px;padding-bottom: 50px;background-image: url("/img/v2/integrationServices/Integration ServicesFeatureBGMobile.png");background-size: 100% 360px;background-repeat: no-repeat;background-color: #171918;background-position: top; }
    .section-padding { padding-left: 13.75px;padding-right: 13.75px; }
    .page-banner { padding-top: 58px;padding-bottom: 43px; }
    .bannerImage-mobile { margin: 17px 0 43px; }
    .integration-portfolio-container { margin-top: 40px;padding-top: 40px;border-top: 1px solid rgba(216, 216, 216, 1); }
    .integration-portfolio-container h3 { margin-bottom: 0; }
    .integration-portfolio img { max-width: 80%; }
    .page-title-desc { font-size: 32px; }
    .desc-container1 { padding-top: 53px;padding-bottom: calc(36px - 1rem); }
    .desc-container2 { padding-top: 53px;padding-bottom: calc(54px - 1rem); }
    .otherIntegrationServices { padding-top: 52px;padding-bottom: 21px; }
    
}