@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('slick.css');
@import url('slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	outline: none;
}

img {
	max-width: 100%;
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 400;
}

h1, h2, h3 {
	font-family: "Work Sans", sans-serif;
}

/* common css */

.btn.btn-primary {
	background: #00FFFF !important;
	font-family: "Work Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 20px 50px;
	border: 0;
	border-radius: 10px;
    /* transition: all 0.5s ease-in 0s; */
    overflow: hidden;
    position: relative;
    color: #000;
}

.header .btn.btn-primary {
	padding: 18px 37px;
	font-size: 18px;
}

.btn.btn-primary span {
    position: relative;
	color: #000;
} 

.btn.btn-primary::before,
.btn.btn-primary::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.btn.btn-primary::before {
  content: "";
  background: #FFBB00 !important;
  width: 120%;
  left: -10%;
  transform: skew(30deg);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.8, 1);
}

.btn.btn-primary:hover::before {
  transform: translate3d(100%, 0, 0);
}

.btn.btn-primary:active {
  transform: scale(0.95);
}



/* .btn.btn-primary:hover {
	background-color: #3C808B !important;
}
.hero-banner .btn.btn-primary:hover {
	background-color: #294351 !important;
} */
.c-heading h2 {
	font-size: 40px;
	font-weight: 600;
	color: #0C1936;
	line-height: 50px;
	text-transform: capitalize;
}

.c-heading p {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}

.c-heading p span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	margin-right: 5px;
}

.c-heading {
	max-width: 577px;
	margin: 0 0 10px;
}

.sp-100 {
	padding: 80px 0;
}

@media (min-width: 1300px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1250px;
	padding: 0 15px;
}
}

/* ///////////////////////////////////// */
/* ////////Home Page CSS Start ///////// */
/* ///////////////////////////////////// */

.header {
	background: #0B1C3D;
	color: #fff;
	padding: 8px 0;
}

.header-right {
	align-items: center;
	gap: 20px;
}

.header-right p {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header .nav-item a {
	color: #fff !important;
	padding: 0 18px !important;
}

.banner {
	background: url(../images/BannerBG.png) no-repeat center center/cover;
}
.contentBanner {
	padding: 120px 0;
	color: #fff;
}
.contentBanner h2 {
	color: #fff;
	font-weight: 700;
	font-size: 45px;
	line-height: 100%;
}
.contentBanner h3 {
	color: #BDDCFF;
	font-weight: 400;
	font-size: 45px;
	line-height: 100%;
}
.contentBanner p {
	line-height: 30px;
	max-width: 690px;
	margin: 35px auto 35px;
}
.banner-list {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 25px;
	margin-bottom: 35px;
}
.banner-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 600;
}
.bannerRating {
	font-size: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 40px;
}
.bannerRating img {
	display: block;
	margin-top: -3px;
}
.clientSlider {
	padding: 0 30px 40px;
}
.clientSlider .slick-track {
	display: flex;
	align-items: center;
}
.clientSlider p {
	color: #fff;
	font-weight: 600;
	font-size: 19px;
	text-transform: capitalize;
}

.aboutContent p {
	line-height: 30px;
	margin-bottom: 15px;
}
.secInline {
	display: flex;
	align-items: center;
	gap: 30px;
}
.aboutInline .aboutImg {
	flex-shrink: 0;
}

.trustSGT {
	background: #EEEDF9;
	border-radius: 20px;
	padding: 20px 20px;
	margin-bottom: 25px;
	margin-top: 24px;
}

.trustSGT h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 15px;
}

.trustSGT ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.trustSGT ul li {
	flex: 0 0 calc(50% - 10px);
}

.whySGTLeft {
	max-width: 597px;
	width: 100%;
	flex-shrink: 0;
}

.whySGT {
	background: url(../images/whyUsBG.png) no-repeat center center/cover;
	color: #fff;
}

.whySGTLeft .c-heading p span {
	background: #fff;
}

.whySGTLeft .c-heading h2 {
	color: #BDDCFF;
	margin-top: 10px;
	margin-bottom: 20px;
}

.whySGTLeft .c-heading + p {
	line-height: 32px;
	margin-bottom: 40px;
	text-transform: capitalize;
	padding-right: 2px;
}

