/*===================== 1. Theme default css ====================*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

body {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #1a191e;
	overflow-x: hidden;
}

.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}

img {
	transition: all 0.3s ease-out 0s;
}

.fix {
	overflow: hidden
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #333;
	text-decoration: none;
}

a,
button {
	color: #333333;
	outline: medium none;
}

button:focus {
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1a191e;
	margin-top: 0px;
	font-weight: 700;
	letter-spacing: -0.03em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 60px;
	font-weight: 700;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none
}

p,
ul {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.667;
	color: #1a191e;
	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid #cacaca;
	border-top: 0 none;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}

.border-side {
	border-right: 1px solid #cacaca;
}


.rd-btn,
.rd-btn:focus,
.rd-btn2:hover {
	border: 2px solid #044077;
	display: inline-block;
	width: 167px;
	height: 60px;
	line-height: 58px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #044077;
	text-decoration: none;
}

.rd-btn:hover,
.rd-btn:active {
	background-color: #3763ec;
	color: #fff;
	border: 2px solid #3763ec;
}

.rd-btn2 {
	border: 2px solid #7f7b78;
	color: #fff;
	background: transparent;
}



.bl-btn,
.bl-btn:focus {
	border: 2px solid #3763ec;
	background-color: #3763ec !important;
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.3) !important;

}

.bl-btn:hover,
.bl-btn:active {
	background: #254ab9 !important;
	border: 2px solid #254ab9 !important;
}

.bl-btn2,
.bl-btn2:visited {
	border: 2px solid #d5e5f6;
	display: inline-block;
	width: 167px;
	height: 60px;
	line-height: 58px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	background-color: #d5e5f6;
	color: #1a191e;
	box-shadow: none;
}

.bl-btn2:hover {
	border-color: #3763ec;
	background: #3763ec;
	color: #fff;
}


.gr-btn {
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	border: 2px solid #dcdcdc;
	padding: 20px 40px;
	width: 175px;
	height: 60px;
	line-height: 60px;
	transition: .3s;
}

.gr-btn:hover {
	background: #3763ec;
	border: 2px solid #3763ec;
	color: #fff;
}

.section-title>h3 {
	color: #1a191e;
	letter-spacing: -0.03em;
	display: inline;
	font-size: 16px;

}

.section-title>h2 {
	letter-spacing: -0.03em;
	font-size: 60px;
	line-height: 1.167;
}


.line {
	width: 30px;
	background: #044077;
	height: 0;
	position: relative;
	display: inline-block;
	top: -5px;
	left: -10px;
	height: 2px;
}

.line::after {
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	background: #044077;
	transform: rotate(90deg);
	left: 24px;
	position: absolute;
}

.line-mirror {
	transform: rotate(180deg);
}

.bl-line,
.bl-line:after {
	background-color: #3763ec;
}


.grey-bg {
	background: #f8f8f8;
}

.flex-2 {
	flex: 2;
}

.color-white * {
	color: #fff !important;
}

/* pseudo classes */

*::-moz-selection {
	background: #044077;
	color: #fff;
	text-shadow: none;
}


::selection {
	background: #044077;
	color: #fff;
	text-shadow: none;
}

*::-moz-placeholder {
	color: #444;
	font-size: 14px;
	opacity: 1;
	text-align: left;
}

*::placeholder {
	color: #444;
	font-size: 14px;
	opacity: 1;
	text-align: left;
}

*::focus {
	outline: none;
}

*::-moz-focus {
	outline: none;
}


.sidebar-widget {
	border: 2px solid rgb(237, 237, 237);
}

/* ============= 2.Header Area ======================== */
.header-width {
	width: 90%;
	max-width: 1720px;
	padding-left: 0;
	padding-right: 0;
}

/* home 3 slider */
.fixed-logo {
	width: 140px;
	background: #1a191e;
	height: 900px;
	position: absolute;
	z-index: 6;
}

