:root {
    --pink: #EE5A6D;
    --blue: #067CE2;
    --green: #74CAD8;
    --purple: #5643C1
}

body {
    font-family: 'SF Pro Display';
    background: #F6F9FF
}

.btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    gap: 6px;
    border-radius: 8px;
    border: 0;
}

.btn-secondary {
    background: #E8EEF6;
    border-color: #E8EEF6;
    color: #8892A1;
    font-weight: 300;
    font-size: 14px;
}

.btn-secondary:hover {
    background: #8892A1;
    border-color: #8892A1
}

.btn-primary {
    background: var(--purple);
}
.btn-primary {
    background: var(--purple);
}
.btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary {
	   background: var(--purple) !important;
		   border-color: var(--purple) !important;
}
.btn-primary:hover {
    background: #151035;
}

.btn-success {
    background: var(--green)
}

.btn-success:hover {
    background: #2d5d64
}

.btn-danger {
    background: var(--pink)
}

.btn-danger:hover {
    background: #93303d
}

.btn-info {
    background: var(--blue);
    color: #fff;
}

.btn-info:hover {
    background: #075aa2;
    color: #fff
}

.pinkBg {
    background: var(--pink)
}

.blueBg {
    background: var(--blue)
}

.greenBg {
    background: var(--green);
}

.purpleBg {
    background: var(--purple)
}

header {
    position: relative;
    z-index: 9;
    background: #fff;
}

header .logo img {
    height: 35px
}

.topMenu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

.topMenu ul li a {
    position: relative;
    display: block;
    padding: 25px 15px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500
}
.topMenu ul li a:hover {
	color:var(--purple);
}
.topMenu ul li {
    position: relative;
}
.topMenu ul li ul {
    position: absolute;
    left: 0;
    top:100%;
    min-width: 150px;
    display: block;
    background: #fff;
    width: 100%;
    height: auto;
        box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.04);
    border-radius: 0 0 10px 10px;
  visibility: hidden;
    opacity: 0;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
overflow: hidden;
    
}
.topMenu ul li:hover ul {
    visibility: visible;
    opacity: 1;
    
}
.topMenu ul li ul li a {
    padding: 10px 20px;
    font-size: 14px;
}
.topMenu ul li ul li a:hover {
    background: var(--pink);
    color: #fff;
}
header .topMenu ul li a:not(:only-child) {
    padding-right: 24px;
}
header .topMenu ul li a:not(:only-child):after {
    content: '';
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
  width: 9px;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0.500004L5.20707 4.17454C4.81819 4.60849 4.18182 4.60849 3.79294 4.17454L0.5 0.500004' stroke='%23B9C2CF' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
header .topMenu ul li:hover a:not(:only-child):after {

    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0.500004L5.20707 4.17454C4.81819 4.60849 4.18182 4.60849 3.79294 4.17454L0.5 0.500004' stroke='%23EE5A6D' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}
article {
    padding: 0px 0 50px
}

.topBanner {
    position: relative;
    margin-top: 30px
}

.topBanner svg path {
    transform: scale(1)
}

.topBanner svg path:hover {
    fill: #000 !important
}

.topBanner .topBannerText {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 1
}

.topBanner .topBannerText strong {
    display: block;
    margin-bottom: 30px;
    font-weight: 1000;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
}

.topBanner .topBannerText p {
    margin: 0;
    font-weight: 274;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}

.topBannerItems {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.topBannerItems span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    position: absolute;
    display: block;
    padding: 15px 35px;
    border-radius: 20px;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
}

.topBannerItems span.purpleBg {
    top: 30px;
    left: 20%;
}

.topBannerItems span.pinkBg {
    left: 20%;
    bottom: 50px
}

.topBannerItems span.greenBg {
    right: 15%;
    top: 30px
}

.topBannerItems span.blueBg {
    right: 20%;
    bottom: 30px
}

.topBannerItems span:nth-child(1) {
    animation-name: floating1;
}

.topBannerItems span:nth-child(2) {
    animation-name: floating2;
}

.topBannerItems span:nth-child(3) {
    animation-name: floating3;
}

.topBannerItems span:nth-child(4) {
    animation-name: floating4;
}



@keyframes floating1 {
    0% {
        transform: translateX(0px);
    }



    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes floating2 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(45px);
    }



    100% {
        transform: translateX(0px);
    }
}

@keyframes floating3 {
    0% {
        transform: translateX(-15px);
    }

    50% {
        transform: translateX(35px);
    }



    100% {
        transform: translateX(-15px);
    }
}

@keyframes floating4 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(15px);
    }



    100% {
        transform: translateX(0px);
    }
}



