.about-us-banner-sec {
    margin: 0;
    padding: 0 0 100px;
    background-color: #f2f4ff;
    position: relative
}

.about-us-banner-sec .about-banner-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.about-banner-body .about-banner-left {
    margin: 0;
    padding: 36px;
    position: relative;
    flex: 0 0 50%;
    border-radius: 0 0 18px;
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / .05);
    z-index: 99
}

.about-banner-left h1 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
    color: #000
}

.about-banner-left h3 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 26px;
    font-weight: 500;
    color: #0060b4
}

.about-banner-left h4 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #109d00
}

.about-banner-left p,
.team-sec .team-body .team-content p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 22px
}

.about-banner-body .about-banner-right {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    z-index: 0;
    width: 60%;
    bottom: -50px
}

.team-text,
.who-we-are-sec,
.why-polosoft-sec {
    margin: 50px 0;
    padding: 0 30px;
    position: relative
}

.who-we-are-sec .who-we-are-body {
    margin: 0 auto;
    padding: 100px 40px 40px;
    max-width: 1320px;
    position: relative;
    background: url(../images/about-us/prize-draw-picasso-banner.webp) center center/cover no-repeat
}

.who-we-are-sec .who-we-are-body:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0b005c;
    z-index: 0;
    opacity: .56
}

.m-v-sec .m-v-body .m-v-content h3,
.who-we-are-sec .who-we-are-body h2 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1
}

.who-we-are-sec .who-we-are-body p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    z-index: 1
}

.who-we-are-list {
    margin: 50px auto 0;
    padding: 0 30px;
    max-width: 1380px;
    position: relative;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    justify-items: center
}

.who-we-are-list .who-we-are-box {
    margin: 0 auto;
    padding: 30px;
    max-width: 1320px;
    position: relative;
    background: #fff6f2;
    border-radius: 5px 5px 30px;
    box-shadow: -5px 5px 2px #0000001a
}

.who-we-are-list .who-we-are-box h3 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 32px;
    font-weight: 600;
    color: #0621a4;
    position: relative;
    z-index: 1
}

.who-we-are-list .who-we-are-box p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    z-index: 1
}

.process-bg {
    margin: 50px 0;
    padding: 0
}

.process-bg .process-body {
    margin: 0 auto;
    padding: 30px 30px 0;
    background: #f2f4ff;
    position: relative;
    max-width: 1320px;
    text-align: center;
    border-radius: 20px
}

.process-bg .process-body img {
    filter: contrast(1.2);
    max-width: 1150px;
    margin: 0 auto
}

.life-polosoft-sec,
.polosoft-text,
.transformation-sec {
    margin: 0;
    padding: 0;
    position: relative
}

.transformation-sec h2 {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    text-align: center
}

.transformation-body {
    margin: 0;
    padding: 50px;
    position: relative;
    display: flex;
    gap: 0 30px;
    background: #f5f5f6
}

.trans-box {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    border: 1px solid;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / .1)
}

.leadership-mission-banner,
.vision-mission-banner {
    padding: 30px;
    height: 300px;
    display: flex;
    position: relative;
    margin: 0;
    text-align: center
}

.m-v-img img,
.m-v-sec .m-v-body,
.why-choose-img {
    border-radius: 10px
}

.trans-box h3 {
    margin: 0;
    padding: 20px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #000
}

.trans-box p {
    margin: 0;
    padding: 0 20px 20px;
    position: relative;
    font-size: 15px;
    color: #000
}

.vision-mission-banner {
    background: url(../images/vision-and-mission/mission-vision.webp) center center/cover no-repeat;
    align-items: center;
    justify-content: center
}

.leadership-mission-banner {
    background: url("../images/leadership team/leadership-team.webp") center center/cover no-repeat;
    align-items: center;
    justify-content: center
}

.vision-mission-banner h1 {
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1
}

.polosoft-text .polosoft-text-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    position: relative;
    background-size: cover
}

.m-v-sec {
    margin: 30px 0 100px;
    padding: 0;
    position: relative
}

.m-v-sec:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 80%;
    width: 100%;
    background: #f2f4ff
}

.m-v-sec .m-v-body,
.team-sec .team-body {
    margin: 0 auto;
    padding: 40px;
    align-items: center;
    gap: 0 30px;
    max-width: 1320px;
    position: relative;
    display: flex
}

.m-v-sec .m-v-body {
    background: #06f;
    box-shadow: rgb(50 50 93 / .25) 0 13px 27px -5px, rgb(0 0 0 / .3) 0 8px 16px -8px
}

.m-v-sec .m-v-body .m-v-img,
.team-sec .team-body .team-img {
    margin: 0;
    padding: 0;
    min-width: 400px
}