.fixed-logo .slider-soial-icons {
	position: absolute;
	bottom: 40px;
	animation: none;
	z-index: 45;
}

.fixed-logo .slider-soial-icons ul li a {
	margin-bottom: 10px;

}

@keyframes slider-icons-animation {
	from {
		padding-left: 0px;
	}

	to {
		padding-left: 40px;
	}
}


.language {
	display: inline-block
}

.language>ul>li>a {
	font-size: 14px;
	font-weight: 700;
	border: 2px solid #e9e9e9;
	height: 50px;
	width: 85px;
	text-align: center;
	display: inline-block;
	line-height: 48px;

}


ul.sub-language {
	background: #044077;
	position: absolute;
	z-index: 6;
	opacity: 0;
	visibility: hidden;
	width: 84px;
	border-top: 0;
	transition: .3s;
}

.blue-header ul.sub-language {
	background-color: #3763ec;
}

.sub-language li>a {
	padding: 5px 20px;
	display: block;
	color: #fff;
	transition: .2s;
	font-weight: 500;
}

.sub-language li>a:hover {
	background-color: #3763ec;

}

.blue-header .sub-language li>a:hover {
	background-color: #3763ec;
}

.language:hover .sub-language {
	opacity: 1;
	visibility: visible;
}



.main-menu ul li {
	display: inline-block;
	margin-left: 50px;
	position: relative;
}

.main-menu ul li a {
	color: #1a191e;
	font-size: 16px;
	font-weight: 700;
	padding: 54px 0;
	line-height: 40px;
	display: inline-block;
	text-transform: capitalize;
	line-height: 1;
}

.main-menu ul li:hover a {
	color: #044077;
}

.main-menu {
	display: flex;
	justify-content: center;
	/* Centers horizontally */
}

.main-menu ul {
	display: flex;
	gap: 20px;
	/* space between menu items */
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu ul li a {
	text-decoration: none;
	color: #044077;
	/* your brand color */
}


.blue-header .main-menu ul li:hover a {
	color: #3763ec;
}

.footer-blue .main-menu ul li:hover a {
	color: #3763ec;
}

.main-menu ul li ul.sub-menu {
	position: absolute;
	top: 100%;
	background: #044077;
	opacity: 0;
	transition: .3s all ease 0s;
	z-index: 5;
	visibility: hidden;
	padding: 18px 0;
	width: 240px;
}

.main-menu ul li ul.sub-menu li {
	margin: 0;
	display: block;
}

.main-menu ul li ul.sub-menu li a {
	padding: 10px 25px;
	color: #fff;
	font-weight: 600;
	line-height: 1.15;
	display: block;
	font-size: 14px;
}

.main-menu ul li ul.sub-menu li:last-child a {
	border-bottom: 0;
}

.main-menu ul li ul.sub-menu li:hover>a {
	padding-left: 30px;
}

.main-menu ul li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
}

.phone>a {
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
	color: #1a191e;
	letter-spacing: -.03em;
}

.phone>span {
	font-size: 14px;
	color: #1a191e;
}


.header-bottom {
	background-color: #fff;

}

.header-button a {
	color: #fff;
	font-weight: 700;
	display: inline-block;
	background-color: #044077;
	width: 137px;
	height: 50px;
	line-height: 50px;
	box-shadow: 0px 8px 16px 0px rgba(218, 7, 44, 0.2);
	text-align: center;

}

.header-button a:hover {
	background-color: #3763ec;
}



/* blue header  */
.blue-header .header-phone {
	height: 120px;
}

.blue-header .header-width {
	max-width: 1420px;
}

.blue-header .news-ticker-widht {
	width: 990px;
}

.blue-header .header-top {
	border-bottom: 1px solid #cacaca;
	height: 120px;
}



.blue-header .header-top .news-ticker>a>span {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #3763ec;
	text-decoration: underline;
}

.blue-header .header-top .news-ticker a span.ticker-title {
	font-size: 14px;
	text-decoration: none;
	color: #1a191e;
	font-weight: 400;
}

