/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.jobMeta .job-location {
	background: url(/wp-content/uploads/2025/10/blue-Vector.png) left center no-repeat !important;
}
ul.nav-sidebar li a{
	padding-top: 8px !important;
}

/* Header Top Start */

.header-top{
	background-color: #101828; 
	margin: 0 20px 0 20px;
	border-radius: 0 0 8px 8px;
}
.header-top .container{
	max-width: 100%;	
}

.headerTopContent a{
	color: #fff;
	font-size: 16px;
	padding-left: 28px;
	display: inline-block;
}

.header-main .header-button a:hover{
	background: #C2A960;
	border-color: #C2A960;
	color: #fff;
}
div.stuck .header-main{
	height: 83px !important;
}

.headerTopContent a.phone{
	background: url("/wp-content/uploads/2025/10/Header-Call.webp") left center no-repeat;
	background-size: 18px;
}

.headerTopContent a.email{
	background: url("/wp-content/uploads/2025/10/Header-mail.webp") left center no-repeat;
	background-size: 20px;
	margin-left: 18px;
}

.header-top a.icon:not(.button){
	margin-left: 5px;
	margin-right: 5px;
}

.header-top .nav-small a.icon:not(.button){
	font-size: 18px;
	margin-right: 0;
	margin-left: 18px;
}

/* header top end */

/* Main header Start */

#logo{
	max-width: 300px;
}

