/*
Author       : theme_ocean
Template Name: Monoline - Design Agency HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START WHY CHOOSE US DESIGN
    07. START SERVICE DESIGN
    08. START CASE STUDY DESIGN
    09. START POROFOLIO DESIGN
    10. START SKILL DESIGN
    11. START PROMOTION DESIGN
    12. START TEAM DESIGN
    13. START TESTIMONIALS DESIGN
    14. START PRICING DESIGN
    15. START BLOG DESIGN
    16. START ADDRESS DESIGN
    17. START PARTNER DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #747474;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: Inter,sans-serif;
  color: #1b2032;
  font-weight: 400;
}
a {
font-family: Inter,sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif; }

:-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

::-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

:-ms-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}
.form-control::placeholder {
	color: #232a34;
	opacity: 1;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.97), rgba(246,251,255,0.98)),
		linear-gradient(90deg, rgba(14,92,166,0.06) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.06) 1px, transparent 1px);
	background-size: auto, 34px 34px, 34px 34px;
    bottom: 0;
	display: flex;
	justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.preloader-stage {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	z-index: 10000;
}
.preloader-logo-ring {
	align-items: center;
	animation: flexiLoaderPulse 1.8s ease-in-out infinite;
	background: #fff;
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 18px;
	box-shadow: 0 24px 70px rgba(14,92,166,0.16);
	display: flex;
	height: 112px;
	justify-content: center;
	position: relative;
	width: 152px;
}
.preloader-logo-ring:before {
	animation: flexiLoaderRing 1.4s linear infinite;
	background: conic-gradient(from 0deg, #0e5ca6, #ffaa17, #ff4b5c, #1a9af7, #0e5ca6);
	border-radius: 20px;
	content: "";
	inset: -3px;
	position: absolute;
	z-index: -1;
}
.preloader-logo-ring:after {
	background: #fff;
	border-radius: 16px;
	content: "";
	inset: 2px;
	position: absolute;
	z-index: -1;
}
.preloader-logo-ring img {
	animation: flexiLoaderLogo 1.8s ease-in-out infinite;
	max-height: 76px;
	max-width: 118px;
	position: relative;
}
.preloader-bar {
	background: rgba(14,92,166,0.12);
	border-radius: 999px;
	height: 5px;
	overflow: hidden;
	width: 170px;
}
.preloader-bar span {
	animation: flexiLoaderBar 1.15s ease-in-out infinite;
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	border-radius: inherit;
	display: block;
	height: 100%;
	width: 45%;
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}
.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background:#ffaa17;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
@keyframes flexiLoaderRing {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes flexiLoaderPulse {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}
@keyframes flexiLoaderLogo {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}
@keyframes flexiLoaderBar {
	0% { transform: translateX(-110%); }
	100% { transform: translateX(250%); }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
@media (prefers-reduced-motion: reduce) {
	.preloader-logo-ring,
	.preloader-logo-ring:before,
	.preloader-logo-ring img,
	.preloader-bar span {
		animation: none !important;
	}
}
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h2 {
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
h2.section-title-white{
color:#fff;
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
.section-title span{
background: #f5325c none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #ffaa17 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	background:#fff;
	border: 2px solid #1b2032;
	color: #1b2032;
	padding: 8px 30px;
	border-radius: 30px;
	transition: 0.3s;
	margin-top: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.3);
	display: inline-block;
}
.btn_one:hover {
background:#ffaa17;
border:2px solid #ffaa17;
color:#fff;
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg{height: 700px;position:relative;}
.home_bg::before {
	background:rgba(0,0,0,0.2);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.hero-text{
padding-top:250px;
position: relative;
}

.hero-text h2 {
	color: #fff;
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
}
.hero-text p{
	color:#fff;
	margin-bottom: 25px;	
}
.hero-text a{
	background:#ffaa17;
	border: 2px solid #ffaa17;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	transition: 0.3s;
	margin-top: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.3);
	display: inline-block;
}
.hero-text a:hover {
background:none;
border:2px solid #fff;
color:#fff;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.home_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video {min-width: 100%;height:100%; }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature_area {
	padding-bottom: 80px;
	position: relative;
	margin-top: -80px;
}
@media only screen and (max-width:768px) { 
.feature_area{
	margin-top:0px;
}
}
.feature_bg{
	padding:60px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
	margin-top:-100px;
}
@media only screen and (max-width:768px) { 
.feature_bg{
	margin-top:0px;
}
}
.single_feature {
	background: #f9fcff;
	position: relative;
	padding: 60px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition:0.3s;
}
.single_feature:hover{
background:#fff;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
-webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
.single_feature img {
width:60px;
margin-bottom: 25px;
}
.single_feature h4 {
	margin-bottom: 15px;
	font-size: 20px;
}
.single_feature p{}
.home-services-showcase {
	background:
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	margin-top: -120px;
	overflow: hidden;
	padding-bottom: 95px;
}
.home-services-showcase .home-services-panel {
	background: #fff;
	border: 1px solid #e3ebf5;
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(15, 46, 77, 0.12);
	margin-top: 0;
	overflow: hidden;
	padding: 58px 46px;
	position: relative;
}
.home-services-showcase .home-services-panel:before {
	background: linear-gradient(90deg, #0e5ca6 0%, #ffaa17 48%, #fc5b62 100%);
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.home-services-showcase .home-services-panel:after {
	background-image:
		linear-gradient(rgba(14, 92, 166, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(14, 92, 166, 0.05) 1px, transparent 1px);
	background-size: 34px 34px;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.45;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}
.home-services-showcase .home-services-panel > * {
	position: relative;
	z-index: 1;
}
.home-services-intro {
	margin-bottom: 32px;
	text-align: left;
}
.home-services-intro h2 {
	font-size: 42px;
	line-height: 1.18;
	margin-bottom: 18px;
	text-transform: none;
}
.home-services-intro h2:before,
.home-services-intro h2:after {
	display: none;
}
.home-services-intro p {
	color: #64748b;
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	width: 90%;
}
.home-services-intro .home-services-eyebrow {
	align-items: center;
	background: #fff7e6;
	border: 1px solid #ffe0a6;
	border-radius: 999px;
	color: #b86b00;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	height: auto;
	letter-spacing: .08em;
	line-height: 1;
	margin: 0 0 18px;
	padding: 8px 14px;
	text-transform: uppercase;
	width: auto;
}
.home-services-highlights {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	height: 100%;
	justify-content: flex-end;
	padding: 70px 0 32px;
}
.home-services-highlights span {
	background: #f8fafc;
	border: 1px solid #e3ebf5;
	border-radius: 999px;
	color: #27364a;
	font-size: 13px;
	font-weight: 700;
	padding: 11px 16px;
}
.home-service-col {
	display: flex;
	padding: 12px;
}
.home-services-showcase .single_feature {
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid #e4edf7;
	border-radius: 8px;
	box-shadow: 0 16px 35px rgba(15, 46, 77, 0.06);
	display: flex;
	flex-direction: column;
	min-height: 310px;
	overflow: hidden;
	padding: 32px;
	width: 100%;
}
.home-services-showcase .single_feature:before {
	background: linear-gradient(90deg, rgba(14, 92, 166, 0.14), rgba(252, 91, 98, 0.12));
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: 0.3s;
}
.home-services-showcase .single_feature:hover {
	background: #fff;
	border-color: #cfe0f3;
	box-shadow: 0 28px 55px rgba(15, 46, 77, 0.14);
	transform: translate(0, -8px);
}
.home-services-showcase .single_feature:hover:before {
	transform: scaleX(1);
}
.home-service-topline {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 28px;
}
.home-service-icon {
	align-items: center;
	background: #f8fbff;
	border: 1px solid #e6eef8;
	border-radius: 8px;
	display: inline-flex;
	height: 72px;
	justify-content: center;
	transition: 0.3s;
	width: 72px;
}
.home-services-showcase .single_feature img {
	margin: 0;
	width: 48px;
}
.home-service-number {
	color: #d7e2ef;
	font-size: 38px;
	font-weight: 800;
	line-height: 1;
}
.home-services-showcase .single_feature:hover .home-service-icon {
	background: #0e5ca6;
	border-color: #0e5ca6;
	transform: rotate(-3deg) scale(1.04);
}
.home-services-showcase .single_feature:hover .home-service-icon img {
	filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.14));
}
.home-service-copy {
	flex: 1;
}
.home-services-showcase .single_feature h4 {
	color: #172033;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 14px;
}
.home-services-showcase .single_feature p {
	color: #64748b;
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 24px;
}
.home-service-action {
	align-items: center;
	color: #0e5ca6;
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	margin-top: auto;
	text-decoration: none;
}
.home-service-action span {
	color: #fc5b62;
	transition: 0.3s;
}
.home-service-action:hover,
.home-service-action:focus {
	color: #fc5b62;
	text-decoration: none;
}
.home-service-action:hover span,
.home-service-action:focus span {
	transform: translateX(4px);
}
@media only screen and (max-width:991px) {
	.home-services-showcase {
		margin-top: 0;
		padding: 60px 0;
	}
	.home-services-showcase .home-services-panel {
		padding: 42px 28px;
	}
	.home-services-highlights {
		justify-content: flex-start;
		padding: 0 0 26px;
	}
	.home-services-intro h2 {
		font-size: 36px;
	}
	.home-services-intro p {
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	.home-services-showcase .home-services-panel {
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.home-service-col {
		padding: 10px 0;
	}
	.home-services-showcase .single_feature {
		min-height: 280px;
	}
}
@media only screen and (max-width:480px) {
	.home-services-showcase .home-services-panel {
		padding: 34px 18px;
	}
	.home-services-intro h2 {
		font-size: 30px;
		line-height: 1.25;
		word-break: normal;
	}
	.home-services-showcase .single_feature {
		min-height: auto;
		padding: 26px;
	}
	.home-services-highlights span {
		font-size: 12px;
		padding: 9px 12px;
	}
	.home-service-icon {
		height: 62px;
		width: 62px;
	}
	.home-services-showcase .single_feature img {
		width: 42px;
	}
	.home-service-number {
		font-size: 32px;
	}
}
.single_about_content {
	margin-top: -60px;
	background: #fff;
	padding: 60px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	position: relative;
	margin-bottom: 60px;
}
.single_about_content h2 {
	margin-bottom: 30px;
	font-size: 50px;
	font-weight: 500;
}
.single_about_content p{}

.hire_us_area{background:#f9fcff;}
.hire_img{}
.hire_img img {
	width: 200px;
}
.hire_content{}
.hire_content h2 {
	font-weight: 500;
	font-size: 50px;
	margin-bottom: 20px;
}
.hire_content p {
	margin-bottom: 30px;
}
.hire_content a{}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
	background:
		linear-gradient(135deg, #0b5ca7 0%, #126bb4 48%, #084d8c 100%);
	isolation: isolate;
	margin-bottom: 72px;
	overflow: hidden;
	position: relative;
}
.counter_feature:before {
	animation: counterSweep 18s linear infinite;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.16) 50%, transparent 100%),
		linear-gradient(135deg, rgba(255,255,255,0.1) 0 1px, transparent 1px);
	background-size: 220px 100%, 34px 34px;
	content: "";
	inset: 0;
	opacity: 0.38;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.counter_feature:after {
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
	bottom: 0;
	content: "";
	height: 1px;
	left: 10%;
	position: absolute;
	right: 10%;
}
.counter_feature .container {
	position: relative;
	z-index: 1;
}
.home-counter-row {
	align-items: stretch;
	background: rgba(255,255,255,0.09);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(0, 42, 92, 0.22);
	overflow: hidden;
}
.home-counter-row > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
.single-project {
	background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03));
	border-right: 1px solid rgba(255,255,255,0.16);
	height: 100%;
	min-height: 172px;
	overflow: hidden;
	padding: 32px 18px 28px;
	position: relative;
	transition: transform 0.3s ease, background 0.3s ease;
}
.single-project:before {
	background: linear-gradient(90deg, #ffaa17, #ff4b5c, #1a9af7);
	content: "";
	height: 3px;
	left: 18px;
	opacity: 0;
	position: absolute;
	right: 18px;
	top: 0;
	transition: opacity 0.3s ease;
}
.single-project:after {
	background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.16) 45%, transparent 72%);
	content: "";
	inset: 0;
	position: absolute;
	transform: translateX(-120%);
	transition: transform 0.6s ease;
}
.single-project:hover {
	background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06));
	transform: translateY(-6px);
}
.single-project:hover:before {
	opacity: 1;
}
.single-project:hover:after {
	transform: translateX(120%);
}
.single-project-mrnone{border-right:0px;}
.single-project img {
	animation: statIconFloat 5s ease-in-out infinite;
	filter: drop-shadow(0 8px 14px rgba(0,0,0,0.18));
	margin-bottom: 20px;
	position: relative;
	width: 60px;
	z-index: 1;
}
.single-project h2 {
	color:#fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.single-project h4 {
	color:#fff;
	font-size:16px;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px) {
	.counter_feature {
		margin-bottom: 0;
		padding: 18px 0;
	}
	.counter_feature:before {
		opacity: 0.24;
	}
	.home-counter-row {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		display: flex;
		flex-wrap: nowrap;
		margin-left: 0;
		margin-right: 0;
	}
	.home-counter-row > [class*="col-"] {
		flex: 0 0 25%;
		max-width: 25%;
		padding-left: 0;
		padding-right: 0;
	}
	.home-counter-row .single-project {
		align-items: center;
		background: transparent;
		border-right: 1px solid rgba(255, 255, 255, 0.22);
		box-shadow: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 96px;
		margin-top: 0;
		padding: 8px 4px;
	}
	.home-counter-row .single-project:before,
	.home-counter-row .single-project:after {
		display: none;
	}
	.home-counter-row .single-project:hover {
		transform: none;
	}
	.home-counter-row > [class*="col-"]:last-child .single-project {
		border-right: 0;
	}
	.home-counter-row .single-project img {
		animation: none;
		margin-bottom: 8px;
		width: 30px;
	}
	.home-counter-row .single-project h2 {
		font-size: 22px;
		line-height: 1.1;
		margin-bottom: 5px;
	}
	.home-counter-row .single-project h4 {
		font-size: 10px;
		line-height: 1.25;
	}
	.counter-video-row {
		display: none;
	}
}
@media only screen and (max-width:375px) {
	.home-counter-row .single-project h2 {
		font-size: 19px;
	}
	.home-counter-row .single-project h4 {
		font-size: 9px;
	}
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.counter-video-row {
	margin-bottom: -152px;
	margin-top: 52px;
}
.counter-video-card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(11, 43, 75, 0.22);
	padding: 10px;
	position: relative;
}
.counter-video-card:before {
	background: linear-gradient(90deg, #0b5ca7, #ffaa17, #ff4b5c);
	border-radius: 8px 8px 0 0;
	content: "";
	height: 3px;
	left: 22%;
	position: absolute;
	right: 22%;
	top: -1px;
}
.counter-video-label {
	background: #fff;
	border: 1px solid rgba(14, 92, 166, 0.14);
	border-radius: 999px;
	box-shadow: 0 12px 32px rgba(11, 43, 75, 0.12);
	color: #0e5ca6;
	font-size: 13px;
	font-weight: 700;
	left: 50%;
	letter-spacing: 0;
	padding: 9px 16px;
	position: absolute;
	text-transform: uppercase;
	top: -21px;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
}
.video_btn {
	border: 0;
	border-radius: 4px;
	box-shadow:none;
	margin: 0;
	overflow: hidden;
	padding:145px 0;
	position: relative;
}
.video_btn:before {
	background: linear-gradient(120deg, rgba(11, 27, 50, 0.68), rgba(14, 92, 166, 0.18));
	content: "";
	inset: 0;
	position: absolute;
}
.video_btn:after {
	border: 1px solid rgba(255,255,255,0.34);
	border-radius: 4px;
	content: "";
	inset: 22px;
	pointer-events: none;
	position: absolute;
}
.video_btn h3 {
	background: #ffaa17;
	padding: 30px;
	margin: 0 40px;
	line-height: 40px;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-weight: 600;
}
.video_btn a {
	animation: playPulse 2.2s ease-in-out infinite;
	background: rgba(255, 255, 255, 0.22) none repeat scroll 0 0;
	border: 4px solid #fff;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-size: 34px;
	height: 100px;
	line-height: 90px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	width: 100px;
	transition:0.3s;
	z-index: 1;
}
.video_btn a:hover{
	background: #ffaa17;
	border: 4px solid #ffaa17;
	color: #fff;
	transform: scale(1.05);
}
@keyframes counterSweep {
	0% { background-position: -220px 0, 0 0; }
	100% { background-position: 220px 0, 34px 34px; }
}
@keyframes statIconFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}
@keyframes playPulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.38); }
	50% { box-shadow: 0 0 0 16px rgba(255,255,255,0); }
}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_area {
	background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
	margin-top: 120px;
	overflow: hidden;
	position: relative;
}
.why_choose_area.section-padding {
	padding: 96px 0;
}
.why_choose_area:before {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.04) 1px, transparent 1px);
	background-size: 42px 42px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.why_choose_layout {
	position: relative;
	z-index: 1;
}
.single_why_choose{
	margin-top:0;
	padding: 28px 0;
}
.why_choose_kicker {
	background: rgba(255,170,23,0.14);
	border: 1px solid rgba(255,170,23,0.35);
	border-radius: 999px;
	color: #b56b00;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 18px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.single_why_choose h2 {
	color: #171c2f;
	font-size: clamp(38px, 4vw, 60px);
	font-weight: 700;
	line-height: 1.14;
	margin-bottom: 22px;
	max-width: 560px;
}
.single_why_choose p{
	color: #68758a;
	font-size: 17px;
	line-height: 1.8;
	margin-bottom: 24px;
	max-width: 540px;
}
.why_choose_points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px;
}
.why_choose_points span {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 999px;
	box-shadow: 0 10px 28px rgba(19, 49, 85, 0.07);
	color: #21314d;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	padding: 10px 14px;
}
.why_choose_points i {
	color: #ffaa17;
	font-size: 13px;
}
.single_why_choose_img {
	min-height: 440px;
	padding: 20px 0 46px 46px;
	position: relative;
}
.single_why_choose_img:before {
	background:
		repeating-linear-gradient(135deg, rgba(255,170,23,0.18) 0 8px, transparent 8px 18px),
		#f8fbff;
	border: 1px solid rgba(14,92,166,0.09);
	border-radius: 8px;
	bottom: 0;
	content: "";
	height: 74%;
	left: 0;
	position: absolute;
	width: 76%;
}
.single_why_choose_img:after {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	border-radius: 999px;
	content: "";
	height: 4px;
	left: 88px;
	position: absolute;
	right: 58px;
	top: 0;
}
.single_why_choose_img img{
	animation: imageFloat 7s ease-in-out infinite;
	border-radius: 8px;
	box-shadow: 0 24px 64px rgba(17, 38, 72, 0.18);
	height: 430px;
	object-fit: cover;
	position: relative;
	width: 86%;
	z-index: 1;
}
.why_image_metric {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 8px;
	bottom: 24px;
	box-shadow: 0 20px 44px rgba(17, 38, 72, 0.16);
	display: flex;
	gap: 12px;
	left: 18px;
	padding: 15px 18px;
	position: absolute;
	z-index: 2;
}
.why_image_metric strong {
	color: #0e5ca6;
	font-size: 28px;
	line-height: 1;
}
.why_image_metric span {
	color: #4f5d73;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	max-width: 138px;
	text-align: left;
}
.why_image_caption {
	background: #171c2f;
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 13px 16px;
	position: absolute;
	right: 0;
	top: 52px;
	z-index: 2;
}
.single_why_choose a{}
.single_why_choose a:hover{}
@keyframes imageFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@media only screen and (max-width:768px) {
	.why_choose_area {
		margin-top: 0;
		padding: 36px 0 46px;
	}
	.why_choose_area.section-padding {
		padding: 36px 0 46px;
	}
	.why_choose_area .single_why_choose {
		margin-bottom: 28px;
		margin-top: 0;
		padding: 0;
	}
	.why_choose_area .single_why_choose h2 {
		font-size: 38px;
		line-height: 1.28;
		margin-bottom: 18px;
	}
	.why_choose_area .single_why_choose p {
		margin-bottom: 22px;
	}
	.why_choose_points {
		margin-bottom: 24px;
	}
	.why_choose_points span {
		font-size: 12px;
		padding: 8px 10px;
	}
	.single_why_choose_img {
		min-height: 0;
		padding: 14px 0 24px 20px;
	}
	.single_why_choose_img:after {
		left: 50px;
		right: 42px;
	}
	.why_choose_area .single_why_choose_img img {
		animation: none;
		height: auto;
		max-height: 260px;
		object-fit: cover;
		width: calc(100% - 16px);
	}
	.why_image_metric {
		bottom: 10px;
		left: 4px;
		padding: 11px 13px;
	}
	.why_image_metric strong {
		font-size: 23px;
	}
	.why_image_metric span {
		font-size: 11px;
		max-width: 118px;
	}
	.why_image_caption {
		display: none;
	}
}
@media only screen and (max-width:480px) {
	.why_choose_area {
		padding: 30px 0 40px;
	}
	.why_choose_area .single_why_choose h2 {
		font-size: 34px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 06.END WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service_area{background:#f9fcff;padding-bottom:50px;}
.single_service{
background:#fff;
padding:60px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
margin-bottom:30px;
}
.single_service img{margin-bottom:20px;}
.single_service h4{margin-bottom:20px;font-size: 22px;}
.single_service p {
	margin-bottom: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
.case_content_top{}
.case_content_top h2 {
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 46px;
	line-height: 60px;
	padding-right: 60px;
}
.case_content_top p {
	padding-right: 40px;
	margin-bottom: 20px;
}
.case_content_top_img img{}
.case_content_area{}
.case_content{}
.case_content h2{margin-bottom:20px;}
.case_content p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	padding-right: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio_area{overflow: hidden;}
.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
.portfolio_filter ul li {
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	font-size: 16px;
	color: #252d35;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
.portfolio_filter ul li:last-child {
	border-right: 0px;
}
.portfolio_filter .active {
	color: #ffaa17;
}
.portfolio-grid{position: relative;}
.single-gallery{
	position: relative;
}
.single-gallery:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: .5s;
	opacity: 0;
	border-radius: 4px;
}
.single-gallery img{
	border-radius: 4px;
}
.gallery_enlarge_icon{
	opacity: 0;
}
.gallery_enlarge_icon{
	background-color: #ffaa17;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	transition: .5s;
}

.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus{
	background-color: #fff;
	color: #333;
}

.single-gallery h4 {
	position: absolute;
	left: 15px;
	bottom: 10px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	opacity: 0;
	transition: .5s;
}
.single-gallery h4 a{color:#fff;}
.single-gallery h4 a:hover{color:#ffaa17;}
.portfolio-item{
	margin-bottom: 30px;
}
.gallery-btn{
	background-color: #fc5b62;
	border: 1px solid #fc5b62;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 30px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 600;
	letter-spacing: 1px;
}
.gallery-btn:hover,
.gallery-btn:focus{
	background-color: #211E3B;
	border-color: #211E3B;
	color: #fff;
}
.single-gallery:hover:before,
.single-gallery:hover .gallery_enlarge_icon,
.single-gallery:hover h4{
	opacity: 1;
}
.portfolio_btn{margin-top: 30px;}
.portfolio_btn a{}
.home-portfolio-area {
	background: #f9fcff;
}

.home-portfolio-grid {
	row-gap: 30px;
}

.home-portfolio-card {
	background: #fff;
	border: 1px solid #e6edf5;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(15, 46, 77, 0.08);
	color: #27364a;
	display: block;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	transition: 0.3s;
}

.home-portfolio-card:hover,
.home-portfolio-card:focus {
	box-shadow: 0 24px 60px rgba(15, 46, 77, 0.14);
	color: #27364a;
	text-decoration: none;
	transform: translateY(-8px);
}

.home-portfolio-media {
	aspect-ratio: 4 / 3;
	background: #eef4fb;
	display: block;
	overflow: hidden;
}

.home-portfolio-media img {
	height: 100%;
	object-fit: cover;
	transition: 0.4s;
	width: 100%;
}

.home-portfolio-card:hover .home-portfolio-media img,
.home-portfolio-card:focus .home-portfolio-media img {
	transform: scale(1.05);
}

.home-portfolio-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 26px;
}

.home-portfolio-meta {
	color: #0e5ca6;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.home-portfolio-content strong {
	color: #102033;
	display: block;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

.home-portfolio-content span {
	line-height: 1.7;
}

.home-portfolio-content em {
	border-top: 1px solid #edf2f7;
	color: #f5325c;
	font-style: normal;
	font-weight: 700;
	padding-top: 16px;
}
@media only screen and (max-width:768px) {
	.home-portfolio-area {
		padding: 54px 0;
	}
	.home-portfolio-area .section-title {
		margin-bottom: 30px;
	}
	.home-portfolio-area .section-title h2 {
		font-size: 32px;
		line-height: 1.2;
	}
	.home-portfolio-area .section-title p {
		line-height: 1.6;
		width: 90%;
	}
	.home-portfolio-grid {
		display: flex;
		flex-wrap: nowrap;
		margin-left: -8px;
		margin-right: -8px;
		overflow-x: auto;
		padding: 0 8px 18px;
		scroll-padding-left: 8px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}
	.home-portfolio-grid::-webkit-scrollbar {
		height: 0;
	}
	.home-portfolio-grid > [class*="col-"] {
		flex: 0 0 84%;
		max-width: 84%;
		padding-left: 8px;
		padding-right: 8px;
		scroll-snap-align: start;
	}
	.home-portfolio-card {
		box-shadow: 0 14px 32px rgba(15, 46, 77, 0.08);
	}
	.home-portfolio-media {
		aspect-ratio: 16 / 11;
	}
	.home-portfolio-content {
		gap: 9px;
		padding: 22px;
	}
	.home-portfolio-content strong {
		font-size: 20px;
	}
	.home-portfolio-content span {
		line-height: 1.6;
	}
}
@media only screen and (max-width:375px) {
	.home-portfolio-grid > [class*="col-"] {
		flex-basis: 88%;
		max-width: 88%;
	}
}
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.portfolio_project_area{background:#f9fcff;padding-bottom: 50px;}
.single_project {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.single_project img{
width:500px;
float:left;
margin-right:30px;
}
.single_project h1 {
	font-size: 80px;
	margin-bottom: 10px;
	color: #ffaa17;
}
.single_project h2{margin-bottom:20px;}
.single_project p{margin-bottom:20px;}
.single_project a{}

.single_project_area{background:#f9fcff;padding-bottom:50px;}
.project_dec {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
}
.project_dec img {
margin-right: 20px;
width: 600px;
}
.about_project h4 {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	font-weight: 600;
}
.about_project p {
	margin-bottom: 30px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #ffaa17;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #ffaa17;
    font-weight: 700;
}
.about_project_details ul li a:hover {text-decoration: underline;}
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 09.END POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills_area {
	position: relative;
	padding-top: 80px;
	padding-bottom: 0;
	margin-bottom: 80px;
}
.skills_area:before {
    background:#0e5ca6;
	opacity:0.2;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.skill_bg {
	background: #fff;
	padding: 70px;
	border-radius:20px;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	margin-bottom: -80px;
}
.skill_content{}
.skill_content h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
}
.skill_content p{
margin-bottom:30px;
}
.skill_bar{
margin-right:30px;
}
.progress-bar-text {
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 20px;
	border-radius: 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #ffaa17 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	border-radius: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_area{}
.promotional_content{}
.promotional_content img{}
.promotional_content p {
	width: 70%;
	margin: auto;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_area{}
.team_title {
	color: #fff;
	margin-bottom: 60px;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
}
.our-team {margin-bottom: 30px;}
.single-team{margin-bottom:10px;}
.single-team img {
	margin-bottom:15px;
	border-radius:2px;
	border: 10px solid #fff;
}
.single-team h3 {
	margin-bottom:6px;
	font-size:18px;
	font-weight: 600;
}
.single-team p{margin-bottom:0px;}

.our-team .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.our-team .social li{
display: inline-block;
}
.our-team .social li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 3px;
}
.our-team:hover .social li:nth-child(1) a{
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a{
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
}
.our-team:hover .social li:nth-child(3) a{
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.our-team .social li a:hover{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

.facebook{background: #1C58A1;}
.facebook:hover{background: #fff;color:#1C58A1!important;}
.twitter{background: #0CBCE3;}
.twitter:hover{background: #fff;color:#0CBCE3!important;}
.google{background: #F04537;}
.google:hover{background: #fff;color:#F04537!important;}
/*
* ----------------------------------------------------------------------------------------
* 12.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_area {
	background: #f8fbff;
	overflow: hidden;
	padding-bottom: 55px;
	position: relative;
}
.testimonial_area:before {
	background: linear-gradient(90deg, rgba(14, 92, 166, 0.08), rgba(255, 170, 23, 0.1), rgba(252, 91, 98, 0.08));
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.testimonial_area .section-title {
	margin-bottom: 38px;
}
.testimonial_area .section-title h2 {
	font-size: 42px;
	line-height: 1.2;
	text-transform: none;
}
.testimonial_area .section-title p {
	color: #667085;
	line-height: 1.7;
}
.client-testimonial-carousel .owl-wrapper-outer {
	padding: 12px 0 22px;
}
.client-testimonial-carousel .owl-item {
	padding: 0 14px;
}
.single_testimonial {
	background: #fff;
	border: 1px solid #e4edf7;
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(15, 46, 77, 0.08);
	display: flex;
	flex-direction: column;
	min-height: 330px;
	overflow: hidden;
	padding: 34px;
	position: relative;
}
.single_testimonial:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #fc5b62);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.testimonial_quote_icon {
	color: rgba(14, 92, 166, 0.12);
	font-family: Georgia, serif;
	font-size: 92px;
	font-weight: 700;
	line-height: 0.7;
	position: absolute;
	right: 24px;
	top: 28px;
}
.testimonial_rating {
	color: #ffaa17;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 22px;
	position: relative;
	z-index: 1;
}
.single_testimonial p {
	color: #4f5f76;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 28px;
	position: relative;
	z-index: 1;
}
.testimonial_profile {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-top: auto;
	position: relative;
	z-index: 1;
}
.testimonial_img img {
	border: 5px solid #f1f6fb;
	border-radius: 100px;
	height: 74px;
	object-fit: cover;
	width: 74px;
}
.single_testimonial h4 {
	color: #172033;
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 4px;
}
.single_testimonial h5 {
	color: #667085;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}
.client-testimonial-carousel.owl-theme .owl-controls {
	margin-top: 8px;
	text-align: center;
}
.client-testimonial-carousel.owl-theme .owl-controls .owl-page span {
	background: #c8d8ea;
	border-radius: 999px;
	display: block;
	height: 8px;
	margin: 5px 4px;
	opacity: 1;
	transition: 0.3s;
	width: 8px;
}
.client-testimonial-carousel.owl-theme .owl-controls .owl-page.active span {
	background: #0e5ca6;
	width: 26px;
}
@media only screen and (max-width:768px) {
	.testimonial_area {
		padding: 48px 0 40px;
	}
	.testimonial_area .section-title {
		margin-bottom: 22px;
	}
	.testimonial_area .section-title h2 {
		font-size: 30px;
	}
	.testimonial_area .section-title p {
		width: 92%;
	}
	.client-testimonial-carousel .owl-item {
		padding: 0 8px;
	}
	.single_testimonial {
		min-height: 300px;
		padding: 28px 24px;
	}
	.single_testimonial p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 24px;
	}
	.testimonial_img img {
		height: 66px;
		width: 66px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 13.END TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 14.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-table-area{position:relative;}
.pricing_page{background: #f9fcff;}
.pricing-table-area:before {
    background:#0e5ca6;
	opacity:0.1;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pricingTable {
	color: #fff;
	background: #0e5ca6;
	text-align: center;
	padding: 10px 10px 20px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.pricingTable:before,
.pricingTable:after{
    content: "";
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #692a92;
    box-shadow: 0 0 1px 8px #fff;
    position: absolute;
    top: 100px;
    right: 20px;
}
.pricingTable:after{
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 4px #fff;
    top: 35px;
    right: 50px;
}
.pricingTable .pricingTable-header{ margin: 0 0 40px; }
.pricingTable .pricingTable-header:before{
    content: "";
    background: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: -30px;
}
.pricingTable .price-value{
    color: #0e5ca6;
    background: #fff;
    width: 140px;
    height: 140px;
    padding: 25px 10px;
    border: 3px solid #0e5ca6;
    border-radius: 50%;
    position: relative;
}
.pricingTable .price-value:before{
    content: "";
    border: 2px solid #0e5ca6;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}
.pricingTable .price-value .currency{
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -3px 0 0;
}
.pricingTable .price-value .amount{
    font-size: 52px;
    line-height: 70px;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin-top: -7px;
}
.pricingTable .pricing-content{
    border: 2px solid #fff;
    padding: 23px 10px 45px;
    margin: 0 20px;
}
.pricingTable .title {
	font-size: 40px;
	font-weight: 500;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	margin: 0;
	color: #fff;
	margin-bottom: 30px;
}
.pricingTable .pricing-content ul{
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content ul li {
	/* font-size: 17px; */
	font-weight: 300;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 7px;
    left: 0;
}
.pricingTable .pricingTable-signup a {
	color: #0e5ca6;
	background: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	width: 60%;
	display: block;
	margin: -22px auto 0;
	transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
color:#ffaa17;
}
.pricingTable.blue{ background:#0e5ca6; }
.pricingTable.blue:before,
.pricingTable.blue:after,
.pricingTable.blue .price-value,
.pricingTable.blue .price-value:before{
    border-color: #253e81;
    color: #253e81;
}
.pricingTable.blue .pricingTable-signup a{ color: #253e81; }
.pricingTable.red .pricingTable-signup a{ color: #cc1438; }
/*
 * ----------------------------------------------------------------------------------------
 * 14.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area{background:#f9fcff;padding-bottom:50px;}
.home-blog-area {
	background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
	overflow: hidden;
	position: relative;
}
.home-blog-area:before {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.05) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.05) 1px, transparent 1px);
	background-size: 38px 38px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.home-blog-area:after {
	background: linear-gradient(90deg, transparent, rgba(255,170,23,0.18), transparent);
	content: "";
	height: 1px;
	left: 10%;
	position: absolute;
	right: 10%;
	top: 0;
}
.home-blog-area .container {
	position: relative;
	z-index: 1;
}
.home-blog-heading {
	align-items: flex-end;
	display: flex;
	gap: 28px;
	justify-content: space-between;
	margin-bottom: 42px;
}
.home-blog-kicker {
	background: rgba(255,170,23,0.15);
	border: 1px solid rgba(255,170,23,0.32);
	border-radius: 999px;
	color: #b66d00;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 16px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.home-blog-heading h2 {
	color: #171c2f;
	font-size: clamp(36px, 4vw, 54px);
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 14px;
}
.home-blog-heading p {
	color: #667085;
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 0;
	max-width: 650px;
}
.home-blog-view-all {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 999px;
	box-shadow: 0 16px 36px rgba(22, 51, 89, 0.08);
	color: #0e5ca6;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 700;
	gap: 7px;
	padding: 12px 18px;
}
.home-blog-view-all:hover {
	background: #0e5ca6;
	color: #fff;
}
.home_single_blog{
background:#fff;
margin-bottom:30px;
}
.home-blog-card {
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 8px;
	box-shadow: 0 20px 48px rgba(15, 46, 77, 0.09);
	display: flex;
	flex-direction: column;
	height: calc(100% - 30px);
	overflow: hidden;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.home-blog-card:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0.34);
	transform-origin: left center;
	transition: transform 0.35s ease;
	z-index: 2;
}
.home-blog-card:hover {
	box-shadow: 0 28px 62px rgba(15, 46, 77, 0.15);
	transform: translateY(-8px);
}
.home-blog-card:hover:before {
	transform: scaleX(1);
}
.home_blog_content{padding:30px;border-radius: 10px;}
.home-blog-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 28px 28px 30px;
}
.blog-img img {
	width: 1000%;
}
.home_single_blog img {
	width: 100%;
}
.home-blog-media {
	display: block;
	height: 238px;
	overflow: hidden;
	position: relative;
}
.home-blog-media:after {
	background: linear-gradient(180deg, transparent 45%, rgba(15, 27, 48, 0.58) 100%);
	content: "";
	inset: 0;
	position: absolute;
}
.home-blog-media img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	width: 100%;
}
.home-blog-card:hover .home-blog-media img {
	transform: scale(1.08);
}
.home-blog-category {
	background: #ffaa17;
	border-radius: 999px;
	bottom: 18px;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	left: 18px;
	letter-spacing: 0;
	padding: 8px 12px;
	position: absolute;
	text-transform: uppercase;
	z-index: 1;
}
.home-blog-meta {
	color: #7c8798;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	font-weight: 600;
	gap: 10px;
	margin-bottom: 15px;
}
.home-blog-meta span {
	align-items: center;
	display: inline-flex;
	gap: 7px;
}
.home-blog-meta span:before {
	background: #ffaa17;
	border-radius: 50%;
	content: "";
	height: 6px;
	width: 6px;
}
.blog_title_info {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.blog_title_info h2{}
.blog_title_info h2 a {
	color: #1b2032;
	transition: 0.3s;
	margin-bottom: 5px;
	display: inline-block;
}
.blog_title_info h2 a:hover{color:#ffaa17;}
.blog_title_info span {
	font-size: 14px;
	margin: 0 5px;
}
.blog_title_info span a {
	color: #ffaa17;
	transition: 0.3s;
	letter-spacing: 1px;
}
.blog_title_info span a:hover{color:#1b2032;}
.home_single_blog p{}
.home-blog-content h3 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 16px;
}
.home-blog-content h3 a {
	color: #171c2f;
}
.home-blog-content h3 a:hover {
	color: #0e5ca6;
}
.home-blog-content p {
	color: #657186;
	line-height: 1.75;
	margin-bottom: 24px;
}
.home_b_btn {
	color: #1b2032;
	font-weight: 300;
	margin-top: 10px;
	display: inline-block;
}
.home-blog-action {
	align-items: center;
	color: #0e5ca6;
	display: inline-flex;
	font-weight: 800;
	gap: 7px;
	margin-top: auto;
}
.home-blog-action span {
	color: #ff4b5c;
	transition: transform 0.25s ease;
}
.home-blog-action:hover {
	color:#ffaa17;
}
.home-blog-action:hover span {
	transform: translateX(4px);
}
@media only screen and (max-width:768px) {
	.home-blog-area.section-padding {
		padding: 48px 0 44px;
	}
	.home-blog-heading {
		align-items: flex-start;
		display: block;
		margin-bottom: 24px;
	}
	.home-blog-heading h2 {
		font-size: 32px;
	}
	.home-blog-heading p {
		font-size: 15px;
		line-height: 1.7;
	}
	.home-blog-view-all {
		margin-top: 18px;
	}
	.home-blog-grid {
		display: flex;
		flex-wrap: nowrap;
		margin-left: -8px;
		margin-right: -8px;
		overflow-x: auto;
		padding-bottom: 12px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}
	.home-blog-grid > [class*="col-"] {
		flex: 0 0 84%;
		max-width: 84%;
		padding-left: 8px;
		padding-right: 8px;
		scroll-snap-align: start;
	}
	.home-blog-card {
		height: 100%;
		margin-bottom: 0;
	}
	.home-blog-card:hover {
		transform: none;
	}
	.home-blog-media {
		height: 190px;
	}
	.home-blog-content {
		padding: 24px;
	}
	.home-blog-content h3 {
		font-size: 22px;
	}
}
.home_b_btn:hover{color:#ffaa17;}

/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1b2032;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius:10px;
	border-top: 3px solid #ffaa17;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
.blog_search{}
.blog_search input {
background: #f8f4ef none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #1b2032;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #ffaa17;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #ffaa17 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1b2032;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #ffaa17 }
.single_upcoming_event span i{margin-right:5px;color: #ffaa17 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1b2032;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #ffaa17 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #1b2032;
	border-radius: 30px;
	color: #1b2032;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fff;
}
.tag a:hover {
    background: #ffaa17;
    color: #fff;
    border: 2px solid #ffaa17;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #ffaa17;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ffaa17;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea {
	border-bottom: 1px solid #dddd !important;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}
.comment_form textarea {}

/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 15.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area{background:#0e5ca6;}
.home-contact-area {
	background: linear-gradient(135deg, #0b5ca7 0%, #126bb4 54%, #084d8c 100%);
	isolation: isolate;
	overflow: hidden;
	position: relative;
}
.home-contact-area.section-padding {
	padding: 88px 0;
}
.home-contact-area:before {
	animation: counterSweep 20s linear infinite;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.14) 50%, transparent 100%),
		linear-gradient(135deg, rgba(255,255,255,0.11) 0 1px, transparent 1px);
	background-size: 240px 100%, 38px 38px;
	content: "";
	inset: 0;
	opacity: 0.34;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.home-contact-shell {
	align-items: stretch;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	box-shadow: 0 28px 80px rgba(0, 42, 92, 0.25);
	display: grid;
	gap: 34px;
	grid-template-columns: 0.9fr 1.1fr;
	padding: 34px;
	position: relative;
	z-index: 1;
}
.home-contact-shell:before {
	background: linear-gradient(90deg, #ffaa17, #ff4b5c, #1a9af7);
	border-radius: 8px 8px 0 0;
	content: "";
	height: 4px;
	left: 34px;
	position: absolute;
	right: 34px;
	top: 0;
}
.home-contact-copy {
	color: #fff;
	padding: 34px 12px 30px;
}
.home-contact-kicker {
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 20px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.home-contact-copy h2 {
	color: #fff;
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 700;
	line-height: 1.12;
	margin-bottom: 16px;
	max-width: 540px;
}
.home-contact-copy p {
	color: rgba(255,255,255,0.82);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 28px;
	max-width: 520px;
}
.home-contact-points {
	display: grid;
	gap: 12px;
}
.home-contact-points span {
	align-items: center;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 8px;
	color: #fff;
	display: flex;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	padding: 13px 14px;
}
.home-contact-points i {
	color: #ffaa17;
	font-size: 17px;
}
.home-contact-form {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 24px 58px rgba(8, 39, 82, 0.2);
	overflow: hidden;
	padding: 30px;
	position: relative;
}
.home-contact-form:before {
	background: linear-gradient(90deg, rgba(14,92,166,0.1) 1px, transparent 1px), linear-gradient(180deg, rgba(14,92,166,0.1) 1px, transparent 1px);
	background-size: 30px 30px;
	content: "";
	inset: 0;
	opacity: 0.18;
	pointer-events: none;
	position: absolute;
}
.home-contact-form form,
.home-contact-form .alert {
	position: relative;
	z-index: 1;
}
.single_address {}
.single_address h4 {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 20px;
}
.mr_20{margin-bottom:10px;}
.single_address p{}
.single_address p a{color:#1b2032;transition:0.3s;}
.single_address p a:hover{color:#ffaa17;}
.contact input {
	background: #fff;
	border: 1px solid #dfe7f2;
	border-radius: 8px;
	box-shadow: none;
	color: #1b2032;
	font-size: 15px;
	font-weight:400;
	height: 58px;
	padding: 18px;
	width: 100%;
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.contact textarea {
	background: #fff;
	border: 1px solid #dfe7f2;
	border-radius: 8px;
	box-shadow: none;
	color: #1b2032;
	font-size:15px;
	margin-bottom: 0;
	min-height: 164px;
	font-weight:400;
	padding: 18px;
	resize: vertical;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.contact .form-group {
	margin-bottom: 16px;
}
.recaptcha-field {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 18px;
	min-height: 0;
}
.recaptcha-status-card {
	align-items: center;
	background: rgba(14,92,166,0.06);
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 8px;
	display: inline-flex;
	gap: 12px;
	max-width: 100%;
	padding: 12px 15px;
	text-align: left;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.recaptcha-field.has-error .recaptcha-status-card {
	border-color: rgba(220,53,69,0.42);
	box-shadow: 0 0 0 4px rgba(220,53,69,0.08);
}
.recaptcha-status-icon {
	align-items: center;
	background: #0e5ca6;
	border-radius: 8px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 18px;
	height: 38px;
	justify-content: center;
	width: 38px;
}
.recaptcha-status-copy {
	display: grid;
	gap: 2px;
}
.recaptcha-status-copy strong {
	color: #1b2032;
	font-size: 13px;
	line-height: 1.2;
}
.recaptcha-status-copy small {
	color: #667085;
	font-size: 12px;
	line-height: 1.25;
}
.recaptcha-status-copy small a {
	color: #0e5ca6;
	font-weight: 700;
}
.recaptcha-status-copy small a:hover {
	color: #ffaa17;
}
.grecaptcha-badge {
	visibility: hidden !important;
}
.cookie-consent {
	bottom: 24px;
	left: 24px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 24px;
	transform: translateY(24px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 99990;
}
.cookie-consent.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.cookie-consent-card {
	align-items: center;
	background: rgba(255,255,255,0.98);
	border: 1px solid rgba(14,92,166,0.13);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(21,52,88,0.18);
	display: grid;
	gap: 18px;
	grid-template-columns: 58px 1fr auto;
	margin: 0 auto;
	max-width: 980px;
	overflow: hidden;
	padding: 18px;
	position: relative;
}
.cookie-consent-card:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	content: "";
	height: 4px;
	left: 18px;
	position: absolute;
	right: 18px;
	top: 0;
}
.cookie-consent-icon {
	align-items: center;
	background: #f5faff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	color: #0e5ca6;
	display: flex;
	font-size: 26px;
	height: 58px;
	justify-content: center;
	width: 58px;
}
.cookie-consent-copy strong {
	color: #1b2032;
	display: block;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 4px;
}
.cookie-consent-copy p {
	color: #6d7789;
	font-size: 14px;
	line-height: 1.55;
	margin-bottom: 4px;
}
.cookie-consent-copy a {
	color: #0e5ca6;
	font-size: 13px;
	font-weight: 800;
}
.cookie-consent-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}
.cookie-consent-actions button {
	border-radius: 999px;
	cursor: pointer;
	font-family: Inter,sans-serif;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	padding: 13px 18px;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.cookie-consent-primary {
	background: #ffaa17;
	border: 1px solid #ffaa17;
	box-shadow: 0 14px 28px rgba(255,170,23,0.24);
	color: #fff;
}
.cookie-consent-secondary {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.18);
	color: #1b2032;
}
.cookie-consent-actions button:hover {
	transform: translateY(-2px);
}
.cookie-consent-primary:hover {
	background: #1b2032;
	border-color: #1b2032;
}
.cookie-consent-secondary:hover {
	border-color: #0e5ca6;
	color: #0e5ca6;
}
.recaptcha-client-error,
.recaptcha-server-error {
	color: #dc3545;
	font-size: 13px;
	font-weight: 600;
	margin-top: 9px;
	text-align: center;
}
.recaptcha-client-error {
	display: none;
}
.recaptcha-field.has-error .recaptcha-client-error {
	display: block;
}
.contact input:focus {
	border: 1px solid #ffaa17;
    box-shadow: 0 0 0 4px rgba(255,170,23,0.16);
	color: #1b2032;
	background: #fff;
    outline: 0 none;
}
.contact textarea:focus {
	border: 1px solid #ffaa17;
    box-shadow: 0 0 0 4px rgba(255,170,23,0.16);
    outline: 0 none;
	color: #1b2032;
	background: #fff;
}
.contact button {
	font-size: 16px;
}
.contact_btn {
	background: #ffaa17;
	border: 2px solid #ffaa17;
	border-radius: 8px;
	box-shadow: 0 18px 36px rgba(255, 170, 23, 0.26);
	color: #fff;
	display: inline-block;
	font-weight: 700;
	overflow: hidden;
	padding: 14px 42px;
	position: relative;
	transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.contact_btn:before {
	background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);
	content: "";
	inset: 0;
	position: absolute;
	transform: translateX(-120%);
	transition: transform 0.6s ease;
}
.contact_btn:hover{
	background: #232a34;
	border: 2px solid #232a34;
	color: #fff;
	transform: translateY(-2px);
}
.contact_btn:hover:before{
	transform: translateX(120%);
}
.contact_btn.is-loading {
	cursor: wait;
	opacity: 0.78;
}
@media only screen and (max-width:991px) {
	.home-contact-shell {
		grid-template-columns: 1fr;
		padding: 24px;
	}
	.home-contact-copy {
		padding: 18px 0 0;
	}
}
@media only screen and (max-width:768px) {
	.home-contact-area.section-padding {
		padding: 46px 0;
	}
	.home-contact-shell {
		gap: 22px;
		padding: 18px;
	}
	.home-contact-shell:before {
		left: 18px;
		right: 18px;
	}
	.home-contact-copy h2 {
		font-size: 34px;
	}
	.home-contact-copy p {
		margin-bottom: 20px;
	}
	.home-contact-points {
		gap: 9px;
	}
	.home-contact-points span {
		font-size: 13px;
		padding: 11px 12px;
	}
	.home-contact-form {
		padding: 18px;
	}
	.contact input {
		height: 52px;
		padding: 14px;
	}
	.contact textarea {
		min-height: 132px;
		padding: 14px;
	}
	.contact_btn {
		width: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	.counter_feature:before,
	.home-contact-area:before,
	.single-project img,
	.video_btn a,
	.single_why_choose_img img {
		animation: none !important;
	}
	.single-project,
	.contact_btn,
	.contact input,
	.contact textarea {
		transition: none !important;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 16.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 17.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.partner-logo {
	background: #fff;
	padding-bottom: 54px;
	padding-top: 58px;
	position: relative;
}
.partner-logo-shell {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.08);
	border-radius: 8px;
	box-shadow: 0 18px 54px rgba(21,52,88,0.07);
	overflow: hidden;
	padding: 26px 24px;
	position: relative;
}
.partner-logo-shell:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	content: "";
	height: 4px;
	left: 24px;
	position: absolute;
	right: 24px;
	top: 0;
}
.partner-logo-heading {
	margin-bottom: 22px;
	text-align: center;
}
.partner-logo-heading span {
	color: #0e5ca6;
	display: block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.partner-logo-heading h2 {
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 0;
}
.partner-logo-grid {
	align-items: stretch;
	display: flex;
}
.single_logo {
	align-items: center;
	background: #f8fbff;
	border: 1px solid rgba(14,92,166,0.08);
	border-radius: 8px;
	display: flex;
	height: 112px;
	justify-content: center;
	margin: 0 6px;
	padding: 18px;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.single_logo:hover {
	background: #fff;
	box-shadow: 0 16px 34px rgba(21,52,88,0.1);
	transform: translateY(-5px);
}
.single_logo a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.single_logo a img {
	filter: grayscale(1);
	max-height: 54px;
	max-width: 116px;
	object-fit: contain;
	opacity: 0.78;
	width: auto;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.single_logo a img:hover,
.single_logo:hover a img {
	filter: grayscale(0);
	opacity: 1;
}

/*
 * ----------------------------------------------------------------------------------------
 * 17.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

.map{}
.map iframe{
width:100%;
height:400px;
margin-bottom: -10px;
}

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	padding-bottom: 50px;
	padding-top: 80px;
	background-size: 100% 100%;
}
.footer_logo {padding-top:160px;}
.footer_logo img{
width:150px;
}
.footer_logo p {
	color: #a9b4c7;
	margin-top: 10px;
	margin-bottom: 25px;
}
.single_footer{padding-top:160px;}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 17px;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	font-weight:300;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover { color: #ffaa17 ; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single_footer_address p {
	margin-bottom: 10px;
}

/*START SOCIAL PROFILE CSS*/
.newsletter-form{padding-top:160px;}
.newsletter-form h4{
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 18px;
}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
}
.subscribe button {
	width: 100%;
}
.subs_btn {
	background: #ffaa17;
	border:2px solid #ffaa17;
	color: #fff;
	padding: 12px;
	transition: 0.3s;
}
.subs_btn:hover{
background: #fff;
border:2px solid #fff;
color:#ffaa17;
}
.social_profile {margin-top:10px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#fff;
}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#FF5252;}
.f_linkedin{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/
.footer_copyright {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 30px;
	margin-top: 60px;
}
.footer_copyright p{
color: #fff;
text-align: center;
text-transform: capitalize;
} 
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background:#0e5ca6;
  opacity:0.9;
  content: "";
  left: 0;
  top: 0;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
position: relative;
}
.contact-hero.section-top {
	isolation: isolate;
	min-height: 430px;
	overflow: hidden;
	padding: 142px 0 96px;
}
.contact-hero.section-top:before {
	background:
		linear-gradient(135deg, rgba(8, 67, 122, 0.96) 0%, rgba(14, 92, 166, 0.94) 54%, rgba(8, 78, 140, 0.96) 100%);
	opacity: 1;
	z-index: -2;
}
.contact-hero.section-top:after {
	animation: contactHeroSweep 20s linear infinite;
	background:
		linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.16) 44%, transparent 70%),
		linear-gradient(135deg, rgba(255,255,255,0.1) 0 1px, transparent 1px);
	background-size: 260px 100%, 44px 44px;
	content: "";
	inset: 0;
	opacity: 0.42;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.contact-hero .container {
	position: relative;
	z-index: 1;
}
.contact-hero-kicker {
	background: rgba(255,255,255,0.13);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 20px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.contact-hero .section-top-title h1 {
	font-size: clamp(46px, 6vw, 78px);
	font-weight: 800;
	line-height: 1;
	margin-bottom: 20px;
}
.contact-hero .section-top-title p {
	color: rgba(255,255,255,0.84);
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 30px;
	max-width: 620px;
	position: relative;
}
.contact-hero-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	position: relative;
}
.contact-hero-actions span {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	gap: 9px;
}
.contact-hero-actions i {
	color: #ffaa17;
}
.contact-hero-panel {
	animation: contactPanelFloat 7s ease-in-out infinite;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(0, 42, 92, 0.22);
	color: #fff;
	overflow: hidden;
	padding: 30px;
	position: relative;
}
.contact-hero-panel-line {
	background: linear-gradient(90deg, #ffaa17, #ff4b5c, #1a9af7);
	height: 4px;
	left: 28px;
	position: absolute;
	right: 28px;
	top: 0;
}
.contact-hero-panel strong {
	display: block;
	font-size: 22px;
	margin-bottom: 18px;
}
.contact-hero-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact-hero-panel li {
	align-items: center;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	display: flex;
	font-weight: 600;
	gap: 12px;
	margin-bottom: 12px;
	padding: 13px 14px;
}
.contact-hero-panel li:last-child {
	margin-bottom: 0;
}
.contact-hero-panel li span {
	color: #ffaa17;
	font-weight: 800;
}
.contact-address-area {
	background: #f7fbff;
	overflow: hidden;
	padding: 76px 0;
	position: relative;
}
.contact-address-area:before {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.05) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.05) 1px, transparent 1px);
	background-size: 38px 38px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.contact-address-area .container {
	position: relative;
	z-index: 1;
}
.contact-address-card {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.11);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(21, 52, 88, 0.08);
	min-height: 235px;
	overflow: hidden;
	padding: 34px;
	position: relative;
	text-align: left;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-address-card:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0.25);
	transform-origin: left center;
	transition: transform 0.35s ease;
}
.contact-address-card:hover {
	box-shadow: 0 26px 58px rgba(21, 52, 88, 0.14);
	transform: translateY(-8px);
}
.contact-address-card:hover:before {
	transform: scaleX(1);
}
.contact-address-icon {
	align-items: center;
	background: rgba(14,92,166,0.09);
	border-radius: 8px;
	color: #0e5ca6;
	display: inline-flex;
	font-size: 28px;
	height: 58px;
	justify-content: center;
	margin-bottom: 22px;
	width: 58px;
}
.contact-address-card h4 {
	font-size: 24px;
	margin-bottom: 11px;
}
.contact-address-card p {
	color: #6d7789;
	margin-bottom: 16px;
}
.contact-address-link {
	color: #1b2032;
	display: block;
	font-weight: 600;
	line-height: 1.8;
	transition: color 0.25s ease, transform 0.25s ease;
}
.contact-address-link:hover {
	color: #ffaa17;
	transform: translateX(4px);
}
.contact-page-area {
	background: linear-gradient(135deg, #0b5ca7 0%, #126bb4 56%, #084d8c 100%);
	isolation: isolate;
	overflow: hidden;
	position: relative;
}
.contact-page-area.section-padding {
	padding: 88px 0;
}
.contact-page-area:before {
	animation: counterSweep 20s linear infinite;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.14) 50%, transparent 100%),
		linear-gradient(135deg, rgba(255,255,255,0.11) 0 1px, transparent 1px);
	background-size: 240px 100%, 38px 38px;
	content: "";
	inset: 0;
	opacity: 0.34;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.contact-page-shell {
	align-items: stretch;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	box-shadow: 0 28px 80px rgba(0, 42, 92, 0.25);
	display: grid;
	gap: 34px;
	grid-template-columns: 0.9fr 1.1fr;
	padding: 34px;
	position: relative;
	z-index: 1;
}
.contact-page-shell:before {
	background: linear-gradient(90deg, #ffaa17, #ff4b5c, #1a9af7);
	border-radius: 8px 8px 0 0;
	content: "";
	height: 4px;
	left: 34px;
	position: absolute;
	right: 34px;
	top: 0;
}
.contact-page-copy {
	color: #fff;
	padding: 34px 12px 30px;
}
.contact-page-kicker {
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 20px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.contact-page-copy h2 {
	color: #fff;
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 700;
	line-height: 1.12;
	margin-bottom: 16px;
	max-width: 540px;
}
.contact-page-copy p {
	color: rgba(255,255,255,0.82);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 28px;
	max-width: 520px;
}
.contact-page-promises {
	display: grid;
	gap: 12px;
}
.contact-page-promises span {
	align-items: center;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 8px;
	color: #fff;
	display: flex;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	padding: 13px 14px;
}
.contact-page-promises i {
	color: #ffaa17;
	font-size: 14px;
}
.contact-page-form-card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 24px 58px rgba(8, 39, 82, 0.2);
	overflow: hidden;
	padding: 30px;
	position: relative;
}
.contact-page-form-card:before {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.1) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.1) 1px, transparent 1px);
	background-size: 30px 30px;
	content: "";
	inset: 0;
	opacity: 0.18;
	pointer-events: none;
	position: absolute;
}
.contact-page-form-card form,
.contact-page-form-card .alert {
	position: relative;
	z-index: 1;
}
.contact-page-area + .partner-logo {
	background: #fff;
	padding: 58px 0 28px;
	position: relative;
}
.contact-page-area + .partner-logo .single_logo {
	filter: grayscale(1);
	opacity: 0.72;
	transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}