#homeSolutions {
    margin: 40px 0;
}

.solutionItems {
    display: block;
    height: 450px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);

}

.solutionItems .solutionPhoto {
    height: 300px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.solutionItems .solutionPhoto img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(1)
}

.solutionItems .solutionText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 19px;
    height: 150px;
}

.solutionItems .solutionText .text {
    text-decoration: none;
}

.solutionItems .solutionText strong {
    font-size: 24px;
    line-height: 30px;
    color: #303030;
}

.solutionItems .solutionText .excerpt {
    height: 0;
    overflow: hidden;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;

    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.solutionItems .solutionText .excerpt p {
    margin-bottom: 0
}
.solutionItems:hover .solutionText .excerpt {
    height: 44px;
}

.solutionItems:hover .solutionPhoto img {
    transform: scale(1.1)
}

.solutionItems .solutionText .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background: #E8EEF6;
    border-radius: 100%;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.solutionItems .solutionText .link svg path {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.solutionItems .solutionText .link:hover svg path {
    stroke: #fff;
}
/* 1,4,7,10... */
#homeSolutions .row .col-lg-4:nth-child(3n+1) .solutionItems .solutionText .link svg path,
.solutionsList > div:nth-child(3n+1) .solutionItems .solutionText .link svg path {
    stroke: var(--purple);
}
#homeSolutions .row .col-lg-4:nth-child(3n+1) .solutionItems .solutionText .link:hover,
.solutionsList > div:nth-child(3n+1) .solutionItems .solutionText .link:hover {
    background: var(--purple);
}

/* 2,5,8,11... */
#homeSolutions .row .col-lg-4:nth-child(3n+2) .solutionItems .solutionText .link svg path,
.solutionsList > div:nth-child(3n+2) .solutionItems .solutionText .link svg path {
    stroke: var(--pink);
}
#homeSolutions .row .col-lg-4:nth-child(3n+2) .solutionItems .solutionText .link:hover,
.solutionsList > div:nth-child(3n+2) .solutionItems .solutionText .link:hover {
    background: var(--pink);
}

/* 3,6,9,12... */
#homeSolutions .row .col-lg-4:nth-child(3n+3) .solutionItems .solutionText .link svg path,
.solutionsList > div:nth-child(3n+3) .solutionItems .solutionText .link svg path {
    stroke: var(--green);
}
#homeSolutions .row .col-lg-4:nth-child(3n+3) .solutionItems .solutionText .link:hover,
.solutionsList > div:nth-child(3n+3) .solutionItems .solutionText .link:hover {
    background: var(--green);
}

#homeSolutions .row .col-lg-4 .solutionItems .solutionText .link:hover svg path , .solutionsList > div .solutionItems .solutionText .link:hover  svg path{
    stroke:#fff
}




#companyList {
    padding: 20px 0
}
#companyList .owl-item .item {
	height:45px;
	display:flex;
	align-items:center;
	justify-content:center
}

#companyList .owl-item img {
    filter: grayscale(100%) brightness(1.5) contrast(0.8);
	max-height:45px;
	max-width:100%;
	width:auto;
    transition: filter 0.3s ease;
}

#companyList .owl-item img:hover {
    filter: none
}

#howTo {
    margin: 40px 0 0;
    background: #fff;
    padding: 100px 0 130px
}

.sectionTitle {
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
}

.sectionDesc {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    margin: 0;
}

#howTo .sectionTitle {
    margin-bottom: 100px;
    text-align: center
}

#howTo .howToList {
    display: flex;
    justify-content: space-between;
}

#howTo .howToList .howToItem {
    position: relative;
    width: calc((100% - 3px)/4);
    padding: 0 30px;
    text-align: center
}

#howTo .howToList .howToItem .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#howTo .howToList .howToItem strong {
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	min-height:48px
}

#howTo .howToList .howToItem p {
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    
}

#howTo .howToList .howToItem + .howToItem:before {
    content: "";
    left: -1px;
    top: 0;
    height: 100%;
    width: 1px;
    position: absolute;
    background: rgba(86, 67, 193, 0.07);

}