.header-inner{
	max-width: 100% !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.header-main ul li a.nav-top-link, ul.nav-sidebar li a{
	text-transform: uppercase;
	color: #222222 !important;
	font-size: 16px;
}

ul.nav-sidebar li a{
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.header-main ul li{
	margin: 0 18px;
}

.header-main .header-nav{
	justify-content: center;
}

ul.nav-sidebar li .button {
	color: #fff !important;
}

.header-main .header-button a{
	background-color: #18357D;
	padding: 4px 30px;
	font-size: 18px;
	border-radius: 8px !important;
}

.homeBtn1:hover, .homeBtn2:hover, .homeBtn:hover, ul.nav-sidebar li .button:hover{
	padding: 7px 45px 7px 13px;
	background-position: right 6px center;
}

ul.nav-sidebar li a{
	font-size: 15px;
}

/* Main header End */


/* Hero Section Start */

/* .heroSection{
padding: 200px 15px 200px !important;
} */
.heroSection{
	padding: 200px 0px 200px !important;
	max-width: 98%;
	margin: auto;
}

.heroSection .section-bg{
	border-radius: 20px;	
}


.spanBlock{
	display: block;
}

h1.heroHead{
	font-size: 76px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 6px;
}
.heroPara{
	font-size: 20px;
	color: #fff;
}
.button{
	box-shadow: none !important;
	margin-bottom: 0;
}
.heroBtn1{
	background: #18357D;
	border-radius: 8px;
	padding: 5px 30px;
	font-size: 17px;
	text-transform: capitalize;
}
.heroBtn1:hover{
	background: #C2A960;
}
.heroBtn2{
	background: transparent;
	border-color: #fff;
}
.heroBtn2:hover{
	border-color: #C2A960;
}
.btnGold{
	background: #C2A960;
}
.btnGold:hover{
	background: #18357D;
}
.footer .btnGold:hover{
	background: transparent;
	color: #C2A960;
	border-color: #C2A960;
}
.footer .heroBtn2:hover{
	background: #18357D;
	color: #fff;
	border-color: #fff;
}

/* Hero Section End */


/* home About start */

.homeAbout{
	padding: 80px 0 !important;
}

.spanWrap{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	font-family: "Space Grotesk", sans-serif;
}
.spanWrap::before{
	content: "";
	position: absolute;
	background: #C2A960;
	width: 10px;
	height: 10px;
	left: -20px;
	border-radius: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.headWrap{
	font-size: 52px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.para1{
	margin-bottom: 5px;
}

.homeAboutContent p.para{
	max-width: 1350px;
	margin: auto;
	font-size: 26px;
	margin-bottom: 24px;
	line-height: 1.8;
}
.homeAboutImgRow{
	margin-top: 20px;	
}

.homeAboutImgRow .col{
	flex-basis: 20% !important;
	max-width: 20% !important;
}

.homeAboutImgRow .col img{
	width: auto;
	height: 80px;
}

/* home work start */

.homeWorkSec{
	padding: 20px 15px;
}

.homeWorkSec .section-content{
	background: #DDEDFE;
	padding: 80px 15px 100px; 
	border-radius: 20px;
}

.homeSliderText::before{	
	content: "";
	position: absolute;
	top: -65px;
	padding: 15px;
	border-radius: 8px;
}
.homeSliderText1::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Medical-Device-Icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText2::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Technology-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText3::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Manufacturing-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText4::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Agriculture-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText5::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Engineering-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText6::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Healthcare-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText7::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Pharmaceuticals-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText8::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Business-Professional-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText9::before{	
	background: #18357D url(/wp-content/uploads/2025/10/Engineering-icon.webp) center no-repeat;
	width: 60px;
	height: 60px;
	background-size: 42px;
}
.homeSliderText h3{
	font-size: 36px;
	color: #fff;
	margin-bottom: 3px;
}
.homeSliderText p{
	font-size: 16px;
	color: #fff;
	padding-right: 10px;
}
.homeSliderText a{
	border-radius: 8px;
	color: #fff;
	border: 2px solid #fff; 
	padding: 5px 40px 5px 13px;
	position: relative;
}
.homeSliderText a::after{
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2025/10/Arrow.webp) no-repeat;
	width: 21px;
	height: 20px;
	background-size: 20px;
	right: 10px;
	top: 3px;
	bottom: 0;
	margin: auto;
}
.homeSliderRow .col-inner{
	position: relative;
	overflow: hidden;
	cursor: pointer;
} 
.homeSliderRow .col{
	padding-left: 9px !important;
	padding-right: 9px !important;
}
.homeSliderRow .img{
	margin-bottom: 0 !important;
}
.homeSliderText{
	position: absolute;
	top: 87%;
	left: 20px;
	transition: .5s ease-in-out;
}
.slider-nav-light .flickity-prev-next-button{
	width: 120px;
}
.homeSliderRow .col .col-inner:hover .homeSliderText{
	display: block;
	top: 37%;
	transition: .5s ease-in-out;
} 

.flickity-button-icon{
	border-radius: 8px;	
}
.slider-nav-circle .flickity-prev-next-button svg {
	border-radius: 8px;
	padding: 0px;
	background: #fff;
	border: 1px solid #222 !important;
}
.slider-nav-circle .flickity-prev-next-button:hover svg {
	background-color: #fff;
}
.slider-nav-light .flickity-prev-next-button .arrow{
	display: none !important;
}

.slider-nav-wrapper{
	width: 265px !important;
	height: 46px;
	margin: auto;
	position: relative;
}

.previous::after{
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2025/10/Arrow-Left.webp) center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 8px;
} 
.next::after{
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2025/10/Arrow-Right.webp) center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px;
	right: 0px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 8px;
}  

/* home About end */

/* home slider start */

.homeSliderRow{
	opacity: 1 !important;
	max-width: 25% !important;
}
.homeSliderRow img{
	border-radius: 20px;
	transform: scale(1.08);
	transition: .5s;
}
.homeSliderRow .img-inner{
	border-radius: 20px;
}
.homeSliderRow .col-inner:hover img{
	transform: scale(1);
	transition: .5s;
}
.homeSliderRow .col-inner:hover .img::after{
	content: "";
	position: absolute;
	background-image: linear-gradient(to top, rgba(0, 0, 10, 0.8), rgba(0, 0, 10, 0.1));
	width: 100%;
	height: 100%;
	top: 0;
	transition: .5s ease-in-out;
	border-radius: 19px;
}

/* home slider end */

/* home Staff start */

.homeStaff{
	padding-top: 60px !important;
}

.homeStaff .homeAboutContent p.para{
	font-size: 18px;
}

.homeStaff .headWrap{
	font-size: 48px;
	text-transform: uppercase;
}

.homeStaffLeft img{
	max-width: 580px;
	background: #DDEDFE;
	padding: 15px 80px 0;
	border-radius: 20px;
}
.homeStaffCol{
	padding-bottom: 20px !important;	
}
.homeStaffCol .col-inner{
	border: 3px solid #18357D;    
	padding: 15px 20px 15px 110px;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
}
.homeStaffCol .col-inner::after{
	content: "";
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 35px;
	border-radius: 8px;
}
.homeStaffCol1 .col-inner::after{
	background: #18357D url(/wp-content/uploads/2025/10/Contract-icon.webp) center no-repeat;
	width: 40px;
	height: 40px;
	background-size: 45px;
}
.homeStaffCol2 .col-inner::after{
	background: #18357D url(/wp-content/uploads/2025/10/Contract-to-Hire.webp) center no-repeat;
	width: 40px;
	height: 40px;
	background-size: 45px;
}
.homeStaffCol3 .col-inner::after{
	background: #18357D url(/wp-content/uploads/2025/10/Direct-Placement.webp) center no-repeat;
	width: 38px;
	height: 38px;
	background-size: 38px;
}

.homeStaffCol .col-inner h3{
	font-size: 36px;
	margin-bottom: 0;
	color: #18357D;
}
.homeStaffCol .col-inner p{
	margin-bottom: 0;
	color: #18357D;
}
.homeStaffCol1 .col-inner:hover::after{
	background: #C2A960 url(/wp-content/uploads/2025/10/Contract-icon.webp) center no-repeat;
	width: 40px;
	height: 40px;
	background-size: 45px;
}
.homeStaffCol2 .col-inner:hover::after{
	background: #C2A960 url(/wp-content/uploads/2025/10/Contract-to-Hire.webp) center no-repeat;
	width: 40px;
	height: 40px;
	background-size: 45px;
}
.homeStaffCol3 .col-inner:hover::after{
	background: #C2A960 url(/wp-content/uploads/2025/10/Direct-Placement.webp) center no-repeat;
	width: 38px;
	height: 38px;
	background-size: 38px;
}
.homeStaffCol .col-inner:hover{
	border-color: #C2A960;
}
.homeStaffCol .col-inner:hover h3{
	color: #C2A960;
}
.homeStaffCol .col-inner:hover p{
	color: #C2A960;
}


/* home Staff end */

/* testimonial section start */

.hometestmonSection{
	background: #DDEDFE;
	max-width: 98%;
	margin: auto;
	border-radius: 20px;
	padding-top: 90px !important;
	padding-bottom: 70px !important;
	margin-top: 50px;
}
.hometestmonSection .homeAboutContent p.para{
	max-width: 100%;
	font-size: 17px;
}
.testimonRow{
	opacity: 1 !important;	
	padding-left: 0px !important; 
	padding-right: 0px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 50% !important;

}
.testimCol .col-inner{
	background: #fff;
	border-radius: 22px;
	padding: 90px 30px;
	position: relative;
}
.testimCol .col-inner::before{
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2025/10/Testimonial-icon-left.webp) center no-repeat;
	width: 35px;
	height: 35px;
	background-size: 35px;
	left: 30px;
	top: 30px;
}
.testimCol .col-inner::after{
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2025/10/Testimonial-icon-Right-New.webp") center no-repeat;
	width: 35px;
	height: 35px;
	background-size: 35px;
	right: 30px;
	bottom: 30px;
}

