/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
	scroll-behavior: smooth;
}

body {
	font-family: "Poppins", sans-serif;
	color: #444444;
	background-color: #F9F9F9;
}

a {
	color: #4154f1;
	text-decoration: none;
}

a:hover {
	color: #717ff5;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif;
}


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
	padding: 60px 0;
	overflow: hidden;
}

.section-header {
	text-align: center;
	padding-bottom: 40px;
}

.section-header h2 {
	font-size: 50px;
	letter-spacing: 1px;
	font-weight: 800;
	margin: 0;
	color: #183E7A;
	text-transform: capitalize;
	text-align: left;
}

.section-header p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
	color: #012970;
}

@media (max-width: 768px) {
	.section-header p {
		font-size: 28px;
		line-height: 32px;
	}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
	padding: 15px 0;
	background: #012970;
	min-height: 40px;
	margin-top: 82px;
	color: #fff;
}

@media (max-width: 992px) {
	.breadcrumbs {
		margin-top: 57px;
	}
}

.breadcrumbs h2 {
	font-size: 28px;
	font-weight: 500;
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
}

.breadcrumbs ol a {
	color: #fff;
	transition: 0.3s;
}

.breadcrumbs ol a:hover {
	text-decoration: underline;
}

.breadcrumbs ol li+li {
	padding-left: 10px;
}

.breadcrumbs ol li+li::before {
	display: inline-block;
	padding-right: 10px;
	color: #8894f6;
	content: "/";
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background: #3192D0;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

.back-to-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
}

.back-to-top:hover {
	background: #3192D0;
	color: #fff;
}

.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
	transition: all 0.5s;
	z-index: 997;
	padding: 35px 0 0 0;
}

.header-bg {
	position: relative;
	background: #E6E6EC;
	max-width: 625px !important;
	border-radius: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border-top: 1px solid #14B7CE;
	//	border: 1px solid #14B7CE;
}


.header .logo {
	line-height: 0;
}

.header .logo img {
	//	max-height: 25px;
	margin-right: 26px;
	padding: 15px 0;
}

.header .logo span {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #012970;
	margin-top: 3px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
	padding: 0;
}

.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
	//	padding-left: 25px;
	padding-left: 22px;
}

.navbar li {
	position: static;
}

.header .navbar li {
	padding: 0 14px;
}

.navbar a,
.navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	//padding: 10px 0 10px 30px;

	font-size: 11px;
	//font-weight: 700;
	color: #22395D;
	white-space: nowrap;
	transition: 0.3s;
	text-transform: uppercase;
}

.navbar a i,
.navbar a:focus i {
	color: #22395D;
	font-size: 12px;
	//font-weight: 700;
	line-height: 0;
	margin-left: 5px;
}


.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
	color: #14B7CE;
}

.deep-dropdown a {
	color: #4154f1;
}

.navbar .getstarted,
.navbar .getstarted:focus {
	background: #4154f1;
	padding: 15px 10px;
	margin-left: 30px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
	color: #fff;
	background: #5969f3;
}

.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: -135px;
	width: 625px;
	margin: 0;
	padding: 10px 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	//  transition: top 0.5s, opacity 0.5s, visibility 0.5s;
}

.navbar li:hover a>i {
	color: #14B7CE;
}

.navbar .dropdown:hover>ul,
.navbar .dropdown ul:hover {
	top: calc(100% - 55px);
	/* Adjusted to position below the header with padding */
	opacity: 1;
	visibility: visible;
	background-color: #E6E6EC;
	color: #14B7CE;
	padding: 90px 0 35px 0;
	height: 370px;
	position: absolute;
	z-index: -999;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
	border: 1px solid #14B7CE;
}


.navbar .dropdown ul li {
	min-width: 200px;
	padding-left: 8px;
}

.navbar .dropdown ul a {
	padding: 0;
	color: #183E7A !important;
	text-transform: uppercase;

	//font-weight: 600;
	font-size: 11px;
	margin-bottom: 5px;

}

.bor-b {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid transparent;
}

.dropdown li:hover>a,
.navbar li:hover>a {
	border-bottom-color: #14B7CE !important;
	transition: unset;
}


.deep-dropdown a:hover {
	border-bottom-color: transparent !important;
}

.navbar .dropdown ul a i {
	font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
	color: #14B7CE !important;
}

.navbar .megamenu {
	position: static;
}

.p-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar .megamenu ul {
	margin-top: 0;
	left: -210px;
	right: 0;
	padding: 10px;
	display: flex;
}

.navbar .megamenu ul li {
	flex: 1;
}

.navbar .megamenu ul li a,
.navbar .megamenu ul li:hover>a {
	color: #013289;
}

.navbar .megamenu ul li a:hover,
.navbar .megamenu ul li .active,
.navbar .megamenu ul li .active:hover {
	color: #4154f1;
}

.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}



.floating-mob {
	position: absolute;
	background-color: #E6E6EC;
	right: -75px;
	bottom: 0;
	border-radius: 50%;
	//width: 53px;
	width: 58px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	vertical-align: middle;
	border: 0.73px solid #14B7CE;

}

.navbar_phone {
	font-size: 20px !important;
	color: #22395D;
	font-weight: 700;

}

.navbar .dropdown ul .mega-submenu {
	margin-left: 20px;

}

.navbar .dropdown ul .mega-submenu {
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	margin-top: 5px;
	margin-bottom: 3px;
	text-transform: capitalize !important;
	color: #183E7A !important;
}

.bdc-table tr{ 
//	border: 1px solid #e1e1e1;
vertical-align: top;
}

.bdc-table td {
	padding: 4px;
}


@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: #FFF;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}


@media (max-width: 767px) {
	.mobile-nav-toggle {
		display: block;
	}

	.navbar ul {
		display: none;
	}
}


.bi-list::before {
	content: "\f479";
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	//height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
}

.mt-10 {
	margin-top: 10px;
}

.ml-185 {
	margin-left: 185px;
}

.img-bg-inner h2 {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
	max-width: 200px;
}

.img-bg-inner p {
	color: #FFFFFF;
	margin: 15px 0 0 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	max-width: 310px;
	opacity: 0.7;
}

.hero .btn-get-started {
	margin-top: 25px;
	line-height: 0;
	padding: 13px 23px;
	border-radius: 30px;
	transition: 0.5s;
	color: #fff;
	background: #3192D0;
}

.hero .btn-get-started:hover {
	background-color: #103158;
	transition: all .3s ease;

}

.hero .btn-get-started:hover svg,
.bd-con button:hover svg {
	transform: translateX(10px);
	transition: all .3s ease;
}

.hero .btn-get-started span {

	font-weight: 400;
	font-size: 13px;
	margin-right: 10px;
}

.hero .btn-get-started i {
	margin-left: 5px;
	font-size: 18px;
	transition: 0.3s;
}

.hero .btn-get-started:hover i {
	transform: translateX(5px);
}

.hero .hero-img {
	text-align: right;
}


@media (min-width: 1024px) {}

@media (max-width: 991px) {
	.hero {
		height: auto;
	}

	.hero .hero-img {
		text-align: center;
		margin-top: 80px;
	}

	.hero .hero-img img {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.hero {
		text-align: center;
	}

	.hero h1 {
		font-size: 32px;
	}

	.hero h2 {
		font-size: 24px;
	}

	.hero .hero-img img {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content {
	background-color: #f6f9ff;
	padding: 40px;
}

.about h3 {
	font-size: 14px;
	font-weight: 700;
	color: #4154f1;
	text-transform: uppercase;
}

.about h2 {
	font-size: 24px;
	font-weight: 700;
	color: #012970;
}

.about p {
	margin: 15px 0 30px 0;
	line-height: 24px;
}

.about .btn-read-more {
	line-height: 0;
	padding: 15px 40px;
	border-radius: 4px;
	transition: 0.5s;
	color: #fff;
	background: #4154f1;
	box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
}

.about .btn-read-more span {

	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1px;
}

.bdc-testimonial .swiper-scrollbar-drag {
	background-color: #14B7CE;
}

.about .btn-read-more i {
	margin-left: 5px;
	font-size: 18px;
	transition: 0.3s;
}

.about .btn-read-more:hover i {
	transform: translateX(5px);
}

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values .box {
	padding: 30px;
	box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
	text-align: center;
	transition: 0.3s;
	height: 100%;
}

.values .box img {
	padding: 30px 50px;
	transition: 0.5s;
	transform: scale(1.1);
}

.values .box h3 {
	font-size: 24px;
	color: #012970;
	font-weight: 700;
	margin-bottom: 18px;
}

.values .box:hover {
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.values .box:hover img {
	transform: scale(1);
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
	padding: 70px 0 60px;
}

.counts .count-box {
	display: flex;
	align-items: center;
	padding: 30px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.counts .count-box i {
	font-size: 42px;
	line-height: 0;
	margin-right: 20px;
	color: #4154f1;
}

.counts .count-box span {
	font-size: 36px;
	display: block;
	font-weight: 600;
	color: #0b198f;
}

.counts .count-box p {
	padding: 0;
	margin: 0;

	font-size: 14px;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .feature-box {
	padding: 24px 20px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	transition: 0.3s;
	height: 100%;
}

.features .feature-box h3 {
	font-size: 18px;
	color: #012970;
	font-weight: 700;
	margin: 0;
}

.features .feature-box i {
	line-height: 0;
	background: #ecf3ff;
	padding: 4px;
	margin-right: 10px;
	font-size: 24px;
	border-radius: 3px;
	transition: 0.3s;
}

.features .feature-box:hover i {
	background: #4154f1;
	color: #fff;
}

.features .feture-tabs {
	margin-top: 120px;
}

.features .feture-tabs h3 {
	color: #012970;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.features .feture-tabs h3 {
		font-size: 28px;
	}
}

.features .feture-tabs .nav-pills {
	border-bottom: 1px solid #eee;
}

.features .feture-tabs .nav-link {
	background: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	color: #012970;
	padding: 12px 0;
	margin-right: 25px;
	margin-bottom: -2px;
	border-radius: 0;
}

.features .feture-tabs .nav-link.active {
	color: #4154f1;
	border-bottom: 3px solid #4154f1;
}

.features .feture-tabs .tab-content h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: #012970;
}

.features .feture-tabs .tab-content i {
	font-size: 24px;
	line-height: 0;
	margin-right: 8px;
	color: #4154f1;
}

.features .feature-icons {
	margin-top: 120px;
}

.features .feature-icons h3 {
	color: #012970;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 20px;
	text-align: center;
}

@media (max-width: 768px) {
	.features .feature-icons h3 {
		font-size: 28px;
	}
}

.features .feature-icons .content .icon-box {
	display: flex;
}

.features .feature-icons .content .icon-box h4 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 10px 0;
	color: #012970;
}

.features .feature-icons .content .icon-box i {
	font-size: 44px;
	line-height: 44px;
	color: #0245bc;
	margin-right: 15px;
}

.features .feature-icons .content .icon-box p {
	font-size: 15px;
	color: #848484;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-pill-box {
	padding: 60px 39px;
	width: 240px;
	border-radius: 20px;
}

.service-pill-box .brand-btn {
	padding: 9px 16px;
	display: inline-block !important;
}

.new-service-wrpper {
	padding-top: 30px;
	padding-bottom: 30px;
}

.service-pill-box p {
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	text-align: left;
	color: #FFF;
}


.services .service-box {
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	height: 100%;
	padding: 60px 30px;
	text-align: center;
	transition: 0.3s;
	border-radius: 5px;
}

.services .service-box .icon {
	font-size: 36px;
	padding: 40px 20px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
	line-height: 0;
	transition: 0.3s;
}

.services .service-box h3 {
	color: #444444;
	font-weight: 700;
}

.services .service-box .read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	padding: 8px 20px;
}

.services .service-box .read-more i {
	line-height: 0;
	margin-left: 5px;
	font-size: 18px;
}

.services .service-box.blue {
	border-bottom: 3px solid #2db6fa;
}

.services .service-box.blue .icon {
	color: #2db6fa;
	background: #dbf3fe;
}

.services .service-box.blue .read-more {
	color: #2db6fa;
}

.services .service-box.blue:hover {
	background: #2db6fa;
}

.services .service-box.orange {
	border-bottom: 3px solid #f68c09;
}

.services .service-box.orange .icon {
	color: #f68c09;
	background: #fde3c4;
}

.services .service-box.orange .read-more {
	color: #f68c09;
}

.services .service-box.orange:hover {
	background: #f68c09;
}

.services .service-box.green {
	border-bottom: 3px solid #08da4e;
}

.services .service-box.green .icon {
	color: #08da4e;
	background: #cffddf;
}

.services .service-box.green .read-more {
	color: #08da4e;
}

.services .service-box.green:hover {
	background: #08da4e;
}

.services .service-box.red {
	border-bottom: 3px solid #e9222c;
}

.services .service-box.red .icon {
	color: #e9222c;
	background: #fef7f8;
}

.services .service-box.red .read-more {
	color: #e9222c;
}

.services .service-box.red:hover {
	background: #e9222c;
}

.services .service-box.purple {
	border-bottom: 3px solid #b50edf;
}

.services .service-box.purple .icon {
	color: #b50edf;
	background: #f8e4fd;
}

.services .service-box.purple .read-more {
	color: #b50edf;
}

.services .service-box.purple:hover {
	background: #b50edf;
}

.services .service-box.pink {
	border-bottom: 3px solid #f51f9c;
}

.services .service-box.pink .icon {
	color: #f51f9c;
	background: #feecf7;
}

.services .service-box.pink .read-more {
	color: #f51f9c;
}

.services .service-box.pink:hover {
	background: #f51f9c;
}

.services .service-box:hover h3,
.services .service-box:hover p,
.services .service-box:hover .read-more {
	color: #fff;
}

.services .service-box:hover .icon {
	background: #fff;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
	padding: 40px 20px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}

.pricing .box:hover {
	transform: scale(1.1);
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.pricing h3 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px;
}

.pricing .price {
	font-size: 36px;
	color: #444444;
	font-weight: 600;

}

.pricing .price sup {
	font-size: 20px;
	top: -15px;
	left: -3px;
}

.pricing .price span {
	color: #bababa;
	font-size: 16px;
	font-weight: 300;
}

.pricing img {
	padding: 30px 40px;
}

.pricing ul {
	padding: 0;
	list-style: none;
	color: #444444;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	margin-bottom: 25px;
}

.pricing ul li {
	padding-bottom: 10px;
}

.pricing ul .na {
	color: #ccc;
	text-decoration: line-through;
}

.pricing .btn-buy {
	display: inline-block;
	padding: 8px 40px 10px 40px;
	border-radius: 50px;
	color: #4154f1;
	transition: none;
	font-size: 16px;
	font-weight: 400;
	font-weight: 600;
	transition: 0.3s;
	border: 1px solid #4154f1;
}

.pricing .btn-buy:hover {
	background: #4154f1;
	color: #fff;
}

.pricing .featured {
	width: 200px;
	position: absolute;
	top: 18px;
	right: -68px;
	transform: rotate(45deg);
	z-index: 1;
	font-size: 14px;
	padding: 1px 0 3px 0;
	background: #4154f1;
	color: #fff;
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .accordion-collapse {
	border: 0;
}

.faq .accordion-button {
	padding: 15px 15px 20px 0;
	font-weight: 600;
	border: 0;
	font-size: 18px;
	color: #444444;
	text-align: left;
}

.faq .accordion-button:focus {
	box-shadow: none;
}

.faq .accordion-button:not(.collapsed) {
	background: none;
	color: #4154f1;
	border-bottom: 0;
}

.faq .accordion-body {
	padding: 0 0 25px 0;
	border: 0;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
	padding: 0;
	margin: 0 auto 25px auto;
	list-style: none;
	text-align: center;
	background: white;
	border-radius: 50px;
	padding: 2px 15px;
}

.portfolio #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	padding: 8px 20px 10px 20px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #444444;
	margin: 0 4px 8px 4px;
	transition: 0.3s;
	border-radius: 50px;
	border: 1px solid #fff;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
	color: #4154f1;
	border-color: #4154f1;
}

.portfolio #portfolio-flters li:last-child {
	margin-right: 0;
}

.portfolio .portfolio-wrap {
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: rgba(255, 255, 255, 0.75);
}

.portfolio .portfolio-wrap::before {
	content: "";
	background: rgba(255, 255, 255, 0.75);
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	bottom: 30px;
	transition: all ease-in-out 0.3s;
	z-index: 2;
	opacity: 0;
}

.portfolio .portfolio-wrap img {
	transition: 1s;
}

.portfolio .portfolio-wrap .portfolio-info {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 3;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top: 35px;
	left: 35px;
	border-top: 3px solid rgba(1, 41, 112, 0.2);
	border-left: 3px solid rgba(1, 41, 112, 0.2);
	transition: all 0.5s ease 0s;
	z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	border-bottom: 3px solid rgba(1, 41, 112, 0.2);
	border-right: 3px solid rgba(1, 41, 112, 0.2);
	transition: all 0.5s ease 0s;
	z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
	font-size: 20px;
	color: #012970;
	font-weight: 700;
}

.portfolio .portfolio-wrap .portfolio-info p {
	color: #012970;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
	text-align: center;
	z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
	color: #fff;
	background: #4154f1;
	margin: 10px 2px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
	font-size: 24px;
	line-height: 0;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
	background: #5969f3;
}

.portfolio .portfolio-wrap:hover img {
	transform: scale(1.1);
}

.portfolio .portfolio-wrap:hover::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
	opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
	top: 15px;
	left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
	bottom: 15px;
	right: 15px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
	padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
	width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #4154f1;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4154f1;
}

