.headingAlignset p,
.productBannerHeading,
.productContentbox span {
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0
}

.headingAlignset,
.partnerDetails span {
    display: inline-block
}

* {
    box-sizing: border-box
}

.whatwedoindustriesbanner {
    background: url(../images/whatwedoindustries/whatwedoindustriesbanner.webp) center right no-repeat;
    position: relative;
    height: 592px;
    background-size: cover
}

.headingAlignset p {
    text-align: end;
    font-size: 28px;
    text-decoration: underline;
    text-decoration-color: #1e4683;
    margin-top: 10px;
    color: #1e4683;
    opacity: 0;
    transform: translateY(-20px);
    animation: 1s .5s forwards fadeDown
}

@keyframes fadeDown {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.productContentbox {
    background: #e3eeff;
    padding: 45px 40px;
    position: relative;
    width: 100%;
    max-width: 997px;
    margin: 270px 0 40px
}

.productAlign {
    display: flex;
    align-items: flex-end
}

.productContentbox span {
    font-size: 24px;
    color: #fff;
    background: #e1171f;
    padding: 7px 16px;
    position: absolute;
    top: -20px
}

.productBannerHeading {
    font-size: 26px;
    padding: 14px 10px;
    color: #fff;
    background: linear-gradient(118.04deg, #1e4683 3.55%, #1a2a38 95.74%);
    display: inline-flex
}

.alignText {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    gap: 10px
}

.industriesList,
.industriesMenu {
    display: flex;
    gap: 16px
}

.alignText p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #525252
}

.industriesweServe {
    background: linear-gradient(180deg, #fff 0, #d2e4ff 100%);
    padding-bottom: 20px
}

.textCenter {
    text-align: center
}

.customAligntext {
    padding: 64px 0 37px
}

.IndustriesUse {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    margin: 20px 0 15px;
    border-bottom: 1px solid #d6d2d2
}

.industriesAlign h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
    color: #1e4683
}

.industriesAlign h5,
.industriesList span {
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center
}

.industriesAlign h5 {
    font-size: 20px;
    margin-top: 12px
}

.industriesMenu {
    flex-wrap: wrap;
    max-width: 760px;
    width: 100%
}

.industriesList span {
    font-size: 18px
}

.downloadbutton {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    background: #e31e24;
    padding: 16px 65px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    transition: background .3s;
    cursor: pointer;
    text-decoration: none
}

.skybackgroundcolorSet,
.whitebackgroundcolorSet {
    padding: 40px;
    width: 100%;
    max-width: 1431px;
    margin: auto;
    position: sticky;
    top: 150px
}

.downloadbutton:hover {
    background: #1e4683;
    transition: background .3s
}

.skybackgroundcolorSet {
    background-color: #f4f8ff
}

.skybackgroundcolorSet p,
.whitebackgroundcolorSet p {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #525252
}

.industryNames,
.partnerDetails p,
.partnerDetails span {
    font-size: 20px;
    letter-spacing: 0
}

.whitebackgroundcolorSet {
    background-color: #fff;
    box-shadow: 0 4px 16px 0 #0000001A
}

.alignIcontext {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid #d4d4d4
}

.partners {
    background: linear-gradient(118.04deg, #1e4683 3.55%, #1a2a38 95.74%);
    padding: 67px 0
}

.partners .textModification {
    color: #fff;
    margin-bottom: 45px
}

.leftsideContent {
    background: #f4f8ff;
    padding: 45px 66px 67px 33px;
    width: 50%
}

.rightsideContent {
    width: 50%
}

.PartnersAlign {
    display: flex
}

.partnerDetails span {
    font-weight: 600;
    line-height: 120%;
    color: #1e4683;
    padding: 10px;
    background: #fff;
    margin: 16px 0 45px
}

.partnerDetails p {
    font-weight: 400;
    line-height: 140%;
    color: #525252;
    margin-bottom: 45px
}

.industryNames {
    margin-top: 88px;
    font-weight: 500;
    line-height: 120%
}

.IndustryAlign {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    padding: 14px;
    margin-top: 14px
}

.partners .owl-carousel .owl-item img {
    width: auto
}

.partners .owl-nav {
    text-align: end;
    margin-top: 45px
}

.partners .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0
}

.knowledgeHub {
    padding: 75px 0
}

.knowledgeAlignment {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 47px
}

.textAligncenter {
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
    color: #525252;
    margin-top: 20px
}

.knowledgeCard {
    background: url(../images/whatwedoindustries/knowledgehubbackground.webp) center no-repeat;
    padding: 36px 30px 40px;
    position: relative;
    width: 24%
}

.custom_imageAlign,
.newsleftContent img {
    width: 100%
}

.knowledgeCard .DownloadButton {
    position: absolute;
    bottom: 30px
}

.knowledgeCard .downloadbutton {
    padding: 16px 25px
}

.knowledgeCard h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    margin-top: 20px;
    color: #1e4683;
    margin-bottom: 65px
}