.contact-breadcumb {
	border-radius: .25rem !important;
	padding: .75rem 1rem !important;
}

.blue-header .header-bottom {
	height: 90px;
}

.blue-header .language {
	position: relative;
}



/* header bottom */
.blue-menu-width {
	width: 1025px;
}

.blue-header .search-form input {
	border: none;
	font-size: 16px;
	line-height: 22px;
}

.blue-header .search-form input:focus {
	outline: none;
}

.blue-header .search-form {
	position: relative;
}


.blue-header .search-form form::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f002";
	position: absolute;
	left: -4px;
	color: #3763ec;

}

.blue-header .main-menu ul li:first-child {
	margin-left: 0px;
}

.blue-header .main-menu ul li a {
	padding: 0;
	line-height: 90px;
}

.blue-header .main-menu ul li:hover a {
	color: #3763ec;
}

.blue-header .main-menu .sub-menu li a {
	line-height: 1;
	color: #fff !important;
}

.blue-header .main-menu .sub-menu li:hover a {
	color: #fff;
}

.blue-header .main-menu ul li ul.sub-menu {

	background: #3763ec;
}


/* page title */

.page-title-area {
	position: relative;
}

.page-bc {
	display: table;
	bottom: 0;
}

.title-details {
	position: relative;
}

.title-details .breadcrumb-item a,
.title-details .breadcrumb-item.active {
	color: #fff !important;
}


.page-bc .breadcrumb {
	background-color: #044077;
	border-radius: 0;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
}

.page-bc .breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: 8px;
	color: #fff;
	content: "|";
}

.page-title-height {
	height: 300px;
}

.page-title-area {
	background: url(images/about-us_cover.webp);
	background-size: cover;
	background-repeat: no-repeat;
}

.page-title h2 {
	line-height: 300px;
	font-size: 80px;
	color: #fff;
}

/* ================== 3. Slider Area =============================*/
.slider-area {
	position: relative;
}

.single-slider {
	position: relative;
}

.single-slider::before {
	position: absolute;
	/* background: #111; */
	height: 100%;
	width: 470px;
	content: "";
	left: 0;
	top: 0;
	z-index: 1;
}

.blue-slider .single-slider::before,
.home-3-slider .single-slider::before {
	display: none;
}

.slider-description {
	position: relative;
	z-index: 999;
}

.slider-area .single-slider {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	position: relative;

}

.slider-height {
	height: 800px;
}

.slider-arrow .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	border: none;
	background: none;
	padding: 0;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background: none;
	width: 60px;
	height: 60px;
	color: #6f7172;
	border-radius: 5px;
	font-size: 19px;
	border: 2px solid #1A191E;
	color: #1A191E;
	opacity: 0;
	visibility: hidden;
}

.slider-arrow .slick-arrow.slick-next {
	right: 30px;
	left: auto;
}

.slider-arrow:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

.slider-arrow .slick-arrow:hover {
	background: #3763EC;
	color: #fff;
	border-color: #3763EC;

}

.slider-arrow-01 .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-70%);
	left: auto;
	border: none;
	background: none;
	padding: 0;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background: none;
	width: 60px;
	height: 60px;
	color: #6f7172;
	border-radius: 5px;
	font-size: 19px;
	border: 2px solid #fff;
	color: #fff;
	right: 30px;
}

.slider-arrow-01 .slick-arrow.slick-next {
	right: 30px;
	left: auto;
	transform: translateY(50%);
}

.slider-arrow-01 .slick-arrow:hover {
	background: #fff;
	color: #044077;
	border-color: #fff;
}

.home-3-slider .slick-arrow {
	display: none !important;
}




@keyframes slider-social-animation {
	from {
		width: 0px;
	}

	to {
		width: 25.5%;
	}
}

.slider-soial-icons {
	position: absolute;
	bottom: 80px;
	z-index: 45;
}

.slider-social-animated {
	animation: slider-icons-animation 1.5s;
}