.portfolio-details .portfolio-info {
	padding: 30px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
	margin-top: 10px;
}

.portfolio-details .portfolio-description {
	padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
	padding: 0;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-item {
	box-sizing: content-box;
	padding: 30px;
	margin: 40px 30px;
	box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
	background: #fff;
	min-height: 320px;
	display: flex;
	flex-direction: column;
	text-align: center;
	transition: 0.3s;
}

.testimonials .testimonial-item .stars {
	margin-bottom: 15px;
}

.testimonials .testimonial-item .stars i {
	color: #ffc107;
	margin: 0 1px;
}

.testimonials .testimonial-item .testimonial-img {
	width: 90px;
	border-radius: 50%;
	border: 4px solid #fff;
	margin: 0 auto;
}

.testimonials .testimonial-item h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #111;
}

.testimonials .testimonial-item h4 {
	font-size: 14px;
	color: #999;
	margin: 0;
}

.testimonials .testimonial-item p {
	font-style: italic;
	margin: 0 auto 15px auto;
}

.testimonials .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #4154f1;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4154f1;
}

.testimonials .swiper-slide {
	opacity: 0.3;
}

@media (max-width: 1199px) {
	.testimonials .swiper-slide-active {
		opacity: 1;
	}

	.testimonials .swiper-pagination {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.testimonials .swiper-slide-next {
		opacity: 1;
		transform: scale(1.12);
	}
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
	background: #fff;
	padding: 60px 0;
}

.team .member {
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	transition: 0.3s;
}

.team .member .member-img {
	position: relative;
	overflow: hidden;
}

.team .member .member-img:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: url(../img/team-shape.svg) no-repeat center bottom;
	background-size: contain;
	z-index: 1;
}

.team .member .social {
	position: absolute;
	right: -100%;
	top: 30px;
	opacity: 0;
	border-radius: 4px;
	transition: 0.5s;
	background: rgba(255, 255, 255, 0.3);
	z-index: 2;
}

.team .member .social a {
	transition: color 0.3s;
	color: rgba(1, 41, 112, 1);
	margin: 15px 12px;
	display: block;
	line-height: 0;
	text-align: center;
}

.team .member .social a:hover {
	color: rgba(1, 41, 112, 1);
}

.team .member .social i {
	font-size: 18px;
}

.team .member .member-info {
	padding: 10px 15px 20px 15px;
}

.team .member .member-info h4 {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px;
	color: #012970;
}

.team .member .member-info span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #aaaaaa;
}

.team .member .member-info p {
	font-style: italic;
	font-size: 14px;
	padding-top: 15px;
	line-height: 26px;
	color: #5e5e5e;
}

.team .member:hover {
	transform: scale(1.08);
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.team .member:hover .social {
	right: 8px;
	opacity: 1;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
	opacity: 0.5;
	transition: 0.3s;
}

.clients .clients-slider .swiper-slide img:hover {
	opacity: 1;
}

.clients .clients-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #4154f1;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4154f1;
}

/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
.recent-blog-posts .post-box {
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	transition: 0.3s;
	height: 100%;
	overflow: hidden;
	padding: 30px;
	border-radius: 8px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.recent-blog-posts .post-box .post-img {
	overflow: hidden;
	margin: -30px -30px 15px -30px;
	position: relative;
}

.recent-blog-posts .post-box .post-img img {
	transition: 0.5s;
}

.recent-blog-posts .post-box .post-date {
	font-size: 16px;
	font-weight: 600;
	color: rgba(1, 41, 112, 1);
	display: block;
	margin-bottom: 10px;
}

.recent-blog-posts .post-box .post-title {
	font-size: 24px;
	color: #012970;
	font-weight: 700;
	margin-bottom: 18px;
	position: relative;
	transition: 0.3s;
}

.recent-blog-posts .post-box .readmore {
	display: flex;
	align-items: center;
	font-weight: 600;
	line-height: 1;
	transition: 0.3s;
}

.recent-blog-posts .post-box .readmore i {
	line-height: 0;
	margin-left: 4px;
	font-size: 18px;
}

.recent-blog-posts .post-box:hover .post-title {
	color: #4154f1;
}

.recent-blog-posts .post-box:hover .post-img img {
	transform: rotate(6deg) scale(1.2);
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
	color: #444444;
	background: #fafbff;
	padding: 30px;
}

.contact .info-box i {
	font-size: 38px;
	line-height: 0;
	color: #4154f1;
}

.contact .info-box h3 {
	font-size: 20px;
	color: #012970;
	font-weight: 700;
	margin: 20px 0 10px 0;
}

.contact .info-box p {
	padding: 0;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
}

.contact .php-email-form {
	background: #fafbff;
	padding: 30px;
	height: 100%;
}

.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	border-radius: 0;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
	border-color: #4154f1;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {
	padding: 10px 15px;
}

.contact .php-email-form textarea {
	padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
	background: #4154f1;
	border: 0;
	padding: 10px 30px;
	color: #fff;
	transition: 0.4s;
	border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
	background: #5969f3;
}

@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
	padding: 40px 0 20px 0;
}

.blog .entry {
	padding: 30px;
	margin-bottom: 60px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .entry .entry-img {
	max-height: 440px;
	margin: -30px -30px 20px -30px;
	overflow: hidden;
}

.blog .entry .entry-title {
	font-size: 28px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 0;
}

.blog .entry .entry-title a {
	color: #012970;
	transition: 0.3s;
}

.blog .entry .entry-title a:hover {
	color: #4154f1;
}

.blog .entry .entry-meta {
	margin-bottom: 15px;
	color: #4084fd;
}

.blog .entry .entry-meta ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	padding: 0;
	margin: 0;
}

.blog .entry .entry-meta ul li+li {
	padding-left: 20px;
}

.blog .entry .entry-meta i {
	font-size: 16px;
	margin-right: 8px;
	line-height: 0;
}

.blog .entry .entry-meta a {
	color: #777777;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
}

.new-service .tab-pane {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.blog .entry .entry-content p {
	line-height: 24px;
}

.blog .entry .entry-content .read-more {
	-moz-text-align-last: right;
	text-align-last: right;
}

.blog .entry .entry-content .read-more a {
	display: inline-block;
	background: #4154f1;
	color: #fff;
	padding: 6px 20px;
	transition: 0.3s;
	font-size: 14px;
	border-radius: 4px;
}

.blog .entry .entry-content .read-more a:hover {
	background: #5969f3;
}

.blog .entry .entry-content h3 {
	font-size: 22px;
	margin-top: 30px;
	font-weight: bold;
}

.blog .entry .entry-content blockquote {
	overflow: hidden;
	background-color: #fafafa;
	padding: 60px;
	position: relative;
	text-align: center;
	margin: 20px 0;
}

.blog .entry .entry-content blockquote p {
	color: #444444;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
}

.blog .entry .entry-content blockquote::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #012970;
	margin-top: 20px;
	margin-bottom: 20px;
}

.blog .entry .entry-footer {
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
}

.blog .entry .entry-footer i {
	color: #0d64fd;
	display: inline;
}

.blog .entry .entry-footer a {
	color: #013289;
	transition: 0.3s;
}