#howTo .howToList .howToItem:hover .icon {
    transform: translateY(-10px)
}

#howTo .howToList .howToItem:nth-child(1):hover strong {
    color: var(--purple)
}

#howTo .howToList .howToItem:nth-child(2):hover strong {
    color: var(--pink)
}

#howTo .howToList .howToItem:nth-child(3):hover strong {
    color: var(--green)
}

#howTo .howToList .howToItem:nth-child(4):hover strong {
    color: var(--blue)
}

.linksBarContent {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8EEF6;
    border-radius: 10px;
    padding: 31.5px 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

.linkBarHome {
    margin-top: -45px
}

.linksBarContent .linkBarItem1 {
    position: relative;
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.linksBarContent .linkBarItem1 i {
    position: relative;
    font-style: normal;
    z-index: 2
}

.linksBarContent .linkBarItem1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 4px;

    background: var(--pink);
    border-radius: 2px;
    transform: rotate(-2.97deg);
    z-index: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.linksBarContent .linkBarItem1:hover:before {
    transform: rotate(0deg);
    bottom: -5px
}

.linksBarContent .linkBarItem1:hover {
    color: var(--pink)
}

.linksBarContent .linkBarItem2 span {
    position: relative;
    z-index: 2;
}

.linksBarContent .linkBarItem2 {
    position: relative;
    color: var(--purple);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.linksBarContent .linkBarItem2:before {
    content: "";
    width: 0;
    height: calc(100% + 15px);
    position: absolute;
    background: var(--purple);
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    opacity: 0.6;
    border-radius: 0 3px 3px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.linksBarContent .linkBarItem2:hover {
    color: #000;
}

.linksBarContent .linkBarItem2:hover:before {
    width: 100%;
}

#homeJobs {
    margin: 80px 0 0
}

#homeJobs .sectionDesc {
    margin-top: 8px
}

.jobSliderWrapper {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 60px
}

.jobSlider {
    padding-left: calc((100vw - 1300px) / 2);
}

.jobsItem {
    background: #fff;
    padding: 65px 25px;
    border-radius: 10px;
}

.jobsItem .jobName {
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    height: 56px;
    color: #000000;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.jobsItem .jobName:hover {
    color: var(--purple)
}

.jobsItem .jobDesc {
    display: block;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    height: 52px;
    overflow: hidden;
}

.jobsItem .jobsMeta {
    margin-bottom: 30px;
}

.jobsItem .jobsMeta span {
    display: flex;
    align-items: center;
}

.jobsItem .jobsMeta span i {
    font-style: normal;
    margin-left: 5px;
    font-weight: 300;
    font-size: 15px;
    line-height: 16px;
    color: #000000;
}

footer .footerTop {
    margin-bottom: -47px
}
footer .footerTop .footerBar{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
footer .footerTop .footerBar .footerLogo img {
    height: 30px
}
footer .footerTop .footerBar  span {
font-weight: 300;
font-size: 15px;
line-height: 18px;
}
footer .footerTop .footerBar .social a {
   display: flex;
    align-items: center;
    justify-content: center;
width: 44px;
height: 44px;
border: 0.5px solid #E8EEF6;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .footerTop .footerBar .social a  + a {
    margin-left: 10px;
}
footer .footerTop .footerBar .social a:hover {
    background: var(--blue)
}
footer .footerTop .footerBar .social a svg path {
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .footerTop .footerBar .social a:hover svg path {
    fill:#fff;
}
footer .footerBottom {
    padding: 87px 0 0px;
    background: #E8EEF6
}
footer .footerMenus{
    padding-right: 50px
}
footer .footerMenus ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
footer .footerMenus  > ul{
    display: flex;
    justify-content: space-between
}
footer .footerMenus  > ul>li>a {
display: block;
    margin-bottom: 13px;
    text-decoration: none;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #000000;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .footerMenus > ul>li>ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 300;
    text-decoration: none;
    font-size: 14px;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .footerMenus a:hover{color: var(--purple)}
footer .footerMenus  > ul>li>ul li + li {
    margin-top: 8px
}

.footerContact strong {
    display: block;
        margin-bottom: 13px;
font-weight: 700;
font-size: 18px;
line-height: 21px;
    color: #000;
}
.footerContact i {
    display: block;
    font-style: normal;
    font-size: 14px;
    font-weight: 500
}
.footerContact span {
    display: block;
    line-height: 18px;
      font-size: 14px;
    font-weight: 300;
}
.footerContact .fContactItem +  .fContactItem{
    margin-top: 12px;
}

.copyRight {
    text-align: center;
    padding: 20px ;
    margin-top: 30px;
    border-top: .5px solid #B9C2CF;

font-weight: 100;
font-size: 15px;
}
.pageTitle {
font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}
.pageHeader:has(.subtitle) .pageTitle {
	margin-bottom:10px
}
.pageHeader .subtitle {
	    font-weight: 500;
    font-size: 18px;
	margin-bottom:15px
}
.jobTitle {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 20px;

color: #000000;
background: #E8EEF6;
border-radius: 10px;

}
.jobTitle  h2 {
    font-size: 24px;
font-size: 18px;
    margin: 0;
}
.pageText {
      background: #fff;
    border-radius: 10px;
    padding: 40px;
}

.jobInfoBox {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.jobInfoBox .jobInfoItem {
    display: flex;
    align-items: center;
}
.jobInfoBox .jobInfoItem strong {
    display: block;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #000000;
    margin-bottom: 5px
}
.jobInfoBox .jobInfoItem span {
  display: block;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #000000;
}
.jobInfoBox .jobInfoItem .icon {
    width: 24px;
    margin-right: 20px;
}

.jobInfoBox .jobInfoItem + .jobInfoItem  {
    margin-top:20px
}

.subTitle {
    font-size: 24px;
font-size: 18px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 20px;
}

.contactPageInfo {
    padding: 20px;
    color: #000000;
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);
}
.contactRight {
    background: #fff;
      color: #000000;
    padding: 20px;
    border-radius: 10px;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);
}
.contactRight .nf-before-form-content {
    display: none;
}
.contactPageItem {
    display: flex;
    align-items: center;
    
}
.contactPageItem .icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #E8EEF6;
    border-radius: 10px;
    margin-right: 20px;
}
.contactPageItem .text strong {
    display: block;
    font-size: 18px
}
.contactMaps iframe {
    border-radius: 10px;
}
#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 16px !important
}
.contactRight .form-control {
    outline: none;
    box-shadow: none;
    border-color: #c1c3c7;
    border-width: 1px
}
.nf-error-msg {
    display: none !important
}
.ninja-forms-req-symbol {
    color: var(--purple) !important;
    font-size: 12px
}
.nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field {
    border:0.5px solid var(--pink) !important
}
.contactRightTitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.pageHeader {
    margin-bottom: -80px;
    height: 250px;
    background: #E8EEF6;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

#jobDetailPage {
    margin-top: 30px
}


.jobAppTop {
    margin: 20px 0;
}

.jobAppContent {
display:none;
      background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.jobAppContent.open {
	display:block
}


.projectList .solutionItems {
        display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
	margin-bottom:20px
}
.projectList .solutionItems .solutionPhoto {
    height: 200px;
    min-width: 200px;
    width: 200px;
    border-radius: 10px
}
.projectList .solutionItems .solutionText {
    width: 100%;
	padding:30px
}
.projectList  .solutionItems .solutionText .excerpt {
    height: 44px
}

.pageJobList .pageHeader{
    margin-bottom: 30px
}

.pageJobList .pageText {
    padding: 0;
    background: transparent
}
.pageJobList .jobsItem {
	margin-bottom:24px
}
.aboutMore , .aboutContent{
    min-height: 1px !important
}
.aboutMore ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.aboutMore ul li {
      display: flex;
    align-items: center;
       background:#e8eef6;
    width: calc(33.333% - (20px / 3));
    margin-bottom:20px;
    margin-right:10px;
    font-size:15px;
    font-weight:500;
}
.aboutMore ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
    aspect-ratio: 1 / 1;
    background: #f6f9ff;
}

.aboutMore ul li span {
      padding: 20px;
}
.aboutMore ul li:nth-child(3n)  {
    margin-right:0
}

.aboutPagePhoto {
    width: 100%;
    height: 100%;
}
.aboutPagePhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px
}

.wpcf7 a {
	color:var(--purple)
}
.form-control {
	box-shadow:none !important;
	outline:none !important;
	border:1px solid #c1c3c7 !important;
}