.contact-page-area + .partner-logo .single_logo:hover {
	filter: grayscale(0);
	opacity: 1;
	transform: translateY(-5px);
}
@keyframes contactHeroSweep {
	0% { background-position: -260px 0, 0 0; }
	100% { background-position: 260px 0, 44px 44px; }
}
@keyframes contactPanelFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@media only screen and (max-width:991px) {
	.contact-hero.section-top {
		padding: 130px 0 72px;
	}
	.contact-hero-panel {
		margin-top: 34px;
	}
	.contact-page-shell {
		grid-template-columns: 1fr;
		padding: 24px;
	}
	.contact-page-copy {
		padding: 18px 0 0;
	}
}
@media only screen and (max-width:768px) {
	.contact-hero.section-top {
		min-height: 0;
		padding: 104px 0 38px;
	}
	.contact-hero .section-top-title h1 {
		font-size: 40px;
		margin-bottom: 14px;
	}
	.contact-hero .section-top-title p {
		font-size: 15px;
		margin-bottom: 22px;
	}
	.contact-hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
	.contact-hero-panel {
		animation: none;
		margin-top: 28px;
		padding: 22px;
	}
	.contact-hero-panel strong {
		font-size: 20px;
		margin-bottom: 14px;
	}
	.contact-hero-panel li {
		font-size: 14px;
		margin-bottom: 10px;
		padding: 11px 12px;
	}
	.contact-address-area {
		padding: 34px 0 34px;
	}
	.contact-address-area .row {
		display: flex;
		flex-wrap: nowrap;
		margin-left: -8px;
		margin-right: -8px;
		overflow-x: auto;
		padding-bottom: 8px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}
	.contact-address-area .row > [class*="col-"] {
		flex: 0 0 84%;
		max-width: 84%;
		padding-left: 8px;
		padding-right: 8px;
		scroll-snap-align: start;
	}
	.contact-address-card {
		height: 100%;
		margin-bottom: 0;
		min-height: 0;
		padding: 24px;
	}
	.contact-address-card:hover {
		transform: none;
	}
	.contact-page-area.section-padding {
		padding: 46px 0;
	}
	.contact-page-shell {
		gap: 22px;
		padding: 18px;
	}
	.contact-page-shell:before {
		left: 18px;
		right: 18px;
	}
	.contact-page-copy h2 {
		font-size: 34px;
	}
	.contact-page-promises {
		gap: 9px;
	}
	.contact-page-promises span {
		font-size: 13px;
		padding: 11px 12px;
	}
	.contact-page-form-card {
		padding: 18px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.contact-hero.section-top:after,
	.contact-page-area:before,
	.contact-hero-panel {
		animation: none !important;
	}
	.contact-address-card,
	.contact-address-card:before,
	.contact-address-link,
	.contact-page-area + .partner-logo .single_logo {
		transition: none !important;
	}
}
.inner-hero.section-top {
	isolation: isolate;
	min-height: 430px;
	overflow: hidden;
	padding: 142px 0 96px;
}
.inner-hero.section-top:before {
	background: linear-gradient(135deg, rgba(7, 68, 124, 0.97) 0%, rgba(14, 92, 166, 0.95) 52%, rgba(8, 78, 140, 0.97) 100%);
	opacity: 1;
	z-index: -2;
}
.inner-hero.section-top:after {
	animation: innerHeroSweep 20s linear infinite;
	background:
		linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.16) 44%, transparent 70%),
		linear-gradient(135deg, rgba(255,255,255,0.1) 0 1px, transparent 1px);
	background-size: 260px 100%, 44px 44px;
	content: "";
	inset: 0;
	opacity: 0.42;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.inner-hero .container,