.whySGTRight {
	flex-grow: 1;
}

.WSRBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	background: linear-gradient(180deg, #1D4BA3 0%, rgba(11, 28, 61, 0) 100%);
	padding: 40px 0 20px;
	border-radius: 200px 200px 0px 0px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.WSRBox p {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 0 20px;
}

.osHeadingContent {
	line-height: 30px;
}

.servicesRow .serviceBox {
	flex: 0 0 384px;
	max-width: 384px;
	background: #EEEDF9;
	padding: 40px 25px 20px;
	border-radius: 10px;
}
.servicesRow {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 50px;
}
.serviceBox > img {
	margin-bottom: 20px;
}
.serviceBoxHeading h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}
.serviceBoxHeading p {
	font-size: 16px;
	font-weight: 400;
	min-height: 100px;
}
.serviceBox ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 20px;
}
.serviceBox ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
}

.testimonials.sp-100 {
	background: linear-gradient(96.61deg, #0B1C3D 0.17%, #183878 99.49%);
	color: #fff;
}
.testimonials .c-heading h2 {
	color: #BDDCFF;
}
.testimonials .c-heading p span{
	background-color: #fff;
}
.testimonials .c-heading {
	margin: 0 auto 40px;
	text-align: center;
}
.testimonialBox {
	background: #48546B;
	border-radius: 20px 20px 0px 20px;
}
.testimonialBox .test-head {
	padding: 20px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #7385A9;
}
.testimonialBox p {
	padding: 20px;
	line-height: 30px;
}
.tsBox.slick-slide {
  padding: 0 12px;
}
.testimonials .slick-dots li button::before {
	display: none;
}

.testimonials .slick-dots li button {
	width: 5px;
	height: 5px;
	background: #FFBB00;
	opacity: .5;
	border-radius: 5px;
}
.testimonials .slick-dots li.slick-active button {
	opacity: 1;
	width: 30px !important;
}
.testimonials .slick-dots li {
	width: auto;
	height: auto;
}
.testimonials .slick-dots {
	bottom: -55px;
}
.testiReviews {
	margin-top: 90px;
	font-family: "Work Sans", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	font-size: 25px;
	font-weight: 600;
}
.ctaBox {
	background: linear-gradient(90deg, #E5E9F0 0%, #F2E9D2 100%);
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 30px;
	border-radius: 30px;
}
.ctaBox .c-heading {
	margin: 0 auto;
	max-width: 480px;
}
.ctaBox .c-heading h2 span {
	position: absolute;
	top: -22px;
	right: -14px;
}
.test-head img {
	max-height: 40px;
}
.ctaBox > p {
	max-width: 720px;
	line-height: 30px;
	margin: 0 auto 20px;
}
.ctaSec.sp-100 {
	padding: 50px 0;
}




.cntFormBx {
	background: #EFF6FE;
	border-radius: 24px;
	padding: 30px 50px 50px;
}

.cntFormBx .formBx {
	margin-bottom: 20px;
}

.formBx .cFormInput {
	display: flex;
	gap: 10px;
	align-items: flex-end;
}

.formBx .cFormInput label {
	flex-shrink: 0;
	min-width: 160px;
	margin: 0;
	font-family: Poppins;
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	letter-spacing: 0%;
}

.formBx .cFormInput .form-control {
	border: 0;
	background: transparent;
	border-bottom: 1px solid #868686;
	border-radius: 0;
	padding: 0;
	font-size: 20px;
	box-shadow: 0 0 0 !important;
	height: 55px;
}

.formBx.textareaBx .cFormInput {
	flex-direction: column;
	align-items: flex-start;
	margin-top: 50px;
}

.formBx.textareaBx .cFormInput .form-control {
	height: 100px;
	resize: none;
}

.contactForm {
	background: url(../images/getInTouchBG.png) no-repeat center center/cover;	
}
.contactForm .cf-left {
	color: #fff;
}
.contactForm .c-heading p span {
	background-color: #fff;;
}
.contactForm .c-heading h2 {
	color: #BDDCFF;
}
.contactForm .cf-left > p {
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.footer {
	background-color: #0B1C3D;
	color: #fff;
	padding: 60px 0;
	background-image:url("../images/mapBg.svg");
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
}

.footer .FootLogo img {
	margin-bottom: 20px;
}

.footer p {
	line-height: 30px;
	margin-bottom: 20px;
}

.footLinks h3 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}

.footLinks {
	margin-bottom: 20px;
}

.footLinks ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.footLinks ul a {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}
.copyright {
	background: #010A1C;
	text-align: center;
	color: #fff;
	padding: 25px 0;
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}



/* About Page CSS */
.innerBanner {
	background: #073160;
	color: #fff;
}
.innerBanner h1 {
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 20px;
}
.innerBanner p {
	max-width: 903px;
	line-height: 30px;
	margin: 0 auto;
}

.aboutPageSec .c-heading {
	max-width: 100%;
}
.aboutPageSecLeft > p {
	margin-bottom: 20px;
	line-height: 30px;
}
.aboutPageSecRight {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.aboutPageSecRight p {
	line-height: 30px;
}
.missionBox {
	background: #EEEDF9;
	padding: 20px 20px;
	border-radius: 10px;
}
.missionBox h3 {
	font-size: 20px;
	font-weight: 600;
}

.workSteps {
	background: #eeedf9;
}
.workSteps .c-heading{
	margin: 0 auto 40px;
	text-align: center;
}

.stepBox {
	width: 90%;
	background: linear-gradient(270deg, #FFFFFF 0%, #EEEDF9 100%);
	padding: 10px 30px 10px 0;
}

.stepBox h2 {
	font-size: 130px;
	font-weight: 600;
	color: #000;
	opacity: .1;
	margin-right: 20px;
}

.stepList {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.stepList .stepBox:nth-child(2) {
	align-self: flex-end;
}

.stepBox h3 {
	font-size: 20px;
	font-weight: 600;
}

.servicePlist {
	display: flex;
	flex-direction: column;
	gap: 60px
}
.servicePBox {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: space-between;
}
.servicePBoxLeft {
	flex: 0 0 49%;
}
.servicePBoxRight {
	flex: 0 0 calc(49% - 20px);
}
.servicePBoxRight h2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.servicePBoxRight p {
	margin-bottom: 20px;
	line-height: 30px;
}
.servicePBoxRight ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.servicePBoxRight ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
}
.servButton {
	text-align: center;
	margin-top: 60px;
}

.cpf-row {
	display: flex;
	gap: 30px;
}

.cpf-row .cpf-left {
	max-width: 420px;
}

.cpf-row .cpf-left p {
	line-height: 30px;
}
.cpf-right {
	flex-grow: 1;
}
.contactPageDetails {
	margin-top: 20px;
}
.contactPageDetails p {
	font-weight: 700;
	margin-bottom: 10px;
}
.contactPageDetails ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contactPageDetails ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	line-height: 30px;
}
.contactPageDetails ul li span {
	flex-shrink: 0;
}
.socialLinks {
	display: flex;
	list-style: none;
	gap: 20px;
}
.socialLinks a {
	color: #fff;
	font-size: 20px;
}


/*Blog CSS*/
.blog-inner .entry-header .post-thumbnail {
	width: 100%;
	height: 530px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 40px;
}

.blog-inner .entry-header .post-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
	max-width: 100% !important;
}

.blog-inner .entry-content p {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 30px;
}

.blog-inner .entry-content p strong {
	color: #0B1C3D;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.blog-inner .entry-content .wp-block-image {
	width: 100%;
	margin: 50px auto 50px;
	border-radius: 10px;
	overflow: hidden;
	height: 250px;
}

.blog-inner .entry-content .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
	max-width: 100% !important;
}

.blog-inner .entry-footer .posted-by {
	font-size: 14px;
	margin-bottom: 11px;
	color: #8c8c8c;
}

.blog-inner .entry-footer .posted-by a {
	color: #FFBB00;
}

.blog-inner .entry-footer .post-taxonomies {
	font-size: 14px;
	color: #8c8c8c;
}

.blog-inner .entry-footer .post-taxonomies a {
	color: #FFBB00;
}

.blog-inner .comments-area .comment-reply-title {
	color: #FFBB00;
}

.blog-inner .comments-area textarea {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	margin-bottom: 20px;
	height: 200px;
}

.blog-inner .comments-area input[type=text],
.blog-inner .comments-area input[type=email],
.blog-inner .comments-area input[type=url] {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	margin-bottom: 20px;
}

.blog-inner .comments-area #submit {
	background: #FFBB00;
	border: 0;
	color: #fff;
	font-size: 16px;
	padding: 15px 40px;
	border-radius: 50px;
	margin-bottom: 50px;
	margin-top: 20px;
}

