@charset "utf-8";

:root{
	--primary-color				: #021623;
	--secondary-color			: #FFFFFF;
	--bg-color					: #F5F5F5;
	--text-color				: #535353;
	--accent-color				: #dc392d;
	--white-color				: #FFFFFF;
	--divider-color				: #0216231A;
	--dark-divider-color		: #FFFFFF1A;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "DM Sans", sans-serif;
	--accent-font				: 'Plus Jakarta Sans', sans-serif;;
}

/* ----- */

::-webkit-scrollbar-track{
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}

::-webkit-scrollbar{
	width: 7px;
	background-color: var(--accent-color);
}

::-webkit-scrollbar-thumb{
	background: var(--accent-color);
}

::selection{
	color: var(--white-color);
	background-color: var(--accent-color);
	filter: invert(1);
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{
	/* font-family: var(--accent-font); */
	 font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 500;
	line-height: 1.2em;
	color: var(--primary-color);
	letter-spacing: -0.02em;
	margin: 0;
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}


.bg-section{
	width: 100%;
	max-width: 1820px;
	background-color: var(--secondary-color);
	border-radius: 20px;
	margin: 0 auto;
}

.bg-section .container-fluid{
	padding: 0;
}

.dark-section{
	background-color: var(--primary-color);
	background-image: url('../img/dark-section-bg-image.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0; 
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 40px;
}

.section-title .section-sub-title{
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1em;
	color: var(--primary-color);
	background: var(--white-color);
	border-radius: 100px;
	padding: 11px 20px 11px 20px;
    margin-bottom: 15px;
}

.section-title .section-sub-title::before{
	content: '\2a';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--primary-color);
    top: 50%;
    left: 20px;
	transform: translateY(-50%); display: none;
}

.section-title h1{
	font-size: 60px;
	margin-bottom: 0;
	cursor: none;
}

.section-title h2{
	font-size: 48px;
	line-height: 1.1em;
	margin-bottom: 0;
	cursor: none;
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.bg-section .section-title .section-sub-title{
	background: var(--bg-color);
}

.dark-section .section-title .section-sub-title{
	color: var(--white-color);
	background: var(--dark-divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
}

.dark-section .section-title .section-sub-title::before{
	color: var(--white-color);
}

.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p{
	color: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}


/* ---------- */

.about-us-metal{
	padding: 120px 0;
}

.about-us-content-metal{
	height: 100%;
	align-content: center;
}

.about-us-body-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 4.688vw;
}

.about-us-item-list-metal{
	position: relative;
	width: calc(65% - 2.344vw);
}

.about-us-item-list-metal::before{
	content: '';
	position: absolute;
	right: -2.344vw;
	width: 1px;
	height: 100%;
	background-color: var(--divider-color);
}

.about-us-item-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 40px;
}

.about-us-item-metal:last-child{
	margin-bottom: 0;
}

.about-us-item-metal .icon-box{
	position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.about-us-item-metal .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.about-us-item-metal:hover .icon-box::before{
	transform: scale(1);
}

.about-us-item-metal  .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.about-us-item-content-metal{
	width: calc(100% - 65px);
}

.about-us-item-content-metal h3{
	font-size: 26px;
}

.about-us-item-content-metal p{
	margin: 10px 0 0;
}

.about-us-experienc-box-metal{
	width: calc(35% - 2.344vw);
}

.about-us-experienc-box-metal h2{
	font-size: 100px;
	line-height: 1em;
}

.about-us-experienc-box-metal h3{
	font-size: 20px;
	margin: 5px 0 0;
}

.about-us-footer-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 25px;
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.about-us-author-box-metal{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.about-us-author-image-metal figure{
	display: block;
	border-radius: 50%; overflow: hidden;
}

.about-us-author-image-metal img{
	width: 100%;
    max-width: 50px;
}

.about-us-author-content-metal{
	width: calc(100% - 65px);
}

.about-us-author-content-metal h3{
	font-size: 20px;
}

.about-us-author-content-metal p{
	line-height: normal;
	margin: 5px 0 0;
}

.about-us-image-box-metal{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: 15px;
}

.about-image-box-1-metal{
	width: 57%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-us-image-metal{
	height: 100%;
}

.about-us-image-metal figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.about-us-image-metal figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.about-image-box-1-metal .about-us-image-metal figure img{
	aspect-ratio: 1 / 1.442;
}

.about-us-info-box-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 15px;
	background-color: var(--accent-color);
	border-radius: 20px;
	padding: 30px;
	transition: all 0.4s ease-in-out;
}

.about-us-info-box-metal:hover{
	background-color: var(--primary-color);
}

.about-image-box-1-metal .about-us-info-box-metal{
	width: 75%;
}

.about-us-info-box-metal .icon-box{
	position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.about-us-info-box-metal .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--white-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.about-us-info-box-metal:hover .icon-box::before{
	transform: scale(1);
}

.about-us-info-box-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.about-us-info-box-metal:hover .icon-box img{
	filter: brightness(1) invert(1);
}

.about-us-info-box-content-metal{
	width: calc(100% - 65px);
}

.about-us-info-box-content-metal h3{
	font-size: 20px;
	color: var(--white-color);
}

.about-image-box-2-metal{
	width: 43%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-image-box-2-metal .about-us-info-box-metal{
	flex-direction: column;
	align-items: start;
	margin: 0 25px 0 10px;
}

.about-image-box-2-metal .about-us-info-box-metal .icon-box{
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 0;
	background-color: transparent;
}

.about-image-box-2-metal .about-us-info-box-metal .icon-box::before{
	display: none;
}

.about-image-box-2-metal .about-us-info-box-metal .icon-box img{
	max-width: 30px;
}

.about-image-box-2-metal .about-us-info-box-metal:hover .icon-box img{
	filter: none;
}

.about-image-box-2-metal .about-us-info-box-metal .about-us-info-box-content-metal{
	width: 100%;
}

.about-image-box-2-metal .about-us-image-metal figure{
	border: 5px solid var(--bg-color);
	margin-left: -80px;
}

.about-image-box-2-metal .about-us-image-metal figure img{
	aspect-ratio: 1 / 1.351;
	border-radius: 14px;
}


/* ---------- */


.our-services{
	padding: 120px 0;
}

.service-item{
    background-color: var(--dark-divider-color);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 20px;
    padding: 20px;
}

.service-item-header-box{
	padding: 20px 22px;
	margin-bottom: 10px;
}

.service-item-header{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.service-item-header .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.service-item-header .icon-box:before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.service-item:hover .service-item-header .icon-box:before{
	transform: scale(1);
}

.service-item-header .icon-box img{
	position: relative;
    width: 100%;
    max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.service-item:hover .service-item-header .icon-box img{
	filter: brightness(1) invert(1);
}

.service-item-title{
	width: calc(100% - 65px);
}

.service-item-title h2{
	font-size: 26px;
	color: var(--white-color);
}

.service-item-title h2 a{
	color: inherit;
}

.service-item-content{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 20px;
	margin-top: 20px;
}

.service-item-content p{
	color: var(--white-color);
}

.service-item-content p:last-child{
	margin: 0;
}

.service-item-image{
	position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.service-item-image figure{
	display: block;
	border-radius: 20px;
}

.service-item-image figure img{
	width: 100%;
    aspect-ratio: 1 / 0.635;
    object-fit: cover;
	border-radius: 20px;
    transition: all 0.6s ease-in-out;
}

.service-item:hover .service-item-image figure img{
	transform: scale(1.06);
}

.service-item-btn{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.service-item:hover .service-item-btn{
	transform: translate(-50%, -50%) scale(1);
}

.service-item-btn a{
	display: block;
    background-color: var(--accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.service-item-btn a:hover{
	background-color: var(--white-color);
}

.service-item-btn a img{
	width: 100%;
    max-width: 24px;
    transition: all 0.4s ease-in-out;
	transform: rotate(-45deg);
}

.service-item-btn a:hover img{
	transform: rotate(0);	
	filter: brightness(0) invert(0);
}

.service-item-slider .service-pagination{
	margin-top: 40px;
	text-align: center;
}

.service-item-slider .service-pagination .swiper-pagination-bullet{
    position: relative;
    height: 10px;
    width: 10px;
    background: var(--dark-divider-color);
	opacity: 1;
    margin: 0 5px;
	border-radius: 10px;
	transition: all 0.4s ease-in-out;
}

.service-item-slider .service-pagination .swiper-pagination-bullet-active{
	background: var(--accent-color);
	width: 34px;
}


/* ----- */

.our-core-feature-elite{
	padding: 120px 0 140px;
}

.core-feature-item-list-elite{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.core-feature-item-elite{
	position: relative;
	width: calc(50% - 15px);
	background-color: var(--white-color);
	border-radius: 20px;
	padding: 40px;
	overflow: hidden;
}

.core-feature-item-elite::before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--accent-color);
	transition: all 0.4s ease-in-out;
}

.core-feature-item-elite:hover:before{
	height: 100%;
}

.core-feature-item-elite .icon-box{
	position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	z-index: 1;
}

.core-feature-item-elite .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--white-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.core-feature-item-elite:hover .icon-box::before{
	transform: scale(1);
}

.core-feature-item-elite  .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.core-feature-item-elite:hover .icon-box img{
	filter: brightness(1) invert(1);
}

.core-feature-item-content-elite{
	position: relative;
	margin-top: 30px;
	z-index: 1;
}

.core-feature-item-content-elite h3{
	font-size: 26px;
	transition: all 0.4s ease-in-out;
}

.core-feature-item-elite:hover .core-feature-item-content-elite h3,
.core-feature-item-elite:hover .core-feature-item-content-elite p{
	color: var(--white-color);
}

.core-feature-item-content-elite p{
	margin: 10px 0 0;
	transition: all 0.4s ease-in-out;
}

.feature-video-image-box-elite{
	position: relative;
	height: 100%;
	margin-left: 15px;
}

.feature-video-image-box-elite{
	height: 100%;
}

.core-feature-image-elite{
	height: 100%;
}

.core-feature-image-elite figure{
	position: relative;
	height: 100%;
	display: block;
	border-radius: 20px;
}

.core-feature-image-elite figure::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(2, 22, 35, 0.20) 0%, rgba(2, 22, 35, 0.20) 100%);
	border-radius: 20px;
	z-index: 1;
}

.core-feature-image-elite figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.87;
	object-fit: cover;
	border-radius: 20px;
}

.feature-video-image-box-elite .video-play-button-elite{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 2;
}

.video-play-button-elite a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	cursor: none;
}

.video-play-button-elite a span{
	position: relative;
	width: 55px;
	height: 55px;
	background: var(--accent-color);
	border-radius: 50%;
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-play-button-elite a span.bg-effect:before,
.video-play-button-elite a span.bg-effect:after{
	content: '';
	position: absolute;
    width: 160%;
    height: 160%;
	border: 35px solid var(--white-color);
	opacity: 50%;
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.2s infinite linear;
}

.video-play-button-elite a span.bg-effect:after{
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.video-play-button-elite a span i{
    font-size: 20px;
    color: inherit;
    margin-left: 2px;
}

.video-play-button-elite p{
	font-family: var(--accent-font);
	font-size: 17px;
	font-weight: 600;
	color: var(--white-color);
	margin: 0;
}

.our-core-feature-elite .section-footer-text{
	margin-top: 60px;
}


/* --- */


.growth-section {
    position: relative;
    /* background: #252b35 */
}

.growth-section .growth-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -70px;
    z-index: 1
}

.growth-section .growth-inner .content-box {
    position: relative;
    padding: 60px 60px;
    background: #333c4a;
    border-radius: 30px 0 0 30px
}

.growth-section .growth-inner .content-box .sec-title {
    margin-bottom: 33px
}
.growth-section .growth-inner .content-box .sec-title h2 {
    font-size: 45px;
    line-height: 1.1em;
    margin-bottom: 0;
    color: #fff;
}

.growth-section .growth-inner .content-box .sec-title span.sub-title {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1em;
    color: #ffffff;
    background: rgb(255 255 255 / 24%);
    border-radius: 100px;
    padding: 11px 20px 11px 20px;
    margin-bottom: 15px;
}
.growth-section .growth-inner .content-box .text-box p {
    color: #9ca4af;
    margin-bottom: 0
}

.growth-section .growth-inner .content-box .image-box {
    position: absolute;
    right: 0;
    bottom: 0
}

.growth-section .growth-inner .progress-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 240px;
    padding: 20px 25px 25px;
    background: #272e39;
    border-radius: 20px 20px 0 20px
}

.growth-section .growth-inner .progress-box h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 7px
}

.growth-section .growth-inner .progress-box .progress-inner h5 {
    margin-bottom: 19px
}

.growth-section .growth-inner .progress-box .count-text {
    position: absolute;
    top: -48px;
    right: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--urbanist);
    font-weight: 600
}

.progress-box .bar {
    width: 100%;
    background: hsla(0,0%,100%,.1)
}

.progress-box .bar,.progress-box .bar-inner {
    position: relative;
    height: 8px;
    border-radius: 25px
}

.progress-box .bar-inner {
    display: block;
    width: 60%;
    transition: all 1.5s ease
}

.growth-section .growth-content {
    position: relative;
    margin-left: -30px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: hidden;
    border-top-right-radius: 30px
}

.growth-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    border-top-right-radius: 30px;
    padding: 32px 40px;
	border-bottom-right-radius: 30px;
  margin-bottom: 5px;
}

.growth-block-one .inner-box:before {
    position: absolute;
    content: "";
    background: #e7e3ee;
    width: calc(100% - 80px);
    height: 1px;
    left: 40px;
    bottom: 0
}

.growth-block-one:last-child .inner-box:before {
    display: none
}

.growth-block-one .inner-box h3 {
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 14px
}

.growth-block-one .inner-box h3 a {
    position: relative;
    display: inline-block;
    color: #272e39
}

.growth-block-one .inner-box p {
    display: block;
    margin-bottom: 42px
}

.growth-block-one .inner-box .icon-box {
    position: relative;
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
    z-index: 1
}

.growth-block-one .inner-box .icon-box:before {
    position: absolute;
    content: "";
    background: #f4f1fa;
    width: 60px;
    height: 60px;
    border-radius: 50% 50% 0 50%;
    bottom: 8px;
    right: -30px;
    z-index: -1
}

.growth-block-one .inner-box .link-box {
    position: absolute;
    right: 51px;
    bottom: 39px
}

.growth-block-one .inner-box .link-box a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #272e39
}

.growth-block-one .inner-box .link-box a:before {
    position: absolute;
    content: "\f108";
    font-family: flaticon;
    font-size: 20px;
    top: 1px;
    right: -21px;
    transform: rotate(180deg);
    font-weight: 400;
    transition: all .5s ease
}

.growth-block-one .inner-box .link-box a:hover:before {
    opacity: 0
}

.growth-block-one .inner-box .link-box a:after {
    position: absolute;
    content: "";
    background: #e7e3ee;
    width: 35px;
    height: 1px;
    top: 14px;
    right: -51px;
    transition: all .5s ease
}

.growth-block-one .inner-box .link-box a:hover:after {
    opacity: 0
}

.growth-block-one .inner-box .link-box a span {
    position: relative
}

.growth-block-one .inner-box .link-box a span:before {
    position: absolute;
    content: "\f108";
    font-family: flaticon;
    font-size: 20px;
    top: -2px;
    left: -58px;
    transform: rotate(180deg);
    font-weight: 400;
    opacity: 0;
    transition: all .5s ease
}

.growth-block-one .inner-box .link-box a:hover span:before {
    opacity: 1
}

.growth-block-one .inner-box .link-box a span:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 1px;
    top: 11px;
    left: -45px;
    opacity: 0;
    transition: all .5s ease
}

.growth-block-one .inner-box .link-box a:hover span:after {
    opacity: 1
}

.growth-section .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.clients-section {
    position: relative;
    padding: 100px 0 94px
}

.clients-section .clients-logo {
    position: relative;
    display: inline-block;
}

/* .clients-section .clients-logo img {
    position: relative;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    transition: all .5s ease
}

.clients-section .clients-logo img:hover {
    transform: scaleX(1.03)
} */

.clients-section .more-text {
    position: relative;
    display: block;
    padding-top: 53px
}

.clients-section .more-text h5 {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 600
}

.clients-section .more-text h5 a {
    display: inline-block;
    color: #fff
}

.clients-section .more-text h5 a i {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    top: 4px;
    margin-right: 3px;
    margin-left: 8px
}

/* ---- */


.cta-box{
	padding: 120px 0;
}

.cta-content{
    min-height: 575px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cta-rating-header{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.cta-rating-box{
	max-width: 390px;
}

.cta-rating-box .satisfy-client-image{
	border-color: var(--primary-color);
}

.cta-client-rating{
	display: flex;
	align-items: center;
    gap: 10px;
}

.cta-client-rating h2{
	font-size: 48px;
	color: var(--white-color);
}

.cta-client-rating i{
	font-size: 24px;
    color: var(--white-color);
}

.cta-rating-content{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
	margin-top: 30px;
}

.cta-rating-content p{
	color: var(--white-color);
	margin: 0;
}

.contact-us-form{
	background: var(--secondary-color);
	border-radius: 20px;
    padding: 30px 60px;
}

.dark-section .contact-us-form{
	background: var(--dark-divider-color);
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
}

.contact-us-form .section-title{
	border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px; margin-bottom: 20px;
}

.dark-section .contact-us-form .section-title{
	border-color: var(--dark-divider-color);
}

.contact-form .form-control{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    background: var(--bg-color);
	color: var(--primary-color);
    border: none;
    border-radius: 10px;
    padding: 18px 20px;
    outline: none;
    box-shadow: none;
}

.dark-section .contact-form .form-control{
	background-color: var(--dark-divider-color);
	color: var(--white-color);
}

.contact-form .form-control::placeholder{
	color: var(--text-color);
	opacity: 40%;
}

.dark-section .contact-form .form-control::placeholder{
	color: var(--white-color);
}

.contact-form-btn{
	margin-top: 20px;
}


/* ---- */


.intro-video{
	position: relative;
	background-image: url('../img/investor-presentation-lsg-bgimg.jpg');
	background-position: center center; background-size: cover; background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;
	padding: 120px 0; margin-top: 60px;
}

.intro-video::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	opacity: 30%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.intro-video .container{
	position: relative;
	z-index: 2;
}

.intro-video .section-title{
	margin: 0;
}

.intro-video-circle{
	text-align: end;
	margin-right: 6.25vw;
}

.intro-video-circle a{
	display: inline-block;
    border-radius: 50%;
	cursor: none;
}

.intro-video-circle a img{
	width: 100%;
    max-width: 130px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    animation: infiniterotate 20s linear infinite;
}

@keyframes infiniterotate{
	100%{
		transform: rotate(360deg);
	}
}

.intro-video-items-list{
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 200px;
}

.intro-video-item{
	width: calc(33.33% - 20px);
    min-height: 315px;
    background-color: var(--secondary-color);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding: 40px;
	transition: all 0.4s ease-in-out;
}

.intro-video-item:hover{
	transform: translateY(-5px);
}

.intro-video-list-header .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
}

.intro-video-list-header .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.intro-video-item:hover .intro-video-list-header .icon-box::before{
	transform: scale(1);
}

.intro-video-list-header .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.intro-video-item-title h3{
	font-size: 26px;
}

.intro-video-counter-content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
}

.intro-video-counter-content h2{
	min-width: 95px;
	font-size: 40px;
}

.intro-video-counter-content p{
	max-width: 200px;
	margin: 0;
}


/* ---- */


.our-testimonials-elite{
	padding: 120px 0;
}

.testimonial-client-box-elite{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 370px;
	gap: 30px;
	background-color: var(--accent-color);
	border-radius: 20px;
	padding: 40px;
}

.testimonial-client-header h2{
	font-size: 52px;
	line-height: 1em;
	color: var(--white-color);
}

.testimonial-client-header p{
	color: var(--white-color);
	margin: 10px 0 0;
}

.testimonial-client-body-content p{
	color: var(--white-color);
	margin: 10px 0 0;
}

.testimonial-slider-elite,
.testimonial-slider-elite .swiper{
	height: 100%;
}

.testimonial-slider-elite .swiper-wrapper{
	cursor: none;
}

.testimonial-item-elite{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 370px;
	gap: 30px;
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 20px;
	padding: 40px;
}

.testimonial-item-rating-elite{
	margin-bottom: 30px;
}

.testimonial-item-rating-elite i{
	color: var(--accent-color);
	font-size: 18px;
}

.testimonial-item-content-elite p{
	color: var(--white-color);
	margin-bottom: 0;
}

.testimonial-item-body-elite{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
}

.testimonial-author-elite{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.testimonial-author-image-elite img{
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author-content-elite{
	width: calc(100% - 65px);
}

.testimonial-author-content-elite h2{
	font-size: 20px;
	color: var(--white-color);
}

.testimonial-author-content-elite p{
	color: var(--white-color);
	margin: 5px 0 0;
}

.testimonial-item-quote-elite img{
	width: 100%;
	max-width: 50px;
}

.our-testimonials-elite .section-footer-text{
	margin-top: 60px;
}

/* ---- */


.our-faqs-elite{
	padding: 120px 0;
}

.faq-image-box-elite{
	position: relative;
	height: 100%;
}

.faq-image-elite{
	height: 100%;
}

.faq-image-elite figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.faq-image-elite figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.11;
	object-fit: cover;
	border-radius: 20px;
}

.faq-cta-box-elite{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 100%;
	max-width: 355px;
	background-color: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	z-index: 1;
}

.faq-cta-box-elite .satisfy-client-images .satisfy-client-image figure img{
	max-width: 42px;
}

.faq-cta-content-elite{
	margin-top: 15px;
}

.faq-cta-content-elite h3{
	font-size: 20px;
}

.faq-cta-content-elite p{
	font-size: 16px;
	margin: 5px 0 0;
}

.faq-cta-item-list-elite{
	margin-top: 30px;
}

.faq-cta-item-elite{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.faq-cta-item-elite:last-child{
	margin-bottom: 0;
}

.faq-cta-item-elite .icon-box{
	position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	z-index: 1;
}

.faq-cta-item-elite .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.faq-cta-item-elite:hover .icon-box::before{
	transform: scale(1);
}

.faq-cta-item-elite .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.faq-cta-item-content-elite{
	width: calc(100% - 65px);
}

.faq-cta-item-content-elite h3{
	font-size: 18px;
}

.faq-cta-item-content-elite p{
	color: var(--text-color);
	line-height: normal;
	margin: 5px 0 0;
}

.faq-cta-item-content-elite p a{
	color: inherit;
	transition: all 0.4s ease-in-out; 
}

.faq-cta-item-elite:hover .faq-cta-item-content-elite p a{
	color: var(--accent-color);
}

.faq-accordion-elite .accordion-item{
	background-color: var(--secondary-color);
	border-radius: 14px;
    margin-bottom: 25px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.faq-accordion-elite .accordion-item:last-child{
    margin-bottom: 0;
}

.faq-accordion-elite .accordion-header .accordion-button{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.333em;
    color: var(--primary-color);
	padding: 23px 55px 23px 30px;
    transition: all 0.3s ease-in-out;
	background: none !important;
    border: none !important;
}
.faq-accordion-elite .accordion-header .accordion-button:hover, .faq-accordion-elite .accordion-header .accordion-button:focus{
background: none !important;
    border: none !important; outline: none;
}

.faq-accordion-elite .accordion-item .accordion-button::after,
.faq-accordion-elite .accordion-item .accordion-button.collapsed::after{
	content: '\2b';
    font-family: 'Font Awesome 7 Free';
    position: absolute;
    right: 30px;
    top: 50%;
    font-size: 20px;
    font-weight: 600;
    transform: translateY(-50%);
    color: var(--accent-color);
    transition: all 0.4s ease-in-out
}

.faq-accordion-elite .accordion-button:not(.collapsed)::after{
	content: '\f068';
    transform: translateY(-50%) rotate(180deg);
}

.faq-accordion-elite .accordion-item .accordion-body{
	border-top: 1px solid var(--divider-color);
	padding: 23px 30px;
}

.faq-accordion-elite .accordion-item .accordion-body p{
    margin: 0;
}


/* ---- */


.why-choose-us-metal{
	padding: 120px 0;
}

.why-choose-image-box-metal{
	display: flex;
	flex-wrap: wrap;
	background-image: url('../images/why-choose-us-bg-image-metal.png');
	background-repeat: no-repeat;
	background-position: left top 225px;
	background-size: auto;
	margin-right: 15px;
}

.why-choose-image-box-1-metal{
	position: relative;
	width: 35%;
	z-index: 1;
}

.why-choose-experience-box-metal{
	text-align: center;
	background-color: var(--primary-color);
	border-radius: 20px;
	padding: 45px;
	margin: 0 10px 30px 0;
	transition: all 0.4s ease-in-out;
}

.why-choose-experience-box-metal:hover{
	background-color: var(--accent-color);
}

.why-choose-experience-box-metal h2{
	font-size: 48px;
	line-height: normal;
	color: var(--white-color);
}

.why-choose-experience-box-metal p{
	font-family: var(--accent-font);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3em;
	color: var(--white-color);
	margin: 10px 0 0;
}

.why-choose-image-metal figure{
	display: block;
	border-radius: 20px;
}

.why-choose-image-metal figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.why-choose-image-box-1-metal .why-choose-image-metal figure{
	border: 5px solid var(--bg-color);
	border-radius: 20px 20px 20px;
	margin-right: -345px;
}

.why-choose-image-box-1-metal .why-choose-image-metal figure img{
	aspect-ratio: 1 / 0.716;
	border-radius: 14px 14px 14px;
}

.why-choose-image-box-2-metal{
	position: relative;
	width: 65%;
	z-index: 0;
}

.why-choose-image-box-2-metal .why-choose-image-metal figure img{
	aspect-ratio: 1 / 0.995;
}

.why-choose-content-metal{
	height: 100%;
	align-content: center;
}

.why-choose-item-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.why-choose-item-metal:last-child{
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.why-choose-item-metal .icon-box{
	position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.why-choose-item-metal .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.why-choose-item-metal:hover .icon-box::before{
	transform: scale(1);
}

.why-choose-item-metal  .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.why-choose-item-content-metal{
	width: calc(100% - 65px);
}

.why-choose-item-content-metal h3{
	font-size: 26px;
}

.why-choose-item-content-metal p{
	margin: 10px 0 0;
}

.why-choose-progress-bar-metal{
	border-top: 1px solid var(--divider-color);
	margin-top: 30px;
	padding-top: 30px;
}

.why-choose-progress-bar-metal .skills-progress-bar .skillbar .skill-progress{
	background: var(--white-color);
}

.why-choose-progress-bar-metal .skills-progress-bar .skill-data .skill-title,
.why-choose-progress-bar-metal .skills-progress-bar .skill-data .skill-no{
	font-family: var(--default-font);
	font-weight: 400;
    color: var(--text-color);
}
.bg_gray1{
    background-color: #f5f5f5;
}
/* ---- */


.our-story-metal{
	position: relative;
	background-image: url('../img/groth_roi_imgbg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 120px 0; margin-top: 60px;
}

.our-story-metal::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	opacity: 50%;
	border-radius: 20px;
	z-index: 1;
}

.our-story-metal .container{
	position: relative;
	z-index: 2;
}

.our-story-body-metal{
	margin-top: 80px;
}

.video-play-button-metal a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	cursor: none;
}

.video-play-button-metal a span{
	position: relative;
	width: 70px;
	height: 70px;
	background: var(--accent-color);
	border-radius: 50%;
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-play-button-metal a span.bg-effect:before,
.video-play-button-metal a span.bg-effect:after{
	content: '';
	position: absolute;
    width: 160%;
    height: 160%;
	border: 35px solid var(--white-color);
	opacity: 50%;
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.2s infinite linear;
}

.video-play-button-metal a span.bg-effect:after{
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.video-play-button-metal a span i{
    font-size: 26px;
    color: inherit;
    margin-left: 2px;
}

.video-play-button-metal p{
	font-family: var(--accent-font);
	font-size: 17px;
	font-weight: 600;
	color: var(--white-color);
	margin: 0;
}

.our-story-content-metal{
	max-width: 540px;
	margin-top: 40px;
}

.our-story-content-metal p{
	color: var(--white-color);
	margin-bottom: 0;
}

.story-counter-item-list-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.story-counter-item-metal{
	width: calc(50% - 15px);
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	border: 1px solid var(--dark-divider-color);
	background-color: var(--divider-color);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 30px;
}

.story-counter-item-metal .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	z-index: 1;
}

.story-counter-item-metal .icon-box:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--white-color);
    border-radius: 50%;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.story-counter-item-metal:hover .icon-box:before{
	transform: scale(1);
}

.story-counter-item-metal .icon-box img{
	position: relative;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.story-counter-item-metal:hover .icon-box img{
	filter: brightness(1) invert(1);
}

.story-counter-item-content-metal{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
}

.story-counter-item-content-metal h2{
	font-size: 28px;
	color: var(--white-color);
}

.story-counter-item-content-metal p{
	color: var(--white-color);
	margin: 5px 0 0;
}

/* ---- */

.our-expertise-metal{
	padding: 120px 0;
}

.our-expertise-boxes-metal{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.expertise-nav-metal{
	position: relative;
	width: calc(50% - 30px);
}

.expertise-nav-item-list-metal.nav-tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border: none;
}

.expertise-nav-item-box-metal{
	width: 100%;
}

.expertise-nav-item-box-metal:last-child{
	margin-bottom: 0;
}

.expertise-nav-item-metal.nav-link{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
    background: #fff;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 20px;
	padding: 30px;
	margin: 0;
	border: none;
	overflow: hidden;
	cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.expertise-nav-item-metal.nav-link:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--accent-color);
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

.expertise-nav-item-metal.nav-link.active:after,
.expertise-nav-item-metal.nav-link:hover:after{
    height: 100%;
	top: 0;
}

.expertise-nav-item-body-metal{
	width: calc(100% - 50px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.expertise-nav-item-body-metal .icon-box{
	position: relative;
    height: 50px;
	width: 50px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.expertise-nav-item-body-metal .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.expertise-nav-item-metal.nav-link.active .expertise-nav-item-body-metal .icon-box::before,
.expertise-nav-item-metal.nav-link:hover .expertise-nav-item-body-metal .icon-box::before{
	transform: scale(1);
}

.expertise-nav-item-metal.nav-link .expertise-nav-item-body-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.expertise-nav-item-content-metal{
	width: calc(100% - 70px);
}

.expertise-nav-item-content-metal h3{
	font-family: var(--accent-font);
	font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
	color: var(--primary-color);
}

.expertise-nav-item-btn-metal img{
	width: 100%;
	max-width: 30px;
	transform: rotate(-45deg);
	transition: all 0.4s ease-in-out;
}

.expertise-nav-item-metal.nav-link.active .expertise-nav-item-btn-metal img,
.expertise-nav-item-metal.nav-link:hover .expertise-nav-item-btn-metal img{
	transform: rotate(0deg);
}

.our-expertise-box-metal{
	position: relative;
	width: calc(50% - 30px);
}

.expertise-box-image-metal{
	height: 100%;
}

.expertise-box-image-metal figure{
	display: block;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.expertise-box-image-metal img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.877;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
}

.our-expertise-box-metal:hover .expertise-box-image-metal img{
	transform: scale(1.06);
}

.expertise-item-metal{
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background-color: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

.our-expertise-box-metal:hover .expertise-item-metal{
	bottom: 25px;
}

.expertise-item-header-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.expertise-item-header-metal .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	z-index: 1;
}

.expertise-item-header-metal .icon-box:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.expertise-item-metal:hover .expertise-item-header-metal .icon-box:before{
	transform: scale(1);
}

.expertise-item-header-metal .icon-box img{
	position: relative;
	max-width: 24px;
	z-index: 1;
}

.expertise-item-body{
	margin-top: 20px;
}

.expertise-item-title-metal{
	width: calc(100% - 65px);
}

.expertise-item-title-metal h3{
	font-size: 26px;
}

.expertise-item-title-metal h3 a{
	color: inherit;
}

.expertise-item-content-metal p{
	color: var(--primary-color);
	margin-bottom: 15px;
}

.expertise-item-content-metal p:last-child{
	margin-bottom: 0;
}

.expertise-item-btn-metal{
	margin-top: 20px;
}

.our-expertise-metal .section-footer-text{
	margin-top: 60px;
}

/* ---- */

/* custome mck */
.max_w55{
	max-width: 55%;
}
.clients-section .clients-logo a {
  display: inline-block;
}
.ceo_bg_outerimg{
	background-color: var(--primary-color);
	background-image: url('../img/dark-section-bg-image.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover; border-radius: 20px;
}
.bg_none{
	background: none;
}
.dark-section .contact-form .form-control {
    height: auto !important; font-size: 15px;
}


.satisfy-client-images{
	display: flex;
	align-items: center;
}

.satisfy-client-image{
	position: relative;
    display: inline-block;
    margin-left: -14px;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.satisfy-client-image:first-child{
	margin: 0;
}

.satisfy-client-image figure{
	display: block;
}

.satisfy-client-image figure img{
	width: 100%;
    max-width: 50px;
    border-radius: 50%;
}

.satisfy-client-image.add-more{
	width: 42px;
	height: 42px;
	background-color: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.satisfy-client-image.add-more i{
	font-size: 20px;
	color: var(--white-color);
}

.satisfy-client-image.add-more h3{
	color: var(--white-color);
	font-size: 16px;
	line-height: 1em;
}
select option{
  color: rgb(21, 21, 21);
}
.intro_vdo_bg {
  position: relative;
}
.intro_vdo_in1 {
  padding: 25px;
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.cta-box .contact-us-form .section-title h2 { font-size: 30px; font-weight: 700;}


/* // custome mck */

/* RIO SECTION */

.story-body-content-metal .grid{

position:absolute;

width:100%;

height:100%;

background-image:

linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px);

background-size:100% 80px;

}

.story-body-content-metal .bars{position:absolute; bottom:0; width:100%; display:flex; justify-content:space-around; align-items:flex-end; height:100%;
}

.story-body-content-metal .bar-item{
width:180px;text-align:center;position:relative; color: #fff;
}

.story-body-content-metal .bar{
width:90px; margin:auto; border-radius:12px 12px 0 0; background:linear-gradient(180deg,#ff4fc3,#a800ff);
transform-origin:bottom; transform:scaleY(0); animation:grow 1.4s forwards;
}

.story-body-content-metal .bar1{ height:120px; animation-delay:.3s;
}

.story-body-content-metal .bar2{
height:260px;animation-delay:.7s;

}

.story-body-content-metal .bar3{

height:420px; animation-delay:1.2s;animation-name:grow,glow;
animation-duration:1.5s,2s; animation-iteration-count:1,infinite;
animation-direction:normal,alternate;

}

@keyframes grow{

to{

transform:scaleY(1);

}

}

@keyframes glow{

from{

box-shadow:0 0 15px #ff2ea6;

}

to{

box-shadow:

0 0 25px #ff2ea6,

0 0 60px #ff2ea6;

}

}

.story-body-content-metal .value{

margin-bottom:15px;

font-size:23px;

font-weight:bold;

}

.story-body-content-metal .label{

font-size:26px; color:#fff;

margin-bottom:15px;

opacity:0;

animation:fadeUp .7s forwards;

}

.story-body-content-metal .bar-item:nth-child(1) .label{

animation-delay:1.2s;

}

.story-body-content-metal .bar-item:nth-child(2) .label{

animation-delay:1.6s;

}

.story-body-content-metal .bar-item:nth-child(3) .label{

animation-delay:2s;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.story-body-content-metal .year{

margin-top:20px;

font-size:28px;

font-weight:bold; color:#fff;

}

.story-body-content-metal .line-svg{

position:absolute;

width:100%;

height:100%;

pointer-events:none;

}

.story-body-content-metal .line{

stroke-dasharray:1200;

stroke-dashoffset:1200;

animation:draw 2.2s forwards;

animation-delay:.8s;

}

@keyframes draw{

to{

stroke-dashoffset:0;

}

}

.story-body-content-metal .point{

fill:#ff6b81;

opacity:0;

animation:pulse .8s forwards;

}

.story-body-content-metal .p1{

animation-delay:1.6s;

}

.story-body-content-metal .p2{

animation-delay:2s;

}

.story-body-content-metal .p3{

animation-delay:2.4s;

}

@keyframes pulse{

0%{

opacity:0;

transform:scale(0);

}

100%{

opacity:1;

transform:scale(1);

}

}

/* // RIO SECTION */


/* Animated Gradient */

.bg-gradient{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%,rgba(53,97,255,.35),transparent 40%),
        radial-gradient(circle at 80% 20%,rgba(130,72,255,.25),transparent 35%),
        radial-gradient(circle at 70% 80%,rgba(0,221,255,.20),transparent 40%),
        linear-gradient(135deg,#030617,#08122d,#030617);
    background-size:200% 200%;
    animation:gradientMove 18s ease infinite;
    z-index:-5;
}

@keyframes gradientMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* Animated Grid */

.bg-grid{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

    background-size:60px 60px;
    opacity:.25;

    animation:gridMove 30s linear infinite;
}

@keyframes gridMove{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(60px);
    }
}

/* Glow Orbs */

.bg-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.45;
}

.glow1{
    width:350px;
    height:350px;
    background:#2155ff;
    top:-120px;
    left:-80px;
    animation:floatGlow1 12s ease-in-out infinite;
}

.glow2{
    width:420px;
    height:420px;
    background:#7d4dff;
    right:0;
    top:100px;
    animation:floatGlow2 16s ease-in-out infinite;
}

.glow3{
    width:300px;
    height:300px;
    background:#00d2ff;
    bottom:-120px;
    left:40%;
    animation:floatGlow3 18s ease-in-out infinite;
}

@keyframes floatGlow1{
    50%{
        transform:translate(80px,60px);
    }
}

@keyframes floatGlow2{
    50%{
        transform:translate(-80px,-50px);
    }
}

@keyframes floatGlow3{
    50%{
        transform:translate(-40px,-70px);
    }
}

/* Floating Particles */

.particles{
    position:absolute;
    inset:0;
}

.particles span{
    position:absolute;
    width: 4px;
    height:4px;
    border-radius:50%;
    background:white;
    box-shadow:0 0 15px #74b9ff;
    opacity:.8;
    animation:particle 12s linear infinite;
}

.particles span:nth-child(1){left:10%;animation-delay:0s;width: 29px;height: 15px;background: #fcf85a;box-shadow: 0px 0px 10px 10px #fcfd5d;}
.particles span:nth-child(2){left:22%;animation-delay:2s;}
.particles span:nth-child(3){left:35%;animation-delay:5s;}
.particles span:nth-child(4){left:48%;animation-delay:3s;width: 29px;height: 15px;background: #0710ad;box-shadow: 0px 0px 10px 10px #0710ad;}
.particles span:nth-child(5){left:58%;animation-delay:7s;}
.particles span:nth-child(6){left:67%;animation-delay:4s;}
.particles span:nth-child(7){left:76%;animation-delay:1s;}
.particles span:nth-child(8){left:84%;animation-delay:6s;}
.particles span:nth-child(9){left:92%;animation-delay:8s;}
.particles span:nth-child(10){left:50%;animation-delay:10s;}

@keyframes particle{

    0%{
        transform:translateY(110vh) scale(0);
        opacity:0;
    }

    20%{
        opacity:1;
    }

    100%{
        transform:translateY(-120px) scale(1.5);
        opacity:0;
    }

}

@keyframes cardFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

/* -------------- */

.icon-box::before {display:none !important;}
.icon-box svg {
    width: 27px;
    height: 27px;
}