.delvalNews {
    background: #f4f8ff;
    padding: 68px 0 50px
}

.newsleftMenu {
    display: flex;
    width: 100%;
    max-width: 680px
}

.newsrightMenu {
    width: 100%;
    max-width: 664px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.newsleftContent {
    display: flex;
    align-items: flex-start;
    gap: 5px
}

.newsAlignment {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    background: #fff;
    margin-top: 20px
}

.image-container,
.image-wrapper {
    border-radius: 8px;
    display: inline-block
}

.newsleftContent .calenderdateAlign {
    font-weight: 600;
    font-size: 80px;
    line-height: 60%;
    letter-spacing: 0;
    color: #e1171f
}

.newsleftContent p {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    color: #666
}

.loadMore span,
.newscontetSet p,
.newscontetSet1 span {
    line-height: 140%;
    letter-spacing: 0
}

.newscontetSet p {
    font-weight: 500;
    font-size: 32px;
    color: #141414
}

.newscontetSet1 span {
    font-weight: 400;
    font-size: 20px;
    color: #525252
}

.image-container {
    position: relative;
    overflow: visible
}

.image-wrapper {
    overflow: hidden
}

.image-container .main-image {
    transition: transform .4s;
    display: block;
    max-width: 100%;
    height: auto
}

.image-container:hover .main-image {
    transform: scale(1.1)
}

.arrow-icon {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s, transform .3s;
    width: 50px;
    height: auto
}

.image-container:hover .arrow-icon {
    opacity: 1;
    transform: translateY(-50%) translateX(0)
}

.loadMore {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
    text-decoration: none
}

.loadMore span {
    font-weight: 600;
    font-size: 24px;
    color: #1e4683
}

@media screen and (max-width:1750px) {
    .whatwedoindustriesbanner {
        background: url(../images/whatwedoindustries/whatwedoindustriesbanner.webp) center 20% no-repeat
    }

    .productContentbox {
        max-width: 850px
    }
}

@media screen and (max-width:1450px) {
    .downloadbutton {
        padding: 16px 20px
    }

    .productContentbox {
        max-width: 797px
    }

    .leftsideContent {
        padding: 45px 30px 67px
    }

    .knowledgeCard h4,
    .newsleftContent p {
        font-size: 20px
    }

    .knowledgeCard .downloadbutton {
        font-size: 14px;
        padding: 16px 20px
    }

    .newsrightMenu {
        max-width: 40%
    }

    .newsleftMenu {
        max-width: 45%
    }

    .newsleftContent .calenderdateAlign {
        font-size: 60px
    }

    .newscontetSet p {
        font-size: 28px
    }

    .headingAlignset p{
        font-size: 24px;
    }
}

@media screen and (max-width:1250px) {
    .productContentbox {
        max-width: 697px;
        padding: 45px 30px
    }

    .productContentbox span {
        font-size: 24px
    }

    .productBannerHeading {
        font-size: 22px
    }

    .alignText {
        margin-top: 25px
    }

    .IndustriesUse .downloadbutton,
    .alignIcontext {
        padding: 10px
    }

    .industriesList span {
        font-size: 16px
    }

    .industriesMenu {
        gap: 8px;
        max-width: 570px
    }

    .industriesList {
        gap: 8px
    }

    .leftsideContent {
        padding: 35px 30px
    }

    .knowledgeCard {
        padding: 25px 18px 40px
    }

    .knowledgeCard .downloadbutton {
        padding: 10px;
        gap: 5px
    }

    .newsleftContent .calenderdateAlign {
        font-size: 48px
    }

    .newsleftContent p {
        font-size: 18px
    }

    .newsleftContent img {
        width: 30%
    }

    .newscontetSet p {
        font-size: 26px
    }

    .industryNames {
        margin-top: 60px
    }

    .headingAlignset p {
        font-size: 22px;
    }
}

@media screen and (max-width:1024px) {

    .IndustriesUse .downloadbutton,
    .industriesList span {
        font-size: 14px
    }

    .industriesMenu {
        gap: 8px;
        max-width: 525px
    }

    .newscontetSet1 span,
    .partnerDetails p {
        font-size: 18px
    }

    .leftsideContent {
        padding: 35px 20px 25px
    }

    .knowledgeCard h4 {
        font-size: 16px
    }

    .knowledgeCard .DownloadButton {
        right: 8px
    }

    .newsleftMenu img {
        width: 75%
    }

    .newscontetSet p {
        font-size: 24px
    }
}

@media screen and (max-width:991px) {

    .industriesAlign h5 {
        text-align: left;
        margin-bottom: 10px
    }

    .industriesAlign .DownloadButton {
        padding: 20px 0;
        border-bottom: 1px solid #ccc
    }

    .skybackgroundcolorSet p,
    .whitebackgroundcolorSet p {
        margin-top: 20px;
        color: #666
    }

    .customAligntext {
        padding: 34px 0 37px
    }

    .industriesAlign h4 {
        margin-top: 5px
    }

    .alignIcontext {
        gap: 10px
    }

    .downloadbutton {
        padding: 12px 20px
    }

    .custom-accordion {
        margin: 20px auto;
        border-radius: 8px;
        overflow: hidden
    }

    .industriesList {
        flex-wrap: wrap
    }

    .custom-header {
        list-style: none;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        padding: 0;
        font-weight: 600;
        gap: 10px;
        flex-direction: column
    }

    .accordianSet {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center
    }

    .accordianSet::after {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-left: 10px;
        background: url("../images/whatwedoindustries/downArrow.svg") center/contain no-repeat;
        transition: transform .3s
    }

    .custom-panel[open] .accordianSet::after {
        background: url("../images/whatwedoindustries/upArrow.svg") center/contain no-repeat
    }

    .skybackgroundcolorSet,
    .whitebackgroundcolorSet {
        padding: 5px 20px
    }

    .imageWrap img {
        transition: .5s;
        max-height: 300px;
        opacity: 1;
        display: block
    }

    .imageWrap img.hide {
        max-height: 0;
        opacity: 0;
        margin: 0
    }

    .PartnersAlign {
        display: flex;
        flex-direction: column-reverse
    }

    .PartnersAlign .imagewidthAlign,
    .knowledgeCard .custom_imageAlign {
        width: 100% !important
    }

    .leftsideContent,
    .rightsideContent {
        width: 100%
    }

    .partnerDetails span {
        margin: 16px 0 20px
    }

    .partnerDetails p,
    .textAligncenter {
        margin-bottom: 20px
    }

    .industryNames {
        margin-top: 30px
    }

    .knowledgeCard {
        width: 100%;
        background-size: 100%
    }

    .knowledgeHub .owl-carousel .owl-item img {
        width: auto
    }

    .knowledgeCard .DownloadButton {
        position: absolute;
        bottom: 20px;
        left: 4%
    }

    .newsleftMenu {
        flex-wrap: wrap;
        max-width: 50%
    }

    .newsrightMenu {
        max-width: 50%;
        justify-content: flex-start;
        gap: 20px
    }

    .newsleftContent {
        margin-top: 15px;
        align-items: center
    }

    .newsleftMenu img {
        width: 90%
    }

    .textAligncenter {
        margin-top: 10px;
        font-size: 24px
    }

    .knowledgeHub {
        padding: 50px 0
    }

    .knowledgeCard h4 {
        font-size: 20px
    }

    .arrow-icon {
        display: none
    }
}

@media screen and (max-width:767px) {
    .whatwedoindustriesbanner {
        background: url(../images/whatwedoindustries/mobilebanner.webp) center 0/cover no-repeat;
        position: relative;
        margin-top: 72px
    }

    .loadMore span,
    .newscontetSet p {
        font-size: 20px
    }

    .productContentbox {
        padding: 40px 20px;
        max-width: 100%;
        margin: 270px 0 0
    }

    .newsrightMenu {
        gap: 10px
    }

    .newsAlignment {
        padding: 20px
    }

    .newscontetSet1 span {
        font-size: 16px
    }

    .industriesAlign h4 {
        font-size: 28px
    }

    .industriesAlign h5 {
        font-size: 18px
    }

    .custom-header::after {
        width: 30px;
        height: 30px
    }

    .delvalNews {
        padding: 50px 0
    }

    .headingAlignset p {
        font-size: 22px
    }
}

@media screen and (max-width:500px) {

    .industriesAlign h4,
    .knowledgeCard h4,
    .productBannerHeading,
    .textAligncenter {
        font-size: 20px
    }

    .alignText p,
    .newscontetSet p,
    .newsleftContent p,
    .partnerDetails p,
    .partnerDetails span {
        font-size: 14px
    }

    .alignText img {
        width: 15%
    }

    .alignText {
        margin-top: 20px
    }

    .productContentbox {
        padding: 40px 10px 30px
    }

    .partners {
        padding: 50px 0
    }

    .industryNames {
        font-size: 16px
    }

    .knowledgeCard .DownloadButton {
        bottom: 28px
    }

    .newscontetSet1 span {
        font-size: 12px
    }

    .newsleftContent img {
        width: 25%
    }

    .newsleftContent .calenderdateAlign {
        font-size: 24px
    }

    .newsleftContent {
        margin-top: 10px
    }

    .headingAlignset p {
        font-size: 20px
    }

    .whatwedoindustriesbanner {
        height: 487px;
        padding-top: 59px
    }

    .productContentbox span {
        font-size: 22px
    }

    .alignText p {
        font-size: 14px
    }
}

@media screen and (max-width:376px) {
    .productContentbox span {
        font-size: 16px
    }
}

@media screen and (max-width:991px) {
    .productContentbox {
        padding: 35px 20px 20px;
        position: absolute;
        left: calc(0% / 2);
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 95%;
    }
}