/*.page-content {
	
}

.headCompanent {
	position: relative;
}

.headImage {
    height: 400px;
    display: flex;
    position: relative;
    align-items: flex-end;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.headTitle .page-title {
    position: absolute;
    bottom: -5px;
    z-index: 999;
}

.header .overlay {
    z-index: 998;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 400px;
    width: 100%;
    background-image: radial-gradient(140% 110% at 48% 42%, rgb(33 37 41 / 44%), rgb(33 37 41 / 49%), rgb(33 37 41 / 51%), rgb(33 37 41 / 63%), rgb(33 37 41 / 69%), #212529 55%, #212529 200%);
}

.pages .header .navbar-head {
    background: rgb(0 0 0 / 20%);
}

.pages .page-content {
    margin-top: 25px;
	margin-bottom: 40px;
}

@media (max-width: 828.98px) {
	.pages .header .navbar-head {
		height: 55px;
	}	
}*/



/*
**
*** HEADING WRAPPER
**
*/
#pages .page-content {
    position: relative;
    padding: 50px 0;
    background-image: linear-gradient(to right, #ffffff13 .3px, transparent 1px), linear-gradient(to bottom, #ffffff13 .3px, transparent 1px);
    background-size: 15px 15px;
    background-position: center;
    background-color: var(--main-bg);
    box-shadow: inset 0px 0px 10px 10px #08080869;
}

.header .head-component {
    position: relative;
    height: 100%;
    width: 100%;
}
.head-component .head-image {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    opacity: .2;
}
.head-component .post-title-wrapper {
    position: absolute;
    left: 5%;
	right: 5%;
    bottom: 50%;
    transform: translateY(50%);
}
.post-title-wrapper .content-wrapper {
    display: flex;
    column-gap: 20px;
	align-items: center;
}
.head-component .title-top {
    font-size: 1.87vw;
	font-weight: bold;
	color: var(--orange);
}
.head-component .post-title-wrapper h1 {
    flex: 1 0 58%;	
    font-size: 5.3vw;
	line-height: 1.1;
}
.head-component .post-title-wrapper p {
    font-size: 1.33vw;
}
@media (min-width: 729px) and (max-width: 1078.98px) {
	.post-title-wrapper .content-wrapper {
		flex-wrap: wrap;
	}
	.head-component .post-title-wrapper h1 {
		font-size: 50px;
	}
	.head-component .post-title-wrapper .title-top {
		font-size: 23px;
	}	
	.head-component .post-title-wrapper p {
		width: 90%;
		font-size: 18px;
	}	
}
@media (max-width: 728.98px) {
	.post-title-wrapper .content-wrapper {
		flex-wrap: wrap;
	}
	.head-component .title-top {
		font-size: 6vw;
	}
	.head-component .post-title-wrapper h1 {
		font-size: 36px;
	}
	.head-component .post-title-wrapper p {
		width: 90%;
		font-size: 15px;
	}
}
/* END OF HEADING WRAPPER */





/*
**
*** Services design
**
*/
.section-wrapper .heading-wrapper {
	margin-bottom: 35px;
}
.services-grid-design .services-design-wrapper {
    display: flex;
}
.services-grid-design .column-content {
    flex: 1 0 50%;
}
.services-grid-design .column-content.num2 {
    margin-top: 50px;
}
.column-content .design-services-item {
    border-left: 1px solid var(--brd-clr);
}
.column-content .design-services-item:not(:last-child) {
    border-bottom: 1px solid var(--brd-clr);
}
.services-grid-design .design-services-card {
	position: relative;
    display: block;	
    padding: 5rem 3rem;
	transition: all .5s;
	z-index:0;
}
.services-grid-design .design-services-card:hover::after {
	transform: translate(-50%, -50%) scale(1);
}
.services-grid-design .design-services-card:hover .card-arrow::after {
    transform: rotate(0deg);
	color: #fff;
}
.services-grid-design .design-services-card::after {
    content: "";
    background: var(--orange);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all .6s;
    z-index: -1;
}
.design-services-card .card-arrow::after {
    content: "\f061";
    font-family: fontawesome;
    position: absolute;
    display: block;
	top: 13%;
    right: 13%;
    font-size: 170%;
    transform: rotate(-45deg);
	transition: transform .5s;
} 
@media (max-width: 828.98px) {
	.services-grid-design .services-design-wrapper {
		flex-wrap: wrap;		
	}
	.services-grid-design .column-content {
		flex: 1 0 100%;
	}
    .services-grid-design .design-services-card {
		padding: 3rem 0;
	}
	.services-grid-design .design-services-card:hover {
		padding: 3rem 1.2rem;
	}
	.services-grid-design .column-content:not(:first-child) {
		margin-top: 0;
	}
    .column-content .design-services-item {
		border-left: none;
	}
    .column-content.num1 .design-services-item:last-child {
		border-bottom: solid 1px var(--brd-clr);
	}
}
/* end of services design */