@keyframes slider-icons-animation {
	from {
		bottom: 0px;
	}

	to {
		bottom: 80px;
	}
}

.slider-soial-icons ul li a {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	border: 2px solid #48474b;
	width: 60px;
	height: 60px;
	border-radius: 200px;
	line-height: 58px;
	text-align: center;
	margin-bottom: 20px;
}

.slider-soial-icons ul li a:hover {
	background: #044077;
	border: 2px solid #044077;
}

.single-slider:focus {
	outline: none;
}

.slider-text>span {
	font-size: 18px;
	letter-spacing: -0.03em;
	color: #fff;
}

.slider-text h1 {
	font-size: 80px;
	line-height: 1.125;
	color: #fff;
	letter-spacing: -0.03em;
}


/* blue page sliders */

.blue-slider .slider-circle {
	position: relative;
	z-index: 3;
}

.blue-slider .single-slider:focus {
	outline: none;
}

.blue-slider .circle-bg {
	content: ' ';
	border-radius: 50%;
	background-color: #fff;
	width: 600px;
	height: 600px;
	display: block;
	position: absolute;
	z-index: -1;
	top: 14%;
	left: -17%;
}

.blue-slider .slider-img img {
	margin-right: -20px;
}

.blue-slider .slider-text * {
	color: #1a191e;
}

/* Services Area */
.services-area {
	margin-top: -1px;
}

.single-service * {
	color: #fff;
}


.single-service {
	background-position: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.single-service h2 {
	font-size: 30px;
}

.single-service p {
	font-size: 18px;
	color: #b0b0b0;
	line-height: 1.667;
}

/* service-area-3 */
.services-area-3.service-bg {
	background-color: rgb(248, 248, 248);
}

.service-img {
	overflow: hidden;
	border: 1px solid #e8e8e8;
	border-radius: 1rem;
}

.service-mono:hover .service-img img {
	transform: scale(1.1);
}

.services-area-3 .service-info {
	position: relative;
	z-index: 121;
	margin-top: -45px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.services-area-3 .service-info h2 {
	font-size: 24px;
	color: #1a191e;
	font-weight: 700;
	line-height: 36px;
	padding-top: 35px;
}

.services-area-3 .service-info>p {
	font-size: 16px;
	color: #1a191e;
	line-height: 26px;
	padding: 0px 40px;
	padding-bottom: 35px;
}


/* ================= 4. About Area =================*/

.b-image {
	left: -245px;
	top: 30%;
	animation: b-animation 5s linear infinite;
}

@keyframes b-animation {
	0% {
		top: 20%
	}

	50% {
		top: 30%
	}

	100% {
		top: 20%;
	}

}

.about-icons .single-icons {
	text-align: center;
	border: 2px solid #e8e8e8;
	padding: 40px 0;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 93% 5.9%;
	transition: .3s;
	position: relative;
}

.about-icons .single-icons::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #0556A0 transparent transparent;
	content: "";
	position: absolute;
	right: 10px;
	top: 9px;
}


.about-icons .single-icons:hover {

	box-shadow: 0px 8px 16px 0px rgba(218, 7, 44, 0.2);
}

.about-icons .single-icons span {
	display: block;
	font-weight: 700;
	font-size: 14px;
	line-height: 30px;
	margin-top: 20px;
	line-height: 1;
}

.hover-height {
	height: 859px;
}

.hover-size {

	width: 645px;
}

.single-hover {
	padding-left: 58px;
	transition: .3s;
}

.hover-icon img {
	margin-top: 40px;
}

.hover-icon img:last-child {
	display: none;


}

.hover-text {
	padding-left: 28px;
	padding-right: 90px;
}

.hover-text h3 {
	font-size: 30px;
	line-height: 1;
	margin-top: 40px;


}

.hover-text p {
	font-size: 18px;
	line-height: 1.667;
	margin-bottom: 35px;
	font-weight: 400;
}


.single-hover.active {
	background: #0556A0 !important;
	position: relative;

}

.single-hover.active::before {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #0556A0;
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
}

.single-hover.active * {
	color: #fff;
}

.single-hover.active .hover-icon>img:first-child {
	display: none;
}

.single-hover.active .hover-icon>img:last-child {
	display: block;
}

/* blue about */

.blue-about .about-card {
	padding-top: 50px;
	text-align: center;
	background: url(img/icons/icon-bg.png), #fff;
	background-repeat: no-repeat;
	background-size: cover;
	height: 240px;
	width: 240px;
	border-radius: 16px;
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.2);
	transition: .3s;
}