.m-v-sec .m-v-body .m-v-content p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    z-index: 1
}

.m-v-sec .m-v-body .m-v-content p:last-child,
.team-sec .team-body .team-content p:last-child {
    margin: 0
}

.team-sec {
    margin: 80px 0 0;
    padding: 0;
    position: relative
}

.team-sec .team-body {
    background: #f2f4ff;
    border-radius: 15px
}

.team-sec .team-body .team-img img {
    border-radius: 15px;
    filter: contrast(1.2)
}

.team-sec .team-body .team-content h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
    color: #000
}

.team-content h4 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0060b4
}

.team-text p {
    margin: 0 auto;
    padding: 0;
    max-width: 1320px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
    z-index: 1
}

.inner-awards-left h1,
.inner-awards-left p {
    padding: 0;
    position: relative;
    color: var(--blackcolor)
}

.awards-client-sec,
.inner-awards-sec {
    margin: 0;
    padding: 50px 0;
    position: relative
}

.inner-awards-sec .inner-awards-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 15%
}

.inner-awards-sec .inner-awards-body .inner-awards-left {
    flex: 1
}

.inner-awards-left h1 {
    margin: 0 0 30px;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -.8px;
    line-height: 44px;
    font-family: 'Frank Ruhl Libre', serif;
    background: #fff
}

.inner-awards-left p {
    margin: 0 auto 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px
}

.awards-client-right h4,
.inner-awards-left h3 {
    position: relative;
    font-weight: 700;
    font-family: 'Frank Ruhl Libre', serif;
    padding: 0;
    letter-spacing: -.8px;
    background: #fff
}

.inner-awards-left h3 {
    margin: 30px 0 10px;
    font-size: 30px;
    color: var(--secondarycolor)
}

.inner-awards-sec .inner-awards-body .inner-awards-right {
    flex: 1;
    text-align: center
}

.inner-awards-sec .inner-awards-body .inner-awards-right img {
    max-width: 500px
}

.awards-client-sec .awards-client-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 7%
}

.awards-client-left,
.awards-client-right {
    margin: 0;
    padding: 0;
    flex: 1
}

.awards-client-right h4 {
    margin: 0 0 30px;
    font-size: 26px;
    color: var(--blackcolor)
}

.awards-client-right p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: #0064e3
}

.infrastructure-sec h1,
.why-polosoft-sec .why-polosoft-title {
    padding: 0;
    font-weight: 700;
    font-family: 'Frank Ruhl Libre', serif;
    position: relative
}

.active .accordion-item-content,
.awards-client-right p span {
    display: block
}

.infrastructure-sec {
    margin: 50px 0;
    padding: 0;
    position: relative
}

.infrastructure-sec h1 {
    margin: 0 0 60px;
    font-size: 44px;
    color: var(--primarycolor);
    line-height: 42px;
    text-align: center
}

.infrastructure-body {
    margin: 20px auto 0;
    padding: 30px;
    max-width: 1320px;
    position: relative;
    background: #fff;
    box-shadow: 0 30px 15px rgb(0 0 0 / 8%)
}

.infrastructure-body p,
.why-choose-content p {
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #383838;
    line-height: 22px;
    z-index: 1
}

.bg-white {
    background: #fff !important
}

.bg-gray {
    background: #f1f1f1 !important
}

.what-we-offer-body .what-we-offer-list {
    gap: 70px 30px !important
}

.color-black {
    color: #000 !important
}

.why-polosoft-sec .why-polosoft-title {
    margin: 0 auto;
    max-width: 1320px;
    font-size: 42px;
    color: var(--blackcolor);
    letter-spacing: -.8px;
    line-height: 44px;
    background: #fff
}

.why-polosoft-sec .why-polosoft-body {
    margin: 40px auto;
    padding: 0 0 40px;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 50px;
    border-bottom: 2px solid #000
}

.why-polosoft-body .why-polosoft-box {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1
}

.why-polosoft-body .why-polosoft-box img {
    width: 100%;
    border-radius: 10px
}

.why-polosoft-body .why-polosoft-box p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--blackcolor);
    max-width: 900px
}

.why-choose-list {
    margin: 40px auto;
    padding: 0 0 40px;
    max-width: 1320px;
    display: grid;
    justify-content: start;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr))
}

.why-choose-list .why-choose-list-box {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 20px
}

.why-choose-img {
    margin: 0;
    padding: 0;
    min-width: 180px;
    overflow: hidden
}

.why-choose-content h3 {
    margin: 0 0 14px;
    padding: 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--primarycolor);
    text-decoration: underline
}