.testimonial-text p{
	font-size: 22px;
	letter-spacing: 0.8px;
	font-style: normal;
	line-height: 1.5;
	height: 140px;
	overflow-y: auto;
	scrollbar-width: thin;
	padding-right: 10px;
}
.testimCol .testimonial-meta{
	display: none;
}

/* testimonial section end */

/* footer start */

.footer{
	background: #101828;
	padding-top: 200px !important;
	padding-bottom: 50px !important;
	position: relative;
	margin-top: 200px;
}

.footerCol1 p{
	color: #fff;
}

.footerCol1 img{
	width: 350px;
}

.footerCol h5{
	color: #fff;
	font-size: 20px;
	margin-bottom: 12px;
	text-transform: capitalize;
}

.footerCol4 a.button{
	padding: 3px 24px;
}


.footerCol .ux-menu-link a{
	color: #fff;
	border-bottom-style: none !important;
}

.footerCol .ux-menu-link a:hover{
	color: #C2A960;
}


.footerCol1 .social-icons a.icon:not(.button){
	font-size: 18px;
	margin-left: 0;
	margin-right: 10px;
	background: #C2A960;
	padding: 14px 13px 10px 14px;
	border-radius: 100%;
}
.footerCol1 .social-icons i{
	min-width: fit-content;
}


.footerCol3 .ux-menu-link__link{
	padding-top: 0;
}

.footerCol1 p{
	font-size: 17px;
}
.footerCol4 p{
	font-size: 16px;
	margin-bottom: 20px;
	color: #fff;
}

.footerCol1 a.icon i::before{
	color: #fff;
}

.absolute-footer{
	background-color: #101828;	
}

.footer-primary{
	float: none;
	text-align: center;
}

.absolute-footer .container{
	border-top: 1px solid #fff;
	padding: 15px 10px 0;
}

.footer-secondary a{
	color: #fff;	
	padding-left: 13px;
}
.footer-secondary,
.copyright-footer p{
	padding: 0;
	margin-bottom: 0;
	font-size: 16px;
}
.copyright-footer p a:hover{
	color: #C2A960;
}
.footerTopText h2{
	color: #fff;
	margin-bottom: 30px;
}
.footerTopText{
	background: #18357D;
	position: absolute;
	top: -420px;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 20px;
	padding: 50px;
	max-width: 1410px !important;
}
.footerTopText .heroBtn2{
	background: #fff;
	color: #18357D;
}
.footerTopText > .col{
	padding-bottom: 0 !important;	
}

/* footer end */

/* home contact form start */
.page-id-16 .homeContact {
	padding: 40px 0 90px !important;
}
.homeContact{
	padding: 80px 0 !important;
}
.homeContact .spanWrap{
	margin-left: 21px;
	font-weight: 600;
}
.homeContactCol .homeAboutContent p.para {
	font-size: 17px;
}
.ContactForm strong{
	font-size: 40px;
	font-family: "Space Grotesk", sans-serif;
	padding-bottom: 15px;
	display: block;
}
.ContactForm input, .ContactForm textarea{
	box-shadow: none !important;
	border-radius: 8px;
	height: 48px;
	border-color: #22222261;
	margin-bottom: 22px;
}
.ContactForm .wpcf7-submit{
	width: 100%;
	background: #C2A960;
	text-transform: capitalize;
	height: 52px;
	font-size: 18px;
	border-color: #C2A960;
	margin-bottom: 0;
}
.ContactForm .wpcf7-submit:hover{
	background: #18357d;
}
.nameRow{
	display: flex;
	column-gap: 20px;
}
.contactText{
	padding-left: 55px;
	position: relative;
	margin-bottom: 25px;
}
.contactText::before{
	content: "";
	position: absolute;
	left: 0;
	padding: 20px;
	border-radius: 100%;
}
.contactText1::before{
	background: #18357D url(/wp-content/uploads/2025/10/Header-Call.webp) center no-repeat;
	width: 18px;
	height: 18px;
	background-size: 18px;
	top: 8px;
}