.blue-about .about-card:hover {
	background: url(img/icons/icon-bg-blue.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 45px;
	background-size: cover;
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.2);

}

.blue-about .about-card-spacing {
	margin-right: -15px;
}

.blue-about .card-img {
	padding-bottom: 15px;
}

.blue-about .about-card:hover .card-img {
	display: none;
}

.blue-about .about-card:hover .card-img-2 {
	display: block !important;
}

.blue-about .about-details+hr {
	background-image: linear-gradient(to right, #fff, #d9d9d9, #cbcbcb, #d2d2d2, #e7e7e7, #f5f5f5, #fff);

}

.blue-about .icon-body>span {
	font-size: 18px;
	color: #1a191e;
	line-height: 50px;
	font-weight: 700;
}

.blue-about .about-card:hover .icon-body>span {
	color: #fff;
}



.blue-about .about-person>h3 {
	font-size: 24px;
	line-height: 30px;
}

.blue-about .about-person>span {
	font-size: 14px;
	line-height: 25px;
	color: #3763ec;
	font-weight: 700;
}


/* about us page */

.items-text h3 {
	font-size: 20px;
	line-height: 1.5;
}




.items-icons i {
	display: block;
	line-height: 70px;
	text-align: center;
	color: #044077;
	width: 70px;
	height: 70px;
	border: 2px solid #e8e8e8;
	border-radius: 100px;
}

.items-text p {
	font-size: 16px;
	line-height: 1.625;
}


/* ===================== 10. Call To Action Area ============== */


.cta-section {
	background-image: url(img/bg/call-to-action.jpg);
	background-size: cover;
	background-repeat: no-repeat;

}

.subscribe-form form {
	position: relative;
}

.subscribe-form form input[type='email'] {
	height: 80px;
	width: 100%;
	background: transparent;
	padding-left: 40px;
	transition: .3s ease;
	font-size: 16px;
}

.subscribe-form form input[type='email']:hover {
	text-align: left;
}

.subscribe-form form input[type="submit"] {
	position: absolute;
	right: 10px;
	top: 10px;
	transition: .3s;
}

/* team page cta */
.make-call-actions a {
	display: block;
	text-align: center;
	margin: auto;
}

.make-call-actions a:first-child {
	font-size: 100px;
	line-height: .7;
	margin-bottom: 55px;
	font-weight: 100;
}




/* ===================== 11. Testimonial Area ===================== */
/* FAQ section */
.faq-img img {
	width: 100%;
}

.faq-section {
	padding-left: 30px;
}

.faq-bg {
	background-color: rgb(248, 248, 248);
	padding-top: 120px !important;
	padding-bottom: 120px !important;
}

.question-section .btn-link {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #1a191e;
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	cursor: pointer;
}

.question-section .btn-link::before {
	content: "-";
	position: absolute;
	right: 32px;
	line-height: 24px;
}

.question-section-3 .btn-link::before {
	right: -14px;
}

.question-section .btn-link.collapsed::before {
	content: "+";
	position: absolute;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	line-height: 24px;
}

.question-section-2 .btn-link.collapsed::before,
.question-section-2 .btn-link::before {
	background-color: rgb(246, 246, 246);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 48px;
	margin-top: -14px;
}

.question-section .btn-link:hover {
	background-color: transparent;
	border-color: transparent;
	color: inherit;
	text-decoration: none;
}

.question-section .btn-link:focus {
	text-decoration: none;
}

.question-section .card-header {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

.faq-bg .question-section .card-header {
	background-color: rgb(248, 248, 248);
}

.question-section .card {
	-moz-box-direction: normal;
	-moz-box-orient: vertical;
	background-clip: border-box;
	background-color: #fff;
	border: 0 none;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow-wrap: break-word;
	position: relative;

}

.question-section-2 .card {
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(26, 25, 30, 0.1);
	padding: 27px;
	padding-left: 35px;
}

.question-section .card-body {
	-moz-box-flex: 1;
	flex: 1 1 auto;
	padding: 1.25rem 5.25rem 1.25rem 0;
}

.question-section-button a {
	width: 232px;
	height: 60px;
	background-color: #044077 color: rgb(255, 255, 255);
	display: inline-block;
	font-weight: 700;
	text-align: center;
	line-height: 3.75;
}



.faq-bg .question-section-3 .card-body {
	background-color: rgb(248, 248, 248);
}

/* Testimonial section */
.testimonial-section>p {
	font-size: 24px;
	margin-top: -17px;
	padding-right: 21px;
	margin-bottom: 55px;
}

.testimonial-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	background-position: right bottom;
	position: relative;
}

.testimonial-icon li {
	display: inline-block;
}

.testimonial-icon {
	position: absolute;
	right: 4%;
	top: 5%;
}

.testimonial-icon li i {
	font-size: 40px;
	color: rgba(255, 255, 255, 0.059);
}

.testimonial-wrapper .clint-info h4 {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	line-height: 16px;

}

.testimonial-wrapper .clint-info>span {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.testimonial-wrapper .clint-text p {
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	padding-right: 125px;
}

.testimonial-section::before {
	content: '';
	width: 1px;
	height: 574px;
	background-color: rgb(172, 172, 172);
	position: absolute;
	border-radius: 50%;
	left: -9%;
	top: 70px;
}

/* Testimonial-area-3 */
.testimonial-area-3 {
	background-size: cover;
	background-repeat: no-repeat;
}

.testimonial-area-3 .section-title>h3,
.testimonial-area-3 .section-title h2 {
	color: #ffffff;
}

.testimonial-area-3 .testimonial-text>p,
.testimonial-active p {
	font-size: 48px;
	color: #ffffff;
	line-height: 70px;
	padding: 0px 120px;


}



.testimonial-area-3 .testimonial-text hr {
	width: 1px;
	height: 70px;
	background-color: rgb(87, 87, 87);
	display: inline-block;
	margin-top: 15px;
}

.testimonial-area-3 .testimonial-author>h3 {
	color: #ffffff;
	font-size: 24px;
	line-height: 34px;
}

.testimonial-area-3 .testimonial-author>span {
	color: #044077;
	font-size: 16px;
}

.testimonial-area-3.slick-arrow .slick-n {
	background: red;
}

.testimonial-area-3 .slick-arrow {
	top: 22%;
	border: 2px solid rgb(255, 255, 255, .1);
	border-radius: 50%;
	background-color: rgba(218, 7, 44, 0);
	padding: 23px;
	position: absolute;
	z-index: 922;
}

.testimonial-slick-prev {
	left: -2%;
}

.testimonial-slick-next {
	right: -2%;
}

.testimonial-area-3 .slick-arrow:hover {
	background-color: #044077
}

.testimonial-case-area {
	min-height: 930px;
}

/* =============== 13. Contact Area =============== */

.contact-bg {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
	width: 970px;
	height: 120px;
	position: relative;

}

.contact-meta h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
}

.contact-meta p {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;

}

.contact-area hr {
	background-color: rgb(231, 231, 231);
	width: 2px;
	height: 80px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 20px;
}

.contact-area-2 {
	margin-top: -60px;
}

/* Contact-area-3 */
.contact-area-3 {
	margin-top: -210px;
}

.contact-area-3 .contact-bg-3 {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 8px 16px 0px rgba(155, 155, 155, 0.2);
	padding: 0px 55px;
	position: relative;
	z-index: 99;
}

.contact-area-3 .contact-info>h3 {
	font-size: 24px;
	line-height: 36px;
}

.contact-area-3 .contact-info>p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 2px;
}