.inner-hero .section-top-title {
	position: relative;
	z-index: 1;
}
.inner-hero-kicker,
.about-section-kicker,
.services-page-kicker,
.portfolio-showcase-kicker {
	background: rgba(255,255,255,0.13);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	margin-bottom: 18px;
	padding: 9px 15px;
	text-transform: uppercase;
}
.inner-hero .section-top-title h1 {
	color: #fff;
	font-size: clamp(46px, 6vw, 76px);
	font-weight: 800;
	line-height: 1;
	margin-bottom: 20px;
}
.inner-hero .section-top-title p {
	color: rgba(255,255,255,0.84);
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 30px;
	max-width: 640px;
	position: relative;
}
.inner-hero-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	position: relative;
}
.inner-hero-actions span {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	gap: 9px;
}
.inner-hero-actions i {
	color: #ffaa17;
}
.inner-hero-panel {
	animation: innerPanelFloat 7s ease-in-out infinite;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(0, 42, 92, 0.22);
	color: #fff;
	overflow: hidden;
	padding: 30px;
	position: relative;
}
.inner-hero-panel:before {
	background: linear-gradient(90deg, #ffaa17, #ff4b5c, #1a9af7);
	content: "";
	height: 4px;
	left: 28px;
	position: absolute;
	right: 28px;
	top: 0;
}
.inner-hero-panel strong {
	display: block;
	font-size: 22px;
	margin-bottom: 18px;
}
.inner-hero-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.inner-hero-panel li {
	align-items: center;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	display: flex;
	font-weight: 700;
	gap: 12px;
	margin-bottom: 12px;
	padding: 13px 14px;
	transition: background 0.25s ease, transform 0.25s ease;
}
.inner-hero-panel li:hover {
	background: rgba(255,255,255,0.16);
	transform: translateX(4px);
}
.inner-hero-panel li:last-child {
	margin-bottom: 0;
}
.inner-hero-panel li span {
	color: #ffaa17;
	font-weight: 900;
}
.about-story-area {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		#fff;
	background-size: 42px 42px;
	overflow: hidden;
}
.about-story-card {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.11);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(21, 52, 88, 0.09);
	margin-bottom: 72px;
	overflow: hidden;
	padding: 42px;
	position: relative;
}
.about-story-card:before,
.about-values-panel:before,
.services-page-card:before,
.portfolio-showcase-card:before {
	background: linear-gradient(90deg, #0e5ca6, #ffaa17, #ff4b5c);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0.28);
	transform-origin: left center;
	transition: transform 0.35s ease;
}
.about-story-card:hover:before,
.about-values-panel:hover:before,
.services-page-card:hover:before,
.portfolio-showcase-card:hover:before {
	transform: scaleX(1);
}
.about-section-kicker,
.services-page-kicker,
.portfolio-showcase-kicker {
	background: rgba(14,92,166,0.08);
	border-color: rgba(14,92,166,0.16);
	color: #0e5ca6;
}
.about-story-card h2,
.about-approach-copy h2,
.portfolio-showcase-heading h2,
.services-page-heading h2 {
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 18px;
}
.about-story-card p,
.about-approach-copy p,
.portfolio-showcase-heading p,
.services-page-heading p {
	color: #6d7789;
	font-size: 16px;
	line-height: 1.8;
}
.about-approach-row {
	margin-top: 8px;
}
.about-approach-image {
	padding: 16px 0 34px 24px;
	position: relative;
}
.about-approach-image:before {
	background:
		linear-gradient(135deg, rgba(255,170,23,0.18) 25%, transparent 25%) 0 0 / 16px 16px,
		#fff;
	border: 1px solid rgba(255,170,23,0.22);
	border-radius: 8px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 72px;
	width: 64%;
}
.about-approach-image img {
	border-radius: 8px;
	box-shadow: 0 22px 54px rgba(21,52,88,0.13);
	position: relative;
	width: calc(100% - 34px);
	z-index: 1;
}
.about-image-note {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	bottom: 8px;
	box-shadow: 0 18px 44px rgba(21,52,88,0.12);
	left: 18px;
	padding: 16px 18px;
	position: absolute;
	z-index: 2;
}
.about-image-note strong {
	color: #1b2032;
	display: block;
	font-size: 20px;
}
.about-image-note span {
	color: #6d7789;
	font-size: 13px;
}
.about-approach-copy {
	padding: 0 0 0 34px;
}
.about-mini-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 22px 0 28px;
}
.about-mini-points span {
	align-items: center;
	background: #f5faff;
	border: 1px solid rgba(14,92,166,0.12);
	border-radius: 999px;
	color: #1b2032;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 8px;
	padding: 10px 13px;
}
.about-mini-points i {
	color: #ffaa17;
}
.about-values-area {
	background: #f6fbff;
	margin-top: 0;
	padding: 80px 0 92px;
}
.about-values-panel {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(21,52,88,0.09);
	overflow: hidden;
	padding: 42px 30px 30px;
	position: relative;
}
.about-values-panel.feature_bg {
	margin-top: 0;
}
.about-values-panel .section-title {
	flex: 0 0 100%;
	max-width: 100%;
}
.section-title .about-section-kicker,
.section-title .services-page-kicker,
.section-title .portfolio-showcase-kicker {
	align-items: center;
	background: rgba(14,92,166,0.08);
	border: 1px solid rgba(14,92,166,0.16);
	border-radius: 999px;
	color: #0e5ca6;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	height: auto;
	justify-content: center;
	line-height: 1;
	margin: 0 auto 18px;
	min-height: 34px;
	padding: 9px 15px;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto;
}
.services-pricing-heading.section-title .services-page-kicker {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.24);
	color: #fff;
}
.about-value-card {
	background: #f8fbff;
	border: 1px solid rgba(14,92,166,0.08);
	border-radius: 8px;
	box-shadow: none;
	min-height: 260px;
	padding: 34px 28px;
	position: relative;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.about-value-card:hover {
	background: #fff;
	box-shadow: 0 18px 44px rgba(21,52,88,0.11);
	transform: translateY(-8px);
}
.about-value-number {
	color: rgba(14,92,166,0.13);
	font-size: 36px;
	font-weight: 900;
	position: absolute;
	right: 24px;
	top: 22px;
}
.about-value-card img {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.08);
	border-radius: 8px;
	padding: 10px;
	width: 62px;
}
.about-counter-area {
	background: linear-gradient(135deg, #0b5ca7 0%, #126bb4 56%, #084d8c 100%);
	isolation: isolate;
	overflow: hidden;
	position: relative;
}
.about-counter-area:before {
	animation: counterSweep 20s linear infinite;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.14) 50%, transparent 100%),
		linear-gradient(135deg, rgba(255,255,255,0.11) 0 1px, transparent 1px);
	background-size: 240px 100%, 38px 38px;
	content: "";
	inset: 0;
	opacity: 0.34;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.about-counter-row {
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(0,42,92,0.18);
	padding: 28px 0;
}
.about-team-area {
	background: #fff;
	overflow: hidden;
}
.about-team-card {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.09);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(21,52,88,0.08);
	overflow: hidden;
	padding: 0 0 24px;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.about-team-card:hover {
	box-shadow: 0 24px 58px rgba(21,52,88,0.14);
	transform: translateY(-8px);
}
.about-team-card .single-team img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	width: 100%;
}
.about-team-card .single-team h3 {
	margin-top: 20px;
}
.about-cta-area {
	background: #f6fbff;
}
.about-cta-panel {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(21,52,88,0.09);
	padding: 34px;
}
.services-page-area {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		#f7fbff;
	background-size: 42px 42px;
	overflow: hidden;
}
.services-page-heading,
.portfolio-showcase-heading {
	margin: 0 auto 42px;
	max-width: 760px;
	text-align: center;
}
.services-page-card {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(21,52,88,0.08);
	display: flex;
	flex-direction: column;
	min-height: 330px;
	overflow: hidden;
	padding: 34px;
	position: relative;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.services-page-card:hover {
	box-shadow: 0 26px 58px rgba(21,52,88,0.14);
	transform: translateY(-8px);
}
.services-page-card-top {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 28px;
}
.services-page-icon {
	align-items: center;
	background: #f5faff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	display: inline-flex;
	height: 68px;
	justify-content: center;
	width: 68px;
}
.services-page-icon img {
	margin: 0;
	max-height: 44px;
	width: auto;
}
.services-page-number {
	color: rgba(14,92,166,0.13);
	font-size: 38px;
	font-weight: 900;
	line-height: 1;
}
.services-page-card h4 {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 14px;
}
.services-page-card p {
	color: #6d7789;
	line-height: 1.8;
	margin-bottom: 26px;
}
.services-page-action {
	color: #0e5ca6;
	font-weight: 800;
	margin-top: auto;
}
.services-page-action span {
	color: #ff4b5c;
	display: inline-block;
	margin-left: 5px;
	transition: transform 0.25s ease;
}
.services-page-action:hover span {
	transform: translateX(4px);
}
.services-pricing-area {
	isolation: isolate;
	overflow: hidden;
}
.services-pricing-area:before {
	background: linear-gradient(135deg, rgba(5,22,44,0.76), rgba(6,47,88,0.82));
	opacity: 1;
	z-index: -1;
}
.services-pricing-heading {
	position: relative;
	z-index: 1;
}
.services-pricing-heading .services-page-kicker {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.24);
	color: #fff;
}
.services-plan-card {
	background: rgba(14,92,166,0.92);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(0,42,92,0.24);
	display: flex;
	flex-direction: column;
	min-height: 440px;
	padding: 26px;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.services-plan-card:before,
.services-plan-card:after {
	display: none;
}
.services-plan-card:hover {
	box-shadow: 0 32px 82px rgba(0,42,92,0.32);
	transform: translateY(-8px);
}
.services-plan-price {
	align-items: baseline;
	background: #fff;
	border: 3px solid rgba(14,92,166,0.26);
	border-radius: 8px;
	color: #0e5ca6;
	display: inline-flex;
	gap: 2px;
	margin: 0 auto 26px;
	padding: 16px 20px;
	position: relative;
}
.services-plan-price .currency {
	font-size: 24px;
	font-weight: 800;
}
.services-plan-price .amount {
	font-size: 54px;
	font-weight: 900;
	line-height: 1;
}
.services-plan-price .duration {
	color: #536078;
	font-size: 13px;
	font-weight: 700;
}
.services-plan-card .pricing-content {
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 8px;
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px;
}
.services-plan-card .pricing-content .title {
	color: #fff;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 22px;
}
.services-plan-card .pricing-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.services-plan-card .pricing-content li {
	align-items: center;
	color: rgba(255,255,255,0.9);
	display: flex;
	gap: 10px;
	margin-bottom: 12px;
}
.services-plan-card .pricing-content li i {
	color: #ffaa17;
	font-size: 12px;
}
.services-plan-card .pricingTable-signup {
	margin-top: 18px;
}
.services-plan-card .pricingTable-signup a {
	background: #fff;
	border-radius: 4px;
	color: #0e5ca6;
	display: inline-block;
	font-weight: 800;
	padding: 12px 34px;
}
.portfolio-showcase-area {
	background:
		linear-gradient(90deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(14,92,166,0.04) 1px, transparent 1px),
		#f7fbff;
	background-size: 42px 42px;
	overflow: hidden;
}
.portfolio-showcase-card {
	background: #fff;
	border: 1px solid rgba(14,92,166,0.1);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(21,52,88,0.08);
	display: grid;
	grid-template-columns: 0.95fr 1fr;
	min-height: 380px;
	overflow: hidden;
	padding: 0;
	position: relative;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.portfolio-showcase-card:hover {
	box-shadow: 0 26px 58px rgba(21,52,88,0.14);
	transform: translateY(-8px);
}
.portfolio-showcase-media {
	background: #f8fbff;
	display: block;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
.portfolio-showcase-media:after {
	background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.42));
	content: "";
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.25s ease;
}
.portfolio-showcase-card:hover .portfolio-showcase-media:after {
	opacity: 1;
}
.portfolio-showcase-media img {
	float: none;
	height: 100%;
	margin: 0;
	object-fit: cover;
	padding: 24px;
	transition: transform 0.35s ease;
	width: 100%;
}
.portfolio-showcase-card:hover .portfolio-showcase-media img {
	transform: scale(1.04);
}
.portfolio-showcase-number {
	background: #ffaa17;
	border-radius: 8px;
	color: #fff;
	font-size: 28px;
	font-weight: 900;
	left: 22px;
	line-height: 1;
	padding: 12px 14px;
	position: absolute;
	top: 22px;
	z-index: 2;
}
.portfolio-showcase-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 42px;
}
.portfolio-showcase-meta {
	color: #0e5ca6;
	font-size: 13px;
	font-weight: 900;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.portfolio-showcase-content h2 {
	font-size: 30px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 16px;
}
.portfolio-showcase-content p {
	color: #6d7789;
	line-height: 1.8;
	margin-bottom: 26px;
}
.portfolio-showcase-action {
	border: 1px solid #1b2032;
	border-radius: 999px;
	color: #1b2032;
	display: inline-flex;
	font-weight: 800;
	gap: 8px;
	padding: 11px 18px;
	width: max-content;
}
.portfolio-showcase-action span {
	color: #ff4b5c;
	transition: transform 0.25s ease;
}
.portfolio-showcase-action:hover {
	background: #1b2032;
	color: #fff;
}
.portfolio-showcase-action:hover span {
	transform: translateX(4px);
}
@keyframes innerHeroSweep {
	0% { background-position: -260px 0, 0 0; }
	100% { background-position: 260px 0, 44px 44px; }
}
@keyframes innerPanelFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@media only screen and (max-width:991px) {
	.inner-hero.section-top {
		padding: 130px 0 72px;
	}
	.inner-hero-panel {
		margin-top: 34px;
	}
	.about-approach-copy {
		padding: 36px 0 0;
	}
	.portfolio-showcase-card {
		grid-template-columns: 1fr;
	}
	.portfolio-showcase-media {
		min-height: 280px;
	}
	.services-plan-card {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:768px) {
	.inner-hero.section-top {
		min-height: 0;
		padding: 104px 0 38px;
	}
	.inner-hero .section-top-title h1 {
		font-size: 40px;
		margin-bottom: 14px;
	}
	.inner-hero .section-top-title p {
		font-size: 15px;
		margin-bottom: 22px;
	}
	.inner-hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
	.inner-hero-panel {
		animation: none;
		margin-top: 28px;
		padding: 22px;
	}
	.inner-hero-panel strong {
		font-size: 20px;
		margin-bottom: 14px;
	}
	.inner-hero-panel li {
		font-size: 14px;
		margin-bottom: 10px;
		padding: 11px 12px;
	}
	.about-story-area,
	.services-page-area,
	.portfolio-showcase-area {
		background-size: 30px 30px;
	}
	.about-story-card {
		margin-bottom: 38px;
		padding: 26px;
	}
	.about-story-card h2,
	.about-approach-copy h2,
	.portfolio-showcase-heading h2,
	.services-page-heading h2 {
		font-size: 34px;
	}
	.about-approach-image {
		padding-left: 12px;
	}
	.about-approach-image img {
		width: calc(100% - 12px);
	}
	.about-mini-points {
		gap: 8px;
	}
	.about-values-area {
		padding-bottom: 48px;
	}
	.about-values-panel {
		display: block;
		overflow-x: auto;
		padding: 30px 18px 22px;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.about-values-panel::-webkit-scrollbar,
	.about-team-grid::-webkit-scrollbar,
	.services-page-grid::-webkit-scrollbar,
	.services-plan-grid::-webkit-scrollbar,
	.portfolio-showcase-grid::-webkit-scrollbar {
		height: 0;
	}
	.about-values-panel .section-title {
		display: block;
		max-width: none;
		white-space: normal;
		width: 100%;
	}
	.about-value-col {
		display: inline-block;
		float: none;
		max-width: 82%;
		padding-left: 8px;
		padding-right: 8px;
		vertical-align: top;
		white-space: normal;
		width: 82%;
	}
	.about-value-card {
		min-height: 270px;
	}
	.about-counter-area.section-padding {
		padding: 34px 0;
	}
	.about-counter-row {
		border-radius: 0;
		margin: 0;
		padding: 14px 0;
	}
	.about-team-area {
		padding: 50px 0;
	}
	.about-team-grid,
	.services-page-grid,
	.services-plan-grid,
	.portfolio-showcase-grid {
		display: flex;
		flex-wrap: nowrap;
		margin-left: -8px;
		margin-right: -8px;
		overflow-x: auto;
		padding: 0 8px 18px;
		scroll-padding-left: 8px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}
	.about-team-grid > [class*="col-"] {
		flex: 0 0 72%;
		max-width: 72%;
		padding-left: 8px;
		padding-right: 8px;
		scroll-snap-align: start;
	}
	.about-team-card {
		margin-bottom: 0;
	}
	.about-cta-panel {
		padding: 24px;
	}
	.services-page-area.section-padding,
	.portfolio-showcase-area.section-padding,
	.services-pricing-area.section-padding {
		padding: 50px 0;
	}
	.services-page-heading,
	.portfolio-showcase-heading {
		margin-bottom: 30px;
		padding: 0 12px;
	}
	.services-page-grid > [class*="col-"],
	.services-plan-grid > [class*="col-"],
	.portfolio-showcase-grid > [class*="col-"] {
		flex: 0 0 84%;
		max-width: 84%;
		padding-left: 8px;
		padding-right: 8px;
		scroll-snap-align: start;
	}
	.services-page-card {
		min-height: 320px;
		padding: 28px;
	}
	.services-page-card:hover,
	.services-plan-card:hover,
	.portfolio-showcase-card:hover,
	.about-value-card:hover,
	.about-team-card:hover {
		transform: none;
	}
	.services-plan-card {
		margin-bottom: 0;
		min-height: 420px;
		padding: 22px;
	}
	.services-plan-price .amount {
		font-size: 46px;
	}
	.portfolio-showcase-card {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	.portfolio-showcase-media {
		min-height: 0;
	}
	.portfolio-showcase-media img {
		aspect-ratio: 16 / 11;
		height: auto;
		padding: 18px;
	}
	.portfolio-showcase-content {
		padding: 26px;
	}
	.portfolio-showcase-content h2 {
		font-size: 24px;
	}
}
@media only screen and (max-width:480px) {
	.inner-hero.section-top {
		padding: 92px 0 34px;
	}
	.inner-hero .section-top-title h1 {
		font-size: 36px;
	}
	.inner-hero-panel {
		padding: 18px;
	}
	.about-story-card {
		padding: 22px;
	}
	.about-value-col,
	.services-page-grid > [class*="col-"],
	.services-plan-grid > [class*="col-"],
	.portfolio-showcase-grid > [class*="col-"] {
		flex-basis: 88%;
		max-width: 88%;
		width: 88%;
	}
	.about-team-grid > [class*="col-"] {
		flex-basis: 76%;
		max-width: 76%;
	}
	.services-page-card {
		padding: 24px;
	}
	.portfolio-showcase-action {
		width: 100%;
		justify-content: center;
	}
}
@media (prefers-reduced-motion: reduce) {
	.inner-hero.section-top:after,
	.inner-hero-panel,
	.about-counter-area:before {
		animation: none !important;
	}
	.inner-hero-panel li,
	.about-story-card:before,
	.about-values-panel:before,
	.about-value-card,
	.about-team-card,
	.services-page-card,
	.services-page-card:before,
	.services-page-action span,
	.services-plan-card,
	.portfolio-showcase-card,
	.portfolio-showcase-card:before,
	.portfolio-showcase-media img,
	.portfolio-showcase-media:after,
	.portfolio-showcase-action,
	.portfolio-showcase-action span {
		transition: none !important;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 19.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 20.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {
  padding: 100px 0 100px;
}


.faq-tab-menus {
  display: block;
  text-align: center;
  border: 0;
  margin: 0 0 100px;
}

.faq-tab-menus .nav-item {
  display: inline-block;
  border: 0;
  margin: 0;
}

.faq-tab-menus .nav-item .nav-link {
  display: inline-block;
  border: 0;
  margin: 0;
  color: #1d293e;
  font-size: 24px;
  line-height: 28px;
  padding: 16px 60px;
  border-radius: 3px;
}

.faq-tab-menus .nav-item .nav-link.active {
  background: #ffaa17;
  color: #ffffff;
  box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
}

.faq_tab .card {
  border: 1px solid #eee;
  background:#fff;
  box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
  border-radius: 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  margin-bottom: 20px;
}

.faq_tab .card .card-header {
  border: 0;
  background: transparent;
  padding: 0;
}

.faq_tab .card .card-header .btn {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-size: 26px;
  line-height: 30px;
  color: #1d293e;
  font-weight:500;
  padding: 24px 46px;
  position: relative;
  white-space: pre-wrap;
}

.faq_tab .card .card-header .btn::after {
  content: "\f077";
  font-family: "fontAwesome";
  font-weight: 900;
  color: #767e92;
  font-size: 14px;
  position: absolute;
  right: 46px;
  top: 30px;
}

.faq_tab .card .card-header .btn.collapsed::after {
  content: "\f078";
}

.faq_tab .card .card-body {
  padding: 6px 46px 40px;
  background: #F0FBFF;
}

.faq_tab .card:hover {
  box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
}

.faq_tab .card:hover .card-header .btn::after {
  color: #1386fc;
}
/* ----------------------------------------------------------------------------------------
* 20.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 21.START SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_area{}
.marketing_content{}
.marketing_content h2 {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
}
.marketing_content img{}
.marketing_text{}
.marketing_text p{margin-bottom:20px;}
.single_marketing{margin-bottom: 40px;}
.marketing_icon_img{}
.marketing_icon_img img {
	float: left;
	margin-right: 20px;
	width: 70px;
	margin-bottom: 20px;
}
.single_marketing h3{}
.single_marketing p{overflow: hidden;}
/* ----------------------------------------------------------------------------------------
* 21.END SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/