/*
**
*** Animation grids on scroll
**
*/
.animate-grids .animate-grids-wrapper.num1 {
    border-top: solid 1px var(--brd-clr);
}
.animate-grids .animate-grids-wrapper.num2 {
    border-top: solid 1px var(--brd-clr);
    border-bottom: solid 1px var(--brd-clr);
}
.animate-grids .animate-grids-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.animate-grids .animate-grids-card {
    position: relative;
	max-width: calc(100% / 3);
	width: calc(100% / 3);	
    flex: 1 0 calc(100% / 3);
	background: #111;
	border: 1px solid var(--brd-clr);
    padding: 64px 32px 54px;
	z-index: 0;
}
.animate-grids-card.num2 {
	transform: translateY(150px);
}
.animate-grids-card.num3 {
	transform: translateY(230px);
}
.animate-grids-card.num5 {
	transform: translateY(280px);
}
.animate-grids-card.num1, .animate-grids-card.num4 {
	z-index: 1;
}
.animate-grids-card.num1, .animate-grids-card.num2, .animate-grids-card.num3, .animate-grids-card.num4, .animate-grids-card.num5 {
	margin-top: -1px;
    margin-bottom: -1px;
}
.animate-grids-card.num2, .animate-grids-card.num3, .animate-grids-card.num5 {
    margin-left: -1px;
}
.animate-grids .animate-grids-card .number {
    color: var(--light-blue);
    position: absolute;
    top: 8%;
    font-weight: 500;
    font-size: 18px;
}
@media(max-width: 728.98px) {
	.animate-grids .animate-grids-card {
		max-width: calc(100% / 1);
		width: calc(100% / 1);	
		margin-bottom: 10px !important;
    }
	.animate-grids .animate-grids-wrapper.num1 {
		border-top: solid 0px var(--brd-clr);
	}
	.animate-grids .animate-grids-wrapper.num2 {
		border-top: solid 0px var(--brd-clr);
		border-bottom: solid 0px var(--brd-clr);
	}
	/*.animate-grids-card.num2 {
		transform: translateY(0px);
	}
	.animate-grids-card.num3 {
		transform: translateY(0px);
	}
	.animate-grids-card.num5 {
		transform: translateY(0px);
	}*/
}



/*
**
*** KEY DELIVER 
**
*/
.key-deliver .key-deliver-content.num1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.key-deliver .key-deliver-item {
    flex: 0 0 calc(100% / 3);
    padding: 35px;
    text-align: center;
}
.key-deliver .key-deliver-item .heading {
    margin-bottom: 10px;
}
.key-deliver .key-deliver-item .icon img {
    filter: invert(.9);
    width: 35px;
}

.animate-grids .animate-grids-wrapper {
  border-bottom: solid 1px var(--brd-clr);
}
.animate-grids .animate-grids-card {
    position: relative;
    max-width: calc(100% / 4);
    width: calc(100% / 4);
    flex: 1 0 calc(100% / 4);
    background: #111;
    border: 1px solid var(--brd-clr);
    padding: 64px 32px 54px;
    margin-bottom: -1px;
    z-index: 0;
}
@media(max-width: 828.98px) {
  .key-deliver .key-deliver-content.num1 {
    row-gap: 30px;
  }
  .key-deliver .key-deliver-item {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
  .animate-grids .animate-grids-wrapper {
    border-bottom: none;
  }
  .animate-grids .animate-grids-card {
    max-width: calc(100% / 1);
    width: calc(100% / 1);
    flex: 1 0 calc(100% / 1);
  }
} /* END OF KEY DELIVER */




/*
**
***STICKY BORDERED GRID
**
*/
.sticky-bordered-grid .sticky-bordered__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}
.sticky-bordered__column.num1 {
    flex: 1 0 25%;
}
.sticky-bordered-grid .stick-item {
    position: sticky;
    top: 50px;
}
.sticky-bordered-grid .stick-item .heading {
    font-size: 45px;
	line-height: 1.2;
}

