/* 
	* ----------------------------------------------------
	* Section : Global 
	* Page : All Pages 
	*-----------------------------------------------------
*/
:root{
	--color:rgba(42, 80, 255, 1);
	--color2:rgba(19, 30, 83, 1);
	--font-family:"Poppins", sans-serif;
	--bk:#f9f9f9;
	--text-color:rgba(33, 33, 33, 1);
	--gray: rgba(129, 129, 129, 1);
	--border:1px solid rgba(216, 216, 216, 1);
	--shadow:0 0 25px rgba(0, 0, 0, 0.08);;
}

body {
	background: var(--bk);
	color: var(--text-color);
	font-family: var(--font-family);
	font-size: 16px;
}

nav > ul > li {
    position: relative;
    transition: .35s ease;
    padding: 5px 5px;
    margin-inline-start: 20px;
    border-bottom:1px solid transparent
}
nav > ul > li:hover {
	color:var(--color)
}
nav > ul > li.current-menu-item {
	color:var(--color);
	border-color:var(--color)
}
@media(min-width: 1024px) {
	.sub-menu {
		position:absolute;
		list-style:none;
		background:#fff;
		box-shadow: var(--shadow);
		border-radius: 8px;
		padding: 8px 16px;
		white-space: nowrap;
		visibility: hidden;
		opacity: 0;
		transition: .35s ease;
		top: 100%;
		left: 0;
	}
	.sub-menu li {
		color:var(--gray);
		padding:8px;
		border-bottom: var(--border);
		transition: .35s ease;
	}
	.sub-menu li:hover {
		color:var(--color);
		border-color:var(--color)
	}
	.sub-menu li:last-child {
		border:0
	}
	nav li:hover > .sub-menu {
		visibility:visible;
		opacity:1
	}
}

a.hamt-btn {
    border-radius: 8px;
    padding-top: 12.5px;
    padding-right: 20px;
    padding-bottom: 12.5px;
    display: inline-flex;
    padding-left: 20px;
    background: var(--color);
    color: #fff;
    transition:.25s ease-in-out
}
a.hamt-btn:hover {
	background:var(--color2)
}
#main a.hamt-btn {
    padding-right: 40px;
    padding-left: 40px;
}
.bk-social {
    width: 20px;
    height: 20px;
    background-size: 110px;
    background-repeat: no-repeat;
    background-image: url(../img/social.png);
    overflow: hidden;
    margin-right: 10px;
}

.bk-social.twitter {
    background-position-x: -60px;
}

.bk-social.facebook {
    background-position-x: -30px;
}

.bk-social.linkedin {
    background-position: -90px;
}

.social {
    margin: 15px 0;
}

footer {
    background: #fff;
    color: var(--gray);
    padding: 30px 0 0 0;
}

.footer-box {
    flex: 1;
    padding: 0;
}
.footer-box:nth-child(1),
.footer-box:nth-child(3) {
	flex: 1.2;
	padding-inline-end: 50px;
}

.footer-title {
    color: var(--text-color);
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-menu li {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer-menu li img {
	margin-inline-end:5px
}
.rights {
	background: #fff;
	font-size: 12px;
	padding: 10px;
	color: var(--gray);
	border-top:var(--border); ;
}

header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--bk);
    transition: .35s ease;
}
header.sticked {
	background: #fff;
	box-shadow: var(--shadow); ;
}
.pdb {
	padding-bottom:var(--padding)
}
/* 
	* ----------------------------------------------------
	* Section : Hero Section  
	* Page : Home page
	*-----------------------------------------------------
*/
section.hero {
    height: 580px;
    color:#fff;
}

section.hero .container {
	position:relative;
	z-index:1;
	justify-content: end;
	padding: 60px 50px;
}
 .bk {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-size: cover;
	border-radius: 16px;
}

.bk:before {
	content:'';
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	right: 0;
	border-radius:inherit;
	background: linear-gradient(181.72deg, rgba(19, 30, 83, 0.44) 2.7%, rgba(15, 24, 67, 0.44) 27.41%, rgba(14, 22, 60, 0.44) 45.84%, rgba(12, 19, 52, 0.44) 66.99%, rgba(0, 0, 0, 0.44) 99.79%);
}
.hero-content {
    width: 448px;
    padding: 0;
}
.hero-desc {
    font-size: 18px;
    margin: 10px 0 25px;
}
.page-content .container h2 {
	color:var(--text-color);
	font-size: 30px;
}
.page-content .container img {
	border-radius:16px
}
/* 
	* ----------------------------------------------------
	* Section : About Section  
	* Page : Home page
	*-----------------------------------------------------
*/