.contactText2::before{
	background: #18357D url(/wp-content/uploads/2025/10/Hour.webp) center no-repeat;
	width: 18px;
	height: 18px;
	background-size: 18px;
	top: 8px;
}

.contactText3::before{
	background: #18357D url(/wp-content/uploads/2025/10/Area.webp) center no-repeat;
	width: 18px;
	height: 18px;
	background-size: 18px;
	top: 8px;
}

.contactText p:nth-child(1){
	margin-bottom: 0;
}
.contactText p{
	font-size: 20px;
}
.contactText strong{
	font-size: 24px;
	font-weight: 600;
}
.contNum{
	font-size: 20px;
	display: flex;
	gap: 15px;
}
.contNum a{
	display: inline-block;
}
.contNum a:nth-child(2){
	border-left: 1px solid #222;
	padding-left: 13px;
}

.contactShare strong, .contactShare span{
	font-size: 24px;
	color: #222222;
}

.homeContactCol .social-icons .icon{
	background: #C2A960 !important;
	border: none;
	align-content: center;
	margin-right: 8px;
	color: #fff;
	min-width: 43px;
	min-height: 43px;
}
.homeContactCol .social-icons .icon i{
	font-size: 19px;
}
.homeContactCol .social-icons .icon:hover{
	background: #C2A960 !important;
	border: none !important;
}
.wpcf7 .wpcf7-not-valid-tip{
	background-color:  transparent;
	padding: 0 0 14px 3px;
	font-size: 12px;
	margin-top: -20px;
}
.wpcf7 .wpcf7-not-valid-tip:after{
	display: none;
}
.wpcf7 form .wpcf7-response-output{
	margin: 15px 0 0 0 ;
}
.wpcf7 form.invalid .wpcf7-response-output{
	border-color: #c2a960;
	border-radius: 7px;
	border-width: 1px;
}
.wpcf7-spinner{
	display: none;	
}
/* home contact form end */

/* about page start */
/* .innerPageHeader .header-bg-color{
background-color: transparent;
} */
.innerPageHeader .headerContent{
/* 	background: url(http://abdurr31.sg-host.com/wp-content/uploads/2025/10/About-hero.webp) no-repeat center center; */
	background-size: cover;
	height: fit-content;
	padding-top: 140px !important;
	padding-bottom: 140px;
	border-radius: 20px;
	position: relative;
	margin: 0 20px;
	text-align: center;
} 
.innerPageHeader .headerContent::after{
	content: "";
	position: absolute;
/* 	background-image: linear-gradient(to top, #001c3d99, #001c3d99); */
	background-image: linear-gradient(to top, #062d5b99, #063b79bf);
	width: 100%;
	height: 100%;
	top: 0;
	transition: .5s ease-in-out;
	border-radius: 19px;
	left: 0;
	right: auto;
}
.page-id-16 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/About-Bg.webp") no-repeat center center;
}

.page-id-20 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/Testimonial-Back-BG.webp") no-repeat center center;
}

.page-id-878 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/11/job-page-scaled.webp") no-repeat center center;
}

.page-id-18 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/COntact-Bg.webp") no-repeat center center;
}

.page-id-349 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/Indutry.webp") no-repeat center center;
}

.page-id-14 .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/Capability.webp") no-repeat center center;
}

.post-type-archive-job .innerPageHeader .headerContent{
	background: url("/wp-content/uploads/2025/10/job-posting.webp") no-repeat center center;
}

.headerContent h1{
	font-size: 76px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
} 

.headerContent ul{
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 32px;
}

.headerContent ul li{
	color: #fff;
}
.headerContent ul li a{
	position: relative;
	z-index: 1;
	color: #fff !important;
}

.headerContent ul li a:nth-child(1)::before{
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2025/10/Home.webp) no-repeat;
	width: 15px;
	height: 15px;
	background-size: 15px;
	top: 4px;
	left: -26px;
}
.headerContent ul li{
	position: relative;
}
.headerContent ul li.active{
	color: #C2A960;
	position: relative;
	z-index: 1;
}
.headerContent ul li.active::before{
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2025/10/arrow.-2.webp) no-repeat;
	width: 7px;
	height: 27px;
	background-size: 7px;
	top: 5px;
	left: -18px;
}

.aboutSec{
	padding-top: 100px !important;
	padding-bottom: 50px !important;
}

.aboutSec .homeAboutContent p{
	font-size: 18px;	
}

.aboutImgLeft img{
	border-radius: 20px;
	max-width: 670px;
}
.aboutColRight h3{
	font-size: 38px;
	margin-bottom: 0;
	line-height: 1.4;
	text-transform: uppercase;
}
.aboutColRight p{
	text-transform: uppercase;
	font-size: 18px;
}
.aboutColRight{
	padding-left: 37px;
}
.aboutColLeft{
	padding-left: 15px !important;	
}
.aboutContent h2{
	color: #C2A960;
	font-size: 48px;
}
.aboutContent{
	padding-left: 60px;	
}
.aboutContent .spanWrap{
	margin-left: 20px;
}
.aboutImgRow{
	margin-top: 50px;
}
.aboutContactSec{
	padding-bottom: 70px !important;
}
.aboutContactSec .spanWrap{
	margin-left: 20px;
}
/* about page end */