.sticky-bordered__column.num2 .card-content {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}
.sticky-bordered__column .card-item-wrapper {
    width: calc(50% - 30px);
}
.sticky-bordered__column .card-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #094261;
    padding: 25px;
    height: 350px;
    border: dashed 1px var(--brd-clr);
}
.sticky-bordered__column .card-item-wrapper.top {
	display: flex;
	align-items: flex-start;
    height: 410px;
}
.sticky-bordered__column .card-item-wrapper.bottom {
    display: flex;
	align-items: flex-end;
}
.sticky-bordered__column .number {
    color: var(--orange);
    font-size: 18px;
    position: absolute;
    top: 7%;
    left: 7%;
}
.sticky-bordered-grid .card-item .heading {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 21px;
}
@media (min-width: 629px) and (max-width: 1078px) {
  .sticky-bordered__column.num1 {
    width: 100%;
  }
  .sticky-bordered__wrapper {
    flex-wrap: wrap;
  }
  .sticky-bordered__column .card-item-wrapper.top {
    height: 400px;
  }
  .sticky-bordered__column .card-item-wrapper {
    width: calc(50% - 25px);
  }
  .sticky-bordered-grid .stick-item {
    position: relative;
    margin-bottom: 4rem;
  }
}
@media (max-width: 628.98px) {
  .sticky-bordered-grid .stick-item {
    position: relative;
    margin-bottom: 4rem;
  }
  .sticky-bordered__column .card-item-wrapper.top {
    height: inherit;
}
  .sticky-bordered__column.num1 {
    width: 100%;
  }
  .sticky-bordered__wrapper {
    flex-wrap: wrap;
  }
  .sticky-bordered__column .card-item-wrapper {
    width: 100%;
  }
  .sticky-bordered__column.num2 .card-content {
    row-gap: 35px;
  }
}/* END OF STICKY BORDERED */




/*
**
*** BASIC GRID ITEM LIST
**
*/
.basic-grid .basic-grid__column {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 45px;
}
.basic-grid .basic-grid__item {
    flex: 0 0 40%;
    position: relative;
    padding: 50px 50px;
    border: solid 1px var(--brd-clr);
}
.basic-grid__item .item-list li:not(:last-child) {
    margin-bottom: 25px;
}
.basic-grid .item__icon img {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 25px;
    right: 25px;
}
@media (max-width: 828.98px) {
  .basic-grid .basic-grid__item {
    flex: 0 0 100%;
  }
}/* END OF BASIC GRID */



/*
**
*** INDUSTRIES TAG GRID SERVICES
**
*/
.industries-service__wrapper {
    position: relative;
    display: flex; 
    row-gap: 40px;
    column-gap: 40px;
    align-items: flex-start;
}
.industries-service__column {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    flex: 1 1 50%;
}
.industries-service__column.num2 {
    margin-top: 7rem;
}
.industries-service .service-card {
    padding: 35px;
    border: solid 1px var(--brd-clr);
    background-color: #111;
}
.industries-service .service-card .paragraph {
    margin-bottom: 35px;
}
.industries-service .service-card-text {
    padding: 35px;
}
.industries-service .card-tag__wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
}
.industries-service .tag-item {
    padding: 5px 10px;
    background-color: rgb(1 194 255 / 0.1);
    color: rgb(1 194 255 / 1);
	font-size: 14px;
}

.industries-service .tag-item.yellow {
    background-color: rgb(255 214 1 / 0.1);
    color: rgb(255 214 1 / 1);
}
.industries-service .tag-item.purple {
    background-color: rgb(219 1 255 / 0.1);
    color: rgb(219 1 255 / 1);
}
.industries-service .tag-item:hover {
    background-color: rgb(255 50 50 / 0.1);
    color: rgb(255 50 50 / 1);font-size: 14px;
}
@media (max-width: 828.98px) {
  .industries-service__wrapper {
    flex-wrap: wrap;
    column-gap: 0;
  }
  .industries-service__column {
    flex: 0 0 100%;
  }
  .industries-service__column.num2 {
    margin-top: 0rem;
  }
  .industries-service .service-card {
    padding: 15px;
  }
  .industries-service .service-card-text {
    padding: 0px;
  }
}/* END OF INDUSTRIES TAG GRID SERVICES */