.blog .entry .entry-footer a:hover {
	color: #4154f1;
}

.blog .entry .entry-footer .cats {
	list-style: none;
	display: inline;
	padding: 0 20px 0 0;
	font-size: 14px;
}

.blog .entry .entry-footer .cats li {
	display: inline-block;
}

.blog .entry .entry-footer .tags {
	list-style: none;
	display: inline;
	padding: 0;
	font-size: 14px;
}

.blog .entry .entry-footer .tags li {
	display: inline-block;
}

.blog .entry .entry-footer .tags li+li::before {
	padding-right: 6px;
	color: #6c757d;
	content: ",";
}

.blog .entry .entry-footer .share {
	font-size: 16px;
}

.blog .entry .entry-footer .share i {
	padding-left: 5px;
}

.blog .entry-single {
	margin-bottom: 30px;
}

.blog .blog-author {
	padding: 20px;
	margin-bottom: 30px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-author img {
	width: 120px;
	margin-right: 20px;
}

.blog .blog-author h4 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 0px;
	padding: 0;
	color: #012970;
}

.blog .blog-author .social-links {
	margin: 0 10px 10px 0;
}

.blog .blog-author .social-links a {
	color: rgba(1, 41, 112, 1);
	margin-right: 5px;
}

.blog .blog-author p {
	font-style: italic;
	color: #b7b7b7;
}

.blog .blog-comments {
	margin-bottom: 30px;
}

.blog .blog-comments .comments-count {
	font-weight: bold;
}

.blog .blog-comments .comment {
	margin-top: 30px;
	position: relative;
}

.blog .blog-comments .comment .comment-img {
	margin-right: 14px;
}

.blog .blog-comments .comment .comment-img img {
	width: 60px;
}

.blog .blog-comments .comment h5 {
	font-size: 16px;
	margin-bottom: 2px;
}

.blog .blog-comments .comment h5 a {
	font-weight: bold;
	color: #444444;
	transition: 0.3s;
}

.blog .blog-comments .comment h5 a:hover {
	color: #4154f1;
}

.blog .blog-comments .comment h5 .reply {
	padding-left: 10px;
	color: #012970;
}

.blog .blog-comments .comment h5 .reply i {
	font-size: 20px;
}

.blog .blog-comments .comment time {
	display: block;
	font-size: 14px;
	color: #013ca3;
	margin-bottom: 5px;
}

.blog .blog-comments .comment.comment-reply {
	padding-left: 40px;
}

.blog .blog-comments .reply-form {
	margin-top: 30px;
	padding: 30px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 1);
}

.blog .blog-comments .reply-form h4 {
	font-weight: bold;
	font-size: 22px;
}

.blog .blog-comments .reply-form p {
	font-size: 14px;
}

.blog .blog-comments .reply-form input {
	border-radius: 4px;
	padding: 10px 10px;
	font-size: 14px;
}

.blog .blog-comments .reply-form input:focus {
	box-shadow: none;
	border-color: #a0aaf8;
}

.blog .blog-comments .reply-form textarea {
	border-radius: 4px;
	padding: 10px 10px;
	font-size: 14px;
}

.blog .blog-comments .reply-form textarea:focus {
	box-shadow: none;
	border-color: #a0aaf8;
}

.blog .blog-comments .reply-form .form-group {
	margin-bottom: 25px;
}

.blog .blog-comments .reply-form .btn-primary {
	border-radius: 4px;
	padding: 10px 20px;
	border: 0;
	background-color: #012970;
}

.blog .blog-comments .reply-form .btn-primary:hover {
	background-color: #013289;
}

.blog .blog-pagination {
	color: #024ed5;
}

.blog .blog-pagination ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
}

.blog .blog-pagination li {
	margin: 0 5px;
	transition: 0.3s;
}

.blog .blog-pagination li a {
	color: #012970;
	padding: 7px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
	background: #4154f1;
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
	color: #fff;
}

.blog .sidebar {
	padding: 30px;
	margin: 0 0 60px 20px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .sidebar .sidebar-title {
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	color: #012970;
	position: relative;
}

.blog .sidebar .sidebar-item {
	margin-bottom: 30px;
}

.blog .sidebar .search-form form {
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px 10px;
	position: relative;
}

.blog .sidebar .search-form form input[type=text] {
	border: 0;
	padding: 4px;
	border-radius: 4px;
	width: calc(100% - 40px);
}

.blog .sidebar .search-form form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 15px;
	margin: -1px;
	background: #4154f1;
	color: #fff;
	transition: 0.3s;
	border-radius: 0 4px 4px 0;
	line-height: 0;
}

.blog .sidebar .search-form form button i {
	line-height: 0;
}

.blog .sidebar .search-form form button:hover {
	background: #5465f2;
}

.blog .sidebar .categories ul {
	list-style: none;
	padding: 0;
}

.blog .sidebar .categories ul li+li {
	padding-top: 10px;
}

.blog .sidebar .categories ul a {
	color: #012970;
	transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
	color: #4154f1;
}

.blog .sidebar .categories ul a span {
	padding-left: 5px;
	color: #aaaaaa;
	font-size: 14px;
}

.blog .sidebar .recent-posts .post-item+.post-item {
	margin-top: 15px;
}

.blog .sidebar .recent-posts img {
	width: 80px;
	float: left;
}

.blog .sidebar .recent-posts h4 {
	font-size: 15px;
	margin-left: 95px;
	font-weight: bold;
}

.blog .sidebar .recent-posts h4 a {
	color: #012970;
	transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
	color: #4154f1;
}

.blog .sidebar .recent-posts time {
	display: block;
	margin-left: 95px;
	font-style: italic;
	font-size: 14px;
	color: #aaaaaa;
}

.blog .sidebar .tags {
	margin-bottom: -10px;
}

.blog .sidebar .tags ul {
	list-style: none;
	padding: 0;
}

.blog .sidebar .tags ul li {
	display: inline-block;
}

.blog .sidebar .tags ul a {
	color: #0257ee;
	font-size: 14px;
	padding: 6px 14px;
	margin: 0 6px 8px 0;
	border: 1px solid #d7e6ff;
	display: inline-block;
	transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
	color: #fff;
	border: 1px solid #4154f1;
	background: #4154f1;
}

.blog .sidebar .tags ul a span {
	padding-left: 5px;
	color: #a5c5fe;
	font-size: 14px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
	background: #EFF4F7;
	padding: 0 0 30px 0;
	font-size: 14px;
}

.footer .footer-newsletter {
	padding: 50px 0;
	background: #f6f9ff;
	border-top: 1px solid #e1ecff;
}

.footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	color: #012970;
}

.footer .footer-newsletter form {
	margin-top: 20px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #e1ecff;
}

.footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 8px;
	width: calc(100% - 140px);
}

.footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 30px;
	margin: 3px;
	background: #4154f1;
	color: #fff;
	transition: 0.3s;
	border-radius: 4px;
}

.footer .footer-newsletter form input[type=submit]:hover {
	background: #5969f3;
}


.footer .col-lg-3 {
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.footer .footer-top {
		background-position: center bottom;
	}
}


.footer .footer-top .footer-info .logo {
	line-height: 0;
	margin-bottom: 15px;
}

.footer .footer-top .footer-info .logo img {
	max-height: 40px;
	margin-right: 6px;
}

.footer .footer-top .footer-info .logo span {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #012970;
	margin-top: 3px;
}

.footer .footer-top .footer-info p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;

}

.footer .footer-top .social-links a {
	font-size: 16px;
	display: inline-block;
	color: rgba(1, 41, 112, 1);
	line-height: 0;
	margin-right: 10px;
	transition: 0.3s;
}

.footer .footer-top .social-links a:hover {
	color: #012970;
}

.footer-2 .footer-top h4 {
	font-size: 14px;
	font-weight: 400;
	color: #6C6C6C;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
}

.footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links .align-items-center {
	align-items: start !important;
}

.footer-links ul .fa-facebook:before,
.footer-links ul .fa-youtube:before,
.footer-links ul .fa-instagram:before,
.footer-links ul .fa-linkedin:before {

	background-color: #FFFFFF;
	color: #183E7A;
	width: 18px;
	height: 18px;
	display: grid;
	place-content: center;
}

.footer .footer-top .footer-links ul i {
	padding-right: 12px;
	color: #d0d4fc;
	font-size: 16px;
	line-height: 0;
}

.social-links ul li {
	padding: 10px 0;

}

.footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}

.footer .footer-top .footer-links ul a {
	color: #013289;
	font-size: 11px;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;

}

.policy-link a {
	color: #013289;
	font-size: 11px;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;

}

.footer .footer-top .footer-links ul a:hover,
.policy-link a:hover,
.f-bdcom:hover {
	color: #14B7CE;
}

.footer .footer-top .footer-links p,
.f-bdcom {
	line-height: 18px;
	font-size: 11px;
	color: #013289;
}


.footer .credits {
	padding-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #012970;
}


.footer .ml-border {
	border-right: 1px solid #E2E9EF;
}

.footer h4 {
	margin-bottom: 25px;
	font-size: 13px;
	color: #595959;
	font-weight: 400;
	text-transform: uppercase
}

.footer .copyright {
	color: #595959;
	font-size: 11px;
}

.footer-hr {
	color: #E2E9EF;
	margin: 0;
	opacity: 1;
}

.mt-border {
	border-top: 1px solid #E2E9EF;
}

.ml-30 {
	margin-left: -25px;
}

.ml-13 {
	margin-left: 13px;
}

.footer-links ul li {
	padding-bottom: 7px !important;
	line-height: 1;
}

.bdc-hr {
	color: #3192D0;
	margin: 0;
	opacity: 1;
}

.new-service {
	padding-bottom: 80px;
}

.m-margin {
	margin-top: -46px !important;
}

.mt-50 {
	margin-top: 50px;
}

.mt-64 {
	margin-top: 64px;
}

.trust {
	background-color: #08083A;
	padding-top: 175px;
	padding-bottom: 100px;
}

.trust .content {}

.trust h3 {
	font-size: 50px;
	font-weight: 600;
	color: #FFF;
	max-width: 350px;
	position: relative;
	z-index: 1;
}

/*.trust h3::before {
  content: url(../img/sq.png);
  position: absolute;
  background-size: contain;
  top: -60px;
  left: -100px;
}

.trust h3::before {
  content: url(../img/rectangle-4.png);
  position: absolute;
  background-size: contain;
  top: -60px;
  left: -90px;
}
*/


.bank-p {
	font-size: 14px;
	color: #FFF;
	font-weight: 500;
	margin-bottom: 0;
}

.trust_count {
	margin-left: 5px;
	margin-top: 10px;
}