.contact-area-3 hr {
	background-color: rgb(231, 231, 231);
	width: 1px;
	height: 200px;
	margin: auto;
}

/* =================== 14. Footer Area =================== */
.footer-area.footer-bg {
	background-color: rgb(26, 25, 30);
	background-repeat: no-repeat;
	background-size: cover;
}

.team-footer.footer-bg {
	margin-top: -160px;
	padding-top: 260px;
}

.footer-img a>img {
	margin-right: 5px;
	margin-bottom: 9px;
}

.footer-widget .section-title>h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
}

.footer-link-branches>li {
	margin-right: -31px;
}

.footer-area .footer-link li a {
	color: #c5c3cd;
	font-size: 16px;
	line-height: 46px;
	display: inline-block;
}

.footer-area .footer-link li a:hover {
	color: #044077
}

.footer-area .sub-footer {
	background-color: rgb(0, 0, 0);
}

.copyright-text>p {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.copyright-desc p {
	font-size: 16px;
}

.footer-blue .copyright-text>p {
	color: #1a191e;
	margin-bottom: 0;
	padding: 35px 0;
	font-size: 18px;
}

.footer-icon {
	margin-top: -43px;
}

.footer-icon li {
	display: inline-block;
}

.footer-icon li a {
	font-size: 14px;
	width: 40px;
	height: 40px;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	margin-right: 10px;
	display: inline-block;
	line-height: 39px;
	text-align: center;
	border: 2px solid rgb(52, 51, 56);
	background-color: rgba(255, 255, 255, 0);
}

.footer-icon li a:hover {
	background: #3763ec;
	border: 2px solid #3763ec;
}

.sub-footer .sub-footer-bg {
	height: 7px;
}


/* Footer blue */
.footer-blue.footer-bg {
	margin-top: -60px;
	padding-top: 95px;
	background-size: cover;
	background-repeat: no-repeat;


}

/* footer top */

.footer-manu-top .main-menu ul li {
	margin-right: 105px;
	margin-left: 0;
}

.footer-manu-top .main-menu ul li:last-child {
	margin-right: 0;
}

.footer-manu-top .main-menu ul li a {
	font-size: 18px;
	text-transform: uppercase;

}

.footer-manu-top .main-menu {
	margin-left: 225px;
}

/* footer bottom */
.footer-blue .subscribe-area input {
	width: 366px;
	height: 60px;
	float: left;
	padding-left: 60px;
	border: none;
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
}

.footer-blue .subscribe-area input:focus {
	border: none;
}

.footer-blue .footer-bottom {
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

.footer-blue .subscribe-area input[type="email"]::-moz-placeholder {
	font-size: 16px;
	padding-left: 10px;
}

.footer-blue .subscribe-input-area::before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #3762eb;
	position: absolute;
	font-size: 16px;
	line-height: 25px;
	top: 16px;
	left: 5%;
}

.footer-blue .subscribe-button .bl-btn {
	display: inline-block;
	background-color: #3763ec;
	border-radius: 0;
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.3);
	transition: .3s;
	font-size: 16px;
	line-height: .9;
	color: #ffffff;
	width: 182px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}