.nav-links {
	display: none;
}

.blog-bx .blog-bx-image {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.blog-bx .blog-bx-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
	max-width: 100% !important;
}

.blog-bx-content p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}

.blog-bx .entry-footer .posted-on {
	font-size: 12px;
	margin-bottom: 11px;
}

.blog-bx .entry-footer .posted-on a {
	color: #FFBB00;
}

.blog-bx .entry-footer .post-taxonomies {
	font-size: 14px;
	color: #8c8c8c;
}

.blog-bx .entry-footer .post-taxonomies a {
	color: #FFBB00;
}

.blog-bx-content h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 22px;
	color: #0B1C3D;
	font-weight: 600;
}

.blog-bx {
	margin-bottom: 55px;
	background: #f4f4f4;
	border-radius: 10px;
}

.blog-bx .blog-bx-content {
	padding: 0 20px 30px;
}

.blog-bx-content .date {
	font-size: 14px;
}

.blog-bx-content .date img {
	width: 14px;
}

.blog-bx .entry-footer {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.blog-bx .entry-footer .cats a {
	color: #000;
	font-size: 14px;
}

.blog-bx .entry-content a {
	color: #0854E8;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
}

.blog-bx .entry-content a i {
	font-size: 14px;
	margin-bottom: -3px;
}

.related-posts {
	background: #eee;
	padding: 70px 0 50px;
}

.related-posts h2.rp-head {
	text-align: center;
	margin-bottom: 45px;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #0B1C3D;
}

.related-posts .blog-bx a {
	margin-top: 30px;
}

.blog-inner .entry-footer {
	padding: 5px 0;
	margin: 0 0 50px;
	display: flex;
	gap: 5px;
}

.blog-inner .entry-footer .cats {
	font-size: 14px;
	margin-right: 10px;
}

.blog-inner .entry-footer .cats a {
	color: #fff;
	background: #0B1C3D;
	padding: 5px 17px;
	border-radius: 50px;
}


.blog-inner .entry-footer .date {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.blog-inner .entry-footer .date img {
	width: 16px;
	margin-top: -2px;
}

.blog-inner .entry-content h1 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -.5px;
	color: #0B1C3D;
}

.blog-inner .entry-content h2 {
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -.5px;
	color: #0B1C3D;
	margin-top: 30px;
}
.blog-inner .entry-content h3 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.5px;
	color: #0B1C3D;
	margin-top: 30px;
}
.blog-inner .entry-content ul, .blog-inner .entry-content ol {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
	padding-left: 35px;
}
.blog-inner .container {
	max-width: 825px;
}
.blog-inner.sp-100 {
	position: relative;
}

.social--share {
	position: absolute;
	left: 15px;
	top: 800px;
}

.social--share a {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background: #0B1C3D;
	border-radius: 50%;
	margin-top: 8px;
}

.back-blog {
	display: inline-block;
	margin-bottom: 30px;
	color: #FFBB00;
}

.back-blog .fa.fa-arrow-left {
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #FFBB00;
	border-radius: 50%;
	margin-right: 6px;
}

.pagination .nav-links a, .pagination .nav-links span {
	width: 50px;
	height: 50px;
	text-align: center;
	background: #0B1C3D;
	color: #fff;
	line-height: 50px;
	border-radius: 50%;
}

.navigation.pagination .nav-links {
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 10px;
}

.pagination .nav-links span.page-numbers.current {
	background: #FFBB00;
}


/* portfolio */
.portImg {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 15px;
}
.portBox h3 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #15326c;
}
.portBox p {
  margin-bottom: 20px;
  line-height: 30px;
}
.portBox ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.portBox ul li {
	background: #15326c;
	color: #fff;
	padding: 10px 20px;
	border-radius: 50px;
	font-size:12px;
}
.portSec .container {
	display: flex;
	flex-direction: column;
	gap: 80px;
}
.portSec {
	background: #f0f6ff;
}