.life-polosoft-body h3,
.life-polosoft-sec .life-polosoft-banner h1 {
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -.8px;
    font-family: 'Frank Ruhl Libre', serif;
    position: relative
}

.life-polosoft-sec .life-polosoft-banner {
    margin: 0;
    padding: 50px;
    position: relative;
    background: url(../images/about-us/life-at-polosoft.webp) bottom center/cover no-repeat;
    min-height: 370px;
    display: flex;
    align-items: flex-end;
    justify-content: start
}

.life-polosoft-sec .life-polosoft-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0, #0000 50%);
    z-index: 0
}

.life-polosoft-sec .life-polosoft-banner h1 {
    margin: 0 auto;
    width: 100%;
    padding: 0 30px;
    max-width: 1200px;
    font-size: 42px;
    color: #fff;
    z-index: 1
}

.life-polosoft-body {
    margin: 50px auto;
    padding: 0 30px;
    position: relative;
    max-width: 1200px
}

.life-polosoft-body h3 {
    margin: 0 0 18px;
    padding: 0;
    max-width: 1320px;
    font-size: 34px;
    color: var(--blackcolor);
    background: #fff
}

.life-polosoft-body p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--blackcolor);
    max-width: 900px
}

.life-polosoft-box {
    margin: 30px 0 0;
    padding: 0;
    border: 1px solid var(--primarycolor);
    position: relative;
    border: 1px solid var(--primarycolor);
    border-bottom-width: 4px
}

.life-polosoft-box .life-polosoft-title {
    margin: 0;
    padding: 15px;
    max-width: 1320px;
    position: relative;
    font-size: 26px;
    font-weight: 700;
    color: var(--whitecolor);
    letter-spacing: -.8px;
    font-family: 'Frank Ruhl Libre', serif;
    background: var(--primarycolor)
}

.life-polosoft-img-list {
    margin: 0;
    padding: 20px;
    position: relative;
    display: grid;
    align-items: start;
    justify-content: start;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.life-polosoft-img-box {
    margin: 0;
    padding: 0;
    height: 200px;
    overflow: hidden
}

.life-polosoft-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

ul.life-p-list {
    margin: 30px 0 0;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 0 15px;
    position: sticky;
    top: 0;
    background: #f2f4ff;
    z-index: 99;
    border-radius: 10px
}

ul.life-p-list a {
    margin: 0;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 500;
    border-radius: 10px;
    box-shadow: 0 2px 2px #00000017
}

.responsive-div {
    padding-top: 50px;
    max-width: 1000px;
    margin: 0 auto
}

.responsive-div h2 {
    font-size: 20px;
    font-weight: 700;
    color: #0069f0
}

.responsive-div p {
    font-size: 16px;
    font-weight: 400;
    color: #3e3e3e;
    text-align: justify
}

.accordion-container {
    max-width: 1000px;
    margin: 20px auto;
    background-color: #fff
}

.accordion-item {
    border: 2px solid #0070ff;
    margin-top: 20px;
    background: #fafafb;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 4px 5px #0070ff38
}

.accordion-item.active {
    padding: 0 0 20px
}

.accordion-item-title {
    display: flex;
    justify-content: flex-start;
    gap: 0 20px;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #fafafb;
    font-weight: 700;
    height: 100px
}

.accordion-item-content {
    display: none;
    padding: 25px;
    max-width: 96%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px
}

@media (max-width:768px) {
    .responsive-div {
        font-size: 18px
    }

    .accordion-item-title {
        font-size: 16px;
        margin-top: 30px;
        text-align: center
    }

    .accordion-item-content {
        padding: 10px
    }
}

.apply-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #109d00;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color .3s;
    margin: 0 0 0 auto
}

.arrow-icon {
    margin-left: 5px
}

.apply-button:hover {
    background-color: #011020;
    color: #fff;
    text-decoration: none
}

.number-of-job-section {
    margin: 0 40px;
    text-align: center
}

.head {
    color: var(--primarycolor);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    max-width: 30%;
    width: 100%
}

.new {
    font-size: 14px;
    color: #575757
}

.ppl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #e9e9e9;
    border-radius: 8px;
    margin: 0 0 20px
}

.accordion-item-content .ppl p {
    margin: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #363940
}

.accordion-item-content p {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 15px;
    color: #4a4848
}

.accordion-item-content h4 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #3e3a36
}

.accordion-item-content ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}

.accordion-item-content ul li {
    margin: 0 0 10px;
    padding: 0 0 0 23px;
    position: relative;
    font-size: 15px;
    color: #4a4848
}

.accordion-item-content ul li:before {
    position: absolute;
    content: "\f061";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #d7d1d1;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    height: fit-content
}