.desc {
    color: var(--gray);
    margin: 10px 0 30px;
    font-size: 18px;
}
.ab-desc {
    color: var(--gray);
    margin: 15px 0 
}
/* 
	* ----------------------------------------------------
	* Section : Services Section  
	* Page : Home page
	*-----------------------------------------------------
*/
.ser-box {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 24px;
    height: calc(100% - 25px);
    transition: .35s ease;
}
.ser-box:hover {
	background: linear-gradient(180deg, #131E53 0%, #20368F 100%);
	color: #fff;
}
.ser-box:hover p {
	display:none
}
.ser-box:hover ul {
	display:block
}
figure.icon {
    border-radius: 4px;
    background: linear-gradient(180deg, #131E53 0%, #20368F 100%);
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .35s ease;
}
.ser-box ul {
	display: none;
}
.ser-box p {
    color: var(--gray);
}

.ser-box h3 {
    margin: 10px 0 15px;
}

.ser-box:hover figure.icon {
    background: #fff;
}

.ser-box:hover figure.icon img {
    filter: invert(1);
}
/* 
	* ----------------------------------------------------
	* Section : Industries Section  
	* Page : Home page
	*-----------------------------------------------------
*/
.industry-box {
    height: 300px;
    border-radius: 8px;
    padding: 12px;
    background-size: cover;
    justify-content: end;
    margin-bottom: 25px;
}

.industry-content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    border-radius: 8px;
    color: #fff;
    padding: 11px 32px;
    backdrop-filter: blur(64px);
}

.industry-content ul {
    max-height: 0;
    overflow: hidden;
    font-size: 14px;
    transition: .45s ease-in-out;
}
.industry-box:hover .industry-content ul {
	max-height:300px
}
.industry-content h3 {
    font-size: 16px;
}
.industries p.desc {
	max-width:524px;
	margin:10px auto 30px
}
/* 
	* ----------------------------------------------------
	* Section : Choose-us Section  
	* Page : Home page
	*-----------------------------------------------------
*/
section.choose-us {
    background: #fff;
}

.choose-list {
    color: var(--gray);
	margin-top:15px
}

.choose-list li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.choose-list li img {
	margin-right:8px
}
.choose-list li number {
    display: inline-flex;
    width: 19px;
    height: 19px;
    background: var(--color);
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-inline-end: 3px;
}
.choose-image {
	position: relative;
}
.choose-team-image img {
    border-radius:8px;
}
.experience {
	background: linear-gradient(rgb(255 255 255 / 80%),#fff);
	backdrop-filter: blur(20px);
	position: absolute;
	bottom: -20px;
	right: 50%;
	transform: translateX(50%);
	z-index: 8;
	border-radius: 20px;
	padding: 12px;
	width: 280px;
}
.experience img {
	margin-inline-end:10px
}
.experience h2 {
	text-align:right;
	color:var(--color2);
	padding-inline-end:15px
}


/* 
	* ----------------------------------------------------
	* Section : Our Achievements Section  
	* Page : Home page
	*-----------------------------------------------------
*/

.achievement-box {
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	background-color: #fff;
	  border: 1px solid;
	border-radius: 8px;
    border-image: linear-gradient(180deg, #131E53 0%, #FFFFFF 100%) 1;
	padding: 24px;
	
	height: 100%;

}

.pdt {
    margin-top: 25px;
}

.achievement-box h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.achievement-box p {
    font-size: 14px;
}
/* 
	* ----------------------------------------------------
	* Section : Text Content Section  
	* Page : Home page
	*-----------------------------------------------------
*/
section.text-content .container {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(216, 216, 216, 1);
}
/* 
	* ----------------------------------------------------
	* Section : FAQ Section  
	* Page : Home page
	*-----------------------------------------------------
*/
.faq-box {
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(216, 216, 216, 1);
    margin-bottom: 16px;
    cursor: pointer;
}

.question {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

p.answer {
    color: var(--gray);
    display: none;
    margin-top: 15px;
}

.plus {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}

.plus:before {
    content: '';
    display: block;
    height: 2px;
    background: var(--text-color);
    width: 100%;
    border-radius: 2px;
}
.plus:after {
    content: '';
    display: block;
    width: 3px;
    background: var(--text-color);
    height: 100%;
    border-radius: 2px;
    transform: translateX(-12px);
	transition:.35s ease
}

.active .plus:after {
     transform: translateX(-12px) rotate(90deg);
     opacity: 0;
}

/* 
	* ----------------------------------------------------
	* Section : CTA Section  
	* Page : Home page
	*-----------------------------------------------------
*/
.cta {
	color: #fff;
	margin-bottom: var(--padding);
}
.cta .container {
	background: linear-gradient(90deg, rgba(42, 80, 255, 0.3) -6.35%, rgba(32, 54, 143, 0.9) 105%);
	position: relative;
	z-index: 1;
	border-radius: 16px;
}

.cta .container:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-image: url(../img/cta.jpg);
	z-index: -1;
	background-size: cover;
	opacity: .1;
}
.cta p.desc {
	color:#fff
}
/* 
	* ----------------------------------------------------
	* Section : Banner Section  
	* Page : All pages
	*-----------------------------------------------------
*/
.banner .container {
   color: #fff;
   font-size: 18px;
   position: relative;
   z-index: 1;
   background: url(../img/banner.jpg);
   background-size: cover;
   padding: 86px 0;
   border-radius: 16px;
   overflow: hidden;
   background-position-y: 36%;
}
.banner .container:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	 background: linear-gradient(90deg, rgba(19, 30, 83, 0.44) 0%, rgba(12, 19, 52, 0.44) 51%, rgba(0, 0, 0, 0.44) 100%);
	z-index:-1
	
}

.seprator {
    margin: 0 10px;
    height: 24px;
    width: 2px;
    background: #fff;
    transform: rotate(9deg);
}
.ab-desc li {
	margin-bottom:15px
}
.about-box:nth-child(odd) {
	flex-direction:row-reverse
}

/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Default Pages
	*-----------------------------------------------------
*/
.page-content .container * {
    padding: revert;
    margin: revert;
    text-align: center;
    color: var(--gray);
    font-size: 18px;
}
/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Services Pages
	*-----------------------------------------------------
*/
.about-box:nth-child(even) {
	flex-direction:row-reverse;
}
.about-box:nth-child(odd) {
	flex-direction:row
}

.serli img {
    margin-inline-end: 10px;
}

.serli p {
    color: var(--gray);
    font-size: 14px;
    margin-top: 10px;
}

.serli {
    margin-bottom: 10px;
}

.services-content figure.about-image-page img {
    border-radius: 8px;
}
/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Industries Pages
	*-----------------------------------------------------
*/
a.industry-box-bk {
    display: block;
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    height: calc(100% - 16px);
}

a.industry-box-bk img {
    display: block;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
}
a.industry-box-bk h2 {
	font-size:16px
}
a.industry-box-bk ul {
    margin-left: 30px;
    font-size: 14px;
}
a.industry-box-bk ul li {
	margin-bottom:5px
}
/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Contact us Pages
	*-----------------------------------------------------
*/
.contact-us-content .container {
    background: #fff;
    border-radius: 10px;
}
.wpcf7-form input,.wpcf7-form textarea {
	width: 100%;
	border: 1px solid #D8D8D8;
	padding: 16px;
	border-radius: 10px;
	max-height: 102px;
	margin-bottom: 15px;
}

.wpcf7-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: var(--color);
    color: #fff;
    border-color: transparent;
    transition: .35s ease;
    margin-top: 20px;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background:var(--color2);
	cursor:pointer
}

.contact-us-information {
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, #131E53 -8.32%, #BEDCFF 118.09%);
    color: #fff;
    padding: 25px;
    position: relative;
    z-index: 1;
}

.icon {
    width: 44px;
    height: 44px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-right: 10px;
}

.contact-us-information li {
    margin-bottom: 30px;
}

.contact-us-information li p,.contact-us-information li a {
    flex: 1;
}

.bk2-social {
    width: 20px;
    height: 20px;
    background-size: 110px;
    background-repeat: no-repeat;
    background-image: url(../img/socials2.svg);
    overflow: hidden;
    margin-right: 10px;
}


.bk2-social.facebook {
    background-position-x: 3px;
}
.bk2-social.tiktok {
    background-position-x: -90px;
}
.bk2-social.instagram {
    background-position: -46px;
}

.contact-us-information h3 {
    margin-bottom: 10px;
}

.contact-us-box {
    margin: 20px 0 0 0;
}

.contact-us-box .desc {
    margin-bottom: 20px;
}

.contact-us-information:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(../img/Group.png);
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.wpcf7-form br {
    display: none;
}

span.wpcf7-spinner {
    display: none;
}
/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Clients Pages
	*-----------------------------------------------------
*/
.client-box {
    flex: 1;
    margin: 10px;
    display: flex;
    min-width: 226px;
    align-items: center;
    justify-content: center;
    height: 105px;
    background: #fff;
    border-radius: 10px;
}

.client-box img {max-width: 90%;max-height: 90%;}
/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Support Team Pages
	*-----------------------------------------------------
*/
.support-box {
    border-radius: 8px;
    gap: 16px;
    padding-top: 16px;
    height: 100%;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    box-shadow: 0px 0px 25px 0px #00000014;
    background: #fff;
}
.support-box p {
	color:var(--gray);
	font-size:14px
}

/* 
	* ----------------------------------------------------
	* Section : Page Content  
	* Page : Single Service Pages
	*-----------------------------------------------------
*/

.achievement-box-2 {
    position:relative;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #20368F;
    border-radius: 8px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 24px;
    height: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.achievement-box-2 h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.achievement-box-2 p {
    font-size: 14px;
}
.num {
    position: absolute;
    background: var(--color2);
    width: 45px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
    top: -23px;
    right: 7px;
    font-size: 24px;
}