.trust-img .col-lg-3 {
	padding-top: calc(var(--bs-gutter-x) * .5);
	padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.trust-img img {
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
}

.mtb-80 {
	padding-top: 80px;
}

.trust-subheading {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #808DA2;
}

.trust p {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #808DA2;
	margin-top: 10px;
}

.coverage {
	padding: 0;
}

.coverage .container {
	padding: 60px 0;
}

.fa-bnk {
	border-radius: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	display: grid;
	place-content: center;
	background-color: #14B7CE;
	color: #001B45;
	font-size: 8px;
}

.coverage h2 {
	font-size: 50px;
	color: #183E7A;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;

}

.coverage p {
	font-size: 12px;
	color: rgba(26, 26, 26, 1);
	font-weight: 500;
	line-height: 1.5;
	margin-top: 10px;
}

.award {
	background-color: #E8F0F4;
	padding-top: 0;
	padding-bottom: 0;
}

.award-pad {
	padding-top: 60px;
	padding-bottom: 80px;
}


.award h2 {
	font-size: 50px;
	color: #183E7A;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
}

.award h4 {
	color: #444444;
	margin-top: 30px;
	font-weight: 700;
	font-size: 20.5px;


}

.award p {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2;
	color: rgba(26, 26, 26, 1);

}

.award .col-lg-7 {
	border-right: 1px solid rgba(173, 211, 236, 1);
	justify-content: center;
	width: 50%;
}

.brand .col-lg-6 {
	padding-top: calc(var(--bs-gutter-x) * .5);
	padding-bottom: calc(var(--bs-gutter-x) * .5);
	margin-top: 10px;
	margin-bottom: 10px;
}

.mt-20 {
	margin-top: 20px !important;
}

.coverage h4 {
	font-size: 35px;
	color: #183E7A;
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1;
	text-decoration: underline;
}

.cv_clr {
	color: #183E7A !important;
	padding-bottom: 50px;
}

.bc-card {
	background-color: #FFF;
	padding: 20px;
	border-radius: 20px;
	align-items: center;
}


.bc-card .col-lg-5 {
	justify-content: flex-end;
	flex-direction: unset !important;
}


.bc-card .col-lg-7,
.bc-card .col-lg-5 {
	padding: 0;
}

.brand .section-header {
	margin-left: 245px;
}

.brand .section-header h2 {
	font-weight: 700;
	color: #FFF;
}

.brand h5 {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 700;
	margin-top: 10px;
	color: #183E7A;
}

.brand p {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	color: rgba(26, 26, 26, 1);
	margin-bottom: 15px;
}

.brand-btn {
	background-color: #FFF;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 40px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);
	border: rgba(255, 255, 255, 0.3) 1px solid;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: rgba(24, 62, 122, 1);
}

.service-pill-box
.brand-btn {
	font-size: 14px;
}

.brand-btn:hover {
	border: #3192D0 1px solid;
	color: rgba(24, 62, 122, 1);
	transition: 0.3s ease;
}

.brand-btn-2 {
	background-color: #3192D0;
	//padding: 15px 20px;
	//font-weight: 700;
	//font-size: 13px;
	padding: 13px 16px;
	font-weight: 500;
	font-size: 13px;
	display: inline-block;
	border-radius: 40px;
	border: rgba(255, 255, 255, 0.3) 1px solid;
	color: #FFF;
}

.brand-btn-2:hover {
	border: #3192D0 1px solid;
	color: #FFFFFF;
	transition: 0.3s ease;
}

.float-service-hr {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: -30px;
	color: #FFF;
}

.floating-service h3 {
	font-weight: 300;
	margin-bottom: 0;
}


.brand .swiper-horizontal .swiper-scrollbar {
	top: 0;
	left: 80% !important;
}

.brand .swiper-horizontal>.swiper-pagination-bullets,
.brand .swiper-pagination-bullets.swiper-pagination-horizontal,
.brand .swiper-pagination-custom,
.brand .swiper-pagination-fraction {

	bottom: 392px;
	color: #FFF;
	font-weight: 800;
	letter-spacing: 0;
	left: -18.5%;
	top: 10px;
	text-align: right;

}

.about {
	padding-top: 0;
	padding-bottom: 0;
}

.mr-15 {
	margin-right: 10px;
}

.ml-15 {
	margin-left: 10px;
}

marquee {
	color: #183E7A;
	font-weight: 700;
	font-size: 60px;
	text-decoration: underline;
	animation: marquee 12s linear infinite;
}

.marquee {
	overflow: hidden;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display: flex;
}

.marquee h1 {
	font-size: 3em;
	margin-bottom: 0;
	white-space: nowrap;
	text-transform: uppercase
}

.contact h2 {
	font-weight: 700;
	font-size: 60px;
	color: #FFF;
}

.contact p {
	font-weight: 400;
	font-size: 15px;
	color: rgba(255, 255, 255);
}

.bd-contact-bg {
	background-color: #08083A;
	padding: 100px;
	border-radius: 32px 0 0 32px;
}

.contact-bg-white {
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 0;
	border-radius: 0 32px 32px 0;

}

.bd-con {
	padding-right: 50px;
}

.bd-con button {
	background-color: #3192D0;
	font-size: 15px;
	font-weight: 600;
	color: #FFF;
	padding: 14px 35px;
	border-radius: 40px;
	border: 0;

}

.bd-con button:hover {
	background: #103158;
	transition: 0.3s ease;
}


.sec-border {
	background: rgba(49, 146, 208, 0.6);
	margin-top: 40px;
	margin-right: -1000px;
	color: #3192D0;
}

.contact-wrapper h6 {
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 5px;
	font-weight: 800;
	color: #99A4B5;
	text-decoration: underline;
	text-transform: uppercase;

}

.con-bg-opc {
	background-size: contain;
	position: absolute;
	top: -120px;
	left: -90px;
	width: 180px;
}

.con-bg-opc-2 {
	background-size: contain;
	position: absolute;
	top: -80px;
	left: -90px;
	width: 180px;
}

.con-bg-opc-3 {
	background-size: contain;
	position: absolute;
	top: -170px;
	left: -200px;
	width: 400px;
}


.form-control {
	border: 1px solid #EBEBEB;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;

}


.img-bg {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
	width: 100%;
}

.pdf-link {
	font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
	margin-bottom: 18px;
	display: block;
}

@media (max-width: 768px) {
	.img-bg {
		height: 400px;
	}
	.pdf-link {
		margin-bottom: 0;
	}
}

.img-bg:before {
	position: absolute;
	content: "";
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.5;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	top: 0;
}


#hero {
	position: relative;
}

.img-bg-inner {
	position: absolute;
	top: 50vh;
	left: 38vw;
	transform: translate(-50%, -50%);
}

.fixed-bottom {
	bottom: unset;
}

@media (min-width: 1900px) {
	.img-bg .img-bg-inner {}


	.img-bg-inner {}

	.img-bg .bdc-slide-2 {
		position: absolute;
		top: 50vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 768px) {
	.img-bg .img-bg-inner {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.bdc-slide-2 {
	position: absolute;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);

}

.bdc-slide-2 h2,
.bdc-slide-2 p {
	max-width: unset !important;
}

.sliderFeaturedPosts .custom-swiper-button-next,
.sliderFeaturedPosts .custom-swiper-button-prev {
	position: absolute;
	top: 50vh;
	transform: translateY(-50%);
	z-index: 9;
	color: #888787;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	padding: 10px;
	border: 1px solid #888787;
	text-align: center;
	display: grid;
	place-content: center;
}

@media (max-width: 768px) {

	.sliderFeaturedPosts .custom-swiper-button-next,
	.sliderFeaturedPosts .custom-swiper-button-prev {
		display: none;
	}
}

.sliderFeaturedPosts .custom-swiper-button-next span,
.sliderFeaturedPosts .custom-swiper-button-prev span {
	font-size: 20px;
	color: rgba(var(--color-white-rgb), 0.7);
	transition: 0.3s all ease;
}

.sliderFeaturedPosts .custom-swiper-button-next:hover span,
.sliderFeaturedPosts .custom-swiper-button-next:focus span,
.sliderFeaturedPosts .custom-swiper-button-prev:hover span,
.sliderFeaturedPosts .custom-swiper-button-prev:focus span {
	color: rgba(var(--color-white-rgb), 1);
}

.sliderFeaturedPosts .custom-swiper-button-next {
	right: 40px;
}

.sliderFeaturedPosts .custom-swiper-button-prev {
	left: 40px;
}

.sliderFeaturedPosts .swiper-pagination .swiper-pagination-bullet {
	background-color: rgba(var(--color-white-rgb), 0.8);
}

.sliderFeaturedPosts .swiper-pagination .swiper-pagination-bullet-active {
	background-color: rgba(var(--color-white-rgb), 1);
}

.pl-190 {
	padding-left: 245px !important;
}

.pl-300 {
	padding-left: 340px !important;
}


.accordion-button,
.accordion-button:not(.collapsed) {
	position: relative;
	display: unset;
	align-items: center;
	width: 100%;
	padding: unset;
	font-size: unset;
	color: unset;
	text-align: left;
	background-color: unset;
	transition: unset;
}

.service-inner-content h2 {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #183E7A;
	text-transform: capitalize;
	text-align: left;
}

.trust-bdc .section-header h2,
.bdc-testimonial .section-header h2 {
	font-weight: 700;
	color: #183E7A;
	letter-spacing: normal;
}

.trust-bdc .sec-border,
.bdc-testimonial .sec-border {
	margin-top: 10px;
}

.service-inner-content p {
	font-weight: 400;
	color: #1A1A1A;
	font-size: 12px;
	line-height: 1.5;

}

.service-img-size {
	width: 350px !important;
	border-radius: 40px;
}

.floating-service {
	background: rgba(20, 183, 206, 0.97);
	border-radius: 48px;
	padding: 30px;
	right: 240px;
	bottom: -30px;
}

.floating-service a {
	color: rgba(26, 26, 26, 1);
	font-size: 13px;
	display: block;
}


.floating-service-link {
	//	width: 200px;
	color: rgba(26, 26, 26, 1);
	font-size: 13px;
}

.floating-service-link i {
	display: block;
	margin-bottom: 10px;
}

.floating-service-link span {
	font-family: "Poppins", sans-serif;
}

.fa-check-circle:before {
	padding: 5px;
	color: #FFF;

}

.brdcmb {
	display: inline-block;
	background: #F1F1F1;
	color: #183E7A;
	font-size: 11px;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 10px;
	border-radius: 25px;
}

/*
.brdcmb:hover {
	background: #183E7A;
	color: #FFF;
	transition: 0.3s;

}

.brdcmb-active {
	background: #183E7A;
	color: #FFF;
}

*/

.brdcmb:hover {
	color: #183E7A;

}

.brdcmb-active {
	background: #183E7A;
	color: #FFF;
}

.brdcmb-active:hover {
	color: #FFF;
}

.service-inner {
	padding-top: 95px;
}

.service-inner .section-header {
	padding-bottom: 0;
}

.bdc-box-shadow {
	padding-top: 45px;
	//box-shadow: 5px 5px 30px 0px #0000000F;
}


.service-inner-content {
	padding-top: 40px;
}

.why-faq {
	padding-left: 100px;
}

.why-faq p {
	margin-bottom: 5px;
	font-size: 13px;
	color: #FFF;
}

.why-bdc .row {
	background-color: #08083A;
	border-radius: 32px 0px 0px 32px;
}

.why-bdc h2 {
	font-size: 45px;
	font-weight: 800;
	color: #FFF;
	text-shadow: 5px 7px #000;
	padding-left: 30px;
}

.ptb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.border-rgt {
	border-left: 2px solid #FFF;
}


.trust-bdc .col-lg-6,
.trust-bdc .col-lg-3 {
	padding-left: 0;
	padding-right: 0;
}

.test-img {
	border-radius: 135px;
}

.bdc-testimonial h4 {
	font-weight: 500;
	font-size: 16px;
	color: #4D4D4D;
	margin-bottom: 10px;
}

.bdc-testimonial h5 {
	font-weight: 400;
	font-size: 12px;
	color: #808080;
	margin-bottom: 5px;

}

.bdc-testimonial p {
	font-weight: 400;
	font-size: 11px;
	color: #808080;
	margin-bottom: 5px;
}


.myBdc-testimonial,
.bdc-testimonial {
	padding-top: 30px;
	padding-bottom: 30px;
	display: none !important;
}

.myBdc-trust {
	padding-left: calc(var(--bs-gutter-x) * .5);
}

.swiper-horizontal .swiper-scrollbar {
	max-width: 200px;
	bottom: 0 !important;
	left: 50% !important;
	transform: translateX(-50%);
}

.swiper-scrollbar-drag {
	background: #FFF;
}

.brand .swiper-scrollbar {
	background: rgba(255, 255, 255, 0.2);
}

.bdc-call {
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	font-weight: 600;
	color: rgba(24, 62, 122, 1);
	padding: 10px 25px;
	border-radius: 40px;
	border: 0;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}

.bdc-call:hover {
	color: #FFF;
	background-color: #3192D0;
}

.pt-60 {
	padding-top: 30px !important;
}

.bdc-office {
	padding-top: 0;
	padding-bottom: 35px;
}

.box-service {
	background-color: #02314C;
}

.pb-20 {
	padding-bottom: 20px;
}

.floating-service-2 {
	background: rgba(255, 255, 255, 1);
	border-radius: 32px;

}

.bdc-container {
	max-width: 900px;
	padding-bottom: 0;
}

.policy-pages {
	background-color: #FFF;
	padding-top: 156px;
}

.policy-pages h5 {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}


.policy-pages p,
.policy-pages li {
	font-weight: 400;
	color: #1A1A1A;
	font-size: 12px;
	line-height: 1.5;
}

.faq-bg {
	background-color: #F5FAFD;
	padding: 40px 0;
}

.faq-page {
	//background: linear-gradient(180deg, #FFFFFF 0%, #001B45 100%);
	background: #183157;
	padding-top: 195px;
}

.faq-header {}



.faq-header h2 {
	font-size: 35px;
	font-weight: 275;
	color: #FFF;
	text-transform: capitalize;
}

.faq-header p {
	font-weight: 400;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.2;
}

#faq-dropdown {
	width: 100%;
	padding: 20px;
	font-weight: 500;
	font-size: 17px;
	color: #FFFFFF;
	border: 1px solid #FFF;
	border-radius: 5px;
}

#faq-dropdown:focus-visible {
	border: 1px solid #FFF;
	outline: none;
}