/* testmonial  page start */

.testimonialSection{
	padding: 50px 0 30px !important;
}

.testimonialSection .homeAboutContent p{
	max-width: 1275px;
	margin: auto;
}

.testimonCol2 .col-inner{
	box-shadow: 0 4px 24px 0 #DADDE8;
}
.testimSkillRow{
	background: #d8eefe;
	padding: 50px 30px !important;
	margin-top: 0;
	border-radius: 20px;
	max-width: 1410px !important;
}
.testimSkillRow .col{
	padding-bottom: 0 !important;	
}
.testimSkillRow h3{
	font-size: 40px;
	line-height: 1.3;
}
.testimSkillRow p{
	font-size: 18px;
	max-width: 620px;
	margin-bottom: 0;
	color: #22222273;
}

/* testmonial  page end */

/* contact page start */
.contactIconCol .icon {
	background: #18357D;
	border-radius: 100%;
	transition: .3s;

}
.contactIconCol img {
	padding: 26px;
	filter: brightness(0) invert(1);
}
.contactIconCol .icon-box-img{
	width: 93px !important;
}
.contactIconCol .col-inner{
	border: 2px solid #18357d;
	padding: 35px 15px 27px;
	border-radius: 20px;
	height: 100%;
	cursor: pointer;
	transition: .3s;
}
.contactIconCol .col-inner:hover{
	transition: .3s;
	border-color: #C2A960;
}
.contactIconCol .col-inner:hover .icon{
	transition: .3s;
	background: #C2A960;
}
.contactIconCol strong{
	font-size: 30px;
	line-height: 1.3;
	padding-bottom: 12px;
	display: block;
}
.contactIconCol p{
	font-size: 21px;
	margin-bottom: 0;
}
.contactIconCol1 p{
	display: flex;
	justify-content: center;
	gap: 25px;
}
.contactIconCol3 img{
	padding: 26px 31px;
}
.contactIconCol3 .icon-box-img {
	width: 92px !important;
}
.contactAbout{
	padding: 40px 0 !important;
}
.contactAbout .row{
	background: #d8eefe;
	padding: 80px 50px !important; 
	border-radius: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.contactAbout .ContactForm input, .contactAbout .ContactForm textarea{
	border-color: transparent;
}
/* contact page send */

/* industry page start */

.industryWorkSec{
	padding: 50px 0 80px !important;
}

.industryWorkSec .homeAboutContent p{
	max-width: 900px;
	margin: auto;
}
.industryWorkSec .aboutImgLeft img, .industryWorkSec .aboutImgRight img {
	max-width: 640px;
}

.indusTextColRight .icon-box-img, .indusTextColLeft .icon-box-img{
	width: 66px !important;
}

.indusTextColRight img, .indusTextColLeft img {
	padding: 12px;
}

.indusTextColRight .icon, .indusTextColLeft .icon {
	background: #18357D;
	border-radius: 10px;
	transition: .3s;
}
.indusTextColRight h3, 
.indusTextColLeft h3{
	text-transform: capitalize;
	margin-bottom: 5px;
}
.indusTextColRight{
	padding-left: 17px;
}
.indusTextColLeft{
	padding-left: 15px !important;
}

/* industry page end */

/* capabilty page start */

.capabilityTrustSec{
	padding: 80px 0 0 !important;
}
.capabilityTrustSec .contactIconCol p{
	font-size: 18px;
}
.capabilityTrustSec .contactIconCol .col-inner:hover{
	border-color: #18357d;
}
.capabilityTrustSec .contactIconCol .col-inner:hover .icon{
	background: #18357D;
}
.capabilityFlex {
	padding: 20px 15px;
}
.capabilityFlex .section-content{
	background: #DDEDFE;
	padding: 80px 15px 100px;
	border-radius: 20px;
}
.capabilityFlex .contactIconCol p{
	font-size: 15px;
	margin-bottom: 15px;
}
.capabilityFlex .contactIconCol .col-inner{
	padding-bottom: 20px;
	transition: .3s;
	height: auto;
	border: none;
	background: #fff;
}
.capabilityFlex .contactIconCol .col-inner .icon-box{
	position: relative; 
	text-align: center;
	background: #fff;
	height: 350px;
	padding: 20px 10px 10px;
	overflow: hidden;
	border-radius: 10px;
	transition: .5s 
		ease-in-out;
	top: 0px;
}
.capabilityFlex .contactIconCol .col-inner .icon-box::after{
	content: "";
	position: absolute;
	bottom: 0px;
	background: url("/wp-content/uploads/2025/10/Rotate-Arrow.webp") center no-repeat;
	background-size: 21px;
	width: 21px;
	height: 25px;
	left: 0;
	right: 0;
	margin: auto;
	transition: transform 0.4s 
		ease, bottom 0.4s 
		ease;
}
/* .capabilityFlex .contactIconCol .col-inner:hover{
transition: .3s;
} */
.capabilityFlex .contactIconCol .icon-box:hover::after{
	transform: rotate(180deg);
	transition: .3s ease-in-out;
}
/* .capabilityFlex .contactIconCol .col-inner:hover .para2{
display: block !important;
transition: .3s;
} 
.para2{
display: none !important;
transition: .3s;
} */
.capabolityRelationRow .col{
	max-width: 20% !important;
	flex-basis: 20% !important;
}
.capabolityRelationRow {
	margin-bottom: 50px;
}
.capabolityRelationRow .col img{
	width: auto;
	height: 40px;
}
.capabilityFlex .contactIconCol .col-inner:hover .iconhiddenText{
	visibility: visible;	
}
.capabolityRelationRow .col .col-inner{
	border: 1px solid #18357D;
	border-radius: 12px;
	padding: 60px 20px;
}
.capabilityFlex .contactIconCol .col-inner .icon-box:hover{
	height: 480px;
	border-radius: 10px;
	transition: .5s ease-in-out;
	top: -16px;
}
.capabilityFlex .contactIconCol .col-inner .icon-box:hover .iconhiddenText{
	visibility: visible;
	opacity: 0.8;
	transform: translateY(0);
}
.iconhiddenText{
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s 
		ease;
}
.capabilityFlex .contactIconCol strong{
	margin-bottom: 0;
}

/* capabilty page end */

.page-id-20 .content-area, .page-id-20 .content-area > .row > .large-12{
	padding-bottom: 0 !important;	
}
.page-id-349 .content-area, .page-id-349 .content-area > .row > .large-12{
	padding-bottom: 0 !important;	
} 
.contactPhone{
	padding: 70px 0 30px !important;	
}

.anchorRow a:nth-child(2){
	position: relative;
}
.anchorRow a:nth-child(2):after{
	content: "";
	position: absolute;
	background: #222;
	width: 2px;
	height: 22px;
	left: -14px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.logo-left .logo{
	margin-right :0;
}
.capabilityFlex .homeAboutContent p{
	max-width: 1000px;
	margin: auto;
	font-size: 18px;
}
.capabilityShip{
	padding-top: 50px !important;	
}
.jobArchiveWrap{
	padding: 45px 0 65px;
}


@media(max-width: 1440px){
	div.testimSkillRow{
		max-width: 1200px !important;
	}
	.industryWorkSec {
		padding-bottom: 30px !important;
	}
	.capabilityFlex .section-content{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.capabolityRelationRow {
		margin-bottom: 0;
	}
	div.testimonRow{
		max-width: 50% !important;	
	}
	.contactPhone {
		padding: 50px 0 !important;
	}
	.homeContact {
		padding: 80px 0 40px !important;
	}
	.homeSliderRow .col .col-inner:hover .homeSliderText{
		top: 45%;
	}
	.headerContent h1 {
		font-size: 65px;
	}
	.innerPageHeader .headerContent {
		padding-top: 130px !important;
		padding-bottom: 130px !important;
	}
	.homeWorkSec .homeSliderRow{
		max-width: 33.33% !important;
	}
	.capabolityRelationRow .col img {
		height: 35px;
	}
	.capabolityRelationRow .col .col-inner{
		padding: 45px 20px;
	}
	.industryWorkSec{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.contactAbout {
		padding: 0 !important;
	}
	.testimonRow{
		padding-left: 0 !important;
	}
	.contactAbout > .row{
		max-width: 97% !important;	
	}
	.homeWhySection{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.contactIconCol p {
		font-size: 17px;
	}
	.contactIconCol3 img {
		padding: 21px 24px !important;
	}
	.contactIconCol strong {
		font-size: 26px;
	}
	.contactIconCol .icon-box-img {
		width: 78px !important;
	}
	.contactIconCol3 .icon-box-img {
		width: 73px !important;
	}
	.contactIconCol img {
		padding: 24px;
	}
	.testimSkillRow h3 {
		font-size: 36px;
	} 
	.testimSkillRow p {
		font-size: 17px;
	}

	.aboutImgRow {
		margin-top: 0;
	}
	.aboutContent h2{
		font-size: 40px;	
	}
	.aboutColRight h3 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.aboutColRight {
		padding-left: 15px;
	}
	.aboutColRight p {
		font-size: 16px;
	}
	.aboutSec .homeAboutContent p{
		font-size: 16px;	
	}

	.row, .container{
		max-width: 1230px !important;
	}
	.header-inner{
		max-width: 100% !important;
	}

	.header-main ul li {
		margin: 0 12px !important;
	}

	.header-main ul li a.nav-top-link{
		font-size: 15px !important;
	}

	#logo {
		max-width: 260px !important;
	}

	.headerTopContent a.phone, .headerTopContent a.email{
		background-size: 15px;
	}

	.headerTopContent a{
		font-size: 14px;
	}

	.header-main .header-button a{
		padding: 0 18px;
	}

	section.heroSection{
		padding: 130px 0 120px !important;
	}

	h1.heroHead {
		font-size: 54px !important;
	}

	.heroPara{
		font-size: 16px !important;
	}

	.spanWrap{
		font-size: 18px;
	}

	.headWrap {
		font-size: 40px;
	}
	.homeSliderText{
		top: 89%;
	}
	.homeSliderText h3{
		font-size: 26px;
	}
	.homeSliderText p{
		font-size: 13px;
	}
	.homeStaff .headWrap {
		font-size: 38px;
	}

	.homeAboutContent p.para {
		max-width: 1000px;
		font-size: 18px;
	}

	.homeAboutContent p.para{
		font-size: 16px;
	}

	.homeStaffCol .col-inner h3{
		font-size: 30px;
	}

	.homeStaffCol .col-inner::after{
		width: 32px;
		height: 32px;
		background-size: 32px;
		padding: 28px;
	}

	.homeStaffCol .col-inner:hover::after{
		width: 32px;
		height: 32px;
		background-size: 32px;
	}

	.testimonial-text p {
		font-size: 18px;
	}

	.footerCol1 img {
		width: 300px;
	}
	.homeAboutImgRow .col img {
		height: 60px;
	}
	.homeContactCol .homeAboutContent p.para {
		font-size: 14px;
	}
	.contNum {
		font-size: 16px;
	}
	.contactText strong{
		font-size: 21px;
	}
	.contactText p:nth-child(1) {
		margin-bottom: 6px;
	}
	.contactText p {
		font-size: 17px;
	}
	.footerTopText {
		max-width: 97% !important;
		top: -370px;
	}
}
@media(max-width: 1280px){
	.header-main ul li a.nav-top-link {
		font-size: 14px !important;
	}
	.header-main ul li {
		margin: 0 6px !important;
	}
	#logo {
		max-width: 220px !important;
	}
	.header-main .header-button a {
		padding: 3px 18px !important;
		font-size: 14px !important;
	}
	.testimCol .col-inner {
		padding: 70px 20px;
	}
	.testimonial-text p {
		font-size: 17px;
	}
	.testimCol .col-inner::before {
		left: 20px;
		top: 20px;
	}
	.testimCol .col-inner::after{
		right: 20px;
		bottom: 20px;
	}
}

@media(max-width: 1200px){
	.capabilityFlex .contactIconCol .col-inner .icon-box:hover{
		height: 510px;
	}
	.capabilityFlex .contactIconCol .col-inner .icon-box{
		height: 375px;
	}
	.homeSliderRow .col .col-inner:hover .homeSliderText{
		top: 26%;
	}
	.homeSliderText {
		top: 88%;
	}
	.contactIconCol1 p{
		gap: 5px;
		flex-direction: column;
	}
	.contactIconCol strong {
		font-size: 20px;
	}
	.homeSliderRow{
		max-width: 33.33% !important;	
	}

}
@media(max-width: 1024px){
	.header-main ul li a.nav-top-link {
		font-size: 11.5px !important;
	}
	#logo {
		max-width: 170px !important;
	}
	section.capabilityFlex .contactIconCol{
		max-width: 50% !important;
		flex-basis: 50% !important;
	} 
}

@media(max-width: 992px){
	.slider-nav-light .flickity-prev-next-button {
		width: 100px;
	}
	.slider-nav-wrapper{
		width: 220px !important;
	}
	.aboutSec {
		padding-top: 80px !important;
	}
	.homeSliderRow .col .col-inner:hover .homeSliderText {
		top: 25%;
	}
	.homeWorkSec .homeSliderRow {
		max-width: 50% !important;
	}
	.homeSliderText {
		top: 90%;
	}
	section.contactAbout{
		padding: 0 !important;
	}
	.testimSkillRow h3 {
		font-size: 28px;
	}
	.testimSkillRow p {
		font-size: 16px;
	}
	.aboutContent h2{
		font-size: 30px;
	}
	.aboutColRight h3 {
		font-size: 26px;
	}
	.homeSliderText1::before {
		width: 50px;
		height: 50px;
		background-size: 30px;
	}
	.heroSection {
		padding: 150px 0px 150px !important;
	}
	h1.heroHead{
		font-size: 44px !important;
	}
	.homeAbout {
		padding: 50px 0 20px !important;
	}
	.homeAboutImgRow .col img {
		height: 46px;
	}
	.homeWorkSec .section-content{
		padding: 60px 15px 50px;
	}
	.homeStaff .headWrap {
		font-size: 28px;
	}
	.homeStaff .homeAboutContent p.para{
		font-size: 16px;	
	}
	.homeStaffCol .col-inner h3 {
		font-size: 24px;
	}
	.homeStaffCol .col-inner{
		padding: 15px 20px 15px 93px;
	}
	.hometestmonSection{
		margin-top: 10px ;
	}
	.hometestmonSection {
		padding-top :60px !important;
	}
	.testimonial-text p{
		font-size: 16px;
	}
	.homeContact {
		padding: 60px 0 0 !important;
	}
	.headWrap{
		font-size: 32px;
	}
	.ContactForm strong{
		font-size: 30px;
	}
	.contactText p:nth-child(1) {
		margin-bottom: 2px;
	}
	.aboutContent {
		padding-left: 15px;
	}
	.aboutContactSec {
		padding-top: 0 !important;	
	}
}

@media(max-width:849px){
	.capabilityFlex .contactIconCol .col-inner .icon-box{
		height: 450px;
	}
	.page-id-16 .homeContact {
		padding: 0 !important;
	}
	.capabolityRelationRow .col {
		max-width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.contactAbout .row{
		padding: 50px 15px !important;
	}
	div.indusTextColRight, div.indusTextColLeft{
		padding-bottom: 20px !important;
	}

	.aboutImgLeft .col-inner, .homeStaffLeft .col-inner{
		text-align: center;
	}
	.aboutColRight{
		padding-bottom: 10px !important;
	}
	.aboutColRight2{
		order: 2;	
	}
	.aboutImgLeft{
		order: 1;	
	}
	.contactIconCol strong {
		font-size: 24px;
	}
	.contactIconCol1 p {
		gap: 19px;
		flex-direction: row;
	}
	.contactIconCol p{
		font-size: 20px;
	}
}

@media(max-width: 768px){
	.contactIconCol1 p {
		gap: 4px;
		flex-direction: column;
	}
	.capabolityRelationRow .col .col-inner {
		padding: 15px 10px;
	}
	.capabolityRelationRow .col img {
		height: 25px;
	}
}

@media(max-width: 640px){
	section.capabilityFlex .contactIconCol{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	.hometestmonSection{
		margin-bottom: 55px;
	}
	div.testimonRow{
		max-width: 100% !important;	
	}
	.homeContact{
		padding-top: 0 !important;	
	}
	.aboutSec{
		padding-bottom: 30px !important;
	}
	.homeSliderRow .col .col-inner:hover .homeSliderText {
		top: 35%;
	}
	.headerContent h1 {
		font-size: 44px;
	}
	.innerPageHeader .headerContent {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
	.homeWorkSec .homeSliderRow{
		max-width: 100% !important;
	}
	.contactIconCol1 p {
		gap: 18px;
		flex-direction: row;
	}
	.contactIconCol p {
		font-size: 18px;
	}
	.contactIconCol strong {
		font-size: 22px;
	}
	.testimSkillRow .col, .contactIconCol{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	.testimSkillRow .col:nth-child(2) .col-inner{
		text-align: left;
	}
	.testimSkillRow .col:nth-child(2){
		padding-top: 15px !important;
	}
	.testimSkillRow {
		padding: 50px 15px !important;
		margin-bottom: 55px;
	}
	.aboutContent h2, .aboutColRight h3{
		font-size: 24px;
	}
	.footerTopText{
		padding: 50px 15px;
	}
	h1.heroHead {
		font-size: 28px !important;
	}
	.heroBtn1 {
		font-size: 13px !important;
		padding: 5px 15px !important;
	}
	section.heroSection {
		padding: 90px 0 80px !important;
	}
	.homeAboutImgRow .col {
		flex-basis: 33.33% !important;
		max-width: 33.33% !important;
	}
	.homeAboutImgRow .col img {
		height: 34px;
	}
	.homeWorkSec .section-content {
		padding: 50px 15px 40px;
	}
	.homeStaffCol .col-inner h3 {
		font-size: 20px;
	}
	.homeStaffCol .col-inner p {
		font-size: 14px;
	}
	.homeStaffCol .col-inner {
		padding: 10px 15px 10px 90px;
	}
	.hometestmonSection .homeAboutContent p.para {
		font-size: 16px;
	}	

	.headerTopContent a.phone {
		background-size: 14px !important;
	}
	.headerTopContent a {
		font-size: 14px;
		padding-left: 23px;
	}
	.headerTopContent a.email {
		background-size: 15px !important;
		margin-left: 6px !important;
	}
	#logo {
		max-width: 190px !important;
	}
	h1.heroHead span{
		display: inline;
	}
	.footerTopText h2 {
		font-size: 28px;
	}
	.footerCol h5{
		margin-bottom: 15px;
	}
	.footerCol1{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	.footerCol2, .footerCol3, .footerCol4{
		max-width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.footer-secondary, .copyright-footer p{
		font-size: 14px;
	}
	.contactText p {
		font-size: 16px;
	}
	.contactText strong {
		font-size: 17px;
	}
	.footer{
		padding-bottom: 20px !important;
	}

}
@media(max-width: 549px){
	.footerCol{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	.nameRow{
		flex-direction: column;
	}
	.slider-wrapper .flickity-prev-next-button{
		display: block;
	}
}

@media(max-width: 400px){
	.homeSliderRow .col .col-inner:hover .homeSliderText {
		top: 25%;
	}
	.heroBtn1{
		padding: 5px 13px !important;
	}
	.homeStaff .headWrap {
		font-size: 22px;
	}
	.homeStaff .headWrap {
		font-size: 22px;
	}

	.headWrap {
		font-size: 22px;
	}
	.testimonial-text p {
		font-size: 13px;
	}
	.headerTopContent a{
		font-size: 12px !important;
	}
}