.footer-blue .subscribe-button .bl-btn:hover {
	background-color: #3763ec;
	color: #ffffff;
}

.footer-blue .footer-social-icon li {
	display: inline-block;
}

.footer-blue .footer-social-icon li a {
	font-size: 14px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	border: none;
	color: #1a191e;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
}

.footer-blue .footer-social-icon li:hover a {
	background-color: rgb(55, 98, 235);
	box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.5);
	color: #ffffff;
}

.footer-area-3.footer-bg {
	background-color: rgb(248, 248, 248);
	margin-top: -60px;
}

.footer-area-3 .footer-link-3 li a {
	font-size: 20px;
	float: none;
	font-weight: 700;
	color: #000000;
	float: right;
}

.footer-widget hr {
	background-color: #044077 width: 1px;
	height: 256px;
	float: right;
	margin-top: 45px;
}

.footer-area-3 .footer-link li a {
	color: #1a191e;
}

.footer-area-3 li a:hover {
	color: #044077 transition: all .4s ease-in-out;
}

.footer-area-3 .section-title>h3 {
	color: #1a191e;
}

.footer-area-3 .footer-widget {
	margin-left: 50px;
}

.footer-area-3 .footer-link>li {
	margin-right: -45px;
}

.footer-post-content span {
	color: #1a191e;
	font-size: 14px;
}