#faq-dropdown option {
	font-weight: 500;
	font-size: 17px;
	color: #03314B;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(.7) !important;
	background-color: #8896A7;
	padding: 25px;
	background-position: center;
	border-radius: 25px;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

#accordionExample {
	//max-width: 700px;
	margin: 0 auto;
}

.faq-body .accordion-button,
.accordion-button:not(.collapsed) {
	display: flex;
}

.accordion-button {
	font-size: 17px !important;
	margin-bottom: 15px;
	color: #FFF !important;
	font-weight: 500;
	margin-bottom: 0;
}

.accordion-header {
	padding: 10px 20px;
}

.accordion-button:focus {
	border: none;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-item:not(:first-of-type) {
	border-top: 0 !important;
}

.accordion-item {
	background: #586983;
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	border-radius: 5px;
}


.accordion-body {
	text-align: left;
	max-width: 700px;
	margin: 0 auto;
	font-weight: 400;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 0;
}

.investor {
	padding: 0;
	background-color: #FFF;
}

.investor .container {
	max-width: 950px;
}

.bdc-li-active {
	background-color: #3192D0;
	padding: 0 10px;
	border-radius: 7px;
}


.investor-li li:hover {
	background-color: #3192D0;
	border-radius: 7px;
}

.investor-li {
	padding-top: 200px;

}

.investor-li-profile {
	background-color: transparent;
}

.investor .col-lg-3 {
	width: 28%;
}

.investor-li ul li a {
	font-weight: 400;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	color: #FFF;
}

.investor-2 {
	background-color: linear-gradient(180deg, #FFFFFF 0%, #001B45 100%);
}

.investor-li ul {
	list-style: none;
	margin-bottom: 85px;
	padding-left: 0;
}

.investor-li ul li {
	margin-bottom: 5px;
	padding: 0 10px;
}

.investor-wrap {
	padding-top: 200px;
}

.investor-wrap .nav-tabs .nav-link.active {
	border-bottom: 2px solid #14B7CE !important;
	padding: 0;
}

.investor-wrap .nav-tabs .nav-link {
	padding: 0;
	margin-left: 20px;
}


.investor-wrap h2 {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: capitalize;
}

.investor-wrap p {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: normal;
	line-height: 1.5;
}

.director {
	margin-top: 15px;
	margin-bottom: 40px;
	padding: 30px 40px;
	border-radius: 25px;
	box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, .15) !important;
	border: 1px solid rgba(255, 255, 255, 0.6);
}


.prf-img {
	width: 200px;
	border-radius: 20px;
}


.pfr-det h4 {
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: capitalize;
	margin-bottom: 0 !important;
}

.pfr-det h5 {
	font-size: 12px !important;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 0 !important;
}

.pfr-det h6 {
	font-size: 11px !important;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 0 !important;
	margin-top: 10px !important;
}

.mb-30 {
	margin-bottom: 30px;
}

.success h2 {
	font-weight: 275;
	font-size: 30px;
	color: #4D4D4D;
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
	padding: 100px 0;
}

.investor-wrap .nav-link {
	font-weight: 600;
	color: rgba(255, 255, 255, 0.30) !important;
	font-size: 15px;
	border-radius: 0;

}

.nav-justified .nav-item,
.nav-justified>.nav-link {
	text-align: right;
}

.justify-end {
	justify-content: flex-end;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #183E7A !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-link:focus-visible {
	border-color: unset;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid transparent;
}


.about-main h2 {
	font-size: 29px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #FFF;
	text-transform: capitalize;
	margin-top: 20px;
}

.about-main p {
	font-weight: 400;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.abt-clr-1 {
	background-color: #14B7CE;
	padding: 50px;
	width: 48%;
	height: 890px;
	margin-right: 2%;
}

.abt-clr-2 {
	background-color: #001B45;
	padding: 50px;
	width: 48%;
	height: 850px;
	margin-left: 2%;
	margin-top: 100px;
	margin-bottom: -100px;
}

.about-main .container {
	max-width: 900px;
	margin: 0 auto;
}

.bdc-office h6 {
	color: rgba(77, 77, 77, 1);
	font-weight: 600;
	font-size: 15px;
}

.bdc-office p {
	color: rgba(128, 128, 128, 1);
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 5px;
}

.bg-small-clr {
	background-color: #F5FCFF;
	//	padding: 30px 40px;
	padding: 30px 34px;
	margin-bottom: 25px;
	box-shadow: 5px 5px 30px 0px #0000000F;
}

.bg-small-clr-2 {
	background-color: #FFFF;
//	padding: 30px 40px;
	padding: 30px 34px;
	margin-bottom: 25px;
	border-radius: 5px;
	box-shadow: 5px 5px 30px 0px #0000000F;
//	height: 230px;
	height: 250px;
}

.bdc-office h2 {
	font-weight: 700;
	font-size: 20px;
	color: rgba(77, 77, 77, 1);
	margin-bottom: 10px;
}

.contact,
.bdc-office {
	background-color: #FFF
}


.navbar .dropdown ul p {
	padding: 5px 0 0 9px;
	color: #22395D;
	text-transform: none;
	//font-weight: 600;
	margin-bottom: 0;
	text-transform: capitalize;

	font-size: 10px;
	line-height: 1;
}


.deep-dropdown h4 {
	margin-left: 9px;
	font-size: 11px;
	color: #183E7A;
	//font-weight: 600;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
}

.deep-dropdown a {
	text-transform: capitalize !important;
}

.bdc-hide {
	display: none !important;
}


.bdc-point {
	padding: 0 10px;
	margin: 0;
	background: #1C3459;
	border: 0;
	border-radius: 15px;
}

.bdc-s-active,
.bdc-point:hover {
	background-color: #3192D0;
	transition: 0.3s ease;
}

/*Bank SLider*/
.bank-slider .swiper-button-prev::after,
.bank-slider .swiper-button-next::after {
	font-size: 26px;
	font-weight: bold;
}

.bank-slider .swiper-button-next {
	right: -6px;
	top: 47%;
	color: #14B7CE;
}

.bank-slider .swiper-button-prev {
	left: 16%;
	top: 47%;
	color: #14B7CE;
}


.award .custom-swiper-button-next,
.award .custom-swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	color: #888787;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	padding: 10px;
	border: 1px solid #888787;
	text-align: center;
	display: grid;
	place-content: center;
}

@media (max-width: 768px) {

	.award .custom-swiper-button-next,
	.award .custom-swiper-button-prev {
		display: none;
	}
}

.award .custom-swiper-button-next span,
.award .custom-swiper-button-prev span {
	font-size: 13px;
	color: rgba(var(--color-white-rgb), 0.7);
	transition: 0.3s all ease;
}

.award .custom-swiper-button-next:hover span,
.award .custom-swiper-button-next:focus span,
.award .custom-swiper-button-prev:hover span,
.award .custom-swiper-button-prev:focus span {
	color: rgba(var(--color-white-rgb), 1);
}

.award .custom-swiper-button-next {
	right: 0;
}

.award .custom-swiper-button-prev {
	left: 0;
}


.award .swiper-horizontal>.swiper-pagination-bullets,
.award .swiper-pagination-bullets.swiper-pagination-horizontal,
.award .swiper-pagination-custom,
.award .swiper-pagination-fraction {
	font-weight: 800;
	text-align: left;
	left: 22%;
	bottom: 55px;

}

.award .swiper-pagination-bullet-active {
	background: rgba(24, 62, 122, 1) !important;
}

.award-pad img {
	width: 309px;
}


.ht-60 {
	height: 60px;
}

.form-control {
	border: 1px solid transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
	padding-left: 0;
}

.form-control:focus {
	border-color: transparent;
	box-shadow: none;
	border-bottom-color: rgba(20, 183, 206);

}

.brand .section-header {
	padding-bottom: 0;
}

.brand .service-slider {
	padding-top: 40px;
	margin-left: 130px;
}

.bc-card {
	margin-left: 3px;
	box-shadow: 0 5px 5px rgb(0 0 0 / 0.1);
}

.brand {
	padding-bottom: 50px;
	background-color: #08083A;
}

.bc-card .col-lg-7 {
	padding-right: 10px;
}

.brd-img {
	border-radius: 20px;
	//height: 385px;
	width: 140px;

}

.cm-ab {
	border-radius: 20px;
}

.pro-resize {
	padding: 15px 55px 15px 0;
}

ul ul.mob-dropdown {
	background: #E6E6EC;
	display: none;
	position: absolute;
	z-index: 999;
	//right: -75px;
	right: -148px;
	top: 57px;
	width: 100%;
	color: #22395D;
	width: 200px;
	padding: 40px 40px 10px 40px;
	border-radius: 15px;
	border: 0.73px solid #14B7CE;


}

ul:hover ul.mob-dropdown {
	display: block;
	transition: 0.3s;
}

ul ul.mob-dropdown a {
	display: block;
}

.mob-dropdown p,
.mob-dropdown a {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1;
}

.mob-dropdown p {
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.mob-dropdown a {
	font-size: 14px;
	font-weight: 700;
	color: #22395D;
	margin-bottom: 35px;
}


.mob-dropdown a:hover {
	color: #14B7CE;
}


.mob-ul {
	padding: 0;
	margin: 0;
}

.mob-ul:hover {
	transition: 0.3s;
}

.ab-img,
.ab-content {
	position: relative;
	bottom: 25%;

}

.about-main {
	padding-top: 295px;
	padding-bottom: 120px;
	background-image: url("img/colour-bg.jpg");
}

.success-bg {
	background-repeat: no-repeat;
	background-position: center;
}

.service-inner .section-header h2 {
	font-weight: 800;
	font-size: 34px;
	letter-spacing: 0;
	line-height: 1;
}

.service-inner .sec-border {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.bdc-main-con h4 {
	font-weight: 700;
	color: #333333;
	font-size: 21px;

}

.bdc-main-con p {
	font-size: 12px;
	color: rgba(26, 26, 26, 1);
	font-weight: 400;
	max-width: 230px;
	margin-bottom: 50px;
}


.bd-map {
	margin-bottom: 25px;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.bdc-box-shadow-2 {
	box-shadow: 5px 5px 30px 0px #0000000F;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #FFFFFF !important;
	background-color: transparent;
}

.nav-tabs {
	border-color: transparent;
}


.border-rad {
	border-radius: 32px;
}

.contact-home {
	background-color: #F9F9F9;
}

.success {
	height: 100vh;
	align-items: center;
	display: flex;
}

.bottom-5 {
	bottom: -5px !important;
}


.cov-hr {
	color: #3192D0;
	margin-top: 0;
	opacity: 1;
	margin-left: -1000px;
	margin-bottom: 0;
	margin-right: 95%;
	margin-top: -8px;
}

.brnd-hr {
	margin-right: 99.5%;
	margin-top: -14px;
}

.contact-home .bd-contact-bg {
	padding-bottom: 83px;
}

.brand-btn-2:hover svg {
	transform: translateX(10px);
	transition: all .3s ease;
}


.myBdc-trust .custom-swiper-button-next,


.myBdc-trust .swiper-button-prev {
	color: #14B7CE;
	left: -5px;
}

.myBdc-trust .swiper-button-next {
	color: #14B7CE;
	right: -5px;
}

.myBdc-trust .swiper-button-prev::after,
.myBdc-trust .swiper-button-next::after {
	font-size: 20px;
	font-weight: bold;
}

.contact-service .bd-contact-bg {
	padding-bottom: 0;
	padding-top: 0;
}

.contact-service .bdc-main-con p {
	margin-bottom: 20px;
}

.contact-service .bd-con button {
	font-size: 13px;
	padding: 11px 22px;
}

.contact-service .bdc-main-con p {
	max-width: 380px;
}

.why-bdc {
	padding-top: 30px;
}

.trust-bdc {
	padding-top: 0;
	padding-bottom: 0;
}

.trust-bdc .section-header,
.bdc-testimonial .section-header {
	padding-bottom: 0;
}


.contact-service {
	padding-top: 30px;
}

.pt-155 {
	padding-top: 155px;
}


.bdc-container .fa-check-circle:before {
	color: #103158;
	font-size: 15px;
}

.floating-service-2 h3 {
	margin-bottom: 10px;
}

.investor .offset-lg-1 {
	margin-left: 4.15%;
}

.investor {
	//background-image: linear-gradient(to right top, #001b45, #152a53, #273b60, #384c6e, #4a5d7c);
	background: linear-gradient(45deg, #001B45, #4A5D7C);
}

.investor-2 {
	padding-bottom: 20px;
}

.custom-investor {
	//	padding-top: 200px;
}

#faq-dropdown {
	background-image: url(../img/select.png);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	background-color: transparent;
}


.social-icon-2 {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 0px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #3192D0;
	font-size: 11px;
	color: #33588E;
	text-decoration: none;
	margin-right: 3px;
	background-color: #FFF;
	;
}

.social-icon-2 a {
	color: #33588E;
}

.social-icon-2:hover {
	background-color: #33588E;
	transition: 0.3s ease;
}

.social-icon-2:hover a {
	color: #FFF;
	transition: 0.3s ease;
}

.prf-scl {
	margin-top: 40px;
}

.about-inner-2 {
	padding-top: 0;
}

.about-inner-2 .container {
	max-width: 900px;
}

.new-ab-wrap {
	background-color: #F1F1F1;
	padding: 50px;
	border-radius: 30px;
	margin-right: 50px;
}

.new-ab-wrap h2 {
	font-family: 'Poppins';
	font-weight: 800;
	font-size: 34px;
	color: #183E7A;
	margin-bottom: 25px;
}

.new-ab-wrap p,
.about-inner-2 p {
	font-family: 'Poppins';
	font-weight: 400;
	color: #1A1A1A;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 3px;
}

.about-inner-2 h4 {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 14px;
	color: #183E7A;
	margin-bottom: 10px;
	margin-top: 30px;
}

.new-ab-wrap-2 {
	background-color: #F1F1F1;
	padding: 50px;
	border-radius: 30px;
	margin-left: 50px;
}

.new-ab-wrap-2 h2 {
	font-family: 'Poppins';
	font-weight: 800;
	font-size: 34px;
	color: #183E7A;
	margin-bottom: 25px;
}

.new-ab-wrap-2 p,
.about-inner-2 p {
	font-family: 'Poppins';
	font-weight: 400;
	color: #1A1A1A;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 3px;
}

.about-inner-full {
	background-color: #08083A;
	margin-bottom: 60px;
}

.about-inner-full .container {
	max-width: 900px;
}

.flex-col {
	flex-direction: column;
}

.w-100 {
	width: 100%;
}

.about-inner-full h2 {
	font-family: 'Poppins';
	font-weight: 800;
	font-size: 34px;
	color: #FFFFFF;
	margin-bottom: 25px;
}

.about-inner-full h4 {
	color: #FFF;
	font-size: 1.2rem;
	font-weight: normal;
}

.about-inner-full img {
	border-radius: 70px;
	padding: 40px;
}

.bdc-table {
	font-size: 12px;
	padding-top: 20px;
	display: block;
}

.cus-li li {
	font-size: 12px;
}

.cus-li ul {
	padding-left: 15px;
}

.about-inner-full p {
	font-family: 'Poppins';
	font-weight: 400;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 3px;
}

.p-20 {
	padding: 20px;
}

.bdc-pdf-link {
	display: inline-block;

}

.bdc-pdf-link a {
	//display: block;
	display: table;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	line-height: 1.5;
}

.bdc-pdf-link a:hover {
	color: #14B7CE !important;
}

.investor-wrap h5 {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: capitalize;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 85px;
}

.mb-85 {
	margin-bottom: 85px;
}

.share-table {
	font-size: 14px;
	color: #FFF;
	margin-bottom: 50px;

}

.share-table tr {
	border:1px solid rgba(255, 255, 255, 0.3)
}

.share-table td {
	border-width: 1px;
	padding: 5px;
}

.new-service-wrpper img {
	margin: 0 auto;
}

.bfnv h6 {
	font-size: 14px;
	color: #FFF;
	margin-top: 20px;
}

.bfnv p {
	margin-bottom: 5px;
}

.rem-m {
	margin-bottom: 10px !important;
}

.cus-i {
	display: none;
}

.new-service .nav-tabs .nav-link.active .cus-i {
	display: unset;
}

.bdc-s-active .cus-i {
	display: unset;
}



@media screen and (min-width: 1600px) {
	.brand h5 {
		margin-top: 30px;
	}

	.brand p {
		margin-bottom: 30px;
	}

	.brd-img {
		width: 100%;
	}

	.bc-card {
		padding: 30px;
	}

	.bg-small-clr-2 {
		height: 200px;
	}

	.cov-hr-2 {
		margin-left: -1290px !important;
	}

}


@media screen and (max-width: 1250px) {
.investor-wrap {
	overflow-x: auto
}

}
/* Tab & Small Laptop */

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.floating-service {
		right: 185px;
	}

	.why-bdc h2 {
		font-size: 38px;
	}

	.brand .swiper-horizontal .swiper-scrollbar {
		left: 75% !important;
	}

	.brand .swiper-horizontal>.swiper-pagination-bullets,
	.brand .swiper-pagination-bullets.swiper-pagination-horizontal,
	.brand .swiper-pagination-custom,
	.brand .swiper-pagination-fraction {
		left: -22.5% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	ul ul.mob-dropdown {
		right: -67px
	}

	.col-lg-6 {
		width: 100%;
	}

	.service-inner .col-lg-6 {
		width: 50%;
	}

	.award .swiper-horizontal>.swiper-pagination-bullets, .award .swiper-pagination-bullets.swiper-pagination-horizontal, .award .swiper-pagination-custom, .award .swiper-pagination-fraction {
		left: 21.5%;
	}

	.brnd-hr {
		margin-top: -9px;
	}
}

@media screen and (min-width: 768px) {

	.d2-lg-none,
	.desk-none {
		display: none !important;
	}

	.coverage .d-flex {
		width: 33.33%;
	}

	.award-pad {
		width: 35%;
		margin-left: 7%;
	}



	.brand-btn {
		display: inline-block !important;
	}
	.brd-mob-img, .brd-btn-2 {
		display: none !important;
	}

	.bc-card .col-lg-5 {
		width: 41.66666667%;

	}

	.bdc-menu-active {
		border-bottom: 2px solid #14B7CE !important;
		color: #14B7CE !important;
	}
	
	.bdc-menu-active i {
		color: #14B7CE !important;
	}

	.mob-video {
		display: none !important;
	}

}


.mybdc1-content h2 {
	font-size: 48px;
	font-weight: 700;
}

.mybdc1-content p {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}

.video-btn {
	background-color: #3192D0;
	color: #FFFFFF;
	padding: 12px 24px;
	margin-right: 20px;
	font-size: 11px;
	font-weight: 700;
	border-radius: 20px;
	display: inline-block;
}

.video-btn:hover {
	//background-color: #3192D0;
	color: #FFFFFF;
	background: #103158;
	transition: 0.3s ease;
}

.video-btn:hover svg {
	transform: translateX(10px);
	transition: all .3s ease;
}

.ml-10 {
	margin-left: 10px;
}


.mybdc1-content {
	bottom: 0;
	color: #f1f1f1;
	width: 100%;
	padding: 20px;

	text-align: center;
	max-width: 625px;
	/* margin: 0 auto; */
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#myBtn {
	background-color: transparent;
	border: none;
	color: #DDD;
	cursor: pointer;
	padding: 0;
	font-size: 10px;
}


.new-service {
	background: #08083A;
}


.new-service .row {
	position: relative;
}


.new-service h2 {
	font-weight: 800;
	font-size: 35px;
	line-height: 1;
	color: #FFFFFF;
	margin-bottom: 0;
	z-index: 1;

}

.cov-hr-2 {
	color: #3192D0;
	margin-top: -5px;
	opacity: 1;
	margin-left: -1108px;
	margin-right: 99.5%;
	margin-bottom: 70px;

}


.new-service .nav-tabs {
	display: block;
	list-style: disc;
	color: #79869D;
	margin-left: 20px;
}

.new-service .nav-tabs .nav-item.show .nav-link,
.new-service .nav-tabs .nav-link.active {
	background-color: #3192D0;
	color: #F4F5F5 !important;
	padding: 0 10px;
	border-radius: 20px;
}

.new-service .nav-link {
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #ddd;
	display: block;
	margin-bottom: 15px;
	text-align: left;
	font-weight: normal;
}

.new-service .nav-link:hover {
	background-color: #3192D0;
	color: #F4F5F5 !important;
	padding: 0 10px;
	border-radius: 20px;
}

.service-inner img {
	width: 100%;
}


@media only screen and (max-width: 1199px) and (min-width: 992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 100%;
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.header-bg { 
		padding-left: 30px  !important;;
		padding-right: 30px  !important;;
	}

	.mybdc1-content {
		top: 50%;
	}

	.bank-p {
		font-size: 13px;
	}

	.mtb-80 {
		padding-top: 50px;
	}

	.brand .service-slider {
		margin-left: 5px;
	}

	.contact h2 {
		font-size: 47px;
	}

	.bdc-office p {
		font-size: 10px;
	}

	.service-pill-box {
		padding: 40px;
		width: 210px;
	}

	.ml-13 {
		margin-left: 4px;
	}

}

@media only screen and (max-width: 991px) {
	.bc-card .col-lg-5, .brd-img{
		width: 100%;
	}
}

@media only screen and (min-width: 991px) {
	.award .swiper-horizontal>.swiper-pagination-bullets, .award .swiper-pagination-bullets.swiper-pagination-horizontal, .award .swiper-pagination-custom, .award .swiper-pagination-fraction {
		left: 29.5%;
	}
}




@media only screen and (max-width: 991px) and (min-width: 600px) {

	.container,
	.container-sm {
		max-width: 100%;
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.floating-mob {
		right: -67px;
	}

	.mybdc1-content {
		top: 55%;
	}

	.new-service .nav-link {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.contact h2 {
		font-size: 40px;
	}

	.contact p {
		margin-bottom: 10px;
	}

	.contact-service .bd-contact-bg {
		padding: 80px;
		border-radius: 32px;
	}

	#bdc-office .col-lg-3 {
		width: 33.3%;;
	}

	.bdc-office p {
		font-size: 11px;
	}

	#bdc-office .col-lg-9 {
	//	width: 66.6%;
	}

	.bg-small-clr-2 {
		height: 220px;
		padding: 25px;
	}

	.bg-small-clr {
		padding: 25px;
	}



	.footer .justify-content-center {
		justify-content: flex-start !important;
	}

	.ml-30,
	.ml-13 {
		margin-left: 0;
		text-align: left !important;
	}

	.policy-link a {
		margin-right: 5px;
	}

	.investor .col-lg-8 {
		width: 66.66666667%;
	}

	.director .col-lg-5 {
		width: 41.66%;
	}

	.director .col-lg-7 {
		width: 58.33%;
	}

	.bdc-container .col-lg-4 {
		width: 40%
	}

	.bdc-container .col-lg-7 {
		width: 60%;
	}

	.about-inner-full .col-lg-6 {
		width: 100%;
	}


	.contact .col-lg-6 {
		width: 100%;
	}

	.floating-service {
		right: 20px;
	}

	.col-lg-3 {
		width: 25%
	}

	.col-lg-9 {
		width: 75%;
	}

	.why-faq {
		padding-left: 50px;
	}

	.why-bdc h2 {
		font-size: 28px;
	}

	.new-service h2 {
		font-size: 34px;
		margin-bottom: 0;
	}

	.section-header h2,
	.trust h3,
	.coverage h2,
	.award h2 {
		font-size: 34px;
	}

	.trust {
		padding-top: 100px;
		padding-bottom: 75px;
	}

	.trust p {
		font-size: 12px;
	}

	.bank-p {
		font-size: 11px;
	}

	.bdc-point {
		display: inline-block;
		margin-bottom: 10px;
	}

	.bdc-testimonial .align-items-center {
		align-items: start !important;
	}

	.border-rad {
		background-color: #FFF;
	}

	.about-inner-2 .container {
		max-width: 700px;
	}

	.col-lg-8 {
		width: 65%;
	}

	.new-ab-wrap-2 {
		margin-left: 25px;
	}

	.new-ab-wrap {
		margin-right: 25px;
	}

	.service-pill-box {
		padding: 20px;
		width: 170px;
	}

	.brand-btn {
		font-size: 12px !important;
		display: none !important;
	}

	.brd-btn-2 {
		display: inline-block !important;
		font-size: 12px !important;
		margin-top: 25px;
		width: 103px;
        height: 34px;
	}

	.service-pill-box .brand-btn {
		padding: 10px;
	}

	.mtb-80 {
		padding-top: 50px;
	}


	.coverage .col-lg-2 {
		text-align: center !important;
	}

	.cv_clr {
		padding-bottom: 20px;
	}

	.award .col-lg-7 {
		width: 50%;
		margin-left: 0;
	}

	.brand .section-header {
		margin-left: 90px;
	}

	.brand .swiper-horizontal .swiper-scrollbar {
		//left: 68% !important;
	}

	.brand .swiper-horizontal>.swiper-pagination-bullets,
	.brand .swiper-pagination-bullets.swiper-pagination-horizontal,
	.brand .swiper-pagination-custom,
	.brand .swiper-pagination-fraction {
		//	left: -30.5%;
	}

	.brand .service-slider {
		margin-left: 0;
	}

	.award h4 {
		font-size: 17px;
	}

	.bc-card .col-lg-7 {
		//	width: 58.33%;
		width: 100%;
	}

	.brd-img {
	//	display: none;
	}




	.bd-contact-bg {
		border-radius: 32px;
	}

	.navbar .dropdown ul {
		left: -133px;
	}

	.brand .container-fluid {
		padding-left: 30px;
		padding-right: 20px;
	}

	.brand h5 {
		font-size: 16px;
	}

	.brand p {
		margin-bottom: 10px !important;
		font-size: 11px;
	}

	.contact-bg-white {
		border-radius: 0 0 32px 32px;
		padding-left: 80px;
		padding-right: 80px;
	}

	.contact-home .bd-contact-bg {
		border-radius: 32px 32px 0 0;
	}

	.contact-service .bdc-main-con p {
		max-width: 100%;
	}


	.policy-pages .col-lg-4 {
		width: 40%;
		margin-right: 10%;
	}

	.brd-img {
		margin-top: 25px;
	}
	
}


/* Mobile Device */
@media screen and (max-width: 767px) {


	/* Mobile Nav */
	.header-bg {
		max-width: 60% !important;
		border: 1px solid #14B7CE;
		margin: 0 auto;
		margin-left: 16%;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	ul ul.mob-dropdown {
		right: -67px;
		top: 55px;
		z-index: 1000;
		/* Ensure dropdown is on top */
	}

	.mobile-nav-toggle {
		color: #22395D;
		cursor: pointer;
		margin-right: -10px;
	}

	.navbar {
		position: absolute;
		right: 30px;
	}

	.mob-ul {
		display: flex;
		align-items: center;
	}

	.mob-dropdown {
		display: none;
		flex-direction: column;
	}

	.navbar-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		background: rgba(0, 27, 69);
		z-index: 9999;
		transition: all 0.3s;
	}

	.navbar-mobile .dropdown ul {
		position: static;
		display: none;
		opacity: 1;
		visibility: visible;
		height: auto;
		background: rgba(0, 27, 69, 0.95);
		padding: 0;
		border-radius: 0;
		transition: none;
		z-index: 1000;
		/* Ensure dropdown is on top */
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	}

	.navbar-mobile .dropdown>.dropdown-active {
		display: block;
	}

	.navbar-mobile ul {
		display: block;
		width: 100%;
		position: absolute;
		top: 55px;
		padding: 10px 0;
		overflow-y: auto;
		transition: 0.3s;
	}

	.navbar-mobile a,
	.navbar-mobile a:focus {
		padding: 0 20px;
		font-size: 15px;
		color: #FFF;
		display: inline-block;
	}

	.navbar-mobile a:hover,
	.navbar-mobile .active,
	.navbar-mobile li:hover>a,
	.navbar li:hover a>i {
		color: #FFF;
	}

	.navbar-mobile .getstarted,
	.navbar-mobile .getstarted:focus {
		margin: 15px;
	}

	.navbar-mobile .dropdown ul li {
		min-width: 200px;
	}

	.navbar-mobile .dropdown ul a {
		padding: 10px 20px;
	}

	.navbar-mobile .dropdown ul a i {
		font-size: 12px;
	}

	.navbar-mobile .dropdown ul a:hover,
	.navbar-mobile .dropdown ul .active:hover,
	.navbar-mobile .dropdown ul li:hover>a {
		color: #4154f1;
	}

	.mobile-nav-toggle.bi-x {
		color: #fff;
		right: 15px;
		position: absolute;
		background: rgba(11, 54, 101, 1);
		border-radius: 50px;
		top: 20px;
	}

	.navbar a i,
	.navbar a:focus i {
		color: #FFF;
	}

	.navbar-mobile a {
		justify-content: flex-start;
	}

	.header .navbar li {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.dropdown li:hover>a,
	.navbar li:hover>a {
		border-bottom-color: transparent !important;
	}

	.mob-none {
		display: none !important;
	}

	.offset-lg-3 {
		margin-left: 0;
	}

	.pl-300 {
		padding-left: 0 !important;
	}

	.deep-dropdown .col-4 {
		width: 100%;
		//   padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
		padding: 0;
	}

	.navbar-mobile .dropdown ul {
		box-shadow: none;
	}

	.header .deep-dropdown .col-4 li:nth-child(1) {
		border-top: 0;
	}

	.header .navbar li:nth-child(1) {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	.navbar .dropdown:hover>ul,
	.navbar .dropdown ul:hover {
		top: calc(100% - 55px);
		opacity: 1;
		visibility: visible;
		background-color: #001B45;
		padding: 0;
		height: 100%;
		position: static;
		z-index: -999;
		border-radius: 0;
		transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
		border: 0;
	}


	.deep-dropdown li {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 40px !important;
		border-bottom: 0 !important;
	}

	.deep-dropdown li a,
	.navbar .dropdown ul a {
		color: #FFF !important;
	}

	.header .dropdown-active li:nth-child(1) {
		border-top: 0 !important;
	}

	.navbar .dropdown ul {
		width: 100%;
		left: 0;
		right: 0;
	}

	.navbar-mobile .dropdown ul a {
		padding: 0;
	}

	header {
		padding-top: 20px !important;
	}

	.header .logo img {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.floating-mob {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

	.mob-dropdown a {
		margin-bottom: 20px;
	}

	/* end mob menu css*/

	#bdc-office .col-lg-3, #bdc-office .col-lg-9 {
		//width: 33.3%;
		width: 50%;
	}
	.deep-dropdown .row {
		margin: 0;
	}

	#coverage .col-lg-6 {
		justify-content: center !important;
	}

	.bdc-video {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		padding: 0;
		left: 0;
	}

	#hero {
		height: 90vh;
	}

	.cov-hr {
		margin-right: 97%;
	}

	.mybdc1-content {
		top: 38%;
	}

	.mybdc1-content p {
		font-size: 12px;
		margin-top: 50px;
	}

	.mybdc1-content h2 {
		font-size: 28px;
		font-weight: 700;
	}

	.cov-hr-2 {
		margin-bottom: 30px;
	}

	.new-service h2,
	.trust h3,
	.coverage h2 {
		font-size: 30px;
		font-weight: 800;
	}

	.con-bg-opc-3 {
		display: none;
	}

	.new-service .nav-link,
	.new-service .nav-tabs .nav-link,
	.new-service .nav-item {
		display: inline-block;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.new-service .nav-tabs {
		overflow: auto;
		white-space: nowrap;
		list-style: none;
		margin-left: 0;
		margin-bottom: 25px;
	}

	//.new-service .col-md-6 {
		width: 200px;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.service-pill-box {
		//	padding: 40px 20px;
		//	width: 200px;
		padding: 30px 25px;
		width: 180px;
	}

	.brand-btn {
		font-size: 12px;

	}

	.new-service {
		//	background: radial-gradient(#08083A, #012970); 
		padding-bottom: 50px;
	}

	.trust {
		padding-top: 85px;
		padding-bottom: 30px;
	}

	.trust_count {
		margin-left: 0;
	}

	.bdc-point {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.trust-img img {
		margin-bottom: 0;
	}

	.mtb-80 {
		padding-top: 30px;
	}

	.trust p {
		margin-bottom: 0;
		font-size: 13px;
	}

	.coverage .container {
		padding: 60px 35px 20px 35px;
		background-size: contain !important;
	}

	.cov-hr {
		margin-top: -5px;
	}

	.coverage .text-end {
		text-align: center !important;
		//	margin-top: -490px;
	}

	.coverage p {
		padding-bottom: 10px;
		margin-bottom: 0;
	}

	.coverage h4 {
		font-size: 30px;
		font-weight: 600;
		width: 33%;
	}

	//.coverage .flex-column {
	flex-direction: row !important;
}

.award .col-lg-7 {
	width: 100%;
	border-right: none;
	order: 2;
}

.award {
	padding-top: 50px;
	padding-bottom: 50px;
}

.award-pad {
	padding-top: 0;
	padding-bottom: 0;
}

.award h2 {
	font-size: 30px;
}

.award h4 {
	font-size: 18px;
	margin-top: 10px;
}

.award .swiper-horizontal>.swiper-pagination-bullets,
.award .swiper-pagination-bullets.swiper-pagination-horizontal,
.award .swiper-pagination-custom,
.award .swiper-pagination-fraction {
	left: 0;
	bottom: -5px;
	text-align: center;
}

.brand .section-header {
	margin-left: 0;
}

.brand .section-header h2 {
	font-size: 32px;
	font-weight: 400;
	line-height: 1;
}

.brnd-hr {
	margin-right: 99%;
}

.brand .service-slider {
	margin-left: 4px;
}

.brand h5 {
	margin-top: 20px;
}

.brand .swiper-scrollbar-drag {
	width: 40px !important;
}

.bc-card .col-lg-5 {
	justify-content: center;
}

.brd-img {
//	width: 100%;
	margin-top: 30px;
}

.bc-card {
	padding: 40px;
}

.brand .swiper-horizontal .swiper-scrollbar {
	max-width: 40px;
	left: 94% !important;
}

.brand .swiper-horizontal>.swiper-pagination-bullets, .brand .swiper-pagination-bullets.swiper-pagination-horizontal, .brand .swiper-pagination-custom, .brand .swiper-pagination-fraction {
	left: -3.5%;
}

.con-bg-opc {
	top: -56px;
	left: -28px;
	width: 130px;
}

.contact h2 {
	font-size: 32px;
}

.bd-contact-bg {
	padding: 60px !important;
}

.contact p {
	margin-bottom: 0;
}

.bd-con button {
	padding: 12px 18px;
	font-size: 13px;
}

.footer .ml-border {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer .col-lg-3 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.ml-13 {
	margin-left: 0;
}

.footer-links .justify-content-center {
	justify-content: unset !important;
}

.footer h4 {
	margin-bottom: 10px;
}

.footer .col-lg-3:nth-child(1) {
	order: 4;
	padding-left: 10px;
}

.footer .col-lg-3:nth-child(2) {
	order: 2;
}

.footer .col-lg-3:nth-child(3) {
	order: 3;
}

.footer .col-lg-3:nth-child(4) {
	order: 1;
}

.col-lg-3.col-md-12.footer-info.ml-border.text-center {
	padding-bottom: 0;
	width: 50%;
	border-right: 1px solid #E2E9EF;
}

.col-lg-3.col-md-12.footer-info.d-flex.justify-content-center.align-items-center.policy-link {
	//	padding-top: 20px;
	//	padding-bottom: 0;
	//	margin-bottom: -25px;
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center !important;
}

.brand .swiper-horizontal>.swiper-pagination-bullets,
.brand .swiper-pagination-bullets.swiper-pagination-horizontal,
.brand .swiper-pagination-custom,
.brand .swiper-pagination-fraction {
	z-index: -999;
}

.brd-img {
	display: none;
}


.ml-30 {
	margin-left: 0;
	text-align: left ! important;
}

.footer .ml-border {
	border-right: 0;
}

.social-links ul li {
	display: inline-block;
}

.footer .footer-top .footer-links ul i {
	padding-right: 5px;
}

.footer .footer-top .social-links a {
	margin-right: 10px;
}

.mt-3 {
	margin-top: 0 !important;
}


.footer {
	padding-bottom: 0;
}

.footer-info {
	padding: 0;
}

.policy-link a {
	//margin-right: 20px;
	margin-right: 10px;
}

.bank-p {
	font-size: 13px;
}

.new-service .nav-link {
	font-size: 13px;
}

.d2-sm-none {
	display: none !important;
}

.col-lg-2.d-flex.flex-column.justify-content-center.text-end.d2-lg-none {
	flex-direction: row !important;
}

.bdc-point {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

//  .pbt-20 {
margin-top: 20px !important;
}


.mob-sl-ht {
	//height: 300px;
}


.contact-service .container {
	padding-top: 70px;
}

.investor {
	padding-top: 100px;
}

.bg-small-clr-2 {
	padding: 20px;
	//	width: 267px;
	height: 200px;
}


.bg-small-clr {
	padding: 20px;
	//	width: 267px;
	height: 250px;
}

.bdc-office h6 {
	font-size: 14px;
}

.bdc-office p {
	font-size: 13px;
}

#bdc-office .col-lg-3 {
	//width: 50%;
}

#bdc-office .container {
	
}

.investor-li {
	overflow: auto;
	white-space: nowrap;
	list-style: none;
}

.investor-li ul li {
	display: inline-block;
}

.investor-li ul {
	margin-bottom: 20px;
}

.investor .offset-lg-1 {
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
}

.director {
	margin-top: 20px;
	padding: 20px 30px;
}

.mtt30 .col-lg-5 {
	width: 40%;
}

.mtt30 .col-lg-7 {
	width: 60%;
}

/*
.pfr-det h4 {
	font-size: 12px !important;
}

.investor-wrap h5 {
	font-size: 10px !important;
}

.pfr-det h6 {
	font-size: 9px !important;
}
*/
.service-inner .section-header h2,
.section-header h2 {
	font-size: 30px;
}

.service-inner {
	padding-top: 53px;
}

.service-inner .sec-border {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bdc-box-shadow {
	padding-bottom: 20px;
}

.service-inner {
	padding-bottom: 30px;
}

.floating-service-2 {
	max-width: 250px;
	margin: 0 auto;
}

.floating-service-2 h3 {
	font-size: 20px;
}

.floating-service-link i {
	//margin-bottom: 5px;
}

.floating-service-link span {
	font-size: 12px;
}

.floating-service {
	padding: 25px;
}

.service-inner-content h2 {
	margin-top: 30px;
}

#service-inner-content,
.contact-service {
	padding-bottom: 30px;
}

.service-inner-content,
.contact-service .container {
	padding-top: 0;
}

.myBdc-testimonial,
.bdc-testimonial {
	//padding-bottom: 0;
}


.contact-home {
	padding-top: 0 !important;
}


.test-img {
	width: 120px;
	margin-bottom: 20px;
}


.why-bdc .row {
	border-radius: 32px;
}

.border-rgt {
	border-left: 0;
}

.ptb-40 {
	padding-bottom: 0;
	padding-top: 30px;
}

.why-faq {
	padding: 20px;
}

.why-bdc h2 {
	text-align: center;
	padding-left: 0;
	font-size: 30px;
}

.bdc-box-shadow .col-lg-12 {
	overflow: auto;
	white-space: nowrap;
}

.service-inner-content .col-lg-6:nth-child(1) {
	order: 2;
	padding-top: 75px;
}

.floating-service {
	//top: 337px;
	//top: 160px;
	//bottom: unset;
	top: 100px;
	bottom: auto;
	right: 0;
	left: 0;
	max-width: 280px;
	margin: 0 auto;
}

.service-img-size {
	max-width: 300px;
	margin: 0 auto;
}

.new-ab-wrap h2 {
	font-size: 30px;
	margin-bottom: 20px;
}

.new-ab-wrap {
	padding: 30px;
	margin: 0 auto;
}

.cm-ab {
	margin-top: 20px;
}

.about-inner-2 {
	padding-bottom: 30px;
}

.about-inner-full .col-lg-6:nth-child(1) {
	order: 2;
	padding: 10px 0;
}

.about-inner-full .col-lg-6:nth-child(2) {
	order: 1;
}

.about-inner-full .col-lg-6:nth-child(3) {
	order: 3;
}

.about-inner-full .col-lg-6:nth-child(4) {
	order: 4;
}

.about-inner-full {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.about-inner-full img {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}

.about-inner-full h4 {
	font-size: 14px;
}

.about-inner-full h2 {
	margin-bottom: 10px;
	font-size: 30px;
}

.new-ab-wrap-2 {
	margin-left: 0;
	padding: 30px;
}

.new-ab-wrap-2 h2 {
	margin-bottom: 15px;
}

.about-inner-2 .col-lg-8:nth-child(1) {
	order: 2;
}

.about-inner-2 .col-lg-3:nth-child(2) {}

.about-inner-2 .col-lg-3:nth-child(3) {
	order: 4;
}

.about-inner-2 .col-lg-3:nth-child(4) {}

.policy-pages {
	padding-top: 100px;
}

.policy-pages {
	padding-bottom: 10px;
}

.faq-page {
	background: #405474;
}

.faq-header h2 {
	font-size: 30px;
}

.faq-header p,
.accordion-body {
	color: rgba(255, 255, 255, 0.8);
}

.faq-page,
.contact-service {
	padding-top: 98px;
}

.faq-page {
	padding-bottom: 10px;
}


.contact-padding {
	padding-top: 50px !important;
}

.pl-190 {
	padding-left: 0 !important;
}

.about-inner-full img {
	border-radius: 30px;
	padding: 0;
}

.about-inner-full h2 {
	margin-top: 20px;
}

.about-inner-full h4 {
	margin-bottom: 20px;
}

.about-inner-full {
	padding-top: 50px;
	padding-bottom: 5px;
}

.new-service .tab-pane {
	background-size: cover !important;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.brd-mob-img {
	border-radius: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
}

.brand-btn {
	display: none !important;
}

.brd-btn-2 {
	display: block !important;
	width: 103px;
	height: 34px;
	margin-top: 0 !important;
}

.brand p {
	margin-bottom: 0;
}

.footer .col-lg-3 {
	//	width: 25%;
		width: 100%;
	}

.footer .ml-border {
	padding-top: 0 !important;
}

.investor .col-lg-3, .investor .col-lg-8 {
	width: 100%;
}

.investor-li {
	padding-top: 0;
}

.investor .offset-lg-1 {
	margin-left: 0;
	padding-bottom: 40px;
	padding-left: calc(var(--bs-gutter-x)* .5);
	padding-right: calc(var(--bs-gutter-x)* .5);
}

.desk-video {
	display: none !important;
}

}

@media screen and (max-width: 599px) {

	.footer .col-lg-3 {
		width: 100%;
	
		}

	#bdc-office .container {
		max-width: 400px;
	}

	#bdc-office .col-lg-3 {
		width: 100%;;
	}

	#bdc-office .col-lg-9 {
		width: 100%;
	}

	.container {
		padding-left: 35px;
		padding-right: 35px;
	}

	section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.faq-bg {
		padding-top: 50px;
	}

	.policy-pages img {
		width: 210px;
		margin-bottom: 50px;
	}

	.policy-pages .col-lg-4 {
		text-align: center;
	}

	.policy-pages h5 {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
		margin-bottom: 10px
	}

	.policy-pages p,
	.policy-pages li {
		font-size: 12px;
		font-weight: 400;
	}

	.faq-header {
		margin: 0 auto;
	}

	.faq-header h2 {
		font-weight: 275;
	}

	#faq-dropdown {
		width: 100%;
		padding: 10px 20px;
		outline: none;
	}

	.footer .ml-border {
		padding-top: 0;
	}


	.accordion-button,
	#faq-dropdown,
	#faq-dropdown option {
		font-size: 13px !important;
		font-weight: 500;
	}

	.success {
		height: unset !important;
	}

	.abt-clr-1,
	.abt-clr-2 {
		width: 100%;
		height: 100%;
		padding: 35px;
	}

	.abt-clr-2 {
		margin-left: 0;
		margin-top: 30px;
		margin-bottom: -90px;
	}

	.about-main {
		padding-top: 30px;

	}

	.contact-service {
		//	padding-top: 30px !important;
	}

	.bd-contact-bg {
		//	padding: 30px !important;

	}

	.contact h2 {
		//font-size: 53px;
	}

	.contact p {
		font-size: 13px;
	}

	.bdc-call {
		background: #E5E8EC;
		font-weight: 700;
		color: #183E7A;
	}

	.bd-contact-bg {
		border-radius: 13px 13px 0 0;
	}

	.contact-bg-white {
		padding-top: 30px;
		padding-left: 30px;
	}

	.contact-service .bdc-main-con p {
		margin-right: 10px;
	}

	.form-control {
		font-size: 13px;
	}

	.contact-bg-white {
		border-radius: 0 0 13px 13px;
	}

	.bdc-office {
		padding-bottom: 5px;
	}

	.bd-con {
		padding-right: 30px;
	}

	.investor .offset-lg-1 {
		margin-left: 0;
		padding-bottom: 40px;
	}

	.investor {
		padding-bottom: 0;
	}

	.investor .col-lg-3 {
		width: 100%;
	}

	.investor-li {
		padding: 0;
	}

	.header {
		padding-top: 20px;
	}

	.header-bg {
		max-width: 60% !important;
		border: 1px solid #14B7CE;
		margin: 0 auto;
		margin-left: 14%;
	}

	.floating-mob {
		right: -67px;
	}

	ul ul.mob-dropdown {
		right: -67px;
	}

	.mob-dropdown a {
		margin-bottom: 20px;
	}

	.header .logo img {
		padding: 10px 0;
	}

	.floating-mob {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

	.bd-contact-bg {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.service-inner img {
	//	height: 140px;
	width: 100% ! important;
	}

	.bc-card {
		margin: 0 30px;
		padding: 30px;
	}

	.brand .swiper-horizontal .swiper-scrollbar {
		max-width: 40px;
		left: 88% !important;
	}

	.brand .swiper-horizontal>.swiper-pagination-bullets, .brand .swiper-pagination-bullets.swiper-pagination-horizontal, .brand .swiper-pagination-custom, .brand .swiper-pagination-fraction {
		left: -8.5%;
	}


	


}


@media screen and (max-width: 370px) {

	.bc-card {
		margin: 0 20px;
		padding: 20px;
	}

	.header-bg {
		max-width: 70% !important;
		margin: 0 auto;
		margin-left: 8%;
	}

	.floating-mob {
		right: -53px;
	}

	ul ul.mob-dropdown {
		right: -50px;
	}

	.floating-service {
		top: 95px;
	}

	.service-inner-content .col-lg-6:nth-child(1) {
		order: 2;
		padding-top: 105px;
	}

}

@media screen and (max-width: 320px) {

	.footer .footer-top .footer-links ul a,
	.footer .footer-top .footer-links p,
	.f-bdcom,
	.policy-link a,
	.footer .copyright {
		font-size: 9px;
	}

	.footer .footer-top .footer-links ul i {
		font-size: 13px;
	}

	.floating-service {
		top: 35px;
	}

	.floating-service-link span {
		font-size: 11px;
	}
}


.bdc-d-inline-block {
	display: block;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.6);
}

.bdc-d-inline-block a {
	display: inline-block;
}

.pr-0 {
	padding-right: 0;
}



.app-page {
	padding-top: 110px;
	padding-bottom: 0;
	background: #F9F9F9;
}

.app-page .container {
	max-width: 900px;
}

.app-page .pt-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.place-content-center {
	place-content: center;
}

.app-page img {
	max-width: 300px;
	text-align: center;
	margin-bottom: 0;
}

.app-content {
	max-width: 400px;
	margin: 0 auto;
}

.app-content h3 {
	margin-bottom: 20px;
}


.app-feature {
	background-color: #F1F1F1;
	padding-top: 50px;
	padding-bottom: 50px; 
}

.app-feature-2 {
	background-color: #ecf0f3;
	margin-top: 100px;
	padding-top: 50px;
	padding-bottom: 50px; 
}

@media screen and (max-width: 767px) {
.app-feature-2 {
	margin-top: 25px;
	padding-top: 25px;
    padding-bottom: 25px;
}
.app-page .pt-50, .app-feature {
	padding-top: 25px;
    padding-bottom: 25px;
}
.or-2 {
	order: 2;
}

.mt-25-mob {
	margin-top: 25px;
}

}