.footer-post-content span i {
	margin-right: 10px;
	color: #1a191e;
}

.footer-post-img {
	float: left;
	margin-right: 20px;
}



.footer-post-content h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;

}

.footer-post-content h5 a:hover {
	color: #044077 transition all .4s ease-in-out;
}

.footer-post-content>span {
	color: #646464;
	font-size: 12px;
}

.footer-post>li {
	margin-bottom: 35px;
}

.footer-post>li:last-child {
	margin-bottom: 0;
}

.footer-career-bg {
	margin-top: -160px;
	padding-top: 260px;
}

.footer-widget .section-title .line {
	top: -7px;
}

.single-brand {
	text-align: center;
}

.single-brand a {
	display: inline-block
}

.contact-form input {
	width: 100%;
	height: 60px;
	margin-bottom: 20px;
	border: 1px solid #e0e3e7;
	padding: 0 20px;
	font-size: 12px;
}

.contact-form textarea {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	border: 1px solid #e0e3e7;
	padding: 20px;
}

.contact-form input:focus::-moz-placeholder {
	opacity: 0;
}

.contact-form input:focus::placeholder {
	opacity: 0;
}

.contact-form textarea:focus::-moz-placeholder {
	opacity: 0;
}

.contact-form textarea:focus::placeholder {
	opacity: 0;
}

.map-height {
	min-height: 700px;
}

.map-height-home {
	min-height: 700px;
}


.privacy-policy h3 {
	margin-bottom: 1.5rem !important;
}

.dark #preloader {
	background-color: #232323;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f7f7f7;
	z-index: 999999;
}

.preloader {
	width: 50px;
	height: 50px;
	display: inline-block;
	padding: 0px;
	text-align: left;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
}

.preloader span {
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #7460ef;
	-webkit-animation: preloader 1.3s linear infinite;
	animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;
}

@keyframes preloader {
	0% {
		transform: scale(0, 0);
		opacity: 0.5;
	}

	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@-webkit-keyframes preloader {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
}

.subscribe-form input::placeholder {
	color: white;
	opacity: 1;
}

.cta-section .section-title {
	padding-top: 40px;
}

@media screen and (max-width: 767px) {
	.NXM-logo {
		width: 180px !important;
	}

	.positive-response {
		padding: 0 !important;
	}

	.subscribe-form form {
		width: 100% !important;
		color: #fff !important;
	}

	.subscribe-form form {
		flex-direction: column;
	}

	.subscribe-form input[type="email"],
	.subscribe-form input[type="submit"] {
		width: 100%;
	}

	.subscription-section {
		padding: 0px 0px !important;
		padding-top: 15rem !important;

	}

	.subscribe-form {
		display: flex !important;
	}

	.positive-response {
		display: none !important;
	}

	.copyright-text {
		justify-content: center !important;
	}

	.copyright-text p,
	.copyright-text ul {
		padding: 0 !important;
		margin: 0 !important;
	}

	.subscription-section,
	.cta-section {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.footer-link {
		gap: 0px !important;
	}

	.about-mobile-container {
		flex-direction: column-reverse !important;
	}

	.img-hideon-mobile {
		display: none !important;
	}
}