/*@import "https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap";*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400);
/*@import url('https://fonts.cdnfonts.com/css/effra-heavy');*/
/*@import url(https://fonts.googleapis.com/css?family=Oswald:300);*/
@import url(../../../pro.fontawesome.com/releases/v5.10.0/css/all.css);
@import url(bootstrap.min.css);
@import url(animate.min.css);
@import url(../fonts/flaticon.css);
@import url(boxicons.min.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);
@import url(magnific-popup.css);
@import url(nice-select.min.css);
@import url(meanmenu.css);
@import url(responsive.css);
@import url(theme-dark.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

body {
	font-size: 15px;
	line-height: 1.6;
	/*    font-family: livvic, sans-serif;*/
	font-family: 'Effra', sans-serif;
	color: #444;
	/*font-weight: 400;*/
	background: #f8f8f8;
}

p {
	font-family: "Poppins", sans-serif;
	color: #444;
	/* font-family: serif; */
	/*font-weight: 400 !important;*/
	text-align: justify;
}

a {
	display: inline-block;
	/*
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
*/
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

button {
	margin: 0;
	padding: 0;
	outline: 0;
}

button:focus {
	outline: 0;
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-weight: 600;*/
	color: #252525;
}

h3 {
	font-size: 22px;
}

.d-table {
	width: 100%;
	height: 100%;
}

.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}

img {
	max-width: 100%;
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-80 {
	padding-top: 80px;
}

.ptb-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-70 {
	padding-bottom: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-20 {
	padding-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.ml-25 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.mr-20 {
	margin-right: 20px;
}

.margin-auto {
	margin: 0 auto;
}

.border-radius-50 {
	border-radius: 50px;
}

.border-radius-5 {
	border-radius: 5px;
}

.box-shadow {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.section-title span {
	margin-bottom: 8px;
	font-weight: 600;
	display: block;
}

.section-title h2 {
	font-size: 50px;
	font-weight: 600;
	margin-top: 0;
	line-height: 1.2;
	color: #252525;
	margin-bottom: 0;
	font-family: 'Oswald';
	text-transform: uppercase;
}

.section-title p {
	padding-top: 10px;
	margin-bottom: 0;
	max-width: 530px;
	color: #444;
}

.sp-color1 {
	color: #00a65a;
	padding-left: 8px;
	font-size: 22px;
}

.sp-color2 {
	color: #0071dc;
}

.default-btn {
	display: inline-block;
	padding: 12px 32px;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	font-family: 'Effra', sans-serif;
}

.default-btn i {
	font-size: 20px;
	position: relative;
	top: 4px;
	display: none;
}

.default-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	left: -36%;
	top: 0;
	-webkit-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	width: 0;
}

.default-btn:hover {
	color: #fff !important;
}

.default-btn:hover:before {
	height: 100%;
	width: 135%;
	background-color: #252525;
}

.btn-bg-one {
	background-color: #090776;
}

.btn-bg-two {
	background-color: black;
}

.top-header {
	padding: 7px 0 10px;
}

.top-header-bg {
	background-color: #070b3b;
}

.top-left-side .top-header-text {
	display: inline-block;
	position: relative;
	margin-left: 30px;
}

.top-left-side .top-header-text::before {
	content: "";
	position: absolute;
	left: -20px;
	width: 1px;
	height: 22px;
	background-color: #fff;
	top: 1px;
}

.top-left-side .top-header-text p {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
}

.top-left-side .top-header-text p b {
	color: #090776;
	font-weight: 500;
	margin-right: 5px;
}

.top-head-left {
	float: left;
}

.top-head-left .top-contact {
	position: relative;
	display: inline-block;
}

.top-head-left .top-contact:hover i {
	background-color: #0071dc;
	color: #fff;
}

.top-head-left .top-contact:hover h3 a {
	color: #090776;
}

.top-head-left .top-contact h3 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	font-weight: 500;
}

.top-head-left .top-contact h3 a {
	color: #fff;
	margin-bottom: 0;
	text-decoration: none;
}

.top-head-left .top-contact h3 a:hover {
	color: #090776;
}

.top-header-right {
	float: right;
}

.top-header-right .top-header-social {
	display: inline-block;
}

.top-header-right .top-header-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-header-right .top-header-social ul li {
	display: inline-block;
	top: 1px;
	position: relative;
}

.top-header-right .top-header-social ul li a {
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	background-color: transparent;
	color: #fff;
	border-radius: 50px;
	font-size: 18px;
}

.top-header-right .top-header-social ul li a:hover {
	color: #090776;
}

.top-header-right .language-list {
	top: -6px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	margin-left: -20px;
	z-index: 9999;
}

.top-header-right .language-list .language-list-item {
	height: 0;
	padding: 0 15px;
	border: none;
	color: #fff;
	background-color: transparent;
	font-weight: 500;
	font-size: 14px;
	border-radius: 5px 0 0 5px;
	padding-left: 30px;
	padding-right: 30px;
}

.top-header-right .language-list .language-list-item:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.top-header-right .language-list .nice-select {
	height: 0;
	width: 125px;
	line-height: 0;
	font-size: 15px;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-radius: 5px 0 0 5px;
	z-index: 9999;
	text-align: right !important;
}

.top-header-right .language-list .nice-select .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	border-radius: 0;
	margin-top: 20px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.top-header-right .language-list .nice-select .list .option {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	color: #252525;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	width: 180px;
	border-bottom: 1px solid #e1e1e1;
}

.top-header-right .language-list .nice-select .list .option:hover {
	background-color: transparent !important;
	color: #0071dc;
}

.top-header-right .language-list .nice-select .list .option .selected {
	background-color: transparent !important;
	font-weight: 500;
	color: #0071dc !important;
}

.top-header-right .language-list .nice-select::after {
	content: "\ea29";
	height: 8px;
	width: 8px;
	border: none;
	top: 0;
	margin-bottom: 0;
	right: 10px;
	background-color: transparent;
	font-family: boxicons !important;
	color: #fff;
	font-size: 18px;
	-webkit-transform-origin: none;
	transform-origin: none;
	-webkit-transform: none;
	transform: none;
	margin-top: 0;
}

.main-nav {
	background-color: #fff0;
	top: 0;
	position: inherit;
	left: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.main-nav .navbar {
	padding-left: 11px;
	padding-right: 0;
	/* padding-top: 7px; */
	/* padding-bottom: 3px; */
	padding: 11px 0px;
}

.navbar-brand {
	padding-bottom: 0;
	padding-top: 0;
	z-index: 1;
	margin-top: -9px;
}

.sticky-nav .main-nav .navbar {
	padding-left: 0;
	padding-right: 0px;
	padding-top: 17px;
	padding-bottom: 14px;
}

.sticky-nav .main-nav .navbar .navbar-brand .logo-one {
	/* display: none; */
}

.sticky-nav .main-nav .navbar .navbar-brand .logo-two {
	display: block;
}

.main-nav .navbar .navbar-brand .logo-two {
	display: none;
}

.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .active {
	color: #0ca962 !important;
}

.main-nav nav .navbar-nav .nav-item:hover a::before,
.main-nav nav .navbar-nav .nav-item .active::before {
	opacity: 1;
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item:hover a i,
.main-nav nav .navbar-nav .nav-item .active i {
	color: #0071dc;
}

.sticky-nav .main-nav nav .navbar-nav .nav-item a {
	color: #000 !important;
}

.main-nav nav .navbar-nav .nav-item a {
	text-transform: uppercase;
	color: black;
	font-weight: 600;
	font-size: 15px;
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
	font-family: 'POPPINS';
}

.main-nav nav .navbar-nav .nav-item a span {
	font-size: 10px;
	color: red;
	margin-left: 2px;
	top: -7px;
	position: relative;
}

.main-nav nav .navbar-nav .nav-item a::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	height: 1px;
	left: 0;
	right: 0;
	/*    background-color: #0071dc;*/
	opacity: 0;
	/*
    -webkit-transition: 0.7s;
    transition: 0.7s;
*/
}

.main-nav nav .navbar-nav .nav-item a i {
	line-height: 0;
	position: relative;
	top: 0px;
	font-size: 18px;
	color: #fff;
}

.sticky-nav .main-nav nav .navbar-nav .nav-item a i {
	color: #000 !important;
}

.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a :focus {
	color: #FFFFFF;
	color: #046340 !important;
}

.main-nav nav .navbar-nav .nav-item a:hover::before,
.main-nav nav .navbar-nav .nav-item a :focus::before {
	opacity: 1;
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item a:hover i,
.main-nav nav .navbar-nav .nav-item a :focus i {
	color: #FFFFFF;
}

.main-nav nav .navbar-nav .nav-item a.active {
	color: #FFFFFF !important;
}

.main-nav nav .navbar-nav .nav-item a.active::before {
	opacity: 1;
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item a.active i {
	color: #0071dc;
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
	z-index: 5;
	margin: 0px;
	border: none;
	padding: 0;
	border-radius: 0;
	background-color: #fff !important;
	/*
    -webkit-transform: scale(1);
    transform: scale(1);
*/
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
	/*    border-bottom: 1px solid #e1e1e1;*/
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
	border-bottom: none;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	text-transform: capitalize;
	color: #252525 !important;
	position: relative;
	z-index: 1;
	/*    transition: 1s;*/
	font-weight: 600;
	padding: 10px 25px;
	font-size: 14px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
	float: right;
	top: 12px;
	position: relative;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	/*    background-color: #0071dc;*/
	-webkit-transition: 0.9s;
	transition: 0.9s;
	z-index: -1;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
	border-radius: 0;
	color: #fff !important;
	padding-left: 35px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i {
	color: #fff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
	color: white !important;
	background-color: #046340;
	border-radius: 0;
	/*    padding-left: 35px;*/
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i {
	color: #fff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active::before {
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
	color: #fff !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active::before {
	width: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active i {
	color: #fff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	left: 100%;
	margin-top: 18px !important;
	position: absolute;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.main-nav .nav-side.nav-side {
	position: relative;
	z-index: 1;
	top: -7px;
}

.main-nav .nav-side .nav-side-item {
	margin-right: 20px;
	display: inline-block;
}

.main-nav .nav-side .nav-side-item:last-child {
	margin-right: 0;
}

.main-nav .nav-side .nav-side-item .search-box {
	position: relative;
	top: -5px;
}

.sticky-nav .main-nav .nav-side .nav-side-item .search-box i {
	color: #000 !important;
}

.main-nav .nav-side .nav-side-item .search-box i {
	cursor: pointer;
	font-size: 24px;
	color: #fff;
	position: relative;
	display: inline-block;
	top: 0;
}

.main-nav .nav-side .nav-side-item .search-box:hover i {
	color: #0071dc;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form {
	position: relative;
	top: -10px;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control {
	height: 45px;
	background-color: #f8f8f8;
	padding: 10px 20px;
	width: 100%;
	border-radius: 50px;
	border: none;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 40px;
	width: 40px;
	background-color: #090776;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: none;
	outline: none;
	border-radius: 50px;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button i {
	color: #fff;
	position: relative;
	top: 1.9px;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover {
	background-color: #0071dc;
}

.main-nav .nav-side .nav-side-item .get-btn {
	display: inline-block;
	position: relative;
	top: 5px;
}

.main-nav .nav-side .nav-side-item .get-btn .default-btn {
	padding: 9px 25px;
}

.nav-side-mt {
	margin-top: 6px;
}

.side-nav-responsive {
	display: none;
}

.side-nav-responsive .dot-menu {
	padding: 0 10px;
	height: 30px;
	cursor: pointer;
	z-index: 999;
	position: absolute;
	right: 60px;
	top: 20px;
}

.side-nav-responsive .dot-menu .circle-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
}

.side-nav-responsive .dot-menu .circle-inner .in-circle {
	height: 5px;
	width: 5px;
	border-radius: 100%;
	margin: 0 2px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	background-color: #0071dc;
}

.side-nav-responsive .dot-menu:hover .circle-inner .circle {
	background-color: #090776;
}

.side-nav-responsive .container-max {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.side-nav-responsive .container-max .container {
	position: absolute;
	top: 70px;
	right: 0;
	max-width: 220px;
	margin-left: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	z-index: 2;
	padding-left: 15px;
	padding-right: 15px;
}

.side-nav-responsive .container-max .container.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.side-nav-responsive .side-nav-inner {
	padding: 12px 10px 10px;
	-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
	background-color: #fff;
}

.side-nav-responsive .side-nav-inner .side-nav {
	background-color: #0071dc;
	padding: 10px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box {
	position: relative;
	display: inline-block;
	top: -10px;
	margin-right: 5px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box i {
	cursor: pointer;
	font-size: 24px;
	color: #fff;
	position: relative;
	display: inline-block;
	top: 5px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box:hover i {
	color: #0071dc;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn {
	display: inline-block;
	position: relative;
	top: 5px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn .default-btn {
	padding: 7px 15px;
	background-color: #fff;
	color: #252525;
}

.sticky-nav {
	top: 0;
	position: fixed;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 100% !important;
	z-index: 999;
}

.sticky-nav .main-nav {
	background: #fff;
	top: 0;
	border: none;
	position: fixed;
	z-index: 999;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.search-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.search-overlay .search-layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.search-overlay .search-layer:nth-child(1) {
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.search-overlay .search-layer:nth-child(2) {
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-in-out 0.3s;
	transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-layer:nth-child(3) {
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.9s ease-in-out 0.6s;
	transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay .search-close {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 50px;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	-webkit-transition: all 0.9s ease-in-out 1.5s;
	transition: all 0.9s ease-in-out 1.5s;
	opacity: 0;
	visibility: hidden;
}

.search-overlay .search-close .search-close-line {
	width: 100%;
	height: 3px;
	float: left;
	margin-bottom: 5px;
	background-color: #fff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-overlay .search-close .search-close-line:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search-overlay .search-close .search-close-line:nth-child(2) {
	margin-top: -7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.search-overlay .search-close:hover .search-close-line {
	background: #0071dc;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.search-overlay .search-form {
	-webkit-transition: all 0.9s ease-in-out 1.4s;
	transition: all 0.9s ease-in-out 1.4s;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 2;
	max-width: 500px;
	width: 500px;
	padding: 0 15px;
}

.search-overlay .search-form form {
	position: relative;
}

.search-overlay .search-form form .input-search {
	display: block;
	width: 100%;
	height: 60px;
	border: none;
	border-radius: 30px;
	color: #252525;
	padding: 3px 0 0 25px;
}

.search-overlay .search-form form .input-search::-webkit-input-placeholder {
	-webkit-transition: 0.7s;
	transition: 0.7s;
	letter-spacing: 0.5px;
	color: #252525;
}

.search-overlay .search-form form .input-search:-ms-input-placeholder {
	-webkit-transition: 0.7s;
	transition: 0.7s;
	letter-spacing: 0.5px;
	color: #252525;
}

.search-overlay .search-form form .input-search::-ms-input-placeholder {
	-webkit-transition: 0.7s;
	transition: 0.7s;
	letter-spacing: 0.5px;
	color: #252525;
}

.search-overlay .search-form form .input-search::placeholder {
	-webkit-transition: 0.7s;
	transition: 0.7s;
	letter-spacing: 0.5px;
	color: #252525;
}

.search-overlay .search-form form .input-search:focus {
	border: none;
	outline: none;
}

.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder {
	color: transparent;
}

.search-overlay .search-form form .input-search:focus:-ms-input-placeholder {
	color: transparent;
}

.search-overlay .search-form form .input-search:focus::-ms-input-placeholder {
	color: transparent;
}

.search-overlay .search-form form .input-search:focus::placeholder {
	color: transparent;
}

.search-overlay .search-form form button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 50px;
	color: #fff;
	height: 50px;
	border-radius: 50%;
	background-color: #0071dc;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	border: none;
	font-size: 20px;
	line-height: 55px;
}

.search-overlay .search-form form button:hover {
	background-color: #090776;
	color: #fff;
}

.search-overlay .search-form form:hover {
	border: none;
	outline: none;
}

.search-overlay.search-overlay-active.search-overlay {
	opacity: 1;
	visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-layer {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.search-overlay.search-overlay-active.search-overlay .search-close {
	opacity: 1;
	visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-form {
	opacity: 1;
	visibility: visible;
}

.banner-slider-area {
	position: relative;
	/* top: -80px; */
	z-index: 0;
}

.banner-slider-area .owl-dots {
	margin-top: 0 !important;
	position: absolute;
	display: -ms-grid;
	display: grid;
	right: 7%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: 10px;
}

.owl-theme .owl-dots .owl-dot {
	display: none !important;
}

.banner-slider-area .owl-dots .owl-dot span {
	background-color: #fbfbfb3f !important;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	margin: 7px;
	width: 40px !important;
	height: 40px !important;
	border: 10px solid #fbfbfb3f;
}

.banner-slider-area .owl-dots .owl-dot.active span {
	background-color: #fff !important;
	width: 40px !important;
	height: 40px !important;
	border: 13px solid #090776;
}

.banner-slider-area .owl-dots .owl-dot:hover span {
	background-color: #fff !important;
	width: 40px !important;
	height: 40px !important;
	border: 13px solid #090776;
}

.banner-item {
	position: relative;
	z-index: 1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-item::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*background-color: #000000;*/
	opacity: 0.2;
}

.banner-item-content {
	padding-top: 150px;
	padding-bottom: 120px;
}

.banner-item-content span {
	font-size: 15px;
	font-weight: 500;
	color: #0071dc;
	padding: 10px 25px;
	background-color: #fff;
	border-radius: 50px;
	display: inline-block;
}

.banner-item-content h1 {
	margin-top: 25px;
	font-size: 45px;
	color: #fff;
	font-weight: 700;
	max-width: 780px;
	margin-bottom: 20px;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
}

.banner-item-content p {
	font-size: 26px;
	color: #fff;
	font-weight: 400;
	max-width: 800px;
	margin-bottom: 35px;
	font-family: oswald, sans-serif;
}

.item-bg1 {}

.item-bg2 {}

.item-bg3 {}

.banner-area {
	position: relative;
	z-index: 1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/home-two.jpg);
}

.banner-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(#252525bf), to(#25252500));
	background-image: linear-gradient(to right, #252525bf, #25252500);
}

.banner-item-ptb {
	padding-top: 140px;
	padding-bottom: 160px;
}

.banner-item-ptb h1 {
	margin-top: 0;
}

.banner-area-two {
	position: relative;
	z-index: 1;
	background-color: #f8f8f8;
}

.banner-area-two::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/home-three/home-three-bg.png);
}

.banner-content {
	position: relative;
	margin-top: -50px;
}

.banner-content h1 {
	font-size: 60px;
	color: #252525;
	font-weight: 600;
	max-width: 680px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.banner-content p {
	font-size: 17px;
	color: #252525;
	font-weight: 500;
	max-width: 500px;
	margin-bottom: 35px;
}

.banner-img {
	position: relative;
	padding-top: 70px;
}

.banner-img .banner-img-shape {
	position: absolute;
	bottom: 100px;
	right: 0;
	-webkit-animation: moveBounce 9s linear infinite;
	animation: moveBounce 9s linear infinite;
}

.banner-sub-item {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	padding: 15px 10px 15px 160px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.banner-sub-item img {
	position: absolute;
	top: 10px;
	left: 10px;
	max-width: 125px;
	border-radius: 15px 0 0 15px;
}

.banner-sub-item .content {
	padding-bottom: 10px;
}

.banner-sub-item .content h3 {
	font-size: 45px;
	color: #090776;
	font-weight: 700;
	margin-bottom: 0;
}

.banner-sub-item .content span {
	color: #252525;
	font-size: 18px;
	font-weight: 600;
}

.banner-sub-slider {
	position: relative;
	margin-top: -80px;
	padding-bottom: 50px;
}

.banner-four-area {
	background-color: #070b3b;
	z-index: 1;
	position: relative;
}

.banner-four-area::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 70%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/home-four/home-four-bg.png);
	opacity: 0.8;
}

.banner-four-content {
	max-width: 620px;
	margin-left: auto;
	margin-right: -50px;
	position: relative;
	z-index: 2;
}

.banner-four-content span {
	font-size: 14px;
	font-weight: 400;
	color: #090776;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 15px;
}

.banner-four-content h1 {
	font-size: 50px;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}

.banner-four-content p {
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 30px;
}

.banner-four-content .banner-btn .default-btn {
	display: inline-block;
}

.banner-four-content .banner-btn .play-btn {
	padding-left: 65px;
	position: relative;
	z-index: 1;
	top: -3px;
}

.banner-four-content .banner-btn .play-btn i {
	position: absolute;
	top: -3px;
	left: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	background-color: #fff;
	color: #090776;
	border-radius: 50px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.banner-four-content .banner-btn .play-btn i::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0.5px solid #fff;
	border-radius: 50px;
	-webkit-animation: ripple 2s infinite ease-in-out;
	animation: ripple 2s infinite ease-in-out;
}

.banner-four-content .banner-btn .play-btn h3 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #090776;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.banner-four-content .banner-btn .play-btn span {
	font-size: 14px;
	color: #fff;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	margin-bottom: 0;
}

.banner-four-content .banner-btn .play-btn:hover i {
	background-color: #090776;
	color: #fff;
}

.banner-four-content .banner-btn .play-btn:hover i::after {
	border-color: #090776;
}

.banner-four-content .banner-btn .play-btn:hover h3 {
	color: #fff;
}

.banner-four-content .banner-btn .play-btn:hover span {
	color: #090776;
}

.banner-four-img {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}

.banner-five-area {
	background-color: #d5e5f4;
	position: relative;
	padding: 50px 0;
}

.banner-five-content {
	max-width: 560px;
	margin-left: auto;
}

.banner-five-content span {
	font-size: 14px;
	font-weight: 600;
	color: #0071dc;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 15px;
}

.banner-five-content h1 {
	font-size: 52px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}

.banner-five-content h1 b {
	font-weight: 600;
	color: #0071dc;
}

.banner-five-content p {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 30px;
}

.banner-five-img {
	-webkit-animation: moveBounce 9s infinite ease-in-out;
	animation: moveBounce 9s infinite ease-in-out;
}

.banner-bottom-area {
	position: relative;
	margin-top: -75px;
}

.banner-bottom-card {
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding: 30px 20px 30px 135px;
	border-radius: 15px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	border-bottom: 3px solid #0071dc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.banner-bottom-card i {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 40px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	color: #252525;
	background-color: #e5f3ff;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
}

.banner-bottom-card h3 {
	color: #252525;
	margin-bottom: 10px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.banner-bottom-card p {
	margin-bottom: 0;
	font-weight: 500;
}

.banner-bottom-card:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.banner-bottom-card:hover h3 {
	color: #090776;
}

.inner-banner {
	position: relative;
	z-index: 0;
	/*    background-color: #070b3b;*/
	margin-top: -6%;
	background: url("../img/back-banner.html")
}

.inner-banner .inner-title {
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative;
	z-index: 1;
}

.inner-banner .inner-title h3 {
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	position: relative;
}

.inner-banner .inner-title p {
	color: #fff;
	font-size: 18px;
}

.inner-banner .inner-title ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.inner-banner .inner-title ul li {
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

.inner-banner .inner-title ul li i {
	color: #fff;
	position: relative;
	top: 3px;
	margin: 0 3px;
}

.inner-banner .inner-title ul li a {
	color: #fff;
}

.inner-banner .inner-title ul li a:hover {
	color: #090776;
}

.inner-banner .inner-shape {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

.about-content .about-content-card {
	margin-top: 30px;
}

.about-content .about-content-card i {
	font-size: 60px;
	color: #0071dc;
	line-height: 1;
}

.about-content .about-content-card h3 {
	margin-top: 15px;
	margin-bottom: 12px;
}

.about-content .about-content-card p {
	margin-bottom: 0;
}

.about-content .about-list {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.about-content .about-list li {
	display: block;
	color: #252525;
	margin-bottom: 10px;
	font-weight: 500;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	padding-left: 35px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 15px;
}

.about-content .about-list li:hover {
	color: #0071dc;
}

.about-content .about-list li:hover i {
	color: #090776;
}

.about-content .about-list li:last-child {
	margin-bottom: 0;
}

.about-content .about-list li i {
	font-size: 26px;
	color: #0071dc;
	position: absolute;
	left: 0;
	top: -2px;
	margin-right: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.about-content .about-content-text {
	margin-top: 20px;
	margin-bottom: 0;
}

.about-img {
	position: relative;
}

.about-img::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 30%;
	height: 40%;
	background-color: transparent;
	border: 3px solid #090776;
	bottom: -10px;
	right: -40px;
	border-radius: 35px;
}

.about-img img {
	border-radius: 15px;
}

.about-img .sub-content {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 15px;
	padding: 15px 10px 23px 160px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.about-img .sub-content img {
	position: absolute;
	top: 10px;
	left: 10px;
	max-width: 123px;
	border-radius: 15px 0 0 15px;
}

.about-img .sub-content h3 {
	font-size: 45px;
	color: #090776;
	font-weight: 700;
	margin-bottom: 0;
}

.about-img .sub-content span {
	color: #252525;
	font-size: 18px;
	font-weight: 600;
}

.about-play {
	position: relative;
	border-radius: 30px;
}

.about-play img {
	border-radius: 30px;
}

.about-play .about-play-content {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	max-width: 470px;
	background-color: #25252538;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 70%;
	padding: 100px 40px 70px 25px;
}

.about-play .about-play-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 30px;
	width: 91.7%;
	height: 90.1%;
	background-color: #0071dc;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 70%;
}

.about-play .about-play-content span {
	color: #fff;
}

.about-play .about-play-content h2 {
	color: #fff;
	font-size: 35px;
	max-width: 300px;
	margin-bottom: 0;
}

.about-play .about-play-content .play-on-area {
	position: absolute;
	z-index: 1;
	bottom: 175px;
	left: 200px;
}

.about-play .about-play-content .play-on-area .play-on {
	width: 80px;
	height: 80px;
	color: #0071dc;
	background-color: #fff;
	text-align: center;
	font-size: 55px;
	border-radius: 50px;
	display: inline-block;
}

.about-play .about-play-content .play-on-area .play-on i {
	padding-left: 3px;
}

.about-play .about-play-content .play-on-area .play-on:hover {
	color: #fff;
	background-color: #090776;
}

.about-bg {
	background-color: #070b3b;
}

.about-img-2 {
	margin-bottom: 30px;
}

.about-img-2 img {
	border-radius: 15px;
}

.about-content-2 {
	margin-bottom: 30px;
}

.about-content-2 .section-title h2 {
	color: #fff;
}

.about-content-2 .section-title p {
	color: #fff;
}

.about-content-2 .about-card {
	margin-top: 15px;
}

.about-content-2 .about-card .content {
	padding-top: 20px;
	position: relative;
	padding-left: 70px;
	margin-bottom: 40px;
}

.about-content-2 .about-card .content i {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 55px;
	color: #0071dc;
	line-height: 1;
}

.about-content-2 .about-card .content h3 {
	margin-bottom: 10px;
	color: #fff;
}

.about-content-2 .about-card p {
	margin-top: 25px;
	margin-bottom: 0;
	color: #fff;
}

.about-bg2 {
	background-color: #f8f8f8;
}

.about-img-4 {
	max-width: 750px;
	margin-left: auto;
	margin-bottom: 30px;
}

.about-content-3 {
	max-width: 560px;
	margin-right: auto;
	margin-bottom: 30px;
}

.about-content-3 .section-title {
	margin-bottom: 20px;
}

.about-content-3 h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.all-skill-bar {
	margin-right: 30px;
	margin-bottom: 30px;
}

.skill-bar {
	margin-bottom: 20px;
}

.skill-bar .progress-title-holder {
	position: relative;
	margin-bottom: 15px;
}

.skill-bar .progress-title {
	font-size: 16px;
	font-weight: 600;
	color: #252525;
}

.skill-bar .progress-number-wrapper {
	width: 100%;
	z-index: 10;
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	letter-spacing: 0;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	color: #fbede9;
}

.skill-bar .progress-number-mark {
	margin-bottom: 4px;
	border-radius: 3px;
	color: #fff;
	padding: 0 8px;
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 14px;
	font-weight: 600;
	width: 45px;
	height: 26px;
	text-align: center;
	line-height: 28px;
	background: #070b3b;
}

.skill-bar .progress-content-outter {
	height: 10px;
	background-color: #bddfff;
	border-radius: 5px;
}

.skill-bar .progress-content {
	height: 10px;
	background-color: #0071dc;
	width: 0%;
	border-radius: 5px;
}

.security-area .section-title h2 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.security-card {
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding: 30px;
	border-radius: 15px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	border-bottom: 3px solid #0071dc;
}

.security-card i {
	font-size: 45px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	color: #252525;
	background-color: #e5f3ff;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	margin-bottom: 12px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.security-card h3 {
	margin-bottom: 10px;
}

.security-card h3 a {
	color: #252525;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: block;
}

.security-card p {
	margin-bottom: 0;
}

.security-card:hover i {
	background-color: #0071dc;
	color: #fff;
}

.security-card:hover h3 a {
	color: #0071dc;
}

.services-area {
	/*    background-color: #070b3b;*/
	position: relative;
	background: linear-gradient(275deg, #070b3b, #0c9ba9);
}

.services-area .section-title h2 {
	max-width: 500px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.services-area .section-title p {
	color: #fff;
	max-width: 760px;
}

.services-card {
	/*    padding: 30px 20px 25px;*/
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.services-card::before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	width: 90px;
	height: 90px;
	background-color: #0071dc;
	border-radius: 272px 0 0 0;
	opacity: 0.1;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card::after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	width: 75px;
	height: 75px;
	background-color: #0071dc;
	border-radius: 170px 0 0 0;
	opacity: 0.1;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card i {
	color: #0071dc;
	font-size: 60px;
	line-height: 1;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card h3 {
	margin-top: 20px;
	margin-bottom: 12px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card h3 a {
	display: block;
	color: #252525;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card p {
	margin-bottom: 12px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card .learn-btn {
	color: #252525;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card .learn-btn i {
	font-size: 20px;
	position: relative;
	top: 5px;
	color: #252525;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-card .learn-btn:hover {
	color: #fff;
}

.services-card .learn-btn:hover i {
	color: #fff;
}

.services-card:hover::before {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	opacity: 1;
}

.services-card:hover i {
	color: #fff;
}

.services-card:hover h3 a {
	color: #fff;
}

.services-card:hover p {
	color: #fff;
}

.services-card:hover .learn-btn {
	color: #fff;
}

.services-card:hover .learn-btn i {
	color: #fff;
}

.services-card-color-bg {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	padding: 40px 30px 35px;
	border-radius: 15px;
}

.services-left {
	margin-bottom: 30px;
}

.services-left .section-title {
	margin-bottom: 20px;
}

.services-left .section-title p {
	padding-top: 17px;
}

.services-style-bg {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}

.service-shape {
	position: absolute;
	top: 0;
	right: 0;
}

.service-shape img {
	max-width: 400px;
}

.services-area-two {
	background-color: #070b3b;
	position: relative;
	z-index: 1;
}

.services-area-two::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/services/services-bg.png);
}

.services-area-two .section-title h2 {
	max-width: 500px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.services-item {
	position: relative;
	margin-bottom: 80px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.services-item:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.services-item:hover .content h3 a {
	color: #090776;
}

.services-item a {
	display: block;
}

.services-item a img {
	border-radius: 5px;
}

.services-item .content {
	position: absolute;
	left: 0;
	right: 0;
	width: 82%;
	bottom: -80px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 20px 20px 20px 100px;
	margin-bottom: 30px;
}

.services-item .content i {
	font-size: 60px;
	position: absolute;
	top: 17px;
	left: 20px;
	line-height: 1;
	color: #0071dc;
}

.services-item .content span {
	color: #0071dc;
}

.services-item .content h3 {
	font-size: 20px;
	margin-top: 3px;
	margin-bottom: 0;
}

.services-item .content h3 a {
	color: #252525;
}

.services-area-three {
	background-color: #f8f8f8;
}

.services-area-three .section-title h2 {
	max-width: 390px;
	color: #252525;
	margin-left: auto;
	margin-right: auto;
}

.services-widget-area .section-title h2 {
	color: #252525;
}

.services-style-area .section-title h2 {
	max-width: 390px;
	color: #252525;
	margin-left: auto;
	margin-right: auto;
}

.services-style-area .section-title p {
	max-width: 600px;
}

.service-article .service-article-img {
	margin-bottom: 25px;
}

.service-article .service-article-img img {
	border-radius: 15px;
}

.service-article .service-article-content h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.service-article .service-article-content p {
	margin-bottom: 20px;
}

.service-article .service-article-content .service-article-list {
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}

.service-article .service-article-content .service-article-list li {
	display: block;
	color: #252525;
	margin-bottom: 10px;
	font-weight: 600;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	padding-left: 35px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.service-article .service-article-content .service-article-list li:hover {
	color: #0071dc;
}

.service-article .service-article-content .service-article-list li:hover i {
	color: #090776;
}

.service-article .service-article-content .service-article-list li:last-child {
	margin-bottom: 0;
}

.service-article .service-article-content .service-article-list li i {
	font-size: 26px;
	color: #0071dc;
	position: absolute;
	left: 0;
	top: -2px;
	margin-right: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.service-article .service-article-another h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.service-article .service-article-another p {
	margin-bottom: 20px;
}

.service-article .service-article-another .service-article-another-img {
	margin-bottom: 25px;
	margin-top: 10px;
}

.service-article .service-article-another .service-article-another-img img {
	border-radius: 15px;
}

.service-article .service-work-process h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.service-article .service-work-process p {
	margin-bottom: 30px;
}

.service-article .work-process-card p {
	margin-bottom: 0;
}

.work-process-area .section-title h2 {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.work-process-left {
	background-color: #070b3b;
	padding: 148px 50px;
	border-radius: 10px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.work-process-left::before {
	content: "";
	position: absolute;
	z-index: -1;
	opacity: 0.2;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/shape/bg-shape.png);
}

.work-process-left .section-title {
	margin-bottom: 30px;
}

.work-process-left .section-title h2 {
	color: #fff;
}

.work-process-left .default-btn {
	margin: 0 auto;
}

.work-process-card {
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 30px 20px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.work-process-card::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 70px;
	height: 55px;
	background-color: #0071dc;
	border-radius: 0 0 0 270px;
	opacity: 0.1;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.work-process-card i {
	font-size: 60px;
	color: #0071dc;
	line-height: 1.2;
}

.work-process-card h3 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.work-process-card p {
	margin-bottom: 0;
}

.work-process-card .number {
	font-size: 24px;
	color: #0071dc;
	font-weight: 600;
	position: absolute;
	top: 5px;
	right: 15px;
}

.work-process-area-two {
	position: relative;
}

.work-process-area {
	background: #fff;
}

.work-shape {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.work-process-card-two {
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 35px 23px;
	margin-bottom: 30px;
}

.work-process-card-two .number-title {
	font-size: 30px;
	color: #0071dc;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}

.work-process-card-two h3 {
	margin-bottom: 15px;
}

.work-process-card-two p {
	margin-bottom: 0;
}

.work-process-right {
	background-color: #070b3b;
	padding: 138px 50px;
	border-radius: 10px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.work-process-right::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/shape/bg-shape2.png);
}

.work-process-right .section-title {
	margin-bottom: 30px;
}

.work-process-right .section-title h2 {
	color: #fff;
}

.work-process-right .default-btn {
	margin: 0 auto;
}

.work-process-card-three {
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 35px 23px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.work-process-card-three::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 85px;
	height: 75px;
	background-color: #0071dc;
	border-radius: 0 0 0 100%;
	opacity: 0.1;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.work-process-card-three .number-title {
	font-size: 30px;
	color: #0071dc;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}

.work-process-card-three h3 {
	margin-bottom: 15px;
}

.work-process-card-three p {
	margin-bottom: 0;
}

.work-process-card-three i {
	font-size: 30px;
	color: #0071dc;
	position: absolute;
	top: 7px;
	right: 15px;
}

.choose-area {
	background-color: #070b3b;
}

.choose-content {
	margin-bottom: 30px;
}

.choose-content .section-title h2 {
	max-width: 470px;
	color: #fff;
}

.choose-content .section-title p {
	color: #fff;
}

.choose-content .choose-content-card {
	margin-top: 15px;
}

.choose-content .choose-content-card .content {
	padding-top: 20px;
	position: relative;
	padding-left: 75px;
}

.choose-content .choose-content-card .content i {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 60px;
	color: #0071dc;
	line-height: 1;
}

.choose-content .choose-content-card .content h3 {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #fff;
}

.choose-content .choose-content-card p {
	margin-top: 5px;
	margin-bottom: 0;
	color: #fff;
}

.choose-img {
	margin-bottom: 30px;
}

.choose-img img {
	border-radius: 15px;
}

.choose-content-two .section-title {
	margin-bottom: 25px;
}

.choose-content-two .section-title p {
	padding-top: 15px;
}

.choose-content-two .choose-content-card {
	position: relative;
	padding-left: 100px;
	margin-bottom: 25px;
}

.choose-content-two .choose-content-card i {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 35px;
	color: #fff;
	background-color: #0071dc;
	border-radius: 3px;
}

.choose-content-two .choose-content-card h3 {
	margin-bottom: 15px;
}

.choose-content-two .choose-content-card p {
	margin-bottom: 0;
	max-width: 315px;
}

.choose-img-two {
	position: relative;
	z-index: 1;
	padding-right: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.choose-img-two::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 90%;
	height: 100%;
	background-color: #070b3b;
}

.build-area {
	position: relative;
	z-index: 1;
}

.build-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background-color: #0071dc;
}

.build-area::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background-image: url(../images/build/build-bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.build-area .default-btn {
	background-color: #fff;
	color: #0071dc;
}

.build-content .section-title span {
	color: #fff;
}

.build-content .section-title h2 {
	color: #fff;
}

.build-content.build-content-on-color .section-title span {
	color: #252525;
}

.build-content.build-content-on-color .section-title h2 {
	color: #252525;
}

.build-btn-area {
	float: right;
}

.build-play-img {
	position: relative;
	border-radius: 30px;
	margin-bottom: 30px;
}

.build-play-img img {
	border-radius: 30px;
}

.build-play-img .play-area-content {
	position: absolute;
	z-index: 1;
	bottom: -1px;
	left: -1px;
	max-width: 470px;
	background-color: #25252538;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 70%;
	padding: 150px 80px 110px 40px;
}

.build-play-img .play-area-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 30px;
	right: 30px;
	width: 92.7%;
	height: 92.1%;
	background-color: #0071dc;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 70%;
}

.build-play-img .play-area-content span {
	color: #fff;
}

.build-play-img .play-area-content h2 {
	color: #fff;
	font-size: 35px;
	max-width: 300px;
	margin-bottom: 0;
}

.play-area {
	position: absolute;
	z-index: 1;
	bottom: 220px;
	left: 260px;
}

.play-area .play-on {
	width: 80px;
	height: 80px;
	color: #0071dc;
	background-color: #fff;
	text-align: center;
	font-size: 45px;
	line-height: 85px;
	border-radius: 50px;
	display: inline-block;
}

.play-area .play-on i {
	position: relative;
	left: 4px;
	top: 1px;
}

.play-area .play-on:hover {
	color: #fff;
	background-color: #090776;
}

.build-item {
	position: relative;
	margin-bottom: 80px;
}

.build-item a {
	display: block;
}

.build-item a img {
	border-radius: 5px;
}

.build-item .content {
	position: absolute;
	left: 0;
	right: 0;
	width: 90%;
	bottom: -80px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.build-item .content h3 {
	margin-bottom: 5px;
}

.build-item .content h3 a {
	color: #252525;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.build-item .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.build-item .content ul li {
	display: inline-block;
	margin-right: 15px;
	color: #444;
	font-weight: 500;
	position: relative;
	font-size: 14px;
}

.build-item .content ul li a {
	color: #444;
}

.build-item .content ul li::before {
	content: "";
	position: absolute;
	top: 5px;
	right: -10px;
	width: 2px;
	height: 15px;
	background-color: #444;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}

.build-item .content ul li:last-child {
	margin-left: 0;
}

.build-item .content ul li:last-child::before {
	display: none;
}

.build-item .content ul li:hover a {
	color: #0071dc;
}

.build-item .content .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	color: #0071dc;
	text-align: center;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 5px;
	background-color: #e6f1fc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.build-item:hover .content h3 a {
	color: #090776;
}

.build-item:hover .more-btn {
	background-color: #0071dc;
	color: #fff;
}

.build-text {
	margin-bottom: 20px;
	margin-top: 30px;
}

.build-text p {
	color: #fff;
	margin-bottom: 0;
	font-weight: 600;
}

.build-text.build-on-text p {
	color: #252525;
}

.play-btn-area {
	position: relative;
	z-index: 1;
	padding-top: 170px;
	padding-bottom: 170px;
	text-align: center;
	margin-bottom: 30px;
}

.play-btn-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/build/build-play-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 15px;
}

.play-btn-area .build-play {
	font-size: 35px;
	color: #fff;
	width: 100px;
	height: 100px;
	z-index: 1;
	background-color: #ffffff87;
	border-radius: 50%;
	line-height: 105px;
	text-align: center;
	position: relative;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-animation: pulse 3s ease-out infinite;
	animation: pulse 3s ease-out infinite;
}

.play-btn-area .build-play i {
	position: relative;
	top: 1px;
	left: 3px;
}

.play-btn-area .build-play::before {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	left: 0;
	right: 0;
	top: 15px;
	margin: 0 auto;
	z-index: -1;
	background-color: #0071dc;
	border-radius: 50%;
}

.play-btn-area .build-play:hover {
	border-radius: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.play-btn-area .build-play:hover::before {
	border-radius: 0;
	-webkit-animation: none;
	animation: none;
}

.build-area-two {
	background-color: #f8f8f8;
}

.talk-area {
	background-image: url(../images/talk-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.talk-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #070b3b;
	opacity: 0.8;
}

.talk-content .section-title {
	margin-bottom: 30px;
}

.talk-content .section-title h2 {
	color: #fff;
	max-width: 530px;
	margin-left: auto;
	margin-right: auto;
}

.talk-area-two {
	background-image: url(../images/talk-bg2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
}

.talk-area-two::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #0071dc;
	opacity: 0.8;
}

.call-us-area {
	background-color: #070b3b;
	position: relative;
	z-index: 1;
}

.call-us-area::before {
	content: "";
	position: absolute;
	opacity: 0.1;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/call-us/call-shap1.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.call-us-img {
	text-align: center;
	position: relative;
	z-index: 1;
}

.call-shape .shape1 {
	position: absolute;
	top: 30px;
	left: 30px;
}

.call-shape .shape2 {
	position: absolute;
	top: 30px;
	right: -35px;
}

.call-contact {
	padding: 50px 0;
}

.call-contact h3 {
	font-size: 22px;
	color: #090776;
	margin-bottom: 5px;
}

.call-contact .call-btn {
	font-size: 35px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 600;
}

.call-contact .call-btn:hover {
	color: #090776;
}

.call-contact p {
	font-size: 20px;
	color: #fff;
	margin-bottom: 25px;
}

.counter-area {
	position: relative;
	background: #f8f8f8;
}

.counter-area .section-title h2 {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.counter-area .section-title p {
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}

.counter-content {
	margin-bottom: 30px;
	text-align: center;
}

.counter-content h1 {
	font-size: 170px;
	color: #252525;
	margin-bottom: 0;
	line-height: 1;
}

.counter-content h1 span {
	color: #0071dc;
	line-height: 1;
	position: relative;
	top: -6px;
}

.counter-content h3 {
	margin-bottom: 13px;
}

.counter-content p {
	max-width: 355px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.counter-another-content {
	margin-bottom: 50px;
	padding-left: 90px;
	position: relative;
}

.counter-another-content i {
	position: absolute;
	line-height: 1;
	font-size: 60px;
	top: 3px;
	left: 0;
	color: #0071dc;
}

.counter-another-content h3 {
	color: #252525;
	font-size: 35px;
	line-height: 1;
	margin-bottom: 8px;
}

.counter-another-content span {
	font-size: 17px;
	color: #444;
	margin-bottom: 0;
	font-weight: 600;
}

.counter-shape {
	display: none;
}

.counter-shape .shape1 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.counter-shape .shape1 img {
	max-width: 200px;
}

.counter-shape .shape2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.counter-shape .shape2 img {
	max-width: 200px;
}

.case-study-area .section-title h2 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.case-study-item {
	position: relative;
	margin-bottom: 80px;
	border: 1px solid #d5d5d5;
}

.case-study-item a {
	display: block;
}

.case-study-item a img {
	border-radius: 5px;
}

.case-study-item .content {
	position: absolute;
	left: 0;
	right: 0;
	width: 90%;
	bottom: -80px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.case-study-item .content h3 {
	margin-bottom: 5px;
}

.case-study-item .content h3 a {
	color: #252525;
}

.case-study-item .content h3:hover a {
	color: #0071dc;
}

.case-study-item .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.case-study-item .content ul li {
	display: inline-block;
	margin-right: 15px;
	color: #444;
	font-weight: 500;
	position: relative;
}

.case-study-item .content ul li::before {
	content: "";
	position: absolute;
	top: 5px;
	right: -10px;
	width: 2px;
	height: 15px;
	background-color: #444;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}

.case-study-item .content ul li a {
	color: #444;
}

.case-study-item .content ul li:last-child {
	margin-left: 0;
}

.case-study-item .content ul li:last-child::before {
	display: none;
}

.case-study-item .content ul li:hover a {
	color: #0071dc;
}

.case-study-item .content .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
	line-height: 50px;
	font-size: 20px;
	color: #0071dc;
	text-align: center;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 5px;
	background-color: #e6f1fc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.case-study-item .content .more-btn:hover {
	background-color: #0071dc;
	color: #fff;
}

.case-study-item:hover .content h3 a {
	color: #0071dc;
}

.case-study-item:hover .content .more-btn {
	background-color: #0071dc;
	color: #fff;
}

.case-article .case-article-img {
	margin-bottom: 25px;
}

.case-article .case-article-img img {
	border-radius: 15px;
}

.case-article .case-article-content h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.case-article .case-article-content p {
	margin-bottom: 20px;
}

.case-article .case-article-content .case-article-list {
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}

.case-article .case-article-content .case-article-list li {
	display: block;
	color: #252525;
	margin-bottom: 10px;
	font-weight: 600;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	padding-left: 35px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.case-article .case-article-content .case-article-list li:hover {
	color: #0071dc;
}

.case-article .case-article-content .case-article-list li:hover i {
	color: #090776;
}

.case-article .case-article-content .case-article-list li:last-child {
	margin-bottom: 0;
}

.case-article .case-article-content .case-article-list li i {
	font-size: 26px;
	color: #0071dc;
	position: absolute;
	left: 0;
	top: 2px;
	margin-right: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.case-article .case-article-content .case-article-list.case-article-ls li i {
	top: -1px;
}

.case-article .case-article-another h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.case-article .case-article-another p {
	margin-bottom: 20px;
}

.case-article .case-article-another .case-article-another-img {
	margin-bottom: 25px;
	margin-top: 10px;
}

.case-article .case-article-another .case-article-another-img img {
	border-radius: 15px;
}

.case-article .case-work-process h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.case-article .case-work-process p {
	margin-bottom: 30px;
}

.case-play-btn {
	position: relative;
	z-index: 1;
	padding-top: 170px;
	padding-bottom: 170px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.case-play-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/build/build-play-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 15px;
}

.case-play-btn .case-play {
	font-size: 40px;
	color: #0071dc;
	width: 80px;
	height: 80px;
	z-index: 1;
	background-color: #fff;
	border-radius: 50%;
	line-height: 85px;
	text-align: center;
	position: relative;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-webkit-animation: pulse 3s ease-out infinite;
	animation: pulse 3s ease-out infinite;
}

.case-play-btn .case-play i {
	position: relative;
	top: 1px;
	left: 3px;
}

.case-play-btn .case-play:hover {
	border-radius: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.case-play-btn .case-play:hover::before {
	border-radius: 0;
	-webkit-animation: none;
	animation: none;
}

.case-study-area-two {
	position: relative;
	z-index: 1;
}

.case-study-area-two::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 60%;
	background-color: #070b3b;
}

.case-study-area-two .section-title h2 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.team-card {
	margin-bottom: 30px;
	position: relative;
}

.team-card:hover .social-link {
	opacity: 1;
}

.team-card:hover .social-link li a {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.team-card:hover .content {
	border-radius: 0;
}

.team-card .social-link {
	position: absolute;
	top: 17%;
	right: 30px;
	padding: 0;
	list-style: none;
	opacity: 0;
}

.team-card .social-link li {
	display: block;
	margin-bottom: 10px;
}

.team-card .social-link li a {
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	background-color: #0071dc;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.team-card .social-link li:hover a {
	background-color: #fff;
	color: #0071dc;
}

.team-card .content {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0071dc;
	padding: 20px 25px;
	border-top-left-radius: 100px;
	text-align: center;
	-webkit-transition: 0.9s;
	transition: 0.9s;
}

.team-card .content h3 {
	margin-bottom: 0;
	color: #fff;
}

.team-card .content span {
	color: #fff;
}

.technology-area {
	position: relative;
	z-index: 1;
	background-image: url(../images/technology-img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.technology-area .section-title h2 {
	color: #fff;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

.technology-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #070b3b;
	opacity: 0.8;
}

.technology-card {
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 30px;
}

.technology-card:hover {
	border: none;
	background: #0071dc;

}

.technology-card img {
	width: 60px;
}

.technology-card i {
	font-size: 50px;
	line-height: 1;
	color: #fff;
}

.technology-card h3 {
	color: #fff;
	margin-bottom: 0;
	margin-top: 15px;
	font-weight: 500;
	font-size: 18px;
}

.technology-area-two {
	background-color: #f8f8f8;
}

.technology-area-two .section-title h2 {
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

.technology-card-color {
	border-color: #0071dc;
}

.technology-card-color i {
	color: #0071dc;
}

.technology-card-color h3 {
	color: #252525;
}

.technology-area-three {
	position: relative;
	z-index: 1;
	background-color: #070b3b;
}

.technology-area-three .section-title {
	margin-bottom: 30px;
}

.technology-area-three .section-title h2 {
	color: #fff;
	max-width: 540px;
}

.technology-area-three .section-title p {
	color: #fff;
	margin-bottom: 20px;
	padding-top: 17px;
}

.technology-area-three::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/shape/bg-shape3.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.4;
}

.technology-card-color2 i {
	color: #0071dc;
}

.technology-area-four {
	background-color: #f8f8f8;
}

.technology-area-four .section-title {
	margin-bottom: 30px;
}

.technology-area-four .section-title p {
	padding-top: 18px;
}

.technology-item {
	padding: 17px 17px 15px;
	border: 1px solid #0071dc;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 30px;
}

.technology-item i {
	font-size: 35px;
	line-height: 1;
	color: #0071dc;
}

.technology-item h3 {
	color: #070b3b;
	margin-bottom: 0;
	margin-top: 17px;
	font-weight: 500;
	font-size: 18px;
}

.technology-play-area {
	padding: 200px 0;
	text-align: center;
	background-image: url(../images/technology-img2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-left: 20px;
}

.technology-play-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #070b3b;
	opacity: 0.5;
	border-radius: 10px;
}

.technology-play-area .play-btn i {
	position: relative;
	z-index: 1;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 40px;
	text-align: center;
	background-color: #fff;
	color: #090776;
	border-radius: 50px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.technology-play-area .play-btn i::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0.5px solid #fff;
	border-radius: 50px;
	-webkit-animation: ripple 2s infinite ease-in-out;
	animation: ripple 2s infinite ease-in-out;
}

.technology-play-area .play-btn:hover i {
	background-color: #090776;
	color: #fff;
}

.technology-play-area .play-btn:hover i::after {
	border-color: #090776;
}

.brand-area {
	position: relative;
	background: #f8f8f8;
}

.brand-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/brand-logo/brand-bg.png);
}

.brand-area-two {
	position: relative;
	background-color: #0071dc;
}

.brand-area-two::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/brand-logo/brand-bg.png);
}

.brand-item img {
	width: unset !important;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ddd;
	box-shadow: 1px 5px 5px #ddd;
	border-radius: 5px;
	padding: 10px 0;
}

.brand-item .brand-logo-two {
	display: none !important;
}

.clients-area {
	position: relative;
	z-index: 1;
	/*    background-color: #15163b;*/
	background: linear-gradient(120deg, #070b3b, #0c9ba9);
}

.clients-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-image: url(../images/clients-img/client-bg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.clients-area .section-title h2 {
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.clients-area .owl-nav {
	margin-top: 0;
}

.clients-area .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -7%;
	font-size: 25px !important;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	line-height: 47px !important;
	background-color: transparent !important;
	color: #0071dc !important;
	border: 1px solid #0071dc !important;
}

.clients-area .owl-nav .owl-prev:hover {
	color: #fff !important;
	background-color: #0071dc !important;
}

.clients-area .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -7%;
	color: #444 !important;
	font-size: 25px !important;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 45px;
	height: 45px;
	line-height: 47px !important;
	border-radius: 50px;
	background-color: transparent !important;
	color: #0071dc !important;
	border: 1px solid #0071dc !important;
}

.clients-area .owl-nav .owl-next:hover {
	color: #fff !important;
	background-color: #0071dc !important;
}

.clients-area-two {
	background-color: #fff;
}

.clients-area-two .section-title h2 {
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
	color: #252525;
}

.clients-content {
	position: relative;
	z-index: 1;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	padding: 30px 40px 25px;
	margin-bottom: 30px;
	border-radius: 10px;
}

.clients-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	width: 95%;
	height: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: 0.5;
	border-radius: 10px;
}

.clients-content .content {
	padding-left: 110px;
	position: relative;
	margin-bottom: 30px;
}

.clients-content .content img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: unset !important;
	width: 85px !important;
	height: 85px !important;
}

.clients-content .content i {
	position: absolute;
	bottom: -10px;
	left: 60px;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #090776;
	color: #fff;
	text-align: center;
}

.clients-content .content h3 {
	padding-top: 20px;
	margin-bottom: 0;
}

.clients-content .content span {
	margin-bottom: 0;
}

.clients-content p {
	margin-bottom: 0;
}

.client-circle .client-circle-1 {
	position: absolute;
	top: 10%;
	left: 0;
}

.client-circle .client-circle-2 {
	position: absolute;
	top: 40%;
	left: 3%;
}

.client-circle .client-circle-3 {
	position: absolute;
	top: 75%;
	left: 0%;
}

.client-circle .client-circle-4 {
	position: absolute;
	top: 10%;
	right: 20%;
}

.client-circle .client-circle-5 {
	position: absolute;
	top: 25%;
	right: 5%;
}

.client-circle .client-circle-6 {
	position: absolute;
	top: 70%;
	right: 0;
}

.client-circle .client-circle-7 {
	position: absolute;
	bottom: 5%;
	right: 35%;
}

.circle {
	width: 40px;
	height: 40px;
	background-color: #0071dc;
	border-radius: 50px;
	position: relative;
	z-index: 1;
	border: 13px solid #f6fbff;
}

.clients-content-color {
	background-color: #070b3b;
}

.clients-content-color::before {
	background-color: #070b3b;
}

.clients-content-color .content h3 {
	color: #fff;
}

.clients-content-color .content span {
	color: #fff;
}

.clients-content-color p {
	color: #fff;
}

.clients-area-three {
	background-color: #f4f4ff;
	position: relative;
	z-index: 1;
}

.clients-area-three::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-image: url(../images/shape/bg-shape5.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.7;
}

.clients-area-three .owl-nav {
	margin-top: 0;
	line-height: 0;
}

.clients-area-three .owl-nav .owl-prev {
	position: absolute;
	bottom: 90px;
	left: 575px;
	font-size: 25px !important;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	border-radius: 50px;
	background-color: transparent !important;
	color: #0071dc !important;
	border: 1px solid #0071dc !important;
}

.clients-area-three .owl-nav .owl-prev:hover {
	color: #fff !important;
	background-color: #0071dc !important;
}

.clients-area-three .owl-nav .owl-next {
	position: absolute;
	bottom: 90px;
	left: 620px;
	color: #444 !important;
	font-size: 24px !important;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	border-radius: 50px;
	background-color: transparent !important;
	color: #0071dc !important;
	border: 1px solid #0071dc !important;
}

.clients-area-three .owl-nav .owl-next:hover {
	color: #fff !important;
	background-color: #0071dc !important;
}

.clients-slider-img {
	position: relative;
	z-index: 1;
	text-align: center;
}

.clients-slider-img img {
	width: unset !important;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.clients-slider-img .clients-slider-circle {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -35px;
	right: 0;
	margin: 0 auto;
	text-align: center;
	width: 90%;
	height: 90%;
	-webkit-animation: border-transform 15s infinite ease-in-out;
	animation: border-transform 15s infinite ease-in-out;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0071dc), to(#070b3b));
	background-image: linear-gradient(#0071dc, #070b3b);
}

.clients-slider-content {
	margin-bottom: 90px;
}

.clients-slider-content i {
	border-radius: 50px;
	width: 80px;
	height: 80px;
	line-height: 82px;
	font-size: 40px;
	background-color: #0071dc;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.clients-slider-content i::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0.5px solid #0071dc;
	border-radius: 50px;
	-webkit-animation: ripple 2s infinite ease-in-out;
	animation: ripple 2s infinite ease-in-out;
}

.clients-slider-content p {
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 500;
}

.clients-slider-content h3 {
	margin-bottom: 7px;
	color: #0071dc;
}

.clients-slider-content span {
	margin-bottom: 0;
	font-weight: 500;
}

.owl-item.active .clients-slider-item .clients-slider-img {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.owl-item.active .clients-slider-item .clients-slider-content i {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.owl-item.active .clients-slider-item .clients-slider-content p {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.owl-item.active .clients-slider-item .clients-slider-content h3 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}

.owl-item.active .clients-slider-item .clients-slider-content span {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
}

.blog-card {
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	border-radius: 5px;
	-webkit-transition: 0.9s;
	transition: 0.9s;
	border: 1px solid #f1f1f1;
}

.blog-card .blog-img {
	position: relative;
}

.blog-card .blog-img img {
	border-radius: 5px;
}

.blog-card .blog-img .blog-tag {
	background-color: #090776;
	padding: 15px 12px;
	position: absolute;
	bottom: -20px;
	right: 30px;
	border-radius: 5px;
	text-align: center;
}

.blog-card .blog-img .blog-tag h3 {
	font-size: 17px;
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 500;
}

.blog-card .blog-img .blog-tag span {
	color: #fff;
	line-height: 1;
	font-weight: 500;
}

.blog-card .content {
	padding: 25px 30px;
}

.blog-card .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-card .content ul li {
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
}

.blog-card .content ul li a {
	color: #444;
}

.blog-card .content ul li a i {
	font-size: 20px;
	color: #0071dc;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.blog-card .content ul li a:last-child {
	margin-right: 0;
}

.blog-card .content ul li a:hover {
	color: #090776;
}

.blog-card .content ul li a:hover i {
	color: #0071dc;
}

.blog-card .content h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 22px;
}

.blog-card .content h3 a {
	color: #252525;
}

.blog-card .content p {
	margin-bottom: 8px;
}

.blog-card .content .read-btn {
	color: #0071dc;
	font-size: 15px;
	font-weight: 600;
}

.blog-card .content .read-btn i {
	font-size: 20px;
	position: relative;
	top: 5px;
}

.blog-card .content .read-btn:hover {
	color: #252525;
	letter-spacing: 0.25px;
}

.blog-card:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.blog-card:hover .content h3 a {
	color: #090776;
}

.blog-item {
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	border-radius: 5px;
	-webkit-transition: 0.9s;
	transition: 0.9s;
}

.blog-item .blog-img {
	position: relative;
}

.blog-item .blog-img img {
	border-radius: 5px;
}

.blog-item .blog-img .blog-tag {
	background-color: #0071dc;
	font-size: 14px;
	font-weight: 500;
	padding: 6px 20px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	color: #fff;
}

.blog-item .blog-img .blog-tag:hover {
	background-color: #fff;
	color: #0071dc;
}

.blog-item .blog-img2 {
	position: relative;
}

.blog-item .blog-img2 img {
	border-radius: 5px;
	padding: 20px;
	background-color: #e6f1fc;
}

.blog-item .blog-img2 .blog-tag {
	background-color: #0071dc;
	padding: 10px 14px 8px;
	position: absolute;
	top: 30px;
	right: 30px;
	text-align: center;
}

.blog-item .blog-img2 .blog-tag h3 {
	font-size: 20px;
	color: #fff;
	line-height: 1;
	margin-bottom: 2px;
	font-weight: 600;
}

.blog-item .blog-img2 .blog-tag span {
	color: #fff;
	line-height: 1;
	font-weight: 400;
	font-size: 15px;
}

.blog-item .blog-img3 {
	position: relative;
}

.blog-item .blog-img3 img {
	border-radius: 5px;
}

.blog-item .blog-img3 .blog-tag {
	background-color: #0071dc;
	padding: 10px 14px 8px;
	position: absolute;
	top: 30px;
	right: 30px;
	text-align: center;
}

.blog-item .blog-img3 .blog-tag h3 {
	font-size: 20px;
	color: #fff;
	line-height: 1;
	margin-bottom: 2px;
	font-weight: 600;
}

.blog-item .blog-img3 .blog-tag span {
	color: #fff;
	line-height: 1;
	font-weight: 400;
	font-size: 15px;
}

.blog-item .content {
	padding: 25px 21px;
}

.blog-item .content ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.blog-item .content ul li {
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	color: #444;
	font-weight: 500;
}

.blog-item .content ul li i {
	font-size: 18px;
	color: #0071dc;
	margin-right: 5px;
	position: relative;
	top: 3px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.blog-item .content ul li a {
	color: #444;
}

.blog-item .content ul li a i {
	font-size: 20px;
	color: #0071dc;
	margin-right: 5px;
	position: relative;
	font-size: 18px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.blog-item .content ul li a:last-child {
	margin-right: 0;
}

.blog-item .content ul li a:hover {
	color: #0071dc;
}

.blog-item .content ul li a:hover i {
	color: #090776;
}

.blog-item .content h3 {
	margin-bottom: 10px;
	font-size: 22px;
}

.blog-item .content h3 a {
	color: #252525;
}

.blog-item .content p {
	margin-bottom: 8px;
}

.blog-item .content .read-btn {
	color: #0071dc;
	font-size: 14px;
	font-weight: 600;
}

.blog-item .content .read-btn i {
	font-size: 20px;
	position: relative;
	top: 5px;
}

.blog-item .content .read-btn:hover {
	color: #252525;
	letter-spacing: 0.25px;
}

.blog-item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.blog-item:hover .content h3 a {
	color: #0071dc;
}

.blog-article {
	margin-bottom: 30px;
}

.blog-article .blog-article-img {
	margin-bottom: 30px;
	position: relative;
}

.blog-article .blog-article-img img {
	border-radius: 15px;
}

.blog-article .blog-article-img .blog-article-tag {
	background-color: #090776;
	padding: 15px 12px;
	position: absolute;
	bottom: -20px;
	right: 30px;
	border-radius: 3px;
	text-align: center;
}

.blog-article .blog-article-img .blog-article-tag h3 {
	font-size: 17px;
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 500;
}

.blog-article .blog-article-img .blog-article-tag span {
	font-size: 17px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
}

.blog-article .blog-article-title {
	margin-bottom: 20px;
}

.blog-article .blog-article-title ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-article .blog-article-title ul li {
	display: inline-block;
	font-size: 15px;
	color: #252525;
	margin-right: 30px;
	position: relative;
	font-weight: 500;
}

.blog-article .blog-article-title ul li:last-child {
	margin-right: 0;
}

.blog-article .blog-article-title ul li i {
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	top: 3px;
	color: #0071dc;
}

.blog-article .blog-article-title h2 {
	margin-top: 15px;
	font-size: 26px;
	max-width: 650px;
	margin-bottom: 0;
	color: #252525;
}

.blog-article .article-content {
	padding-bottom: 10px;
}

.blog-article .article-content p {
	margin-bottom: 20px;
}

.blog-article .article-content .blockquote {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	margin-top: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	padding: 20px 30px 20px 50px;
	margin-left: 35px;
}

.blog-article .article-content .blockquote p {
	font-size: 15px;
	color: #444;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.blog-article .article-content .blockquote span {
	font-size: 15px;
	color: #252525;
	font-weight: 600;
}

.blog-article .article-content .blockquote i {
	font-size: 35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(#070f60), to(#0071dc));
	background-image: linear-gradient(to right, #070f60, #0071dc);
	text-align: center;
	border-radius: 50px;
	position: absolute;
	top: 24%;
	left: -35px;
}

.blog-article .blog-article-share {
	padding: 10px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.blog-article .blog-article-share .blog-tag ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-article .blog-article-share .blog-tag ul li {
	display: inline-block;
	padding: 5px 3px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	color: #252525;
	font-weight: 400;
	margin-right: 5px;
}

.blog-article .blog-article-share .blog-tag ul li:last-child {
	margin-right: 0;
}

.blog-article .blog-article-share .blog-tag ul li i {
	color: #0071dc;
	font-size: 18px;
	position: relative;
	top: 3px;
}

.blog-article .blog-article-share .blog-tag ul li a {
	color: #fff;
	background-color: #0071dc;
	padding: 5px 12px;
	border-radius: 10px;
	font-size: 14px;
}

.blog-article .blog-article-share .blog-tag ul li:hover a {
	background-color: #090776;

}

.blog-article .blog-article-share .social-icon {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.blog-article .blog-article-share .social-icon li {
	display: inline-block;
	margin-right: 5px;
}

.blog-article .blog-article-share .social-icon li a {
	border-radius: 0;
	width: 35px;
	height: 35px;
	line-height: 37px;
	text-align: center;
	color: #0071dc;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.blog-article .blog-article-share .social-icon li a:hover {
	background-color: #0071dc;
	color: #fff;
}

.blog-article .comments-wrap {
	margin-bottom: 30px;
}

.blog-article .comments-wrap .comment-title .title {
	font-size: 24px;
	margin-bottom: 0;
	color: #252525;
}

.blog-article .comments-wrap .comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-article .comments-wrap .comment-list li {
	position: relative;
	padding: 30px;
	padding-left: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog-article .comments-wrap .comment-list li:last-child {
	margin-bottom: 0;
}

.blog-article .comments-wrap .comment-list li img {
	position: absolute;
	top: 30px;
	left: 0;
	border-radius: 50%;
}

.blog-article .comments-wrap .comment-list li h3 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	color: #252525;
}

.blog-article .comments-wrap .comment-list li span {
	font-size: 15px;
	color: #252525;
}

.blog-article .comments-wrap .comment-list li p {
	margin-top: 10px;
	margin-bottom: 0;
}

.blog-article .comments-wrap .comment-list li a {
	color: #0071dc;
	font-weight: 600;
	position: absolute;
	top: 30px;
	right: 0;
}

.blog-article .comments-wrap .comment-list li a:hover {
	color: #090776;
}

.blog-article .comments-form {
	margin-top: 30px;
	margin-bottom: 30px;
}

.blog-article .comments-form .title {
	font-size: 24px;
	margin-bottom: 20px;
	color: #252525;
}

.blog-article .comments-form .contact-form {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	background-color: #fff;
}

.blog-article .comments-form .default-btn {
	width: unset;
}

.search-widget {
	margin-bottom: 30px;
	background-color: #fff;
}

.search-widget .search-form {
	position: relative;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}

.search-widget .search-form .form-control {
	height: 50px;
	border: none;
	background-color: #fff;
	padding: 10px 20px;
	width: 100%;
	color: #252525;
	border-radius: 5px;
}

.search-widget .search-form .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.search-widget .search-form button {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 45px;
	width: 45px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: none;
	outline: none;
	background-color: #0071dc;
	line-height: 57px;
	border-radius: 5px;
}

.search-widget .search-form button i {
	color: #fff;
	font-size: 24px;
}

.search-widget .search-form button:hover {
	background-color: #252525;
}

.side-bar-area {
	margin-left: 15px;
}

.side-bar-widget {
	background-color: #fff;
}

.side-bar-widget .title {
	font-size: 20px;
	color: #252525;
	padding: 0;
	font-weight: 600;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	background-color: transparent;
	width: 100%;
}

.side-bar-widget .side-bar-categories {
	margin-bottom: 15px;
}

.side-bar-widget .side-bar-categories ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.side-bar-widget .side-bar-categories ul li {
	position: relative;
	font-size: 15px;
	font-weight: 500;
}

.side-bar-widget .side-bar-categories ul li .line-circle {
	position: absolute;
	top: 10px;
	left: 0;
	width: 13px;
	height: 13px;
	background-color: transparent;
	border: 1px solid #0071dc;
	border-radius: 50px;
}

.side-bar-widget .side-bar-categories ul li .line-circle::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	margin: 0 auto;
	width: 9px;
	height: 9px;
	background-color: #0071dc;
	border-radius: 50px;
}

.side-bar-widget .side-bar-categories ul li:last-child {
	border-bottom: none;
}

.side-bar-widget .side-bar-categories ul li a {
	display: inline-block;
	color: #444;
	font-weight: 400;
	padding: 5px 0 5px 25px;
	font-weight: 600;
	position: relative;
	width: 100%;
}

.side-bar-widget .side-bar-categories ul li a span {
	right: 30px;
	position: absolute;
	top: 10px;
	color: #444;
}

.side-bar-widget .side-bar-categories ul li a:hover {
	color: #0071dc;
}

.side-bar-widget .side-bar-categories ul li a:hover span {
	color: #0071dc;
}

.side-bar-widget .widget-popular-post {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.side-bar-widget .widget-popular-post .item {
	overflow: hidden;
	margin-bottom: 13px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e2e2e2;
}

.side-bar-widget .widget-popular-post .item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.side-bar-widget .widget-popular-post .item .thumb {
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	position: relative;
	background-color: #070b3b;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1 {
	background-image: url(../images/blog/blog-details.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2 {
	background-image: url(../images/blog/blog-img2.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3 {
	background-image: url(../images/blog/blog-img3.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg4 {
	background-image: url(../images/blog/blog-img1.jpg);
}

.side-bar-widget .widget-popular-post .item .info {
	overflow: hidden;
	padding: 0;
}

.side-bar-widget .widget-popular-post .item .info .title-text {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 500;
	max-width: 210px;
}

.side-bar-widget .widget-popular-post .item .info .title-text a {
	display: inline-block;
	color: #252525;
	margin-bottom: 5px;
}

.side-bar-widget .widget-popular-post .item .info .title-text a:hover {
	color: #0071dc;
}

.side-bar-widget .widget-popular-post .item .info p {
	font-size: 15px;
	margin-bottom: 0;
	max-width: 180px;
	color: #0071dc;
}

.side-bar-widget .side-bar-widget-tag {
	list-style: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.side-bar-widget .side-bar-widget-tag li {
	display: inline-block;
	margin: 5px;
	color: #fff;
}

.side-bar-widget .side-bar-widget-tag li a {
	color: #fff;
	padding: 7px 15px;
	background-color: #0071dc;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.side-bar-widget .side-bar-widget-tag li:hover a {
	color: #fff;
	background-color: #090776;
}

.side-bar-widget .blog-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	list-style-type: none;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.side-bar-widget .blog-gallery li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

.side-bar-widget .blog-gallery li a {
	display: block;
	position: relative;
}

.side-bar-widget .blog-gallery li a img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.side-bar-widget .blog-gallery li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0071dc;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
}

.side-bar-widget .blog-gallery li a::after {
	content: "\ee93";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	background-color: transparent;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	font-size: 35px;
	font-family: boxicons;
	color: #fff;
}

.side-bar-widget .blog-gallery li a:hover::before {
	opacity: 0.5;
	visibility: visible;
}

.side-bar-widget .blog-gallery li a:hover::after {
	opacity: 1;
	visibility: visible;
}

.blog-style-card {
	margin-bottom: 30px;
}

.blog-style-card .blog-style-img {
	position: relative;
}

.blog-style-card .blog-style-img img {
	border-radius: 15px;
}

.blog-style-card .blog-style-img .blog-style-tag {
	background-color: #090776;
	padding: 15px 12px;
	position: absolute;
	bottom: -20px;
	right: 30px;
	border-radius: 3px;
	text-align: center;
}

.blog-style-card .blog-style-img .blog-style-tag h3 {
	font-size: 17px;
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 500;
}

.blog-style-card .blog-style-img .blog-style-tag span {
	font-size: 17px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
}

.blog-style-card .content {
	padding: 30px 0 0;
}

.blog-style-card .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-style-card .content ul li {
	display: inline-block;
	font-size: 15px;
	color: #252525;
	margin-right: 30px;
	position: relative;
	font-weight: 500;
}

.blog-style-card .content ul li:last-child {
	margin-right: 0;
}

.blog-style-card .content ul li i {
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	top: 3px;
	color: #0071dc;
}

.blog-style-card .content h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-style-card .content h3 a {
	color: #252525;
	display: block;
}

.blog-style-card .content p {
	margin-bottom: 15px;
}

.blog-style-card .content .default-btn {
	padding: 8px 16px;
	font-size: 14px;
}

.blog-style-card:hover .content h3 a {
	color: #0071dc;
}

.faq-area .section-title p {
	max-width: 560px;
}

.faq-content {
	margin-bottom: 30px;
}

.faq-content .section-title {
	margin-bottom: 30px;
}

.faq-content .section-title h2 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
}

.faq-content .section-title p {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.faq-content .faq-accordion .accordion {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.faq-content .faq-accordion .accordion .accordion-item {
	display: block;
	margin-bottom: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}

.faq-content .faq-accordion .accordion .accordion-item:last-child {
	margin-bottom: 0;
}

.faq-content .faq-accordion .accordion .accordion-title {
	padding: 15px 60px 15px 20px;
	color: #252525;
	text-decoration: none;
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.faq-content .faq-accordion .accordion .accordion-title i {
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 25px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 24px;
	width: 30px;
	height: 30px;
	color: #0071dc;
	text-align: center;
	line-height: 30px;
	background-color: transparent;
	border-radius: 50px;
	border: 1px solid #0071dc;
}

.faq-content .faq-accordion .accordion .accordion-title.active i::before {
	content: "\eb8b";
}

.faq-content .faq-accordion .accordion .accordion-title.active i .accordion-content p {
	margin-top: -5px;
}

.faq-content .faq-accordion .accordion .accordion-content {
	display: none;
	position: relative;
	margin-top: 0;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.faq-content .faq-accordion .accordion .accordion-content p {
	margin-top: -6px;
	line-height: 1.8;
	font-size: 15px;
	margin-bottom: 3px;
}

.faq-content .faq-accordion .accordion .accordion-content.show {
	display: block;
}

.user-img {
	margin-bottom: 30px;
}

.user-form .contact-form {
	max-width: 640px;
}

.user-form .contact-form .agree-label .forget {
	position: absolute;
	right: 0;
}

.user-form .contact-form .default-btn {
	width: unset;
}

.user-form .contact-form .account-desc {
	margin-top: 15px;
	font-weight: 600;
	margin-bottom: 0;
}

.user-form .contact-form .account-desc a {
	color: #0071dc;
}

.user-form .contact-form .account-desc a:hover {
	color: #090776;
}

.pagination-area {
	margin-top: 10px;
	margin-bottom: 30px;
}

.pagination-area .page-numbers {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #0071dc;
	background-color: transparent;
	border: 1px solid #0071dc;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 18px;
	border-radius: 5px;
}

.pagination-area .page-numbers:hover {
	background-color: #0071dc;
	color: #fff;
}

.pagination-area .page-numbers i {
	position: relative;
	font-size: 25px;
	top: 5px;
}

.pagination-area .page-numbers.current {
	background-color: #0071dc;
	color: #fff;
}

.terms-conditions-img {
	margin-bottom: 30px;
}

.single-content {
	margin-bottom: 30px;
}

.single-content h3 {
	font-size: 24px;
	color: #252525;
	margin-bottom: 15px;
}

.single-content p {
	margin-bottom: 15px;
}

.contact-form {
	max-width: 800px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.contact-form h2 {
	color: #252525;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
}

.contact-form .form-group {
	margin-bottom: 20px;
	position: relative;
}

.contact-form .form-group label {
	color: #252525;
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: 500;
}

.contact-form .form-group label span {
	color: #0071dc;
}

.contact-form .form-group.checkbox-option {
	position: relative;
}

.contact-form .form-group.checkbox-option #chb2 {
	position: absolute;
	top: 6px;
	left: 0;
}

.contact-form .form-group.checkbox-option p {
	padding-left: 25px;
	font-size: 15px;
}

.contact-form .form-group.checkbox-option p a {
	color: #0071dc;
}

.contact-form .form-group.checkbox-option p a:hover {
	color: #090776;
}

.contact-form .form-group .form-control {
	height: 50px;
	color: #252525;
	border: 1px solid #0071dc;
	background-color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	width: 100%;
	border-radius: 0;
	font-weight: 500;
}

.contact-form .form-group .form-control:focus {
	outline: none;
	border-color: #252525;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form .form-group textarea.form-control {
	height: auto;
}

.contact-form .agree-label {
	margin-bottom: 15px;
	position: relative;
}

.contact-form .agree-label #chb1 {
	position: absolute;
	top: 5px;
	left: 0;
}

.contact-form .agree-label label {
	font-weight: 500;
	color: #252525;
	margin-left: 25px;
}

.contact-form .agree-label label a {
	color: #0071dc;
}

.contact-form .agree-label label a:hover {
	color: #090776;
}

.contact-form .with-errors {
	float: left;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0;
	color: red;
	font-weight: 400;
	display: block;
}

.contact-form .text-danger {
	font-size: 18px;
	margin-top: 15px;
}

.contact-form .default-btn {
	border: 0;
	outline: none;
}

.contact-form .form-group .form-control::-webkit-input-placeholder,
.contact-form .form-group .form-control:-ms-input-placeholder,
.contact-form .form-group .form-control::-ms-input-placeholder,
.contact-form .form-group .form-control::-webkit-input-placeholder {
	color: #444;
}

.contact-form .form-group .form-control::-webkit-input-placeholder,
.contact-form .form-group .form-control:-ms-input-placeholder,
.contact-form .form-group .form-control::-ms-input-placeholder,
.contact-form .form-group .form-control::placeholder {
	color: #444;
}

.contact-card {
	text-align: center;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	padding: 30px 20px;
	border-radius: 15px;
}

.contact-card i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	font-size: 24px;
	color: #0071dc;
	border-radius: 50px;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

.contact-card h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #252525;
}

.contact-card span {
	color: #444;
	font-weight: 500;
	font-size: 17px;
	display: block;
}

.contact-card span a {
	color: #444;
	display: block;
}

.contact-card span a:hover {
	color: #0071dc;
}

.contact-info {
	margin-bottom: 30px;
	background-color: #070b3b;
	padding: 52px 35px 22px;
	/*border-radius: 15px;*/
	position: relative;
	z-index: 1;
}

.contact-info::before {
	content: "";
	position: absolute;
	opacity: 0.1;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/call-us/call-shap1.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.contact-info span {
	color: #090776;
	display: block;
	margin-bottom: 5px;
}

.contact-info h2 {
	color: #fff;
	font-size: 26px;
	margin-bottom: 15px;
}

.contact-info p {
	color: #fff;
	margin-bottom: 20px;
}

.contact-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact-info ul li {
	display: block;
	margin-bottom: 30px;
	padding-left: 60px;
	position: relative;
}

.contact-info ul li .content i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-color: #fff;
	font-size: 20px;
	color: #0071dc;
	border-radius: 50px;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.contact-info ul li .content h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff;
	display: block;
}

.contact-info ul li .content a {
	color: #fff;
	display: block;
	font-weight: 400;
	font-size: 15px;
}

.contact-info ul li .content a:hover {
	color: #0071dc;
}

.contact-info ul li .content span {
	color: #fff;
	font-weight: 400;
	display: block;
	font-size: 15px;
}

.error-area {
	height: 100%;
	padding-top: 50px;
	padding-bottom: 70px;
}

.error-area .error-content {
	text-align: center;
	position: relative;
}

.error-area .error-content img {
	max-width: 100%;
}

.error-area .error-content h3 {
	margin-bottom: 20px;
	position: relative;
	color: #252525;
	font-size: 35px;
}

.error-area .error-content p {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	color: #444;
}

.coming-soon-area {
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-color: #fff;
}

.coming-soon-area .coming-soon-content {
	text-align: center;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	padding: 50px 30px;
	background-color: #f8f8f8;
	border: 3px solid #0071dc;
}

.coming-soon-area .coming-soon-content h1 {
	margin-bottom: 0;
	color: #252525;
	font-size: 50px;
}

.coming-soon-area .coming-soon-content p {
	font-size: 16px;
	max-width: 600px;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	color: #444;
}

.coming-soon-area .coming-soon-content #timer {
	margin-top: 40px;
}

.coming-soon-area .coming-soon-content #timer div {
	display: inline-block;
	color: #252525;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 10px;
	font-size: 35px;
	font-weight: 700;
	background-color: #fff;
	border-radius: 5px;
}

.coming-soon-area .coming-soon-content #timer div span {
	display: block;
	text-transform: capitalize;
	margin-top: -15px;
	font-size: 16px;
	font-weight: 400;
	color: #252525;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
	margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
	display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
	margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
	content: "";
	position: absolute;
	right: -50px;
	top: -10px;
	font-size: 70px;
	color: #fff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
	position: relative;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
	display: block;
	width: 100%;
	height: 60px;
	border: none;
	background-color: #fff;
	padding-left: 15px;
	color: #fff;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 0;
	border: 1px solid #ccc;
	color: #5d5d5d;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
	border-color: #252525;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
	border: 0;
	outline: 0;
	border-radius: 0 !important;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	padding: 0 30px;
	text-transform: uppercase;
	outline: 0;
	color: #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
	border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
	border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
	color: #fff;
	background-color: #190f3c;
}

.coming-soon-area .coming-soon-content ul {
	list-style: none;
	margin-top: 30px;
	padding: 0;
}

.coming-soon-area .coming-soon-content ul li {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 50px;
	font-size: 18px;
	background-color: #0071dc;
	color: #fff;
	border-radius: 50px;
	margin-right: 10px;
}

.coming-soon-area .coming-soon-content ul li a {
	color: #fff;
}

.coming-soon-area .coming-soon-content ul li:hover {
	background-color: #252525;
}

.coming-soon-area #validator-newsletter {
	text-align: left;
	color: #dc3545 !important;
}

.map-area iframe {
	display: block;
	width: 100%;
	height: 400px;
}

.footer-bg {
	background: linear-gradient(305deg, #070b3b, #0c9ba9);
}

.footer-widget {
	margin-bottom: 30px;
}

.footer-logo a {
	color: #FFFFFF !important;
	font-family: EffraRegular, Myriad Pro, Arial, Arial Black;
	font-size: 20px;
	line-height: 2.8;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
}

.footer-widget .footer-logo {
	/*    margin-bottom: 20px;*/
	position: relative;
	/*    top: -5px;*/
}

.footer-widget h3 {
	margin-top: 0;
	font-size: 24px;
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.2;
}

.footer-widget p {
	margin-bottom: 20px;
	color: #fff;
	max-width: 300px;
}

.footer-widget .footer-call-content {
	background-color: #fff;
	padding: 20px 80px 20px 20px;
	border-radius: 15px;
	position: relative;
	max-width: 345px;
}

.footer-widget .footer-call-content:hover i {
	background-color: #0071dc;
	color: #fff;
}

.footer-widget .footer-call-content h3 {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 5px;
	color: #252525;
}

.footer-widget .footer-call-content span a {
	color: #252525;
	font-weight: 600;
}

.footer-widget .footer-call-content span a:hover {
	color: #0071dc;
}

.footer-widget .footer-call-content i {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	font-size: 35px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	background-color: #e5f3ff;
	color: #0071dc;
	border-radius: 50px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.footer-widget .footer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-widget .footer-list li {
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
}

.footer-widget .footer-list li:last-child {
	margin-bottom: 0;
}

.footer-widget .footer-list li a {
	color: #fff;
	font-weight: 400;
}

.footer-widget .footer-list li a i {
	font-size: 10px;
	position: relative;
	top: 0px;
	margin-right: 5px;
}

.footer-widget .footer-list li a:hover {
	color: #CBCBCB;
}

.footer-widget .footer-blog {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-widget .footer-blog li {
	display: block;
	margin-bottom: 20px;
	padding-left: 90px;
	position: relative;
}

.footer-widget .footer-blog li:hover h3 a {
	color: #090776;
}

.footer-widget .footer-blog li:last-child {
	margin-bottom: 0;
}

.footer-widget .footer-blog li a {
	display: block;
}

.footer-widget .footer-blog li a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	width: 70px;
}

.footer-widget .footer-blog li h3 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	max-width: 200px;
}

.footer-widget .footer-blog li h3 a {
	color: #fff;
	line-height: 1.4;
}

.footer-widget .footer-blog li h3 a:hover {
	color: #090776;
}

.footer-widget .footer-blog li span {
	font-size: 14px;
	color: #090776;
}

.footer-widget .newsletter-area .newsletter-form {
	position: relative;
	max-width: 270px;
	border-radius: 5px;
}

.footer-widget .newsletter-area .newsletter-form .form-control {
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	margin: 0;
	border-radius: 5px;
	border: 0;
	padding: 0 45px 0 15px;
	max-width: 100%;
	color: #252525;
	font-weight: 400;
}

.footer-widget .newsletter-area .newsletter-form .form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.footer-widget .newsletter-area .newsletter-form .subscribe-btn {
	position: absolute;
	top: 3px;
	right: 3px;
	background-color: #0071dc;
	color: #fff;
	height: 45px;
	line-height: 50px;
	width: 45px;
	border: 0;
	border-radius: 5px;
	font-size: 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.footer-widget .newsletter-area .newsletter-form .subscribe-btn:hover {
	background: #252525;
	color: #fff;
}

.footer-widget .newsletter-area .newsletter-form .validation-danger {
	font-size: 18px;
	margin-top: 5px;
	color: red;
}

.copy-right-area {
	padding: 15px 0;
	border-top: 1px solid #0071dc61;
}

.copy-right-text {
	text-align: center;
}

.copy-right-text p {
	color: #fff;
	margin-bottom: 0;
	text-align: center;
}

.copy-right-text p a {
	color: #090776;
	border-bottom: 1px solid #090776;
}

.copy-right-text p a:hover {
	color: #0071dc;
	border-color: #0071dc;
}

.go-top {
	position: fixed;
	top: 60%;
	right: 3%;
	opacity: 0;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	background: #0071dc;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	line-height: 48px;
	z-index: 100;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.go-top i {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.go-top:hover {
	background-color: #090776;
}

.go-top.active {
	top: 95%;
	-webkit-transform: translateY(-95%);
	transform: translateY(-95%);
	opacity: 1;
	visibility: visible;
}

.buy-now-btn {
	right: 20px;
	z-index: 99;
	top: 50%;
	position: fixed;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 30px;
	display: none;
	color: #fff;
	background-color: #82b440;
	padding: 10px 20px 10px 42px;
	-webkit-box-shadow: 0 1px 20px 1px #82b440;
	box-shadow: 0 1px 20px 1px #82b440;
	font-size: 15px;
	font-weight: 600;
}

.buy-now-btn img {
	top: 50%;
	left: 20px;
	width: 15px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.buy-now-btn:hover {
	color: #fff;
	background-color: #94be5d;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #070b3b;
}

.spinner {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #fff;
	margin: 100px auto;
	-webkit-animation: rotate-in 1.2s infinite ease-in-out;
	animation: rotate-in 1.2s infinite ease-in-out;
}

.top-header-right .top-header-social-bg ul li {
	margin-right: 5px;
}

.top-header-right .top-header-social-bg ul li:last-child {
	margin-right: 0;
}

.top-header-right .top-header-social-bg ul li a {
	width: 30px;
	height: 30px;
	line-height: 34px;
	text-align: center;
	background-color: #fff;
	color: #0071dc;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.top-header-right .top-header-social-bg ul li a:hover {
	background-color: #0071dc;
	color: #fff;
}

.banner-six {
	position: relative;
	z-index: 1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/home-six.jpg);
	overflow: hidden;
}

.banner-six::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(#070b3b61), to(#070b3b));
	background-image: linear-gradient(to right, #070b3b61, #070b3b);
}

.banner-six-content {
	padding-top: 130px;
	padding-bottom: 120px;
	max-width: 560px;
	margin-left: auto;
}

.banner-six-content h1 {
	font-size: 55px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}

.banner-six-content p {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	max-width: 660px;
	margin-bottom: 35px;
}

.banner-six-shape {
	position: absolute;
	z-index: -1;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-six-shape img {
	height: 620px;
}

.work-process-rightside {
	margin-bottom: 25px;
}

.work-process-rightside .section-title {
	margin-bottom: 20px;
}

.about-img-5 {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 30px;
}

.about-img-5::before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -45px;
	right: 0;
	margin: 0 auto;
	text-align: center;
	width: 110%;
	height: 70%;
	-webkit-animation: border-transform 15s infinite ease-in-out;
	animation: border-transform 15s infinite ease-in-out;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0071dc), to(#070b3b));
	background-image: linear-gradient(#0071dc, #070b3b);
}

.services-card-color-bg2 {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	padding: 15px 15px 20px;
	border-radius: 15px;
	background-color: #fff;
}

.technology-area-five {
	position: relative;
	z-index: 1;
	background-color: #15163b;
}

.technology-area-five::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-image: url(../images/clients-img/client-bg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.technology-area-five .section-title h2 {
	color: #fff;
	max-width: 550px;
	margin: 0 auto;
}

.team-item {
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 40px;
}

.team-item .content {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 90%;
	margin: 0 auto;
	right: 0;
	background-color: #0071dc;
	padding: 20px 25px;
	text-align: center;
	-webkit-transition: 0.9s;
	transition: 0.9s;
}

.team-item .content h3 {
	margin-bottom: 0;
	color: #fff;
}

.team-item .content span {
	color: #fff;
}

.team-item .content .social-link {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	list-style: none;
	width: 5px;
	background-color: #090776;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.team-item .content .social-link li {
	display: block;
	margin-bottom: 0;
}

.team-item .content .social-link li a {
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 0;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.team-item .content .social-link li:hover a {
	background-color: #fff;
	color: #0071dc;
}

.team-item:hover .content .social-link {
	width: 40px;
}

.team-item:hover .content .social-link li a {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.case-study-item2 {
	position: relative;
	background-color: #fff;
	padding: 25px 25px 30px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}

.case-study-item2 .icon-services {
	color: #0071dc;
	font-size: 55px;
	margin-bottom: 15px;
	display: block;
	line-height: normal;
}

.case-study-item2 h3 {
	margin-bottom: 17px;
}

.case-study-item2 h3 a {
	color: #252525;
}

.case-study-item2 h3:hover a {
	color: #0071dc;
}

.case-study-item2 p {
	margin-bottom: 0;
}

.case-study-item2 .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
	line-height: 50px;
	font-size: 20px;
	color: #0071dc;
	text-align: center;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 5px;
	background-color: #e6f1fc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.case-study-item2 .more-btn:hover {
	background-color: #0071dc;
	color: #fff;
}

.case-study-item2:hover .content h3 a {
	color: #0071dc;
}

.case-study-item2:hover .content .more-btn {
	background-color: #0071dc;
	color: #fff;
}

.top-header-right {
	float: right;
}

.footer-widget .social-link ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer-widget .social-link ul li {
	display: inline-block;
	top: 1px;
	position: relative;
	margin-right: 5px;
}

.footer-widget .social-link ul li:last-child {
	margin-right: 0;
}

.footer-widget .social-link ul li a {
	width: 35px;
	height: 35px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	background-color: #fff;
	color: #0071dc;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	font-size: 18px;
}

.footer-widget .social-link ul li a:hover {
	background-color: #0071dc;
	color: #fff;
}

.footer-widget .footer-contact-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer-widget .footer-contact-list li {
	display: block;
	margin-bottom: 15px;
	padding-left: 35px;
	position: relative;
}

.footer-widget .footer-contact-list li i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
	color: #090776;
	line-height: normal;
}

.footer-widget .footer-contact-list li .content a {
	color: #fff;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.footer-widget .footer-contact-list li .content a:hover {
	color: #090776;
}

.footer-bg2 {
	background-color: #0c243b;
	position: relative;
	z-index: 1;
}

.footer-bg2::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-image: url(../images/shape/bg-shape5.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.1;
}

@-webkit-keyframes rotate-in {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

@keyframes rotate-in {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

@-webkit-keyframes moveBounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes moveBounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 1;
	}

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

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 1;
	}

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

@-webkit-keyframes border-transform {

	0%,
	100% {
		border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
	}

	14% {
		border-radius: 50% 20% 50% 30%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}

@keyframes border-transform {

	0%,
	100% {
		border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
	}

	14% {
		border-radius: 50% 20% 50% 30%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}

.half-box {
	padding: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
}

.half-box:hover {
	border: 1px solid #090776;
	/*
    box-shadow: 1px 2px 5px #05488e;
    border: none !important;
*/
}

.half-box h2 {
	position: absolute;
	display: inline-block;
	margin-left: 20px;
	padding: 0 10px;
	margin-top: -35px;
	background-color: #f8f8f8;
	font-weight: 500;
	white-space: pre-wrap;
	font-size: 2.25em !important;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
}

.content-main {
	padding: 20px 10px 10px;
}

.half-box p {
	text-align: justify;
}

.about-area {
	background-color: #f8f8f8;
}

.about-area::before {
	content: "";
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/home-three/home-three-bg.png);
}

.product-slider__title {
	font-family: oswald, sans-serif;
	font-size: 55px !important;
	color: #fff;
	margin: 0 0 10px;
	font-weight: 900;
	text-align: left;
	line-height: 1.2em;
	letter-spacing: 2px;
	margin-top: 5px;
}

.product-labels {
	font-size: 15px;
	text-align: justify;
	line-height: 1.5;
	color: #fff;
	margin-top: 20px;
}

.product-ul {
	color: #fff;
	line-height: 2;
}

.cat-card {
	border: 0;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 30px;
	transition: transform 0.5s;
}

.cat-card:hover {
	transform: scale(1.1);
}


.container-card {
	position: relative;
	/* border: 1px
px
 solid #d9d9d9; */
	background: #fff;
	/* background-clip: padding-box; */
	border-radius: 15px;
	padding: 20px;
}

.bg-green-box {
	background: #f1f1f1;
}

.bg-blue-box {
	background: #fff4f4;
}

.bg-green-box,
.bg-white-box,
.bg-yellow-box,
.bg-blue-box {
	position: relative;
}

.challenge-icon i {
	border: 1px solid #c7c7c7;
	padding: 15px;
	font-size: 35px;
	border-radius: 10px;
	color: #263d4d;
}

.card-title {
	font-weight: 600;
	color: #444444;
	line-height: 40px;
	font-style: normal;
	font-size: 18px;
	margin-bottom: 0px;
}

.card-description {
	color: #444444;
	font-size: 14px;
	margin-bottom: 0;
}

.bg-green-box::after {
	background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
}

.flpbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.flpbox:hover>img {
	transform: scale(1.1);
}

.flpbox img {
	width: 100%;
	display: block;
	transition: all .2s ease-in-out;
}

.flpbox .text {
	position: absolute;
	padding: 5px 25px;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 2;
	background: linear-gradient(1deg, #919191, #1c1c1c00);
	text-transform: uppercase;
}

.flpbox .text .name {
	text-shadow: 0px 1px 4px #000;
	font-size: 16px;
	color: #fff;
	float: left
}

.flpbox .text .flparrow {
	float: right;
	transition: all .2s ease-in-out;
}

.flpbox.active .flpbox-layer_top {
	opacity: 1;
}

.flpbox .flpbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.flpbox:hover .flpbox-layer_top,
.flpbox.active .flpbox-layer_top {
	opacity: 1;
}

.flpbox .flpbox-layer_slideright {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.flpbox:hover .flpbox-layer_slideright,
.flpbox.active .flpbox-layer_slideright {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.flpbox .flpbox-text {
	font-size: 15px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 83%;
}

.flpbox .flpbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(255, 216, 0);
	border-top: 1px solid rgba(255, 216, 0, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}

.flpbox-text .name {
	font-size: 18px;
	margin-bottom: 15px;
}

.flpbox:hover .text {
	display: none;
}

.why-us {
	background: #f1f1f1;
	padding-top: 20px;
	padding-bottom: 50px;
}

.self-h2 {
	/*
    font-size: 50px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
*/
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Oswald';
	color: #263d4d;
	padding-bottom: 15px;
	position: relative;
}


.self-p {
	font-size: 14px;
	margin-top: 30px;
	text-align: justify;
}

.solution-box {
	padding: 20px 20px 20px 50px;
	transition: transform 1s;
}

.solution-box:hover {
	-ms-transform: scale(1.1);
	/* IE 9 */
	-webkit-transform: scale(1.1);
	/* Safari 3-8 */
	transform: scale(1.1);
	background: #ECECEC
}

.solution-box2 {
	padding: 20px 20px 20px 20px;
	transition: transform 1s;
}

.solution-box2:hover {
	-ms-transform: scale(1.1);
	/* IE 9 */
	-webkit-transform: scale(1.1);
	/* Safari 3-8 */
	transform: scale(1.1);
	background: #ECECEC
}

.profile_bx img {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 15px;
}

.profile_bx h3 {
	margin-bottom: 0;
}

.profile_bx .designation {
	margin-bottom: 5px;
}

.profile_bx p i {
	font-size: 30px;
}

.mission {
	transition-duration: .3s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	padding: 10px 20px;
}

.new-heading {
	font-weight: 400;
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 0;
	color: #000;
	font-family: oswald, sans-serif;
}

.new-p {
	font-size: 16px;
	line-height: 2;
}

.mission:hover {
	transform: scale(1.05);
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 10px 21px;
	color: #000;
	overflow: hidden;
	position: relative;
}

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	background-color: #1d2250;
	color: #fff;
	display: block;
}

.tab_container {
	width: 100%;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading {
	display: none;
}

.career-sec {
	margin: 0px;
}

@media screen and (max-width: 480px) {


	.banner-item {
		height: auto !important;
		background-size: contain !important;
		background-position: center !important;
		/* position: relative; */
		/* object-fit: cover; */
	}

	.contact01-page {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.career-sec {
		margin: 0px;
	}

	.tabs {
		display: none;
	}

	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.d_active {
		background-color: #666;
		color: #fff;
	}
}

.self-col {
	width: 22.5%;
	display: inline-block;
	margin-right: 15px;
	margin-top: 20px;
}


.product-tumb {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	padding: 10px;
	background: #F1F2F4;
}

.product-cards {
	border: 2px solid #f1f2f4;
	border-radius: 10px;
}

.product-cards:hover img {
	transform: scale(1.1);
}

.product-cards:hover {
	background: #F1F2F4;
	border-radius: 10px;
}

.product-cards img {
	transition: transform 0.3s ease-in-out;
}

.product-cards img:hover {
	transform: scale(1.2);
}

.product-tumb img {
	width: 220px;
}

.product-details {
	padding: 10px 15px;
	text-align: left;
}

.product-details p {
	font-size: 30px;
	font-family: Oswald, sans-serif;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-bottom: 2px;
}

.product-details .interface {
	font-size: 15px;
	font-family: Oswald, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	letter-spacing: 1px;
}

.product-catagory,
.product-details h4 a {
	display: block;
	text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1399px) {

	.text-lg,
	h4 {
		font-size: 22px;
		margin-bottom: 0;
	}
}

.product-details h4 a {
	font-weight: 500;
	color: #363636;
	text-decoration: none;
	transition: .3s;
}

.product-bottom-details {
	overflow: hidden;
	padding-bottom: 10px;
}

.product-bottom-details div {
	float: left;
	width: 100%;
}

.product-price {
	font-size: 15px;
	color: #646464;
	font-weight: 400;
	margin-top: 5px;
}

.product-price a {
	font-size: 15px;
	color: #646464;
	font-weight: 400;
	margin-top: 5px;
}

.features-box h2 {
	margin: 0;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Oswald';
	color: #263d4d;
	position: relative;
	padding-bottom: 15px;
}

.features-box h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: #011738;
	z-index: 1;
}

.features-box h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 255px;
	background-color: #af0000;
}

.features-box ul {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.features-box ul li {
	padding-bottom: 10px;
	position: relative;
	font-size: 16px;
}

.features-box ul li:before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Pro";
	padding-right: 10px;
	display: inline-block;
	color: #00086a;
}

.pb-50 {
	padding-bottom: 50px;
}

.description h2 {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Oswald';
	color: #263d4d;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}

.description h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: #011738;
	z-index: 1;
}

.description h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 255px;
	background-color: #af0000;
}

.gradient-cards {
	gap: 32px;
	padding: 30px;
}

.cat-card {
	border: 0;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 30px;
	transition: transform 0.5s;
}

.bg-green-box {
	background: #f9f9f9 !important;
}

.bg-blue-box {
	background: #fff4f4 !important;
}

.container-card {
	position: relative;
	/* border: 1px solid #d9d9d9; */
	background: #fff;
	/* background-clip: padding-box; */
	border-radius: 15px;
	padding: 20px;
}

.challenge-icon i {
	border: 1px solid #c7c7c7;
	padding: 15px;
	font-size: 35px;
	border-radius: 10px;
	color: #263d4d;
}

.card-title {
	font-weight: 600;
	color: #444444;
	line-height: 40px;
	font-style: normal;
	font-size: 18px;
	margin-bottom: 0px;
}

.card-description {
	color: #444444;
	font-size: 14px;
	margin-bottom: 0;
}

.bg-green-box::after {
	background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
}

.bg-green-box::after,
.bg-white-box::after,
.bg-yellow-box::after,
.bg-blue-box::after {
	position: absolute;
	content: "";
	z-index: -1;
	border-radius: 45px;
}

.product_heading {
	font-size: 70px;
	font-family: 'Oswald';
	font-weight: bold;
	letter-spacing: 2px;
	color: #01033a;
}

.product_description {
	padding-top: 10px;
	font-size: 17px;
	font-family: 'math';
	padding-bottom: 10px;
	color: #101010;
}

.product-btn {
	color: #ffffff;
	background-color: #010330;
	border-color: #010330;
	font-size: 16px !important;
	padding: 1em 2em;
	min-height: 47px;
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid #7b7b7b;
}

.product-btn:hover {
	color: #010330;
	background-color: transparent;
	border: 1px solid #010330;
}

.border-btn {
	color: #010330;
	background-color: transparent;
	border: 1px solid #010330;
	font-size: 16px !important;
	padding: 1em 2em;
	min-height: 47px;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 10px;
}

.border-btn:hover {
	color: #FFFFFF;
	background-color: #010330;
	border-color: #010330;
}

.product_banner {
	background: url(../img/bg-wave.webp);
	background-size: cover;
}

.product_features_section {
	background: #ffffff !important;
}

.feature-ul {}

.feature-ul .product_features:nth-of-type(odd) {
	background: #edebff;
}

.feature-ul .product_features:nth-of-type(even) {
	background: #E9E9E9;
}

.feature-ul .product_features:hover {
	box-shadow: 1px 8px 10px #212754;
}

.feature-ul .product_features {

	margin-right: 15px;
}

.product_features {
	border-radius: 15px;
	padding: 20px;
	margin-top: 20px;
}

.product_features h5 {
	text-align: center;
	font-size: 40px;
	color: #1c2151;
}

.product_features h4 {
	text-align: center;
	font-size: 15px;
	color: #222;
	font-weight: 400;
}

.product_specification table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.product_specification table>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.product_specification table>tbody>tr>td,
.product_specification table>tbody>tr>th,
.product_specification table>tfoot>tr>td,
.product_specification table>tfoot>tr>th,
.product_specification table>thead>tr>td,
.product_specification table>thead>tr>th {
	border: 1px solid #ddd;
}

.product_specification table>tbody>tr>td,
.product_specification table>tr>td {
	vertical-align: middle;
	font-size: 15px;
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.product_specification table>tbody>tr>td>span {
	background: transparent !important;
}

.product_use_case {
	background: #fff;
}

.card--1 .card__img,
.card--1 .card__img--hover {
	background-size: cover !important;
}

.card--2 .card__img,
.card--2 .card__img--hover {
	background-image: url('../../../images.pexels.com/photos/307008/pexels-photo-307008f3e0.jpg?auto=compress&cs=tinysrgb&h=750&w=1260');
}

.card__like {
	width: 18px;
}

.card__clock {
	width: 15px;
	vertical-align: middle;
	fill: #AD7D52;
}

.card__time {
	font-size: 12px;
	color: #AD7D52;
	vertical-align: middle;
	margin-left: 5px;
}

.card__clock-info {
	float: right;
}

.card__img {
	visibility: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 235px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

}

.card__info-hover {
	position: absolute;
	padding: 16px;
	width: 100%;
	opacity: 0;
	top: 0;
}

.card__img--hover {
	transition: 0.2s all ease-out;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	height: 235px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	top: 0;

}

.card {
	margin-right: 25px;
	transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
	background-color: #fff;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);
	padding: 14px;
}

.card:hover {
	box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
	transform: scale(1.10, 1.10);
}

.card__info {
	z-index: 2;
	background-color: #fff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 16px 5px 10px 5px;
	text-align: center;
}

.card__category {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 500;
	color: #868686;
}

.card__title {
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'Roboto Slab', serif;
}

.card__by {
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

.card__author {
	font-weight: 600;
	text-decoration: none;
	color: #AD7D52;
}

.card:hover .card__img--hover {
	height: 100%;
	opacity: 0.3;
}

.card:hover .card__info {
	background-color: transparent;
	position: relative;
}

.card:hover .card__info-hover {
	opacity: 1;
}

.product_download {
	background: url(../img/solutions_wave_bkg.webp);
	background-size: cover;
}

a:link {
	text-decoration: none;
}

.download_box {
	box-shadow: 1px 2px 5px #222;
	border-radius: 5px;
	padding: 20px 50px;
}

.download_box:hover {
	background: #01274d;
	color: #fff !important;
	box-shadow: 1px 1px 6px #c9bfbf;
	border: none;
}

.download_box:hover h5,
.download_box:hover h3 {
	color: #fff !important;
}

.download_box h5 {
	font-size: 30px;
	margin-bottom: 0;
	text-align: center;
}

.download_box h3 {
	text-align: center;
	font-family: 'PT Sans';
	font-weight: 400;
	font-size: 20px;
	margin-top: 5px;
}

.blog-box {
	margin-top: 50px;
}

.blog-box {
	background: #fff;
	padding: 15px;
	border-radius: 15px;
}

.blog-box h3 {
	color: #000;
}

.blog-title {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
}

.blog-box a {
	color: #01274d;
	font-weight: 600;
}

.blog-banner {}

.section.post_hero_sectioninside_page {
	z-index: 0;
	height: 470px;
	min-height: 470px;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 230px 32px;
	position: relative;
	overflow: hidden;
}

.section .wrapper {
	z-index: 1;
	width: 100%;
	max-width: 1200px;
	background-color: transparent;
	flex-direction: column;
	flex: 0 auto;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	position: static;
}

.post_hero_content {
	z-index: 3;
	max-width: 66.66%;
	margin-left: 100px;
	margin-right: auto;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.post_hero_content .badge {
	z-index: 3;
	height: 24px;
	color: #fff;
	background-color: #1d2150;
	border-radius: 12px;
	padding: 3px 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	display: inline-block;
	position: relative;
}

.post_hero_content .post-heading {
	color: #fff;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 25px;
	padding-left: 0;
	font-size: 40px;
	font-weight: 700;
}

.post-info {
	flex-wrap: wrap;
	align-items: center;
	padding-top: 4px;
	padding-bottom: 4px;
	display: flex;
}

.post-info-block {
	align-items: center;
	display: flex;
}

.mini-icon {
	width: 14px;
	opacity: 1;
}

.mini-date {
	color: #fff;
	margin-top: 4px;
	margin-left: 8px;
	font-size: 11px;
}

.post-info-block {
	align-items: center;
	display: flex;
}

.divider-small {
	width: 1px;
	height: 16px;
	background-color: #c7c9c8;
	margin-left: 12px;
	margin-right: 12px;
}

.post-_hero_gradient {
	z-index: 0;
	background-image: linear-gradient(transparent, rgba(3, 26, 46, .91));
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}

.other-blog img {
	width: 60px;
	height: 45px;
	border-radius: 50px;
}

.blog-p {
	font-size: 12px !important;
	margin-bottom: 0;
	padding-left: 15px;
	color: #000;
	font-weight: 600;
}

.short_description p {
	font-size: 18px;
}

.short_description h2 {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Oswald';
	color: #263d4d;
	padding-bottom: 15px;
	position: relative;
}

.blog-share h4 {
	font-family: 'Oswald';
	font-weight: bold;
	font-size: 24px;
}

.facebook i {
	background: #1877F2;
}

.share i {
	color: #ffffff;
	padding: 10px;
	font-size: 20px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 1.5;
}

.linkedin i {
	background: #0a66c2;
}

.twitter i {
	background: #26c4f1;
}

.pinterest i {
	background: #b7081b;
}

.partner-icon img {
	width: 100px;
}

.partner-icon p {
	font-size: 17px;
	font-weight: 300;
	color: #06163a
}

.career_bx {
	border: 1px solid #000;
	border-radius: 20px;
	padding-bottom: 20px;
}

.career_bx img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.career_bx p {
	font-size: 25px;
	text-align: center;
	margin-bottom: 0;
}

.career-path {
	margin: 0px 0px 0px 0px;
	background: #fff;
}

.main-section-wrapper {
	padding: 0px 20px 0px 0px;
	margin: auto;
	border-left: 0;
	display: flex;
	align-items: stretch;
	gap: 30px;
}

.main-section-wrapper .left-inner-section {
	position: relative;
	padding: 50px 50px 0px;
}

.main-section-wrapper .left-inner-section {
	flex: 1 1 45%;
	max-width: 45%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


@media (min-width: 768px) {
	.left-inner-section-inner {
		max-width: 300px;
		margin: 0 auto;
	}
}

.main-section-wrapper .left-inner-section h2 {
	color: #fff;
	margin-bottom: 30px;
	background: linear-gradient(to right, #76499a 0%, #00a2d7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 50px;
}

.main-section-wrapper .left-inner-section a {
	color: #fff;
	display: inline-block;
	padding: 12px 25px;
	border: 1px solid #fff;
	border-radius: 6px;
	text-decoration: none;
	text-transform: capitalize;
}

.normal-cta {
	border: 1.5px solid #fff;
	color: #fff;
	padding: 12px 40px 12px;
	border-radius: 6px;
	font-size: 18px;
	margin: 15px 0;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	transition: .3s;
}

.main-section-wrapper .right-inner-section {
	flex: 1 1 55%;
	max-width: 55%;
	margin-top: 20px;
}

.right-inner-section-wrapper {
	gap: 20px;
}

.right-inner-section-wrapper {
	display: flex;
	overflow: hidden;
	align-items: center;
}


.right-inner-section-wrapper .span6 {
	width: 48.717948718%;
}

.right-inner-section-wrapper[class*=span]:first-child {
	margin-left: 0;
}

.right-inner-section-wrapper [class*=span] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.564102564%;
	min-height: 28px;
	width: 100%;
}

.right-inner-section-wrapper .card-box {
	border: 1px solid #000;
	margin: 0 0 30px;
	border-radius: 30px;
	overflow: hidden;
}

.right-inner-section-wrapper .card-box .img-container {
	height: 250px;
}

.right-inner-section-wrapper .card-box .img-container {
	overflow: hidden;
}

.right-inner-section-wrapper .card-box .img-container img {
	display: block;
	height: 100%;
	width: 100%;
}

.right-inner-section-wrapper .card-box .img-container img {
	object-fit: cover;
	object-positio: top;
	transition: all .3s ease;
}

.right-inner-section-wrapper .card-box .card-details {
	padding: 30px 30px;
	color: #4f4f4f;
}

.right-inner-section-wrapper .card-box .card-details a {
	text-decoration: none;
	border: 1px solid #575757;
	padding: 12px 40px;
	border-radius: 6px;
	margin: 10px 0 0;
	text-align: center;
	color: #4f4f4f;
	display: inline-block;
}

.normal-cta {
	border: 1.5px solid #fff;
	color: #fff;
	padding: 12px 40px 12px;
	border-radius: 6px;
	font-size: 18px;
	margin: 15px 0;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	transition: .3s;
}

.right-inner-section-wrapper .card-box .card-details {
	padding: 30px 30px;
	color: #4f4f4f;
}


.career_box {
	box-shadow: 0px 0px 20px 10px #5e41990f;
	height: 210px;
	text-align: center;
	border-radius: 20px;
	margin: 0 auto;
	padding: 10px 0px;
	background: #fff;
}

.career_box img {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0rem auto 1rem;
}

.career_box p {
	padding: 0px 1.5rem;
	display: block;
	text-align: center;
	font: 15px "latobold", sans-serif;
}

.career_table tr .job_position {
	font-size: 20px;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}

.toggle label {
	font-size: 12px;
}

.modal-content label {
	font-size: 13px;
	font-family: sans-serif;
	color: white;
}

.modal-footer {
	display: block;
}

.solution_p {
	font-size: 15px;
	/* font-family: serif; */
	line-height: 2;
	color: #282828;
}

.icons img {
	width: 80px;
}

.feature-table {
	font-size: 13px;
	font-weight: 500;
}

.solution_box {
	background: #f9f9f9;
	border-radius: 10px;
	padding: 10px 5px;
	text-align: center;
}

.solution_box img {
	width: 60px;
	margin-bottom: 10px;
}

.profile_bx h4 a,
.profile_bx h4 {
	font-size: 16px;
	color: #263d4d;
}

.screenshot h4 {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.atl_box {
	background: #fff;
	padding: 30px 10px 20px;
	box-shadow: 1px 1px 7px #ddd;
}

.atl_box img {
	width: 80px;
	margin-bottom: 20px;
	text-align: center;
}

.inner-title p {
	width: 600px;
}

@media (max-width: 567px) {
	.career-sec {
		margin: 0px;
	}


	.self-col {
		width: 100% !important;
	}

	.inner-title p {
		width: 100%;
	}

	.inner-banner .inner-title h3 {
		font-size: 25px;
	}

	.slogan-heading {
		font-size: 25px !important;
	}
}


.sticky-nav .logo {
	top: 13px !important;
}

.mobile-nav .logo {
	top: 23px;
}

.mean-container a.meanmenu-reveal {
	margin-top: 11px;
}

.sticky-nav .mean-container a.meanmenu-reveal {
	margin-top: 3px;
}

.navbar-nav .nav-link {
	color: #fff;
}

.dropend .dropdown-toggle {
	color: salmon;
	margin-left: 1em;
}

.dropdown-item:hover {
	background-color: lightsalmon;
	color: #fff;
}

.dropdown .dropdown-menu {
	display: none;
}

.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
	display: block;
	margin-top: 0.125em;
	margin-left: 0.125em;
}

@media screen and (min-width: 769px) {
	.dropend:hover>.dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
	}

	.dropend .dropdown-toggle {
		margin-left: 0.5em;
	}
}

.main-nav nav .navbar-nav .nav-item {
	padding: 8px 4px;
	height: 42px;
}

.single-box {
	padding: 30px;
	box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
	background-color: #fff;
	text-align: center;
	margin-bottom: 30px;
	transition: all .5s;
	position: relative;
}

.single-box .box-icon img {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	top: 8px;
}

.single-box .box-icon img {
	color: #8dc446;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	background: #f9f9f9;
	z-index: 1;
	font-size: 35px;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.single-box .box-icon img::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: -7px;
	border: 2px dotted #8dc446;
	border-radius: 50%;
	z-index: -1;
	animation: rotation 50s infinite linear;
	transition: all .5s;
}

.services-card img {
	width: 100%;
	height: auto;
}

.title {
	font-size: 2em;
	color: black;
	font-weight: 500 !important;
	display: block;
}

.sub-title {
	font-size: 0.8em;
	color: gray;
	display: block;
}

.btn1 {
	padding: 10px 20px;
	background: transparent;
	border: 1px solid #00a65a;
	color: #00a65a;
	border-radius: 3px;
	outline: none;
	transition: 0.5s;
}

.btn1:hover {
	background: #00a65a;
	color: #fff;
}

.btn2 {
	padding: 10px 20px;
	border-radius: 3px;
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	color: #fff;
	outline: none;
	transition: 0.5s;
}

.btn2:hover {
	background: transparent;
	color: #1e1e1e;
}

/*.title:before{*/
/*content:"ï…¸ ";*/
/*font-family:"FontAwesome";*/
/*font-size:30px;*/
/*}*/

a {
	text-decoration: none;
}

.section2,
.section3 {
	width: 90%;
	margin: 5% 0%;
	margin-left: auto;
	margin-right: auto;
}

.section2 table,
.section3 table {
	width: 100%;
}

.section2 table td,
.section3 table td {
	width: 50%;
}

.section2 table td img,
.section3 table td img {
	width: 80%;
	height: 70%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 6px 16px -6px rgba(1, 1, 1, 0.5);
}

.section3 table td img {
	float: right;
}


@media (max-width:720px) {

	.section2 table td,
	.section3 table td {
		width: 100%;
		display: block;
	}

	.section3 table td img {
		float: none;
		margin-top: 4%;
	}

	.section2 table td img,
	.section3 table td img {
		width: 100%;
		height: 60%;
	}
}

@media (max-width:300px) {

	.section2,
	.section3 {
		font-size: 12px;
	}

	.section3 table td img {
		float: none;
		margin-top: 8%;
	}

	.btn1,
	.btn2 {
		padding: 5px 10px;
	}
}

.footer {
	position: fixed;
	box-shadow: 0px 6px 16px -6px rgba(1, 1, 1, 0.5);
	background: #1e1e1e;
	padding: 10px 20px;
	color: gray;
	font-size: 13px;
	position: fixed;
	bottom: 10px;
	right: 0;
}


.cont {
	max-width: 400px;
	margin: 2rem auto;
}

.product-card {
	background-color: var(--card-background);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.product-card__image {
	height: 250px;
	overflow: hidden;
}

.product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.product-card:hover .product-card__image img {
	transform: scale(1.05);
}

.product-card__info {
	padding: 20px;
}

.product-card__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--text-color);
}

.product-card__description {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 20px;
}

.product-card__price-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-card__price {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--primary-color);
}

.product-card__btn {
	background-color: var(--primary-color);
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.product-card__btn {
	background-color: #00a65a;
}

@media (max-width: 480px) {
	.cont {
		max-width: 100%;
		padding: 0 20px;
	}

	.product-card__image {
		height: 200px;
	}

	.product-card__title {
		font-size: 1.3rem;
	}

	.product-card__description {
		font-size: 0.8rem;
	}

	.product-card__price {
		font-size: 1.1rem;
	}

	.product-card__btn {
		padding: 8px 16px;
		font-size: 0.8rem;
	}
}

.btn-bg-two {
	@import "https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap";
	@import url(https://fonts.googleapis.com/css?family=Oswald:400);
	@import url('https://fonts.cdnfonts.com/css/effra-heavy');
	@import url(https://fonts.googleapis.com/css?family=Oswald:300);
	@import url(../../../pro.fontawesome.com/releases/v5.10.0/css/all.css);
	@import url(bootstrap.min.css);
	@import url(animate.min.css);
	@import url(../fonts/flaticon.css);
	@import url(boxicons.min.css);
	@import url(owl.carousel.min.css);
	@import url(owl.theme.default.min.css);
	@import url(magnific-popup.css);
	@import url(nice-select.min.css);
	@import url(meanmenu.css);
	@import url(responsive.css);
	@import url(theme-dark.css);

	body {
		font-size: 15px;
		line-height: 1.6;
		/*    font-family: livvic, sans-serif;*/
		font-family: 'Effra', sans-serif;
		color: #444;
		font-weight: 400;
		background: #f8f8f8;
	}

	p {
		color: #444;
		font-weight: 400;
	}

	a {
		display: inline-block;
		/*
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
*/
		text-decoration: none;
	}

	a:hover,
	a:focus {
		text-decoration: none;
	}

	button {
		margin: 0;
		padding: 0;
		outline: 0;
	}

	button:focus {
		outline: 0;
		border: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 600;
		color: #252525;
	}

	h3 {
		font-size: 22px;
	}

	.d-table {
		width: 100%;
		height: 100%;
	}

	.d-table-cell {
		display: table-cell;
		vertical-align: middle;
	}

	img {
		max-width: 100%;
	}

	.ptb-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.pt-100 {
		padding-top: 100px;
	}

	.pt-80 {
		padding-top: 80px;
	}

	.ptb-70 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pb-100 {
		padding-bottom: 100px;
	}

	.pb-70 {
		padding-bottom: 70px;
	}

	.pt-50 {
		padding-top: 50px;
	}

	.pt-45 {
		padding-top: 45px;
	}

	.pt-20 {
		padding-top: 20px;
	}

	.mt-30 {
		margin-top: 30px;
	}

	.ml-25 {
		margin-left: 15px;
	}

	.ml-20 {
		margin-left: 20px;
	}

	.mr-20 {
		margin-right: 20px;
	}

	.margin-auto {
		margin: 0 auto;
	}

	.border-radius-50 {
		border-radius: 50px;
	}

	.border-radius-5 {
		border-radius: 5px;
	}

	.box-shadow {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	}

	.section-title span {
		margin-bottom: 8px;
		font-weight: 600;
		display: block;
	}

	.section-title h2 {
		font-size: 50px;
		font-weight: 600;
		margin-top: 0;
		line-height: 1.2;
		color: #252525;
		margin-bottom: 0;
		font-family: 'Oswald';
		text-transform: uppercase;
	}

	.section-title p {
		padding-top: 10px;
		margin-bottom: 0;
		max-width: 530px;
		color: #444;
	}

	.sp-color1 {
		color: #ffc221;
	}

	.sp-color2 {
		color: #0071dc;
	}

	.default-btn {
		display: inline-block;
		padding: 12px 32px;
		color: #fff;
		text-align: center;
		position: relative;
		overflow: hidden;
		z-index: 1;
		font-family: 'Effra', sans-serif;
	}

	.default-btn i {
		font-size: 20px;
		position: relative;
		top: 4px;
		display: none;
	}

	.default-btn::before {
		content: "";
		position: absolute;
		z-index: -1;
		height: 100%;
		left: -36%;
		top: 0;
		-webkit-transform: skew(50deg);
		transform: skew(50deg);
		-webkit-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		width: 0;
	}

	.default-btn:hover {
		color: #fff !important;
	}

	.default-btn:hover:before {
		height: 100%;
		width: 135%;
		background-color: #252525;
	}

	.btn-bg-one {
		background-color: #090776;
	}

	.btn-bg-two {
		background-color: #0071dc;
	}

	.top-header {
		padding: 7px 0 10px;
	}

	.top-header-bg {
		background-color: #070b3b;
	}

	.top-left-side .top-header-text {
		display: inline-block;
		position: relative;
		margin-left: 30px;
	}

	.top-left-side .top-header-text::before {
		content: "";
		position: absolute;
		left: -20px;
		width: 1px;
		height: 22px;
		background-color: #fff;
		top: 1px;
	}

	.top-left-side .top-header-text p {
		font-size: 16px;
		color: #fff;
		font-weight: 500;
		margin-bottom: 0;
	}

	.top-left-side .top-header-text p b {
		color: #090776;
		font-weight: 500;
		margin-right: 5px;
	}

	.top-head-left {
		float: left;
	}

	.top-head-left .top-contact {
		position: relative;
		display: inline-block;
	}

	.top-head-left .top-contact:hover i {
		background-color: #0071dc;
		color: #fff;
	}

	.top-head-left .top-contact:hover h3 a {
		color: #090776;
	}

	.top-head-left .top-contact h3 {
		font-size: 14px;
		color: #fff;
		margin-bottom: 0;
		font-weight: 500;
	}

	.top-head-left .top-contact h3 a {
		color: #fff;
		margin-bottom: 0;
		text-decoration: none;
	}

	.top-head-left .top-contact h3 a:hover {
		color: #090776;
	}

	.top-header-right {
		float: right;
	}

	.top-header-right .top-header-social {
		display: inline-block;
	}

	.top-header-right .top-header-social ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.top-header-right .top-header-social ul li {
		display: inline-block;
		top: 1px;
		position: relative;
	}

	.top-header-right .top-header-social ul li a {
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		background-color: transparent;
		color: #fff;
		border-radius: 50px;
		font-size: 18px;
	}

	.top-header-right .top-header-social ul li a:hover {
		color: #090776;
	}

	.top-header-right .language-list {
		top: -6px;
		margin-bottom: 0;
		position: relative;
		display: inline-block;
		margin-left: -20px;
		z-index: 9999;
	}

	.top-header-right .language-list .language-list-item {
		height: 0;
		padding: 0 15px;
		border: none;
		color: #fff;
		background-color: transparent;
		font-weight: 500;
		font-size: 14px;
		border-radius: 5px 0 0 5px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.top-header-right .language-list .language-list-item:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none;
	}

	.top-header-right .language-list .nice-select {
		height: 0;
		width: 125px;
		line-height: 0;
		font-size: 15px;
		margin-bottom: 0;
		border-radius: 0;
		background-color: transparent;
		color: #fff;
		border-radius: 5px 0 0 5px;
		z-index: 9999;
		text-align: right !important;
	}

	.top-header-right .language-list .nice-select .list {
		background-color: #fff;
		-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
		box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
		border-radius: 0;
		margin-top: 20px;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.top-header-right .language-list .nice-select .list .option {
		-webkit-transition: 0.6s;
		transition: 0.6s;
		color: #252525;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0;
		width: 180px;
		border-bottom: 1px solid #e1e1e1;
	}

	.top-header-right .language-list .nice-select .list .option:hover {
		background-color: transparent !important;
		color: #0071dc;
	}

	.top-header-right .language-list .nice-select .list .option .selected {
		background-color: transparent !important;
		font-weight: 500;
		color: #0071dc !important;
	}

	.top-header-right .language-list .nice-select::after {
		content: "\ea29";
		height: 8px;
		width: 8px;
		border: none;
		top: 0;
		margin-bottom: 0;
		right: 10px;
		background-color: transparent;
		font-family: boxicons !important;
		color: #fff;
		font-size: 18px;
		-webkit-transform-origin: none;
		transform-origin: none;
		-webkit-transform: none;
		transform: none;
		margin-top: 0;
	}

	.main-nav {
		background-color: #fff0;
		top: 0;
		position: inherit;
		left: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}

	.main-nav .navbar {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
		padding-bottom: 0;
	}

	.navbar-brand {
		padding-bottom: 0;
		padding-top: 0;
		z-index: 1;
		margin-top: -9px;
	}

	.sticky-nav .main-nav .navbar {
		padding-left: 0;
		padding-right: 0;
		padding-top: 9px;
		padding-bottom: 0;
	}

	.sticky-nav .main-nav .navbar .navbar-brand .logo-one {
		/* display: none; */
	}

	.sticky-nav .main-nav .navbar .navbar-brand .logo-two {
		display: block;
	}

	.main-nav .navbar .navbar-brand .logo-two {
		display: none;
	}

	.main-nav nav .navbar-nav .nav-item:hover a,
	.main-nav nav .navbar-nav .nav-item .active {
		color: #0071dc !important;
	}

	.main-nav nav .navbar-nav .nav-item:hover a::before,
	.main-nav nav .navbar-nav .nav-item .active::before {
		opacity: 1;
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item:hover a i,
	.main-nav nav .navbar-nav .nav-item .active i {
		color: #0071dc;
	}

	.sticky-nav .main-nav nav .navbar-nav .nav-item a {
		color: #000 !important;
	}

	.main-nav nav .navbar-nav .nav-item a {
		text-transform: uppercase;
		color: #fff;
		font-weight: 500;
		font-size: 13px;
		margin-left: 12px;
		margin-right: 12px;
		position: relative;
		font-family: 'Effra', sans-serif;
	}

	.main-nav nav .navbar-nav .nav-item a span {
		font-size: 10px;
		color: red;
		margin-left: 2px;
		top: -7px;
		position: relative;
	}

	.main-nav nav .navbar-nav .nav-item a::before {
		content: "";
		position: absolute;
		bottom: 0;
		width: 0;
		height: 1px;
		left: 0;
		right: 0;
		/*    background-color: #0071dc;*/
		opacity: 0;
		/*
    -webkit-transition: 0.7s;
    transition: 0.7s;
*/
	}

	.main-nav nav .navbar-nav .nav-item a i {
		line-height: 0;
		position: relative;
		top: 0px;
		font-size: 18px;
		color: #fff;
	}

	.sticky-nav .main-nav nav .navbar-nav .nav-item a i {
		color: #000 !important;
	}

	.main-nav nav .navbar-nav .nav-item a:hover,
	.main-nav nav .navbar-nav .nav-item a :focus {
		color: #FFFFFF;
	}

	.main-nav nav .navbar-nav .nav-item a:hover::before,
	.main-nav nav .navbar-nav .nav-item a :focus::before {
		opacity: 1;
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item a:hover i,
	.main-nav nav .navbar-nav .nav-item a :focus i {
		color: #FFFFFF;
	}

	.main-nav nav .navbar-nav .nav-item a.active {
		color: #FFFFFF !important;
	}

	.main-nav nav .navbar-nav .nav-item a.active::before {
		opacity: 1;
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item a.active i {
		color: #0071dc;
	}

	.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu {
		margin-top: 0px;
		z-index: 5;
		border: none;
		padding: 0;
		border-radius: 0;
		background-color: #fff !important;
		/*
    -webkit-transform: scale(1);
    transform: scale(1);
*/
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
		/*    border-bottom: 1px solid #e1e1e1;*/
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
		border-bottom: none;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
		text-transform: capitalize;
		color: #252525 !important;
		position: relative;
		z-index: 1;

		/*    transition: 1s;*/

		font-weight: 600;
		padding: 10px 25px;
		font-size: 15px;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
		float: right;
		top: 12px;
		position: relative;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 2px;
		height: 100%;
		/*    background-color: #0071dc;*/
		-webkit-transition: 0.9s;
		transition: 0.9s;
		z-index: -1;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
		border-radius: 0;
		color: #fff !important;
		padding-left: 35px;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i {
		color: #fff;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
		color: #222 !important;
		border-radius: 0;
		/*    padding-left: 35px;*/
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i {
		color: #fff;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active::before {
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
		color: #fff !important;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active::before {
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active i {
		color: #fff;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
		left: 100%;
		margin-top: 18px !important;
		position: absolute;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.main-nav .nav-side.nav-side {
		position: relative;
		z-index: 1;
		top: -7px;
	}

	.main-nav .nav-side .nav-side-item {
		margin-right: 20px;
		display: inline-block;
	}

	.main-nav .nav-side .nav-side-item:last-child {
		margin-right: 0;
	}

	.main-nav .nav-side .nav-side-item .search-box {
		position: relative;
		top: -5px;
	}

	.sticky-nav .main-nav .nav-side .nav-side-item .search-box i {
		color: #000 !important;
	}

	.main-nav .nav-side .nav-side-item .search-box i {
		cursor: pointer;
		font-size: 24px;
		color: #fff;
		position: relative;
		display: inline-block;
		top: 0;
	}

	.main-nav .nav-side .nav-side-item .search-box:hover i {
		color: #0071dc;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form {
		position: relative;
		top: -10px;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control {
		height: 45px;
		background-color: #f8f8f8;
		padding: 10px 20px;
		width: 100%;
		border-radius: 50px;
		border: none;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: 0;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button {
		position: absolute;
		top: 3px;
		right: 3px;
		height: 40px;
		width: 40px;
		background-color: #090776;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		border: none;
		outline: none;
		border-radius: 50px;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button i {
		color: #fff;
		position: relative;
		top: 1.9px;
	}

	.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover {
		background-color: #0071dc;
	}

	.main-nav .nav-side .nav-side-item .get-btn {
		display: inline-block;
		position: relative;
		top: 5px;
	}

	.main-nav .nav-side .nav-side-item .get-btn .default-btn {
		padding: 9px 25px;
	}

	.nav-side-mt {
		margin-top: 6px;
	}

	.side-nav-responsive {
		display: none;
	}

	.side-nav-responsive .dot-menu {
		padding: 0 10px;
		height: 30px;
		cursor: pointer;
		z-index: 999;
		position: absolute;
		right: 60px;
		top: 20px;
	}

	.side-nav-responsive .dot-menu .circle-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 30px;
	}

	.side-nav-responsive .dot-menu .circle-inner .in-circle {
		height: 5px;
		width: 5px;
		border-radius: 100%;
		margin: 0 2px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		background-color: #0071dc;
	}

	.side-nav-responsive .dot-menu:hover .circle-inner .circle {
		background-color: #090776;
	}

	.side-nav-responsive .container-max {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.side-nav-responsive .container-max .container {
		position: absolute;
		top: 70px;
		right: 0;
		max-width: 220px;
		margin-left: auto;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		z-index: 2;
		padding-left: 15px;
		padding-right: 15px;
	}

	.side-nav-responsive .container-max .container.active {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.side-nav-responsive .side-nav-inner {
		padding: 12px 10px 10px;
		-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
		background-color: #fff;
	}

	.side-nav-responsive .side-nav-inner .side-nav {
		background-color: #0071dc;
		padding: 10px;
	}

	.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box {
		position: relative;
		display: inline-block;
		top: -10px;
		margin-right: 5px;
	}

	.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box i {
		cursor: pointer;
		font-size: 24px;
		color: #fff;
		position: relative;
		display: inline-block;
		top: 5px;
	}

	.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box:hover i {
		color: #0071dc;
	}

	.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn {
		display: inline-block;
		position: relative;
		top: 5px;
	}

	.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn .default-btn {
		padding: 7px 15px;
		background-color: #fff;
		color: #252525;
	}

	.sticky-nav {
		top: 0;
		position: fixed;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		width: 100% !important;
		z-index: 999;
	}

	.sticky-nav .main-nav {
		background: #fff;
		top: 0;
		border: none;
		position: fixed;
		z-index: 999;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	}

	.search-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
	}

	.search-overlay .search-layer {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	.search-overlay .search-layer:nth-child(1) {
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.search-overlay .search-layer:nth-child(2) {
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
	}

	.search-overlay .search-layer:nth-child(3) {
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-transition: all 0.9s ease-in-out 0.6s;
		transition: all 0.9s ease-in-out 0.6s;
	}

	.search-overlay .search-close {
		position: absolute;
		top: 40px;
		right: 40px;
		width: 50px;
		z-index: 2;
		text-align: center;
		cursor: pointer;
		padding: 10px;
		-webkit-transition: all 0.9s ease-in-out 1.5s;
		transition: all 0.9s ease-in-out 1.5s;
		opacity: 0;
		visibility: hidden;
	}

	.search-overlay .search-close .search-close-line {
		width: 100%;
		height: 3px;
		float: left;
		margin-bottom: 5px;
		background-color: #fff;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.search-overlay .search-close .search-close-line:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.search-overlay .search-close .search-close-line:nth-child(2) {
		margin-top: -7px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.search-overlay .search-close:hover .search-close-line {
		background: #0071dc;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.search-overlay .search-form {
		-webkit-transition: all 0.9s ease-in-out 1.4s;
		transition: all 0.9s ease-in-out 1.4s;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		z-index: 2;
		max-width: 500px;
		width: 500px;
		padding: 0 15px;
	}

	.search-overlay .search-form form {
		position: relative;
	}

	.search-overlay .search-form form .input-search {
		display: block;
		width: 100%;
		height: 60px;
		border: none;
		border-radius: 30px;
		color: #252525;
		padding: 3px 0 0 25px;
	}

	.search-overlay .search-form form .input-search::-webkit-input-placeholder {
		-webkit-transition: 0.7s;
		transition: 0.7s;
		letter-spacing: 0.5px;
		color: #252525;
	}

	.search-overlay .search-form form .input-search:-ms-input-placeholder {
		-webkit-transition: 0.7s;
		transition: 0.7s;
		letter-spacing: 0.5px;
		color: #252525;
	}

	.search-overlay .search-form form .input-search::-ms-input-placeholder {
		-webkit-transition: 0.7s;
		transition: 0.7s;
		letter-spacing: 0.5px;
		color: #252525;
	}

	.search-overlay .search-form form .input-search::placeholder {
		-webkit-transition: 0.7s;
		transition: 0.7s;
		letter-spacing: 0.5px;
		color: #252525;
	}

	.search-overlay .search-form form .input-search:focus {
		border: none;
		outline: none;
	}

	.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.search-overlay .search-form form .input-search:focus:-ms-input-placeholder {
		color: transparent;
	}

	.search-overlay .search-form form .input-search:focus::-ms-input-placeholder {
		color: transparent;
	}

	.search-overlay .search-form form .input-search:focus::placeholder {
		color: transparent;
	}

	.search-overlay .search-form form button {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 50px;
		color: #fff;
		height: 50px;
		border-radius: 50%;
		background-color: #0071dc;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		border: none;
		font-size: 20px;
		line-height: 55px;
	}

	.search-overlay .search-form form button:hover {
		background-color: #090776;
		color: #fff;
	}

	.search-overlay .search-form form:hover {
		border: none;
		outline: none;
	}

	.search-overlay.search-overlay-active.search-overlay {
		opacity: 1;
		visibility: visible;
	}

	.search-overlay.search-overlay-active.search-overlay .search-layer {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.search-overlay.search-overlay-active.search-overlay .search-close {
		opacity: 1;
		visibility: visible;
	}

	.search-overlay.search-overlay-active.search-overlay .search-form {
		opacity: 1;
		visibility: visible;
	}

	.banner-slider-area {
		position: relative;
		top: -80px;
		z-index: 0;
	}

	.banner-slider-area .owl-dots {
		margin-top: 0 !important;
		position: absolute;
		display: -ms-grid;
		display: grid;
		right: 7%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-bottom: 10px;
	}

	.owl-theme .owl-dots .owl-dot {
		display: none !important;
	}

	.banner-slider-area .owl-dots .owl-dot span {
		background-color: #fbfbfb3f !important;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		margin: 7px;
		width: 40px !important;
		height: 40px !important;
		border: 10px solid #fbfbfb3f;
	}

	.banner-slider-area .owl-dots .owl-dot.active span {
		background-color: #fff !important;
		width: 40px !important;
		height: 40px !important;
		border: 13px solid #090776;
	}

	.banner-slider-area .owl-dots .owl-dot:hover span {
		background-color: #fff !important;
		width: 40px !important;
		height: 40px !important;
		border: 13px solid #090776;
	}

	.banner-item {
		position: relative;
		z-index: 1;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.banner-item::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 0.5;
	}

	.banner-item-content {
		padding-top: 150px;
		padding-bottom: 120px;
	}

	.banner-item-content span {
		font-size: 15px;
		font-weight: 500;
		color: #0071dc;
		padding: 10px 25px;
		background-color: #fff;
		border-radius: 50px;
		display: inline-block;
	}

	.banner-item-content h1 {
		margin-top: 25px;
		font-size: 70px;
		color: #fff;
		font-weight: 700;
		max-width: 780px;
		margin-bottom: 20px;
		font-family: oswald, sans-serif;
		text-transform: uppercase;
	}

	.banner-item-content p {
		font-size: 50px;
		color: #fff;
		font-weight: 400;
		max-width: 800px;
		margin-bottom: 35px;
		font-family: oswald, sans-serif;
	}

	.item-bg1 {}

	.item-bg2 {}

	.item-bg3 {}

	.banner-area {
		position: relative;
		z-index: 1;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/home-two.jpg);
	}

	.banner-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: -webkit-gradient(linear, left top, right top, from(#252525bf), to(#25252500));
		background-image: linear-gradient(to right, #252525bf, #25252500);
	}

	.banner-item-ptb {
		padding-top: 140px;
		padding-bottom: 160px;
	}

	.banner-item-ptb h1 {
		margin-top: 0;
	}

	.banner-area-two {
		position: relative;
		z-index: 1;
		background-color: #f8f8f8;
	}

	.banner-area-two::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/home-three/home-three-bg.png);
	}

	.banner-content {
		position: relative;
		margin-top: -50px;
	}

	.banner-content h1 {
		font-size: 60px;
		color: #252525;
		font-weight: 600;
		max-width: 680px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.banner-content p {
		font-size: 17px;
		color: #252525;
		font-weight: 500;
		max-width: 500px;
		margin-bottom: 35px;
	}

	.banner-img {
		position: relative;
		padding-top: 70px;
	}

	.banner-img .banner-img-shape {
		position: absolute;
		bottom: 100px;
		right: 0;
		-webkit-animation: moveBounce 9s linear infinite;
		animation: moveBounce 9s linear infinite;
	}

	.banner-sub-item {
		position: relative;
		background-color: #fff;
		border-radius: 15px;
		padding: 15px 10px 15px 160px;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	}

	.banner-sub-item img {
		position: absolute;
		top: 10px;
		left: 10px;
		max-width: 125px;
		border-radius: 15px 0 0 15px;
	}

	.banner-sub-item .content {
		padding-bottom: 10px;
	}

	.banner-sub-item .content h3 {
		font-size: 45px;
		color: #090776;
		font-weight: 700;
		margin-bottom: 0;
	}

	.banner-sub-item .content span {
		color: #252525;
		font-size: 18px;
		font-weight: 600;
	}

	.banner-sub-slider {
		position: relative;
		margin-top: -80px;
		padding-bottom: 50px;
	}

	.banner-four-area {
		background-color: #070b3b;
		z-index: 1;
		position: relative;
	}

	.banner-four-area::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 70%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../images/home-four/home-four-bg.png);
		opacity: 0.8;
	}

	.banner-four-content {
		max-width: 620px;
		margin-left: auto;
		margin-right: -50px;
		position: relative;
		z-index: 2;
	}

	.banner-four-content span {
		font-size: 14px;
		font-weight: 400;
		color: #090776;
		border-radius: 50px;
		display: inline-block;
		margin-bottom: 15px;
	}

	.banner-four-content h1 {
		font-size: 50px;
		color: #fff;
		font-weight: 600;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.banner-four-content p {
		font-size: 17px;
		color: #fff;
		font-weight: 500;
		margin-bottom: 30px;
	}

	.banner-four-content .banner-btn .default-btn {
		display: inline-block;
	}

	.banner-four-content .banner-btn .play-btn {
		padding-left: 65px;
		position: relative;
		z-index: 1;
		top: -3px;
	}

	.banner-four-content .banner-btn .play-btn i {
		position: absolute;
		top: -3px;
		left: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		text-align: center;
		background-color: #fff;
		color: #090776;
		border-radius: 50px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.banner-four-content .banner-btn .play-btn i::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: 0.5px solid #fff;
		border-radius: 50px;
		-webkit-animation: ripple 2s infinite ease-in-out;
		animation: ripple 2s infinite ease-in-out;
	}

	.banner-four-content .banner-btn .play-btn h3 {
		margin-bottom: 5px;
		font-size: 16px;
		color: #090776;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.banner-four-content .banner-btn .play-btn span {
		font-size: 14px;
		color: #fff;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		margin-bottom: 0;
	}

	.banner-four-content .banner-btn .play-btn:hover i {
		background-color: #090776;
		color: #fff;
	}

	.banner-four-content .banner-btn .play-btn:hover i::after {
		border-color: #090776;
	}

	.banner-four-content .banner-btn .play-btn:hover h3 {
		color: #fff;
	}

	.banner-four-content .banner-btn .play-btn:hover span {
		color: #090776;
	}

	.banner-four-img {
		position: relative;
		z-index: 1;
		margin-bottom: 50px;
	}

	.banner-five-area {
		background-color: #d5e5f4;
		position: relative;
		padding: 50px 0;
	}

	.banner-five-content {
		max-width: 560px;
		margin-left: auto;
	}

	.banner-five-content span {
		font-size: 14px;
		font-weight: 600;
		color: #0071dc;
		border-radius: 50px;
		display: inline-block;
		margin-bottom: 15px;
	}

	.banner-five-content h1 {
		font-size: 52px;
		font-weight: 600;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.banner-five-content h1 b {
		font-weight: 600;
		color: #0071dc;
	}

	.banner-five-content p {
		font-size: 17px;
		font-weight: 500;
		margin-bottom: 30px;
	}

	.banner-five-img {
		-webkit-animation: moveBounce 9s infinite ease-in-out;
		animation: moveBounce 9s infinite ease-in-out;
	}

	.banner-bottom-area {
		position: relative;
		margin-top: -75px;
	}

	.banner-bottom-card {
		background-color: #fff;
		position: relative;
		z-index: 1;
		padding: 30px 20px 30px 135px;
		border-radius: 15px;
		margin-bottom: 30px;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
		border-bottom: 3px solid #0071dc;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.banner-bottom-card i {
		position: absolute;
		top: 30px;
		left: 30px;
		font-size: 40px;
		width: 80px;
		height: 80px;
		line-height: 80px;
		color: #252525;
		background-color: #e5f3ff;
		border-radius: 50px;
		display: inline-block;
		text-align: center;
	}

	.banner-bottom-card h3 {
		color: #252525;
		margin-bottom: 10px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.banner-bottom-card p {
		margin-bottom: 0;
		font-weight: 500;
	}

	.banner-bottom-card:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.banner-bottom-card:hover h3 {
		color: #090776;
	}

	.inner-banner {
		position: relative;
		z-index: 0;
		/*    background-color: #070b3b;*/
		margin-top: -6%;
		background: url("../img/back-banner.html")
	}

	.inner-banner .inner-title {
		padding-top: 150px;
		padding-bottom: 90px;
		position: relative;
		z-index: 1;
	}

	.inner-banner .inner-title h3 {
		font-size: 45px;
		color: #fff;
		font-weight: 600;
		position: relative;
	}

	.inner-banner .inner-title p {
		color: #fff;
		font-size: 18px;
	}

	.inner-banner .inner-title ul {
		list-style: none;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.inner-banner .inner-title ul li {
		font-size: 18px;
		color: #fff;
		display: inline-block;
	}

	.inner-banner .inner-title ul li i {
		color: #fff;
		position: relative;
		top: 3px;
		margin: 0 3px;
	}

	.inner-banner .inner-title ul li a {
		color: #fff;
	}

	.inner-banner .inner-title ul li a:hover {
		color: #090776;
	}

	.inner-banner .inner-shape {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: none;
	}

	.about-content .about-content-card {
		margin-top: 30px;
	}

	.about-content .about-content-card i {
		font-size: 60px;
		color: #0071dc;
		line-height: 1;
	}

	.about-content .about-content-card h3 {
		margin-top: 15px;
		margin-bottom: 12px;
	}

	.about-content .about-content-card p {
		margin-bottom: 0;
	}

	.about-content .about-list {
		list-style: none;
		margin: 20px 0 0;
		padding: 0;
	}

	.about-content .about-list li {
		display: block;
		color: #252525;
		margin-bottom: 10px;
		font-weight: 500;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		padding-left: 35px;
		position: relative;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		font-size: 15px;
	}

	.about-content .about-list li:hover {
		color: #0071dc;
	}

	.about-content .about-list li:hover i {
		color: #090776;
	}

	.about-content .about-list li:last-child {
		margin-bottom: 0;
	}

	.about-content .about-list li i {
		font-size: 26px;
		color: #0071dc;
		position: absolute;
		left: 0;
		top: -2px;
		margin-right: 5px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.about-content .about-content-text {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.about-img {
		position: relative;
	}

	.about-img::before {
		content: "";
		position: absolute;
		z-index: -1;
		width: 30%;
		height: 40%;
		background-color: transparent;
		border: 3px solid #090776;
		bottom: -10px;
		right: -40px;
		border-radius: 35px;
	}

	.about-img img {
		border-radius: 15px;
	}

	.about-img .sub-content {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		background-color: #fff;
		border-radius: 15px;
		padding: 15px 10px 23px 160px;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	}

	.about-img .sub-content img {
		position: absolute;
		top: 10px;
		left: 10px;
		max-width: 123px;
		border-radius: 15px 0 0 15px;
	}

	.about-img .sub-content h3 {
		font-size: 45px;
		color: #090776;
		font-weight: 700;
		margin-bottom: 0;
	}

	.about-img .sub-content span {
		color: #252525;
		font-size: 18px;
		font-weight: 600;
	}

	.about-play {
		position: relative;
		border-radius: 30px;
	}

	.about-play img {
		border-radius: 30px;
	}

	.about-play .about-play-content {
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		max-width: 470px;
		background-color: #25252538;
		border-bottom-left-radius: 30px;
		border-top-right-radius: 70%;
		padding: 100px 40px 70px 25px;
	}

	.about-play .about-play-content::before {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		right: 30px;
		width: 91.7%;
		height: 90.1%;
		background-color: #0071dc;
		border-bottom-left-radius: 30px;
		border-top-right-radius: 70%;
	}

	.about-play .about-play-content span {
		color: #fff;
	}

	.about-play .about-play-content h2 {
		color: #fff;
		font-size: 35px;
		max-width: 300px;
		margin-bottom: 0;
	}

	.about-play .about-play-content .play-on-area {
		position: absolute;
		z-index: 1;
		bottom: 175px;
		left: 200px;
	}

	.about-play .about-play-content .play-on-area .play-on {
		width: 80px;
		height: 80px;
		color: #0071dc;
		background-color: #fff;
		text-align: center;
		font-size: 55px;
		border-radius: 50px;
		display: inline-block;
	}

	.about-play .about-play-content .play-on-area .play-on i {
		padding-left: 3px;
	}

	.about-play .about-play-content .play-on-area .play-on:hover {
		color: #fff;
		background-color: #090776;
	}

	.about-bg {
		background-color: #070b3b;
	}

	.about-img-2 {
		margin-bottom: 30px;
	}

	.about-img-2 img {
		border-radius: 15px;
	}

	.about-content-2 {
		margin-bottom: 30px;
	}

	.about-content-2 .section-title h2 {
		color: #fff;
	}

	.about-content-2 .section-title p {
		color: #fff;
	}

	.about-content-2 .about-card {
		margin-top: 15px;
	}

	.about-content-2 .about-card .content {
		padding-top: 20px;
		position: relative;
		padding-left: 70px;
		margin-bottom: 40px;
	}

	.about-content-2 .about-card .content i {
		position: absolute;
		top: 10px;
		left: 0;
		font-size: 55px;
		color: #0071dc;
		line-height: 1;
	}

	.about-content-2 .about-card .content h3 {
		margin-bottom: 10px;
		color: #fff;
	}

	.about-content-2 .about-card p {
		margin-top: 25px;
		margin-bottom: 0;
		color: #fff;
	}

	.about-bg2 {
		background-color: #f8f8f8;
	}

	.about-img-4 {
		max-width: 750px;
		margin-left: auto;
		margin-bottom: 30px;
	}

	.about-content-3 {
		max-width: 560px;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.about-content-3 .section-title {
		margin-bottom: 20px;
	}

	.about-content-3 h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.all-skill-bar {
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.skill-bar {
		margin-bottom: 20px;
	}

	.skill-bar .progress-title-holder {
		position: relative;
		margin-bottom: 15px;
	}

	.skill-bar .progress-title {
		font-size: 16px;
		font-weight: 600;
		color: #252525;
	}

	.skill-bar .progress-number-wrapper {
		width: 100%;
		z-index: 10;
		font-size: 11px;
		line-height: 24px;
		height: 24px;
		letter-spacing: 0;
		font-weight: 500;
		font-style: normal;
		text-transform: none;
		color: #fbede9;
	}

	.skill-bar .progress-number-mark {
		margin-bottom: 4px;
		border-radius: 3px;
		color: #fff;
		padding: 0 8px;
		position: absolute;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 14px;
		font-weight: 600;
		width: 45px;
		height: 26px;
		text-align: center;
		line-height: 28px;
		background: #070b3b;
	}

	.skill-bar .progress-content-outter {
		height: 10px;
		background-color: #bddfff;
		border-radius: 5px;
	}

	.skill-bar .progress-content {
		height: 10px;
		background-color: #0071dc;
		width: 0%;
		border-radius: 5px;
	}

	.security-area .section-title h2 {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.security-card {
		background-color: #fff;
		position: relative;
		z-index: 1;
		padding: 30px;
		border-radius: 15px;
		margin-bottom: 30px;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
		border-bottom: 3px solid #0071dc;
	}

	.security-card i {
		font-size: 45px;
		width: 80px;
		height: 80px;
		line-height: 80px;
		color: #252525;
		background-color: #e5f3ff;
		border-radius: 50px;
		display: inline-block;
		text-align: center;
		margin-bottom: 12px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.security-card h3 {
		margin-bottom: 10px;
	}

	.security-card h3 a {
		color: #252525;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		display: block;
	}

	.security-card p {
		margin-bottom: 0;
	}

	.security-card:hover i {
		background-color: #0071dc;
		color: #fff;
	}

	.security-card:hover h3 a {
		color: #0071dc;
	}

	.services-area {
		/*    background-color: #070b3b;*/
		position: relative;
		background: linear-gradient(120deg, #070b3b, #0c9ba9);
	}

	.services-area .section-title h2 {
		max-width: 500px;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
	}

	.services-area .section-title p {
		color: #fff;
		max-width: 760px;
	}

	.services-card {
		/*    padding: 30px 20px 25px;*/
		background-color: #fff;
		border-radius: 10px;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
	}

	.services-card::before {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		right: 0;
		width: 90px;
		height: 90px;
		background-color: #0071dc;
		border-radius: 272px 0 0 0;
		opacity: 0.1;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card::after {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		right: 0;
		width: 75px;
		height: 75px;
		background-color: #0071dc;
		border-radius: 170px 0 0 0;
		opacity: 0.1;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card i {
		color: #0071dc;
		font-size: 60px;
		line-height: 1;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card h3 {
		margin-top: 20px;
		margin-bottom: 12px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card h3 a {
		display: block;
		color: #252525;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card p {
		margin-bottom: 12px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card .learn-btn {
		color: #252525;
		font-size: 14px;
		font-weight: 600;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card .learn-btn i {
		font-size: 20px;
		position: relative;
		top: 5px;
		color: #252525;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-card .learn-btn:hover {
		color: #fff;
	}

	.services-card .learn-btn:hover i {
		color: #fff;
	}

	.services-card:hover::before {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		opacity: 1;
	}

	.services-card:hover i {
		color: #fff;
	}

	.services-card:hover h3 a {
		color: #fff;
	}

	.services-card:hover p {
		color: #fff;
	}

	.services-card:hover .learn-btn {
		color: #fff;
	}

	.services-card:hover .learn-btn i {
		color: #fff;
	}

	.services-card-color-bg {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		padding: 40px 30px 35px;
		border-radius: 15px;
	}

	.services-left {
		margin-bottom: 30px;
	}

	.services-left .section-title {
		margin-bottom: 20px;
	}

	.services-left .section-title p {
		padding-top: 17px;
	}

	.services-style-bg {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	}

	.service-shape {
		position: absolute;
		top: 0;
		right: 0;
	}

	.service-shape img {
		max-width: 400px;
	}

	.services-area-two {
		background-color: #070b3b;
		position: relative;
		z-index: 1;
	}

	.services-area-two::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/services/services-bg.png);
	}

	.services-area-two .section-title h2 {
		max-width: 500px;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
	}

	.services-item {
		position: relative;
		margin-bottom: 80px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.services-item:hover {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	.services-item:hover .content h3 a {
		color: #090776;
	}

	.services-item a {
		display: block;
	}

	.services-item a img {
		border-radius: 5px;
	}

	.services-item .content {
		position: absolute;
		left: 0;
		right: 0;
		width: 82%;
		bottom: -80px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		padding: 20px 20px 20px 100px;
		margin-bottom: 30px;
	}

	.services-item .content i {
		font-size: 60px;
		position: absolute;
		top: 17px;
		left: 20px;
		line-height: 1;
		color: #0071dc;
	}

	.services-item .content span {
		color: #0071dc;
	}

	.services-item .content h3 {
		font-size: 20px;
		margin-top: 3px;
		margin-bottom: 0;
	}

	.services-item .content h3 a {
		color: #252525;
	}

	.services-area-three {
		background-color: #f8f8f8;
	}

	.services-area-three .section-title h2 {
		max-width: 390px;
		color: #252525;
		margin-left: auto;
		margin-right: auto;
	}

	.services-widget-area .section-title h2 {
		color: #252525;
	}

	.services-style-area .section-title h2 {
		max-width: 390px;
		color: #252525;
		margin-left: auto;
		margin-right: auto;
	}

	.services-style-area .section-title p {
		max-width: 600px;
	}

	.service-article .service-article-img {
		margin-bottom: 25px;
	}

	.service-article .service-article-img img {
		border-radius: 15px;
	}

	.service-article .service-article-content h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.service-article .service-article-content p {
		margin-bottom: 20px;
	}

	.service-article .service-article-content .service-article-list {
		list-style: none;
		margin: 0 0 25px;
		padding: 0;
	}

	.service-article .service-article-content .service-article-list li {
		display: block;
		color: #252525;
		margin-bottom: 10px;
		font-weight: 600;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		padding-left: 35px;
		position: relative;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.service-article .service-article-content .service-article-list li:hover {
		color: #0071dc;
	}

	.service-article .service-article-content .service-article-list li:hover i {
		color: #090776;
	}

	.service-article .service-article-content .service-article-list li:last-child {
		margin-bottom: 0;
	}

	.service-article .service-article-content .service-article-list li i {
		font-size: 26px;
		color: #0071dc;
		position: absolute;
		left: 0;
		top: -2px;
		margin-right: 5px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.service-article .service-article-another h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.service-article .service-article-another p {
		margin-bottom: 20px;
	}

	.service-article .service-article-another .service-article-another-img {
		margin-bottom: 25px;
		margin-top: 10px;
	}

	.service-article .service-article-another .service-article-another-img img {
		border-radius: 15px;
	}

	.service-article .service-work-process h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.service-article .service-work-process p {
		margin-bottom: 30px;
	}

	.service-article .work-process-card p {
		margin-bottom: 0;
	}

	.work-process-area .section-title h2 {
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}

	.work-process-left {
		background-color: #070b3b;
		padding: 148px 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}

	.work-process-left::before {
		content: "";
		position: absolute;
		z-index: -1;
		opacity: 0.2;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/shape/bg-shape.png);
	}

	.work-process-left .section-title {
		margin-bottom: 30px;
	}

	.work-process-left .section-title h2 {
		color: #fff;
	}

	.work-process-left .default-btn {
		margin: 0 auto;
	}

	.work-process-card {
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		padding: 30px 20px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}

	.work-process-card::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		width: 70px;
		height: 55px;
		background-color: #0071dc;
		border-radius: 0 0 0 270px;
		opacity: 0.1;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.work-process-card i {
		font-size: 60px;
		color: #0071dc;
		line-height: 1.2;
	}

	.work-process-card h3 {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.work-process-card p {
		margin-bottom: 0;
	}

	.work-process-card .number {
		font-size: 24px;
		color: #0071dc;
		font-weight: 600;
		position: absolute;
		top: 5px;
		right: 15px;
	}

	.work-process-area-two {
		position: relative;
	}

	.work-process-area {
		background: #fff;
	}

	.work-shape {
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}

	.work-process-card-two {
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		padding: 35px 23px;
		margin-bottom: 30px;
	}

	.work-process-card-two .number-title {
		font-size: 30px;
		color: #0071dc;
		font-weight: 600;
		margin-bottom: 10px;
		display: block;
	}

	.work-process-card-two h3 {
		margin-bottom: 15px;
	}

	.work-process-card-two p {
		margin-bottom: 0;
	}

	.work-process-right {
		background-color: #070b3b;
		padding: 138px 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}

	.work-process-right::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/shape/bg-shape2.png);
	}

	.work-process-right .section-title {
		margin-bottom: 30px;
	}

	.work-process-right .section-title h2 {
		color: #fff;
	}

	.work-process-right .default-btn {
		margin: 0 auto;
	}

	.work-process-card-three {
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		padding: 35px 23px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}

	.work-process-card-three::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		width: 85px;
		height: 75px;
		background-color: #0071dc;
		border-radius: 0 0 0 100%;
		opacity: 0.1;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.work-process-card-three .number-title {
		font-size: 30px;
		color: #0071dc;
		font-weight: 600;
		margin-bottom: 10px;
		display: block;
	}

	.work-process-card-three h3 {
		margin-bottom: 15px;
	}

	.work-process-card-three p {
		margin-bottom: 0;
	}

	.work-process-card-three i {
		font-size: 30px;
		color: #0071dc;
		position: absolute;
		top: 7px;
		right: 15px;
	}

	.choose-area {
		background-color: #070b3b;
	}

	.choose-content {
		margin-bottom: 30px;
	}

	.choose-content .section-title h2 {
		max-width: 470px;
		color: #fff;
	}

	.choose-content .section-title p {
		color: #fff;
	}

	.choose-content .choose-content-card {
		margin-top: 15px;
	}

	.choose-content .choose-content-card .content {
		padding-top: 20px;
		position: relative;
		padding-left: 75px;
	}

	.choose-content .choose-content-card .content i {
		position: absolute;
		top: 10px;
		left: 0;
		font-size: 60px;
		color: #0071dc;
		line-height: 1;
	}

	.choose-content .choose-content-card .content h3 {
		margin-top: 10px;
		margin-bottom: 30px;
		color: #fff;
	}

	.choose-content .choose-content-card p {
		margin-top: 5px;
		margin-bottom: 0;
		color: #fff;
	}

	.choose-img {
		margin-bottom: 30px;
	}

	.choose-img img {
		border-radius: 15px;
	}

	.choose-content-two .section-title {
		margin-bottom: 25px;
	}

	.choose-content-two .section-title p {
		padding-top: 15px;
	}

	.choose-content-two .choose-content-card {
		position: relative;
		padding-left: 100px;
		margin-bottom: 25px;
	}

	.choose-content-two .choose-content-card i {
		position: absolute;
		top: 0;
		left: 0;
		width: 75px;
		height: 75px;
		line-height: 75px;
		text-align: center;
		font-size: 35px;
		color: #fff;
		background-color: #0071dc;
		border-radius: 3px;
	}

	.choose-content-two .choose-content-card h3 {
		margin-bottom: 15px;
	}

	.choose-content-two .choose-content-card p {
		margin-bottom: 0;
		max-width: 315px;
	}

	.choose-img-two {
		position: relative;
		z-index: 1;
		padding-right: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.choose-img-two::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		width: 90%;
		height: 100%;
		background-color: #070b3b;
	}

	.build-area {
		position: relative;
		z-index: 1;
	}

	.build-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 50%;
		background-color: #0071dc;
	}

	.build-area::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 50%;
		background-image: url(../images/build/build-bg.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.build-area .default-btn {
		background-color: #fff;
		color: #0071dc;
	}

	.build-content .section-title span {
		color: #fff;
	}

	.build-content .section-title h2 {
		color: #fff;
	}

	.build-content.build-content-on-color .section-title span {
		color: #252525;
	}

	.build-content.build-content-on-color .section-title h2 {
		color: #252525;
	}

	.build-btn-area {
		float: right;
	}

	.build-play-img {
		position: relative;
		border-radius: 30px;
		margin-bottom: 30px;
	}

	.build-play-img img {
		border-radius: 30px;
	}

	.build-play-img .play-area-content {
		position: absolute;
		z-index: 1;
		bottom: -1px;
		left: -1px;
		max-width: 470px;
		background-color: #25252538;
		border-bottom-left-radius: 30px;
		border-top-right-radius: 70%;
		padding: 150px 80px 110px 40px;
	}

	.build-play-img .play-area-content::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 30px;
		right: 30px;
		width: 92.7%;
		height: 92.1%;
		background-color: #0071dc;
		border-bottom-left-radius: 30px;
		border-top-right-radius: 70%;
	}

	.build-play-img .play-area-content span {
		color: #fff;
	}

	.build-play-img .play-area-content h2 {
		color: #fff;
		font-size: 35px;
		max-width: 300px;
		margin-bottom: 0;
	}

	.play-area {
		position: absolute;
		z-index: 1;
		bottom: 220px;
		left: 260px;
	}

	.play-area .play-on {
		width: 80px;
		height: 80px;
		color: #0071dc;
		background-color: #fff;
		text-align: center;
		font-size: 45px;
		line-height: 85px;
		border-radius: 50px;
		display: inline-block;
	}

	.play-area .play-on i {
		position: relative;
		left: 4px;
		top: 1px;
	}

	.play-area .play-on:hover {
		color: #fff;
		background-color: #090776;
	}

	.build-item {
		position: relative;
		margin-bottom: 80px;
	}

	.build-item a {
		display: block;
	}

	.build-item a img {
		border-radius: 5px;
	}

	.build-item .content {
		position: absolute;
		left: 0;
		right: 0;
		width: 90%;
		bottom: -80px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		padding: 20px;
		margin-bottom: 30px;
	}

	.build-item .content h3 {
		margin-bottom: 5px;
	}

	.build-item .content h3 a {
		color: #252525;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.build-item .content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.build-item .content ul li {
		display: inline-block;
		margin-right: 15px;
		color: #444;
		font-weight: 500;
		position: relative;
		font-size: 14px;
	}

	.build-item .content ul li a {
		color: #444;
	}

	.build-item .content ul li::before {
		content: "";
		position: absolute;
		top: 5px;
		right: -10px;
		width: 2px;
		height: 15px;
		background-color: #444;
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
	}

	.build-item .content ul li:last-child {
		margin-left: 0;
	}

	.build-item .content ul li:last-child::before {
		display: none;
	}

	.build-item .content ul li:hover a {
		color: #0071dc;
	}

	.build-item .content .more-btn {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 20px;
		color: #0071dc;
		text-align: center;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 5px;
		background-color: #e6f1fc;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.build-item:hover .content h3 a {
		color: #090776;
	}

	.build-item:hover .more-btn {
		background-color: #0071dc;
		color: #fff;
	}

	.build-text {
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.build-text p {
		color: #fff;
		margin-bottom: 0;
		font-weight: 600;
	}

	.build-text.build-on-text p {
		color: #252525;
	}

	.play-btn-area {
		position: relative;
		z-index: 1;
		padding-top: 170px;
		padding-bottom: 170px;
		text-align: center;
		margin-bottom: 30px;
	}

	.play-btn-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/build/build-play-bg.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 15px;
	}

	.play-btn-area .build-play {
		font-size: 35px;
		color: #fff;
		width: 100px;
		height: 100px;
		z-index: 1;
		background-color: #ffffff87;
		border-radius: 50%;
		line-height: 105px;
		text-align: center;
		position: relative;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		-webkit-animation: pulse 3s ease-out infinite;
		animation: pulse 3s ease-out infinite;
	}

	.play-btn-area .build-play i {
		position: relative;
		top: 1px;
		left: 3px;
	}

	.play-btn-area .build-play::before {
		content: "";
		position: absolute;
		width: 70px;
		height: 70px;
		left: 0;
		right: 0;
		top: 15px;
		margin: 0 auto;
		z-index: -1;
		background-color: #0071dc;
		border-radius: 50%;
	}

	.play-btn-area .build-play:hover {
		border-radius: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.play-btn-area .build-play:hover::before {
		border-radius: 0;
		-webkit-animation: none;
		animation: none;
	}

	.build-area-two {
		background-color: #f8f8f8;
	}

	.talk-area {
		background-image: url(../images/talk-bg.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
	}

	.talk-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #070b3b;
		opacity: 0.8;
	}

	.talk-content .section-title {
		margin-bottom: 30px;
	}

	.talk-content .section-title h2 {
		color: #fff;
		max-width: 530px;
		margin-left: auto;
		margin-right: auto;
	}

	.talk-area-two {
		background-image: url(../images/talk-bg2.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
		background-attachment: fixed;
	}

	.talk-area-two::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #0071dc;
		opacity: 0.8;
	}

	.call-us-area {
		background-color: #070b3b;
		position: relative;
		z-index: 1;
	}

	.call-us-area::before {
		content: "";
		position: absolute;
		opacity: 0.1;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/call-us/call-shap1.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.call-us-img {
		text-align: center;
		position: relative;
		z-index: 1;
	}

	.call-shape .shape1 {
		position: absolute;
		top: 30px;
		left: 30px;
	}

	.call-shape .shape2 {
		position: absolute;
		top: 30px;
		right: -35px;
	}

	.call-contact {
		padding: 50px 0;
	}

	.call-contact h3 {
		font-size: 22px;
		color: #090776;
		margin-bottom: 5px;
	}

	.call-contact .call-btn {
		font-size: 35px;
		color: #fff;
		margin-bottom: 15px;
		font-weight: 600;
	}

	.call-contact .call-btn:hover {
		color: #090776;
	}

	.call-contact p {
		font-size: 20px;
		color: #fff;
		margin-bottom: 25px;
	}

	.counter-area {
		position: relative;
		background: #f8f8f8;
	}

	.counter-area .section-title h2 {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}

	.counter-area .section-title p {
		margin-left: auto;
		margin-right: auto;
		max-width: 720px;
	}

	.counter-content {
		margin-bottom: 30px;
		text-align: center;
	}

	.counter-content h1 {
		font-size: 170px;
		color: #252525;
		margin-bottom: 0;
		line-height: 1;
	}

	.counter-content h1 span {
		color: #0071dc;
		line-height: 1;
		position: relative;
		top: -6px;
	}

	.counter-content h3 {
		margin-bottom: 13px;
	}

	.counter-content p {
		max-width: 355px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}

	.counter-another-content {
		margin-bottom: 25px;
		padding-left: 90px;
		position: relative;
	}

	.counter-another-content i {
		position: absolute;
		line-height: 1;
		font-size: 60px;
		top: 3px;
		left: 0;
		color: #0071dc;
	}

	.counter-another-content h3 {
		color: #252525;
		font-size: 35px;
		line-height: 1;
		margin-bottom: 8px;
	}

	.counter-another-content span {
		font-size: 17px;
		color: #444;
		margin-bottom: 0;
		font-weight: 600;
	}

	.counter-shape {
		display: none;
	}

	.counter-shape .shape1 {
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}

	.counter-shape .shape1 img {
		max-width: 200px;
	}

	.counter-shape .shape2 {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	.counter-shape .shape2 img {
		max-width: 200px;
	}

	.case-study-area .section-title h2 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.case-study-item {
		position: relative;
		margin-bottom: 80px;
		border: 1px solid #d5d5d5;
	}

	.case-study-item a {
		display: block;
	}

	.case-study-item a img {
		border-radius: 5px;
	}

	.case-study-item .content {
		position: absolute;
		left: 0;
		right: 0;
		width: 90%;
		bottom: -80px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		padding: 20px;
		margin-bottom: 30px;
	}

	.case-study-item .content h3 {
		margin-bottom: 5px;
	}

	.case-study-item .content h3 a {
		color: #252525;
	}

	.case-study-item .content h3:hover a {
		color: #0071dc;
	}

	.case-study-item .content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.case-study-item .content ul li {
		display: inline-block;
		margin-right: 15px;
		color: #444;
		font-weight: 500;
		position: relative;
	}

	.case-study-item .content ul li::before {
		content: "";
		position: absolute;
		top: 5px;
		right: -10px;
		width: 2px;
		height: 15px;
		background-color: #444;
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
	}

	.case-study-item .content ul li a {
		color: #444;
	}

	.case-study-item .content ul li:last-child {
		margin-left: 0;
	}

	.case-study-item .content ul li:last-child::before {
		display: none;
	}

	.case-study-item .content ul li:hover a {
		color: #0071dc;
	}

	.case-study-item .content .more-btn {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 45px;
		height: 45px;
		line-height: 50px;
		font-size: 20px;
		color: #0071dc;
		text-align: center;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 5px;
		background-color: #e6f1fc;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.case-study-item .content .more-btn:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.case-study-item:hover .content h3 a {
		color: #0071dc;
	}

	.case-study-item:hover .content .more-btn {
		background-color: #0071dc;
		color: #fff;
	}

	.case-article .case-article-img {
		margin-bottom: 25px;
	}

	.case-article .case-article-img img {
		border-radius: 15px;
	}

	.case-article .case-article-content h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.case-article .case-article-content p {
		margin-bottom: 20px;
	}

	.case-article .case-article-content .case-article-list {
		list-style: none;
		margin: 0 0 25px;
		padding: 0;
	}

	.case-article .case-article-content .case-article-list li {
		display: block;
		color: #252525;
		margin-bottom: 10px;
		font-weight: 600;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		padding-left: 35px;
		position: relative;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.case-article .case-article-content .case-article-list li:hover {
		color: #0071dc;
	}

	.case-article .case-article-content .case-article-list li:hover i {
		color: #090776;
	}

	.case-article .case-article-content .case-article-list li:last-child {
		margin-bottom: 0;
	}

	.case-article .case-article-content .case-article-list li i {
		font-size: 26px;
		color: #0071dc;
		position: absolute;
		left: 0;
		top: 2px;
		margin-right: 5px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.case-article .case-article-content .case-article-list.case-article-ls li i {
		top: -1px;
	}

	.case-article .case-article-another h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.case-article .case-article-another p {
		margin-bottom: 20px;
	}

	.case-article .case-article-another .case-article-another-img {
		margin-bottom: 25px;
		margin-top: 10px;
	}

	.case-article .case-article-another .case-article-another-img img {
		border-radius: 15px;
	}

	.case-article .case-work-process h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.case-article .case-work-process p {
		margin-bottom: 30px;
	}

	.case-play-btn {
		position: relative;
		z-index: 1;
		padding-top: 170px;
		padding-bottom: 170px;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.case-play-btn::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/build/build-play-bg.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 15px;
	}

	.case-play-btn .case-play {
		font-size: 40px;
		color: #0071dc;
		width: 80px;
		height: 80px;
		z-index: 1;
		background-color: #fff;
		border-radius: 50%;
		line-height: 85px;
		text-align: center;
		position: relative;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		-webkit-animation: pulse 3s ease-out infinite;
		animation: pulse 3s ease-out infinite;
	}

	.case-play-btn .case-play i {
		position: relative;
		top: 1px;
		left: 3px;
	}

	.case-play-btn .case-play:hover {
		border-radius: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.case-play-btn .case-play:hover::before {
		border-radius: 0;
		-webkit-animation: none;
		animation: none;
	}

	.case-study-area-two {
		position: relative;
		z-index: 1;
	}

	.case-study-area-two::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 60%;
		background-color: #070b3b;
	}

	.case-study-area-two .section-title h2 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
	}

	.team-card {
		margin-bottom: 30px;
		position: relative;
	}

	.team-card:hover .social-link {
		opacity: 1;
	}

	.team-card:hover .social-link li a {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

	.team-card:hover .content {
		border-radius: 0;
	}

	.team-card .social-link {
		position: absolute;
		top: 17%;
		right: 30px;
		padding: 0;
		list-style: none;
		opacity: 0;
	}

	.team-card .social-link li {
		display: block;
		margin-bottom: 10px;
	}

	.team-card .social-link li a {
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		color: #fff;
		border-radius: 50px;
		background-color: #0071dc;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}

	.team-card .social-link li:hover a {
		background-color: #fff;
		color: #0071dc;
	}

	.team-card .content {
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #0071dc;
		padding: 20px 25px;
		border-top-left-radius: 100px;
		text-align: center;
		-webkit-transition: 0.9s;
		transition: 0.9s;
	}

	.team-card .content h3 {
		margin-bottom: 0;
		color: #fff;
	}

	.team-card .content span {
		color: #fff;
	}

	.technology-area {
		position: relative;
		z-index: 1;
		background-image: url(../images/technology-img.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.technology-area .section-title h2 {
		color: #fff;
		max-width: 570px;
		margin-left: auto;
		margin-right: auto;
	}

	.technology-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #070b3b;
		opacity: 0.8;
	}

	.technology-card {
		padding: 10px;
		border: 1px solid #fff;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 30px;
	}

	.technology-card:hover {
		border: none;
		background: #0071dc;

	}

	.technology-card img {
		width: 60px;
	}

	.technology-card i {
		font-size: 50px;
		line-height: 1;
		color: #fff;
	}

	.technology-card h3 {
		color: #fff;
		margin-bottom: 0;
		margin-top: 15px;
		font-weight: 500;
		font-size: 18px;
	}

	.technology-area-two {
		background-color: #f8f8f8;
	}

	.technology-area-two .section-title h2 {
		max-width: 570px;
		margin-left: auto;
		margin-right: auto;
	}

	.technology-card-color {
		border-color: #0071dc;
	}

	.technology-card-color i {
		color: #0071dc;
	}

	.technology-card-color h3 {
		color: #252525;
	}

	.technology-area-three {
		position: relative;
		z-index: 1;
		background-color: #070b3b;
	}

	.technology-area-three .section-title {
		margin-bottom: 30px;
	}

	.technology-area-three .section-title h2 {
		color: #fff;
		max-width: 540px;
	}

	.technology-area-three .section-title p {
		color: #fff;
		margin-bottom: 20px;
		padding-top: 17px;
	}

	.technology-area-three::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/shape/bg-shape3.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: 0.4;
	}

	.technology-card-color2 i {
		color: #0071dc;
	}

	.technology-area-four {
		background-color: #f8f8f8;
	}

	.technology-area-four .section-title {
		margin-bottom: 30px;
	}

	.technology-area-four .section-title p {
		padding-top: 18px;
	}

	.technology-item {
		padding: 17px 17px 15px;
		border: 1px solid #0071dc;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 30px;
	}

	.technology-item i {
		font-size: 35px;
		line-height: 1;
		color: #0071dc;
	}

	.technology-item h3 {
		color: #070b3b;
		margin-bottom: 0;
		margin-top: 17px;
		font-weight: 500;
		font-size: 18px;
	}

	.technology-play-area {
		padding: 200px 0;
		text-align: center;
		background-image: url(../images/technology-img2.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
		border-radius: 10px;
		margin-bottom: 30px;
		margin-left: 20px;
	}

	.technology-play-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #070b3b;
		opacity: 0.5;
		border-radius: 10px;
	}

	.technology-play-area .play-btn i {
		position: relative;
		z-index: 1;
		width: 90px;
		height: 90px;
		line-height: 90px;
		font-size: 40px;
		text-align: center;
		background-color: #fff;
		color: #090776;
		border-radius: 50px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.technology-play-area .play-btn i::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: 0.5px solid #fff;
		border-radius: 50px;
		-webkit-animation: ripple 2s infinite ease-in-out;
		animation: ripple 2s infinite ease-in-out;
	}

	.technology-play-area .play-btn:hover i {
		background-color: #090776;
		color: #fff;
	}

	.technology-play-area .play-btn:hover i::after {
		border-color: #090776;
	}

	.brand-area {
		position: relative;
		background: #f8f8f8;
	}

	.brand-area::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/brand-logo/brand-bg.png);
	}

	.brand-area-two {
		position: relative;
		background-color: #0071dc;
	}

	.brand-area-two::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/brand-logo/brand-bg.png);
	}

	.brand-item img {
		width: unset !important;
		text-align: center;
		margin: 0 auto;
		border: 1px solid #ddd;
		box-shadow: 1px 5px 5px #ddd;
		border-radius: 5px;
		padding: 10px 0;
	}

	.brand-item .brand-logo-two {
		display: none !important;
	}

	.clients-area {
		position: relative;
		z-index: 1;
		/*    background-color: #15163b;*/
		background: linear-gradient(120deg, #070b3b, #0c9ba9);
	}

	.clients-area::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		background-image: url(../images/clients-img/client-bg.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.clients-area .section-title h2 {
		max-width: 430px;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
	}

	.clients-area .owl-nav {
		margin-top: 0;
	}

	.clients-area .owl-nav .owl-prev {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -7%;
		font-size: 25px !important;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		width: 45px;
		height: 45px;
		border-radius: 50px;
		line-height: 47px !important;
		background-color: transparent !important;
		color: #0071dc !important;
		border: 1px solid #0071dc !important;
	}

	.clients-area .owl-nav .owl-prev:hover {
		color: #fff !important;
		background-color: #0071dc !important;
	}

	.clients-area .owl-nav .owl-next {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -7%;
		color: #444 !important;
		font-size: 25px !important;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		width: 45px;
		height: 45px;
		line-height: 47px !important;
		border-radius: 50px;
		background-color: transparent !important;
		color: #0071dc !important;
		border: 1px solid #0071dc !important;
	}

	.clients-area .owl-nav .owl-next:hover {
		color: #fff !important;
		background-color: #0071dc !important;
	}

	.clients-area-two {
		background-color: #fff;
	}

	.clients-area-two .section-title h2 {
		max-width: 430px;
		margin-left: auto;
		margin-right: auto;
		color: #252525;
	}

	.clients-content {
		position: relative;
		z-index: 1;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
		padding: 30px 40px 25px;
		margin-bottom: 30px;
		border-radius: 10px;
	}

	.clients-content::before {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		width: 95%;
		height: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
		background-color: #fff;
		opacity: 0.5;
		border-radius: 10px;
	}

	.clients-content .content {
		padding-left: 110px;
		position: relative;
		margin-bottom: 30px;
	}

	.clients-content .content img {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		width: unset !important;
		width: 85px !important;
		height: 85px !important;
	}

	.clients-content .content i {
		position: absolute;
		bottom: -10px;
		left: 60px;
		border-radius: 50px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background-color: #090776;
		color: #fff;
		text-align: center;
	}

	.clients-content .content h3 {
		padding-top: 20px;
		margin-bottom: 0;
	}

	.clients-content .content span {
		margin-bottom: 0;
	}

	.clients-content p {
		margin-bottom: 0;
	}

	.client-circle .client-circle-1 {
		position: absolute;
		top: 10%;
		left: 0;
	}

	.client-circle .client-circle-2 {
		position: absolute;
		top: 40%;
		left: 3%;
	}

	.client-circle .client-circle-3 {
		position: absolute;
		top: 75%;
		left: 0%;
	}

	.client-circle .client-circle-4 {
		position: absolute;
		top: 10%;
		right: 20%;
	}

	.client-circle .client-circle-5 {
		position: absolute;
		top: 25%;
		right: 5%;
	}

	.client-circle .client-circle-6 {
		position: absolute;
		top: 70%;
		right: 0;
	}

	.client-circle .client-circle-7 {
		position: absolute;
		bottom: 5%;
		right: 35%;
	}

	.circle {
		width: 40px;
		height: 40px;
		background-color: #0071dc;
		border-radius: 50px;
		position: relative;
		z-index: 1;
		border: 13px solid #f6fbff;
	}

	.clients-content-color {
		background-color: #070b3b;
	}

	.clients-content-color::before {
		background-color: #070b3b;
	}

	.clients-content-color .content h3 {
		color: #fff;
	}

	.clients-content-color .content span {
		color: #fff;
	}

	.clients-content-color p {
		color: #fff;
	}

	.clients-area-three {
		background-color: #f4f4ff;
		position: relative;
		z-index: 1;
	}

	.clients-area-three::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		background-image: url(../images/shape/bg-shape5.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 0.7;
	}

	.clients-area-three .owl-nav {
		margin-top: 0;
		line-height: 0;
	}

	.clients-area-three .owl-nav .owl-prev {
		position: absolute;
		bottom: 90px;
		left: 575px;
		font-size: 25px !important;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		width: 40px;
		height: 40px;
		line-height: 42px !important;
		border-radius: 50px;
		background-color: transparent !important;
		color: #0071dc !important;
		border: 1px solid #0071dc !important;
	}

	.clients-area-three .owl-nav .owl-prev:hover {
		color: #fff !important;
		background-color: #0071dc !important;
	}

	.clients-area-three .owl-nav .owl-next {
		position: absolute;
		bottom: 90px;
		left: 620px;
		color: #444 !important;
		font-size: 24px !important;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		width: 40px;
		height: 40px;
		line-height: 42px !important;
		border-radius: 50px;
		background-color: transparent !important;
		color: #0071dc !important;
		border: 1px solid #0071dc !important;
	}

	.clients-area-three .owl-nav .owl-next:hover {
		color: #fff !important;
		background-color: #0071dc !important;
	}

	.clients-slider-img {
		position: relative;
		z-index: 1;
		text-align: center;
	}

	.clients-slider-img img {
		width: unset !important;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.clients-slider-img .clients-slider-circle {
		position: absolute;
		z-index: -1;
		bottom: 0;
		left: -35px;
		right: 0;
		margin: 0 auto;
		text-align: center;
		width: 90%;
		height: 90%;
		-webkit-animation: border-transform 15s infinite ease-in-out;
		animation: border-transform 15s infinite ease-in-out;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#0071dc), to(#070b3b));
		background-image: linear-gradient(#0071dc, #070b3b);
	}

	.clients-slider-content {
		margin-bottom: 90px;
	}

	.clients-slider-content i {
		border-radius: 50px;
		width: 80px;
		height: 80px;
		line-height: 82px;
		font-size: 40px;
		background-color: #0071dc;
		color: #fff;
		text-align: center;
		display: inline-block;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}

	.clients-slider-content i::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: 0.5px solid #0071dc;
		border-radius: 50px;
		-webkit-animation: ripple 2s infinite ease-in-out;
		animation: ripple 2s infinite ease-in-out;
	}

	.clients-slider-content p {
		margin-bottom: 20px;
		font-size: 17px;
		font-weight: 500;
	}

	.clients-slider-content h3 {
		margin-bottom: 7px;
		color: #0071dc;
	}

	.clients-slider-content span {
		margin-bottom: 0;
		font-weight: 500;
	}

	.owl-item.active .clients-slider-item .clients-slider-img {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}

	.owl-item.active .clients-slider-item .clients-slider-content i {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
	}

	.owl-item.active .clients-slider-item .clients-slider-content p {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
	}

	.owl-item.active .clients-slider-item .clients-slider-content h3 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-delay: 1.7s;
		animation-delay: 1.7s;
	}

	.owl-item.active .clients-slider-item .clients-slider-content span {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
		-webkit-animation-delay: 1.9s;
		animation-delay: 1.9s;
	}

	.blog-card {
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		margin-bottom: 30px;
		border-radius: 5px;
		-webkit-transition: 0.9s;
		transition: 0.9s;
		border: 1px solid #f1f1f1;
	}

	.blog-card .blog-img {
		position: relative;
	}

	.blog-card .blog-img img {
		border-radius: 5px;
	}

	.blog-card .blog-img .blog-tag {
		background-color: #090776;
		padding: 15px 12px;
		position: absolute;
		bottom: -20px;
		right: 30px;
		border-radius: 5px;
		text-align: center;
	}

	.blog-card .blog-img .blog-tag h3 {
		font-size: 17px;
		color: #fff;
		line-height: 1;
		margin-bottom: 0;
		font-weight: 500;
	}

	.blog-card .blog-img .blog-tag span {
		color: #fff;
		line-height: 1;
		font-weight: 500;
	}

	.blog-card .content {
		padding: 25px 30px;
	}

	.blog-card .content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.blog-card .content ul li {
		display: inline-block;
		font-size: 15px;
		margin-right: 20px;
	}

	.blog-card .content ul li a {
		color: #444;
	}

	.blog-card .content ul li a i {
		font-size: 20px;
		color: #0071dc;
		margin-right: 5px;
		position: relative;
		top: 3px;
	}

	.blog-card .content ul li a:last-child {
		margin-right: 0;
	}

	.blog-card .content ul li a:hover {
		color: #090776;
	}

	.blog-card .content ul li a:hover i {
		color: #0071dc;
	}

	.blog-card .content h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 22px;
	}

	.blog-card .content h3 a {
		color: #252525;
	}

	.blog-card .content p {
		margin-bottom: 8px;
	}

	.blog-card .content .read-btn {
		color: #0071dc;
		font-size: 15px;
		font-weight: 600;
	}

	.blog-card .content .read-btn i {
		font-size: 20px;
		position: relative;
		top: 5px;
	}

	.blog-card .content .read-btn:hover {
		color: #252525;
		letter-spacing: 0.25px;
	}

	.blog-card:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.blog-card:hover .content h3 a {
		color: #090776;
	}

	.blog-item {
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		margin-bottom: 30px;
		border-radius: 5px;
		-webkit-transition: 0.9s;
		transition: 0.9s;
	}

	.blog-item .blog-img {
		position: relative;
	}

	.blog-item .blog-img img {
		border-radius: 5px;
	}

	.blog-item .blog-img .blog-tag {
		background-color: #0071dc;
		font-size: 14px;
		font-weight: 500;
		padding: 6px 20px;
		position: absolute;
		bottom: 30px;
		right: 30px;
		border-radius: 50px;
		text-align: center;
		display: inline-block;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		color: #fff;
	}

	.blog-item .blog-img .blog-tag:hover {
		background-color: #fff;
		color: #0071dc;
	}

	.blog-item .blog-img2 {
		position: relative;
	}

	.blog-item .blog-img2 img {
		border-radius: 5px;
		padding: 20px;
		background-color: #e6f1fc;
	}

	.blog-item .blog-img2 .blog-tag {
		background-color: #0071dc;
		padding: 10px 14px 8px;
		position: absolute;
		top: 30px;
		right: 30px;
		text-align: center;
	}

	.blog-item .blog-img2 .blog-tag h3 {
		font-size: 20px;
		color: #fff;
		line-height: 1;
		margin-bottom: 2px;
		font-weight: 600;
	}

	.blog-item .blog-img2 .blog-tag span {
		color: #fff;
		line-height: 1;
		font-weight: 400;
		font-size: 15px;
	}

	.blog-item .blog-img3 {
		position: relative;
	}

	.blog-item .blog-img3 img {
		border-radius: 5px;
	}

	.blog-item .blog-img3 .blog-tag {
		background-color: #0071dc;
		padding: 10px 14px 8px;
		position: absolute;
		top: 30px;
		right: 30px;
		text-align: center;
	}

	.blog-item .blog-img3 .blog-tag h3 {
		font-size: 20px;
		color: #fff;
		line-height: 1;
		margin-bottom: 2px;
		font-weight: 600;
	}

	.blog-item .blog-img3 .blog-tag span {
		color: #fff;
		line-height: 1;
		font-weight: 400;
		font-size: 15px;
	}

	.blog-item .content {
		padding: 25px 21px;
	}

	.blog-item .content ul {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
	}

	.blog-item .content ul li {
		display: inline-block;
		font-size: 15px;
		margin-right: 20px;
		color: #444;
		font-weight: 500;
	}

	.blog-item .content ul li i {
		font-size: 18px;
		color: #0071dc;
		margin-right: 5px;
		position: relative;
		top: 3px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.blog-item .content ul li a {
		color: #444;
	}

	.blog-item .content ul li a i {
		font-size: 20px;
		color: #0071dc;
		margin-right: 5px;
		position: relative;
		font-size: 18px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.blog-item .content ul li a:last-child {
		margin-right: 0;
	}

	.blog-item .content ul li a:hover {
		color: #0071dc;
	}

	.blog-item .content ul li a:hover i {
		color: #090776;
	}

	.blog-item .content h3 {
		margin-bottom: 10px;
		font-size: 22px;
	}

	.blog-item .content h3 a {
		color: #252525;
	}

	.blog-item .content p {
		margin-bottom: 8px;
	}

	.blog-item .content .read-btn {
		color: #0071dc;
		font-size: 14px;
		font-weight: 600;
	}

	.blog-item .content .read-btn i {
		font-size: 20px;
		position: relative;
		top: 5px;
	}

	.blog-item .content .read-btn:hover {
		color: #252525;
		letter-spacing: 0.25px;
	}

	.blog-item:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.blog-item:hover .content h3 a {
		color: #0071dc;
	}

	.blog-article {
		margin-bottom: 30px;
	}

	.blog-article .blog-article-img {
		margin-bottom: 30px;
		position: relative;
	}

	.blog-article .blog-article-img img {
		border-radius: 15px;
	}

	.blog-article .blog-article-img .blog-article-tag {
		background-color: #090776;
		padding: 15px 12px;
		position: absolute;
		bottom: -20px;
		right: 30px;
		border-radius: 3px;
		text-align: center;
	}

	.blog-article .blog-article-img .blog-article-tag h3 {
		font-size: 17px;
		color: #fff;
		line-height: 1;
		margin-bottom: 0;
		font-weight: 500;
	}

	.blog-article .blog-article-img .blog-article-tag span {
		font-size: 17px;
		color: #fff;
		line-height: 1;
		font-weight: 500;
	}

	.blog-article .blog-article-title {
		margin-bottom: 20px;
	}

	.blog-article .blog-article-title ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.blog-article .blog-article-title ul li {
		display: inline-block;
		font-size: 15px;
		color: #252525;
		margin-right: 30px;
		position: relative;
		font-weight: 500;
	}

	.blog-article .blog-article-title ul li:last-child {
		margin-right: 0;
	}

	.blog-article .blog-article-title ul li i {
		font-size: 18px;
		margin-right: 10px;
		position: relative;
		top: 3px;
		color: #0071dc;
	}

	.blog-article .blog-article-title h2 {
		margin-top: 15px;
		font-size: 26px;
		max-width: 650px;
		margin-bottom: 0;
		color: #252525;
	}

	.blog-article .article-content {
		padding-bottom: 10px;
	}

	.blog-article .article-content p {
		margin-bottom: 20px;
	}

	.blog-article .article-content .blockquote {
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
		margin-top: 30px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		padding: 20px 30px 20px 50px;
		margin-left: 35px;
	}

	.blog-article .article-content .blockquote p {
		font-size: 15px;
		color: #444;
		font-weight: 500;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
	}

	.blog-article .article-content .blockquote span {
		font-size: 15px;
		color: #252525;
		font-weight: 600;
	}

	.blog-article .article-content .blockquote i {
		font-size: 35px;
		width: 70px;
		height: 70px;
		line-height: 70px;
		color: #fff;
		background-image: -webkit-gradient(linear, left top, right top, from(#070f60), to(#0071dc));
		background-image: linear-gradient(to right, #070f60, #0071dc);
		text-align: center;
		border-radius: 50px;
		position: absolute;
		top: 24%;
		left: -35px;
	}

	.blog-article .blog-article-share {
		padding: 10px 0;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 30px;
	}

	.blog-article .blog-article-share .blog-tag ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.blog-article .blog-article-share .blog-tag ul li {
		display: inline-block;
		padding: 5px 3px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		color: #252525;
		font-weight: 400;
		margin-right: 5px;
	}

	.blog-article .blog-article-share .blog-tag ul li:last-child {
		margin-right: 0;
	}

	.blog-article .blog-article-share .blog-tag ul li i {
		color: #0071dc;
		font-size: 18px;
		position: relative;
		top: 3px;
	}

	.blog-article .blog-article-share .blog-tag ul li a {
		color: #fff;
		background-color: #0071dc;
		padding: 5px 12px;
		border-radius: 10px;
		font-size: 14px;
	}

	.blog-article .blog-article-share .blog-tag ul li:hover a {
		background-color: #090776;

	}

	.blog-article .blog-article-share .social-icon {
		margin: 0;
		padding: 0;
		list-style: none;
		float: right;
	}

	.blog-article .blog-article-share .social-icon li {
		display: inline-block;
		margin-right: 5px;
	}

	.blog-article .blog-article-share .social-icon li a {
		border-radius: 0;
		width: 35px;
		height: 35px;
		line-height: 37px;
		text-align: center;
		color: #0071dc;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	}

	.blog-article .blog-article-share .social-icon li a:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.blog-article .comments-wrap {
		margin-bottom: 30px;
	}

	.blog-article .comments-wrap .comment-title .title {
		font-size: 24px;
		margin-bottom: 0;
		color: #252525;
	}

	.blog-article .comments-wrap .comment-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.blog-article .comments-wrap .comment-list li {
		position: relative;
		padding: 30px;
		padding-left: 75px;
		border-bottom: 1px solid #e1e1e1;
	}

	.blog-article .comments-wrap .comment-list li:last-child {
		margin-bottom: 0;
	}

	.blog-article .comments-wrap .comment-list li img {
		position: absolute;
		top: 30px;
		left: 0;
		border-radius: 50%;
	}

	.blog-article .comments-wrap .comment-list li h3 {
		margin-bottom: 5px;
		font-size: 18px;
		font-weight: 600;
		color: #252525;
	}

	.blog-article .comments-wrap .comment-list li span {
		font-size: 15px;
		color: #252525;
	}

	.blog-article .comments-wrap .comment-list li p {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.blog-article .comments-wrap .comment-list li a {
		color: #0071dc;
		font-weight: 600;
		position: absolute;
		top: 30px;
		right: 0;
	}

	.blog-article .comments-wrap .comment-list li a:hover {
		color: #090776;
	}

	.blog-article .comments-form {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.blog-article .comments-form .title {
		font-size: 24px;
		margin-bottom: 20px;
		color: #252525;
	}

	.blog-article .comments-form .contact-form {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
		background-color: #fff;
	}

	.blog-article .comments-form .default-btn {
		width: unset;
	}

	.search-widget {
		margin-bottom: 30px;
		background-color: #fff;
	}

	.search-widget .search-form {
		position: relative;
		border: 1px solid #e2e2e2;
		border-radius: 5px;
	}

	.search-widget .search-form .form-control {
		height: 50px;
		border: none;
		background-color: #fff;
		padding: 10px 20px;
		width: 100%;
		color: #252525;
		border-radius: 5px;
	}

	.search-widget .search-form .form-control:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: 0;
	}

	.search-widget .search-form button {
		position: absolute;
		top: 3px;
		right: 3px;
		height: 45px;
		width: 45px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		border: none;
		outline: none;
		background-color: #0071dc;
		line-height: 57px;
		border-radius: 5px;
	}

	.search-widget .search-form button i {
		color: #fff;
		font-size: 24px;
	}

	.search-widget .search-form button:hover {
		background-color: #252525;
	}

	.side-bar-area {
		margin-left: 15px;
	}

	.side-bar-widget {
		background-color: #fff;
	}

	.side-bar-widget .title {
		font-size: 20px;
		color: #252525;
		padding: 0;
		font-weight: 600;
		position: relative;
		display: inline-block;
		margin-bottom: 10px;
		background-color: transparent;
		width: 100%;
	}

	.side-bar-widget .side-bar-categories {
		margin-bottom: 15px;
	}

	.side-bar-widget .side-bar-categories ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.side-bar-widget .side-bar-categories ul li {
		position: relative;
		font-size: 15px;
		font-weight: 500;
	}

	.side-bar-widget .side-bar-categories ul li .line-circle {
		position: absolute;
		top: 10px;
		left: 0;
		width: 13px;
		height: 13px;
		background-color: transparent;
		border: 1px solid #0071dc;
		border-radius: 50px;
	}

	.side-bar-widget .side-bar-categories ul li .line-circle::before {
		content: "";
		position: absolute;
		top: 1px;
		left: 1px;
		right: 1px;
		margin: 0 auto;
		width: 9px;
		height: 9px;
		background-color: #0071dc;
		border-radius: 50px;
	}

	.side-bar-widget .side-bar-categories ul li:last-child {
		border-bottom: none;
	}

	.side-bar-widget .side-bar-categories ul li a {
		display: inline-block;
		color: #444;
		font-weight: 400;
		padding: 5px 0 5px 25px;
		font-weight: 600;
		position: relative;
		width: 100%;
	}

	.side-bar-widget .side-bar-categories ul li a span {
		right: 30px;
		position: absolute;
		top: 10px;
		color: #444;
	}

	.side-bar-widget .side-bar-categories ul li a:hover {
		color: #0071dc;
	}

	.side-bar-widget .side-bar-categories ul li a:hover span {
		color: #0071dc;
	}

	.side-bar-widget .widget-popular-post {
		position: relative;
		overflow: hidden;
		padding: 0;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.side-bar-widget .widget-popular-post .item {
		overflow: hidden;
		margin-bottom: 13px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e2e2e2;
	}

	.side-bar-widget .widget-popular-post .item:last-child {
		margin-bottom: 0;
		border-bottom: none;
		padding-bottom: 0;
	}

	.side-bar-widget .widget-popular-post .item .thumb {
		float: left;
		overflow: hidden;
		position: relative;
		margin-right: 15px;
	}

	.side-bar-widget .widget-popular-post .item .thumb .full-image {
		width: 80px;
		height: 80px;
		display: inline-block;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center center !important;
		position: relative;
		background-color: #070b3b;
	}

	.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1 {
		background-image: url(../images/blog/blog-details.jpg);
	}

	.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2 {
		background-image: url(../images/blog/blog-img2.jpg);
	}

	.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3 {
		background-image: url(../images/blog/blog-img3.jpg);
	}

	.side-bar-widget .widget-popular-post .item .thumb .full-image.bg4 {
		background-image: url(../images/blog/blog-img1.jpg);
	}

	.side-bar-widget .widget-popular-post .item .info {
		overflow: hidden;
		padding: 0;
	}

	.side-bar-widget .widget-popular-post .item .info .title-text {
		margin-bottom: 0;
		line-height: 1.5;
		font-size: 18px;
		font-weight: 500;
		max-width: 210px;
	}

	.side-bar-widget .widget-popular-post .item .info .title-text a {
		display: inline-block;
		color: #252525;
		margin-bottom: 5px;
	}

	.side-bar-widget .widget-popular-post .item .info .title-text a:hover {
		color: #0071dc;
	}

	.side-bar-widget .widget-popular-post .item .info p {
		font-size: 15px;
		margin-bottom: 0;
		max-width: 180px;
		color: #0071dc;
	}

	.side-bar-widget .side-bar-widget-tag {
		list-style: none;
		padding: 0;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.side-bar-widget .side-bar-widget-tag li {
		display: inline-block;
		margin: 5px;
		color: #fff;
	}

	.side-bar-widget .side-bar-widget-tag li a {
		color: #fff;
		padding: 7px 15px;
		background-color: #0071dc;
		font-size: 14px;
		font-weight: 400;
		border-radius: 5px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.side-bar-widget .side-bar-widget-tag li:hover a {
		color: #fff;
		background-color: #090776;
	}

	.side-bar-widget .blog-gallery {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		list-style-type: none;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 10px;
		margin-bottom: 25px;
	}

	.side-bar-widget .blog-gallery li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
	}

	.side-bar-widget .blog-gallery li a {
		display: block;
		position: relative;
	}

	.side-bar-widget .blog-gallery li a img {
		width: 100%;
		height: 100%;
		border-radius: 15px;
	}

	.side-bar-widget .blog-gallery li a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #0071dc;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
		visibility: hidden;
		border-radius: 15px;
	}

	.side-bar-widget .blog-gallery li a::after {
		content: "\ee93";
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 0;
		right: 0;
		text-align: center;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-align: center;
		background-color: transparent;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
		visibility: hidden;
		font-size: 35px;
		font-family: boxicons;
		color: #fff;
	}

	.side-bar-widget .blog-gallery li a:hover::before {
		opacity: 0.5;
		visibility: visible;
	}

	.side-bar-widget .blog-gallery li a:hover::after {
		opacity: 1;
		visibility: visible;
	}

	.blog-style-card {
		margin-bottom: 30px;
	}

	.blog-style-card .blog-style-img {
		position: relative;
	}

	.blog-style-card .blog-style-img img {
		border-radius: 15px;
	}

	.blog-style-card .blog-style-img .blog-style-tag {
		background-color: #090776;
		padding: 15px 12px;
		position: absolute;
		bottom: -20px;
		right: 30px;
		border-radius: 3px;
		text-align: center;
	}

	.blog-style-card .blog-style-img .blog-style-tag h3 {
		font-size: 17px;
		color: #fff;
		line-height: 1;
		margin-bottom: 0;
		font-weight: 500;
	}

	.blog-style-card .blog-style-img .blog-style-tag span {
		font-size: 17px;
		color: #fff;
		line-height: 1;
		font-weight: 500;
	}

	.blog-style-card .content {
		padding: 30px 0 0;
	}

	.blog-style-card .content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.blog-style-card .content ul li {
		display: inline-block;
		font-size: 15px;
		color: #252525;
		margin-right: 30px;
		position: relative;
		font-weight: 500;
	}

	.blog-style-card .content ul li:last-child {
		margin-right: 0;
	}

	.blog-style-card .content ul li i {
		font-size: 18px;
		margin-right: 10px;
		position: relative;
		top: 3px;
		color: #0071dc;
	}

	.blog-style-card .content h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.blog-style-card .content h3 a {
		color: #252525;
		display: block;
	}

	.blog-style-card .content p {
		margin-bottom: 15px;
	}

	.blog-style-card .content .default-btn {
		padding: 8px 16px;
		font-size: 14px;
	}

	.blog-style-card:hover .content h3 a {
		color: #0071dc;
	}

	.faq-area .section-title p {
		max-width: 560px;
	}

	.faq-content {
		margin-bottom: 30px;
	}

	.faq-content .section-title {
		margin-bottom: 30px;
	}

	.faq-content .section-title h2 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.2;
	}

	.faq-content .section-title p {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.faq-content .faq-accordion .accordion {
		list-style-type: none;
		padding-left: 0;
		margin-bottom: 0;
	}

	.faq-content .faq-accordion .accordion .accordion-item {
		display: block;
		margin-bottom: 15px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
	}

	.faq-content .faq-accordion .accordion .accordion-item:last-child {
		margin-bottom: 0;
	}

	.faq-content .faq-accordion .accordion .accordion-title {
		padding: 15px 60px 15px 20px;
		color: #252525;
		text-decoration: none;
		position: relative;
		display: block;
		font-size: 18px;
		font-weight: 600;
	}

	.faq-content .faq-accordion .accordion .accordion-title i {
		position: absolute;
		right: 15px;
		top: 14px;
		font-size: 25px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		font-size: 24px;
		width: 30px;
		height: 30px;
		color: #0071dc;
		text-align: center;
		line-height: 30px;
		background-color: transparent;
		border-radius: 50px;
		border: 1px solid #0071dc;
	}

	.faq-content .faq-accordion .accordion .accordion-title.active i::before {
		content: "\eb8b";
	}

	.faq-content .faq-accordion .accordion .accordion-title.active i .accordion-content p {
		margin-top: -5px;
	}

	.faq-content .faq-accordion .accordion .accordion-content {
		display: none;
		position: relative;
		margin-top: 0;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.faq-content .faq-accordion .accordion .accordion-content p {
		margin-top: -6px;
		line-height: 1.8;
		font-size: 15px;
		margin-bottom: 3px;
	}

	.faq-content .faq-accordion .accordion .accordion-content.show {
		display: block;
	}

	.user-img {
		margin-bottom: 30px;
	}

	.user-form .contact-form {
		max-width: 640px;
	}

	.user-form .contact-form .agree-label .forget {
		position: absolute;
		right: 0;
	}

	.user-form .contact-form .default-btn {
		width: unset;
	}

	.user-form .contact-form .account-desc {
		margin-top: 15px;
		font-weight: 600;
		margin-bottom: 0;
	}

	.user-form .contact-form .account-desc a {
		color: #0071dc;
	}

	.user-form .contact-form .account-desc a:hover {
		color: #090776;
	}

	.pagination-area {
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.pagination-area .page-numbers {
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #0071dc;
		background-color: transparent;
		border: 1px solid #0071dc;
		text-align: center;
		display: inline-block;
		position: relative;
		margin-left: 3px;
		margin-right: 3px;
		font-size: 18px;
		border-radius: 5px;
	}

	.pagination-area .page-numbers:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.pagination-area .page-numbers i {
		position: relative;
		font-size: 25px;
		top: 5px;
	}

	.pagination-area .page-numbers.current {
		background-color: #0071dc;
		color: #fff;
	}

	.terms-conditions-img {
		margin-bottom: 30px;
	}

	.single-content {
		margin-bottom: 30px;
	}

	.single-content h3 {
		font-size: 24px;
		color: #252525;
		margin-bottom: 15px;
	}

	.single-content p {
		margin-bottom: 15px;
	}

	.contact-form {
		max-width: 800px;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.contact-form h2 {
		color: #252525;
		margin-bottom: 30px;
		font-weight: 700;
		font-size: 26px;
		line-height: 1;
	}

	.contact-form .form-group {
		margin-bottom: 20px;
		position: relative;
	}

	.contact-form .form-group label {
		color: #252525;
		font-size: 15px;
		margin-bottom: 15px;
		font-weight: 500;
	}

	.contact-form .form-group label span {
		color: #0071dc;
	}

	.contact-form .form-group.checkbox-option {
		position: relative;
	}

	.contact-form .form-group.checkbox-option #chb2 {
		position: absolute;
		top: 6px;
		left: 0;
	}

	.contact-form .form-group.checkbox-option p {
		padding-left: 25px;
		font-size: 15px;
	}

	.contact-form .form-group.checkbox-option p a {
		color: #0071dc;
	}

	.contact-form .form-group.checkbox-option p a:hover {
		color: #090776;
	}

	.contact-form .form-group .form-control {
		height: 50px;
		color: #252525;
		border: 1px solid #0071dc;
		background-color: #fff;
		font-size: 15px;
		padding: 10px 20px;
		width: 100%;
		border-radius: 0;
		font-weight: 500;
	}

	.contact-form .form-group .form-control:focus {
		outline: none;
		border-color: #252525;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.contact-form .form-group textarea.form-control {
		height: auto;
	}

	.contact-form .agree-label {
		margin-bottom: 15px;
		position: relative;
	}

	.contact-form .agree-label #chb1 {
		position: absolute;
		top: 5px;
		left: 0;
	}

	.contact-form .agree-label label {
		font-weight: 500;
		color: #252525;
		margin-left: 25px;
	}

	.contact-form .agree-label label a {
		color: #0071dc;
	}

	.contact-form .agree-label label a:hover {
		color: #090776;
	}

	.contact-form .with-errors {
		float: left;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 0;
		color: red;
		font-weight: 400;
		display: block;
	}

	.contact-form .text-danger {
		font-size: 18px;
		margin-top: 15px;
	}

	.contact-form .default-btn {
		border: 0;
		outline: none;
	}

	.contact-form .form-group .form-control::-webkit-input-placeholder,
	.contact-form .form-group .form-control:-ms-input-placeholder,
	.contact-form .form-group .form-control::-ms-input-placeholder,
	.contact-form .form-group .form-control::-webkit-input-placeholder {
		color: #444;
	}

	.contact-form .form-group .form-control::-webkit-input-placeholder,
	.contact-form .form-group .form-control:-ms-input-placeholder,
	.contact-form .form-group .form-control::-ms-input-placeholder,
	.contact-form .form-group .form-control::placeholder {
		color: #444;
	}

	.contact-card {
		text-align: center;
		margin-bottom: 30px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		padding: 30px 20px;
		border-radius: 15px;
	}

	.contact-card i {
		width: 60px;
		height: 60px;
		line-height: 60px;
		background-color: #fff;
		font-size: 24px;
		color: #0071dc;
		border-radius: 50px;
		border: 1px solid #e2e2e2;
		margin-bottom: 10px;
	}

	.contact-card h3 {
		font-size: 24px;
		margin-bottom: 10px;
		color: #252525;
	}

	.contact-card span {
		color: #444;
		font-weight: 500;
		font-size: 17px;
		display: block;
	}

	.contact-card span a {
		color: #444;
		display: block;
	}

	.contact-card span a:hover {
		color: #0071dc;
	}

	.contact-info {
		margin-bottom: 30px;
		background-color: #070b3b;
		padding: 52px 35px 22px;
		border-radius: 15px;
		position: relative;
		z-index: 1;
	}

	.contact-info::before {
		content: "";
		position: absolute;
		opacity: 0.1;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/call-us/call-shap1.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.contact-info span {
		color: #090776;
		display: block;
		margin-bottom: 5px;
	}

	.contact-info h2 {
		color: #fff;
		font-size: 26px;
		margin-bottom: 15px;
	}

	.contact-info p {
		color: #fff;
		margin-bottom: 20px;
	}

	.contact-info ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.contact-info ul li {
		display: block;
		margin-bottom: 30px;
		padding-left: 60px;
		position: relative;
	}

	.contact-info ul li .content i {
		width: 45px;
		height: 45px;
		line-height: 45px;
		background-color: #fff;
		font-size: 20px;
		color: #0071dc;
		border-radius: 50px;
		border: 1px solid #e2e2e2;
		margin-bottom: 10px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
	}

	.contact-info ul li .content h3 {
		font-size: 18px;
		margin-bottom: 10px;
		color: #fff;
		display: block;
	}

	.contact-info ul li .content a {
		color: #fff;
		display: block;
		font-weight: 400;
		font-size: 15px;
	}

	.contact-info ul li .content a:hover {
		color: #0071dc;
	}

	.contact-info ul li .content span {
		color: #fff;
		font-weight: 400;
		display: block;
		font-size: 15px;
	}

	.error-area {
		height: 100%;
		padding-top: 50px;
		padding-bottom: 70px;
	}

	.error-area .error-content {
		text-align: center;
		position: relative;
	}

	.error-area .error-content img {
		max-width: 100%;
	}

	.error-area .error-content h3 {
		margin-bottom: 20px;
		position: relative;
		color: #252525;
		font-size: 35px;
	}

	.error-area .error-content p {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 18px;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
		color: #444;
	}

	.coming-soon-area {
		position: relative;
		height: 100vh;
		overflow: hidden;
		background-color: #fff;
	}

	.coming-soon-area .coming-soon-content {
		text-align: center;
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 2;
		padding: 50px 30px;
		background-color: #f8f8f8;
		border: 3px solid #0071dc;
	}

	.coming-soon-area .coming-soon-content h1 {
		margin-bottom: 0;
		color: #252525;
		font-size: 50px;
	}

	.coming-soon-area .coming-soon-content p {
		font-size: 16px;
		max-width: 600px;
		margin-top: 15px;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		color: #444;
	}

	.coming-soon-area .coming-soon-content #timer {
		margin-top: 40px;
	}

	.coming-soon-area .coming-soon-content #timer div {
		display: inline-block;
		color: #252525;
		position: relative;
		width: 80px;
		height: 80px;
		margin: 0 10px;
		font-size: 35px;
		font-weight: 700;
		background-color: #fff;
		border-radius: 5px;
	}

	.coming-soon-area .coming-soon-content #timer div span {
		display: block;
		text-transform: capitalize;
		margin-top: -15px;
		font-size: 16px;
		font-weight: 400;
		color: #252525;
	}

	.coming-soon-area .coming-soon-content #timer div:last-child {
		margin-right: 0;
	}

	.coming-soon-area .coming-soon-content #timer div:last-child::before {
		display: none;
	}

	.coming-soon-area .coming-soon-content #timer div:first-child {
		margin-left: 0;
	}

	.coming-soon-area .coming-soon-content #timer div::before {
		content: "";
		position: absolute;
		right: -50px;
		top: -10px;
		font-size: 70px;
		color: #fff;
	}

	.coming-soon-area .coming-soon-content .newsletter-form {
		position: relative;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}

	.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
		display: block;
		width: 100%;
		height: 60px;
		border: none;
		background-color: #fff;
		padding-left: 15px;
		color: #fff;
		outline: 0;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		border-radius: 0;
		border: 1px solid #ccc;
		color: #5d5d5d;
	}

	.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
		border-color: #252525;
	}

	.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
		border: 0;
		outline: 0;
		border-radius: 0 !important;
	}

	.coming-soon-area .coming-soon-content .newsletter-form button {
		position: absolute;
		right: 0;
		top: 0;
		height: 60px;
		padding: 0 30px;
		text-transform: uppercase;
		outline: 0;
		color: #fff;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		font-weight: 500;
		font-size: 15px;
		cursor: pointer;
	}

	.coming-soon-area .coming-soon-content .newsletter-form button::after {
		border-radius: 0;
	}

	.coming-soon-area .coming-soon-content .newsletter-form button::before {
		border-radius: 0;
	}

	.coming-soon-area .coming-soon-content .newsletter-form button:hover {
		color: #fff;
		background-color: #190f3c;
	}

	.coming-soon-area .coming-soon-content ul {
		list-style: none;
		margin-top: 30px;
		padding: 0;
	}

	.coming-soon-area .coming-soon-content ul li {
		display: inline-block;
		width: 45px;
		height: 45px;
		line-height: 50px;
		font-size: 18px;
		background-color: #0071dc;
		color: #fff;
		border-radius: 50px;
		margin-right: 10px;
	}

	.coming-soon-area .coming-soon-content ul li a {
		color: #fff;
	}

	.coming-soon-area .coming-soon-content ul li:hover {
		background-color: #252525;
	}

	.coming-soon-area #validator-newsletter {
		text-align: left;
		color: #dc3545 !important;
	}

	.map-area iframe {
		display: block;
		width: 100%;
		height: 400px;
	}

	.footer-bg {
		background: linear-gradient(120deg, #070b3b, #0c9ba9);
	}

	.footer-widget {
		margin-bottom: 30px;
	}

	.footer-logo a {
		color: #FFFFFF !important;
		font-family: EffraRegular, Myriad Pro, Arial, Arial Black;
		font-size: 20px;
		line-height: 2.8;
		padding-bottom: 10px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 600;
	}

	.footer-widget .footer-logo {
		/*    margin-bottom: 20px;*/
		position: relative;
		/*    top: -5px;*/
	}

	.footer-widget h3 {
		margin-top: 0;
		font-size: 24px;
		margin-bottom: 30px;
		color: #fff;
		line-height: 1.2;
	}

	.footer-widget p {
		margin-bottom: 20px;
		color: #fff;
		max-width: 300px;
	}

	.footer-widget .footer-call-content {
		background-color: #fff;
		padding: 20px 80px 20px 20px;
		border-radius: 15px;
		position: relative;
		max-width: 345px;
	}

	.footer-widget .footer-call-content:hover i {
		background-color: #0071dc;
		color: #fff;
	}

	.footer-widget .footer-call-content h3 {
		font-size: 24px;
		line-height: 1;
		margin-bottom: 5px;
		color: #252525;
	}

	.footer-widget .footer-call-content span a {
		color: #252525;
		font-weight: 600;
	}

	.footer-widget .footer-call-content span a:hover {
		color: #0071dc;
	}

	.footer-widget .footer-call-content i {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		font-size: 35px;
		line-height: 60px;
		text-align: center;
		display: inline-block;
		background-color: #e5f3ff;
		color: #0071dc;
		border-radius: 50px;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.footer-widget .footer-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.footer-widget .footer-list li {
		display: block;
		margin-bottom: 10px;
		font-weight: 500;
	}

	.footer-widget .footer-list li:last-child {
		margin-bottom: 0;
	}

	.footer-widget .footer-list li a {
		color: #fff;
		font-weight: 400;
	}

	.footer-widget .footer-list li a i {
		font-size: 10px;
		position: relative;
		top: 0px;
		margin-right: 5px;
	}

	.footer-widget .footer-list li a:hover {
		color: #CBCBCB;
	}

	.footer-widget .footer-blog {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.footer-widget .footer-blog li {
		display: block;
		margin-bottom: 20px;
		padding-left: 90px;
		position: relative;
	}

	.footer-widget .footer-blog li:hover h3 a {
		color: #090776;
	}

	.footer-widget .footer-blog li:last-child {
		margin-bottom: 0;
	}

	.footer-widget .footer-blog li a {
		display: block;
	}

	.footer-widget .footer-blog li a img {
		position: absolute;
		top: 0;
		left: 0;
		height: 70px;
		width: 70px;
	}

	.footer-widget .footer-blog li h3 {
		font-size: 16px;
		color: #fff;
		margin-bottom: 5px;
		max-width: 200px;
	}

	.footer-widget .footer-blog li h3 a {
		color: #fff;
		line-height: 1.4;
	}

	.footer-widget .footer-blog li h3 a:hover {
		color: #090776;
	}

	.footer-widget .footer-blog li span {
		font-size: 14px;
		color: #090776;
	}

	.footer-widget .newsletter-area .newsletter-form {
		position: relative;
		max-width: 270px;
		border-radius: 5px;
	}

	.footer-widget .newsletter-area .newsletter-form .form-control {
		background-color: #fff;
		height: 50px;
		line-height: 50px;
		margin: 0;
		border-radius: 5px;
		border: 0;
		padding: 0 45px 0 15px;
		max-width: 100%;
		color: #252525;
		font-weight: 400;
	}

	.footer-widget .newsletter-area .newsletter-form .form-control:focus {
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
	}

	.footer-widget .newsletter-area .newsletter-form .subscribe-btn {
		position: absolute;
		top: 3px;
		right: 3px;
		background-color: #0071dc;
		color: #fff;
		height: 45px;
		line-height: 50px;
		width: 45px;
		border: 0;
		border-radius: 5px;
		font-size: 20px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.footer-widget .newsletter-area .newsletter-form .subscribe-btn:hover {
		background: #252525;
		color: #fff;
	}

	.footer-widget .newsletter-area .newsletter-form .validation-danger {
		font-size: 18px;
		margin-top: 5px;
		color: red;
	}

	.copy-right-area {
		padding: 15px 0;
		border-top: 1px solid #0071dc61;
	}

	.copy-right-text {
		text-align: center;
	}

	.copy-right-text p {
		color: #fff;
		margin-bottom: 0;
	}

	.copy-right-text p a {
		color: #090776;
		border-bottom: 1px solid #090776;
	}

	.copy-right-text p a:hover {
		color: #0071dc;
		border-color: #0071dc;
	}

	.go-top {
		position: fixed;
		top: 60%;
		right: 3%;
		opacity: 0;
		cursor: pointer;
		text-decoration: none;
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		background: #0071dc;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		line-height: 48px;
		z-index: 100;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.go-top i {
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.go-top:hover {
		background-color: #090776;
	}

	.go-top.active {
		top: 95%;
		-webkit-transform: translateY(-95%);
		transform: translateY(-95%);
		opacity: 1;
		visibility: visible;
	}

	.buy-now-btn {
		right: 20px;
		z-index: 99;
		top: 50%;
		position: fixed;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 30px;
		display: none;
		color: #fff;
		background-color: #82b440;
		padding: 10px 20px 10px 42px;
		-webkit-box-shadow: 0 1px 20px 1px #82b440;
		box-shadow: 0 1px 20px 1px #82b440;
		font-size: 15px;
		font-weight: 600;
	}

	.buy-now-btn img {
		top: 50%;
		left: 20px;
		width: 15px;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.buy-now-btn:hover {
		color: #fff;
		background-color: #94be5d;
	}

	.spinner {
		width: 40px;
		height: 40px;
		border-radius: 5px;
		background-color: #fff;
		margin: 100px auto;
		-webkit-animation: rotate-in 1.2s infinite ease-in-out;
		animation: rotate-in 1.2s infinite ease-in-out;
	}

	.top-header-right .top-header-social-bg ul li {
		margin-right: 5px;
	}

	.top-header-right .top-header-social-bg ul li:last-child {
		margin-right: 0;
	}

	.top-header-right .top-header-social-bg ul li a {
		width: 30px;
		height: 30px;
		line-height: 34px;
		text-align: center;
		background-color: #fff;
		color: #0071dc;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.top-header-right .top-header-social-bg ul li a:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.banner-six {
		position: relative;
		z-index: 1;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/home-six.jpg);
		overflow: hidden;
	}

	.banner-six::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: -webkit-gradient(linear, left top, right top, from(#070b3b61), to(#070b3b));
		background-image: linear-gradient(to right, #070b3b61, #070b3b);
	}

	.banner-six-content {
		padding-top: 130px;
		padding-bottom: 120px;
		max-width: 560px;
		margin-left: auto;
	}

	.banner-six-content h1 {
		font-size: 55px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.banner-six-content p {
		font-size: 18px;
		color: #fff;
		font-weight: 400;
		max-width: 660px;
		margin-bottom: 35px;
	}

	.banner-six-shape {
		position: absolute;
		z-index: -1;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.banner-six-shape img {
		height: 620px;
	}

	.work-process-rightside {
		margin-bottom: 25px;
	}

	.work-process-rightside .section-title {
		margin-bottom: 20px;
	}

	.about-img-5 {
		position: relative;
		z-index: 1;
		text-align: center;
		margin-bottom: 30px;
	}

	.about-img-5::before {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		left: -45px;
		right: 0;
		margin: 0 auto;
		text-align: center;
		width: 110%;
		height: 70%;
		-webkit-animation: border-transform 15s infinite ease-in-out;
		animation: border-transform 15s infinite ease-in-out;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#0071dc), to(#070b3b));
		background-image: linear-gradient(#0071dc, #070b3b);
	}

	.services-card-color-bg2 {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
		padding: 15px 15px 20px;
		border-radius: 15px;
		background-color: #fff;
	}

	.technology-area-five {
		position: relative;
		z-index: 1;
		background-color: #15163b;
	}

	.technology-area-five::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		background-image: url(../images/clients-img/client-bg.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.technology-area-five .section-title h2 {
		color: #fff;
		max-width: 550px;
		margin: 0 auto;
	}

	.team-item {
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 40px;
	}

	.team-item .content {
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		width: 90%;
		margin: 0 auto;
		right: 0;
		background-color: #0071dc;
		padding: 20px 25px;
		text-align: center;
		-webkit-transition: 0.9s;
		transition: 0.9s;
	}

	.team-item .content h3 {
		margin-bottom: 0;
		color: #fff;
	}

	.team-item .content span {
		color: #fff;
	}

	.team-item .content .social-link {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		list-style: none;
		width: 5px;
		background-color: #090776;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.team-item .content .social-link li {
		display: block;
		margin-bottom: 0;
	}

	.team-item .content .social-link li a {
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		color: #fff;
		border-radius: 50px;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
		opacity: 0;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.team-item .content .social-link li:hover a {
		background-color: #fff;
		color: #0071dc;
	}

	.team-item:hover .content .social-link {
		width: 40px;
	}

	.team-item:hover .content .social-link li a {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	.case-study-item2 {
		position: relative;
		background-color: #fff;
		padding: 25px 25px 30px;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
		margin-bottom: 30px;
	}

	.case-study-item2 .icon-services {
		color: #0071dc;
		font-size: 55px;
		margin-bottom: 15px;
		display: block;
		line-height: normal;
	}

	.case-study-item2 h3 {
		margin-bottom: 17px;
	}

	.case-study-item2 h3 a {
		color: #252525;
	}

	.case-study-item2 h3:hover a {
		color: #0071dc;
	}

	.case-study-item2 p {
		margin-bottom: 0;
	}

	.case-study-item2 .more-btn {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 45px;
		height: 45px;
		line-height: 50px;
		font-size: 20px;
		color: #0071dc;
		text-align: center;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 5px;
		background-color: #e6f1fc;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.case-study-item2 .more-btn:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.case-study-item2:hover .content h3 a {
		color: #0071dc;
	}

	.case-study-item2:hover .content .more-btn {
		background-color: #0071dc;
		color: #fff;
	}

	.top-header-right {
		float: right;
	}

	.footer-widget .social-link ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.footer-widget .social-link ul li {
		display: inline-block;
		top: 1px;
		position: relative;
		margin-right: 5px;
	}

	.footer-widget .social-link ul li:last-child {
		margin-right: 0;
	}

	.footer-widget .social-link ul li a {
		width: 35px;
		height: 35px;
		line-height: 40px;
		text-align: center;
		background-color: #fff;
		color: #0071dc;
		-webkit-transition: 0.7s;
		transition: 0.7s;
		font-size: 18px;
	}

	.footer-widget .social-link ul li a:hover {
		background-color: #0071dc;
		color: #fff;
	}

	.footer-widget .footer-contact-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.footer-widget .footer-contact-list li {
		display: block;
		margin-bottom: 15px;
		padding-left: 35px;
		position: relative;
	}

	.footer-widget .footer-contact-list li i {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 24px;
		color: #090776;
		line-height: normal;
	}

	.footer-widget .footer-contact-list li .content a {
		color: #fff;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}

	.footer-widget .footer-contact-list li .content a:hover {
		color: #090776;
	}

	.footer-bg2 {
		background-color: #0c243b;
		position: relative;
		z-index: 1;
	}

	.footer-bg2::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		background-image: url(../images/shape/bg-shape5.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 0.1;
	}

	@-webkit-keyframes rotate-in {
		0% {
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
			transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		}

		50% {
			-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
			transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		}

		100% {
			-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
			transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		}
	}

	@keyframes rotate-in {
		0% {
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
			transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		}

		50% {
			-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
			transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		}

		100% {
			-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
			transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		}
	}

	@-webkit-keyframes moveBounce {
		0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		50% {
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
		}

		100% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
	}

	@keyframes moveBounce {
		0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		50% {
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
		}

		100% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes ripple {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		75% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3);
			opacity: 1;
		}

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

	@keyframes ripple {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		75% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3);
			opacity: 1;
		}

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

	@-webkit-keyframes border-transform {

		0%,
		100% {
			border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
		}

		14% {
			border-radius: 50% 20% 50% 30%/49% 60% 40% 51%;
		}

		28% {
			border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
		}

		42% {
			border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
		}

		56% {
			border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
		}

		70% {
			border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
		}

		84% {
			border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
		}
	}

	@keyframes border-transform {

		0%,
		100% {
			border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
		}

		14% {
			border-radius: 50% 20% 50% 30%/49% 60% 40% 51%;
		}

		28% {
			border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
		}

		42% {
			border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
		}

		56% {
			border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
		}

		70% {
			border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
		}

		84% {
			border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
		}
	}

	.half-box {
		padding: 10px;
		border: 1px solid #d3d3d3;
		border-radius: 10px;
	}

	.half-box:hover {
		border: 1px solid #090776;
		/*
    box-shadow: 1px 2px 5px #05488e;
    border: none !important;
*/
	}

	.half-box h2 {
		position: absolute;
		display: inline-block;
		margin-left: 20px;
		padding: 0 10px;
		margin-top: -35px;
		background-color: #f8f8f8;
		font-weight: 500;
		white-space: pre-wrap;
		font-size: 2.25em !important;
		font-family: oswald, sans-serif;
		text-transform: uppercase;
	}

	.content-main {
		padding: 20px 10px 10px;
	}

	.half-box p {
		text-align: justify;
	}

	.about-area {
		background-color: #f8f8f8;
	}

	.about-area::before {
		content: "";
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/home-three/home-three-bg.png);
	}

	.product-slider__title {
		font-family: oswald, sans-serif;
		font-size: 55px !important;
		color: #fff;
		margin: 0 0 10px;
		font-weight: 900;
		line-height: 1.2em;
		letter-spacing: 2px;
		margin-top: 5px;
	}

	.product-labels {
		font-size: 16px;
		text-align: justify;
		line-height: 1.5;
		color: #fff;
		margin-top: 20px;
	}

	.product-ul {
		color: #fff;
		line-height: 2;
	}

	.cat-card {
		border: 0;
		width: 100%;
		margin-inline: auto;
		margin-bottom: 30px;
		transition: transform 0.5s;
	}

	.cat-card:hover {
		transform: scale(1.1);
	}


	.container-card {
		position: relative;
		/* border: 1px
px
 solid #d9d9d9; */
		background: #fff;
		/* background-clip: padding-box; */
		border-radius: 15px;
		padding: 20px;
	}

	.bg-green-box {
		background: #f1f1f1;
	}

	.bg-blue-box {
		background: #fff4f4;
	}

	.bg-green-box,
	.bg-white-box,
	.bg-yellow-box,
	.bg-blue-box {
		position: relative;
	}

	.challenge-icon i {
		border: 1px solid #c7c7c7;
		padding: 15px;
		font-size: 35px;
		border-radius: 10px;
		color: #263d4d;
	}

	.card-title {
		font-weight: 600;
		color: #444444;
		line-height: 40px;
		font-style: normal;
		font-size: 18px;
		margin-bottom: 0px;
	}

	.card-description {
		color: #444444;
		font-size: 14px;
		margin-bottom: 0;
	}

	.bg-green-box::after {
		background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
	}

	.flpbox {
		position: relative;
		display: inline-block;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		border-radius: 10px;
	}

	.flpbox:hover>img {
		transform: scale(1.1);
	}

	.flpbox img {
		width: 100%;
		display: block;
		transition: all .2s ease-in-out;
	}

	.flpbox .text {
		position: absolute;
		padding: 5px 25px;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 2;
		background: linear-gradient(1deg, #919191, #1c1c1c00);
		text-transform: uppercase;
	}

	.flpbox .text .name {
		text-shadow: 0px 1px 4px #000;
		font-size: 16px;
		color: #fff;
		float: left
	}

	.flpbox .text .flparrow {
		float: right;
		transition: all .2s ease-in-out;
	}

	.flpbox.active .flpbox-layer_top {
		opacity: 1;
	}

	.flpbox .flpbox-layer_top {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		padding: 15px;
		-moz-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}

	.flpbox:hover .flpbox-layer_top,
	.flpbox.active .flpbox-layer_top {
		opacity: 1;
	}

	.flpbox .flpbox-layer_slideright {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.flpbox:hover .flpbox-layer_slideright,
	.flpbox.active .flpbox-layer_slideright {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.flpbox .flpbox-text {
		font-size: 15px;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 83%;
	}

	.flpbox .flpbox-text_mobile {
		font-size: 15px;
		border-top: 1px solid rgb(255, 216, 0);
		border-top: 1px solid rgba(255, 216, 0, 0.7);
		margin-top: 5px;
		padding-top: 2px;
		display: none;
	}

	.flpbox-text .name {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.flpbox:hover .text {
		display: none;
	}

	.why-us {
		background: #f1f1f1;
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.self-h2 {
		/*
    font-size: 50px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
*/
		font-size: 36px;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Oswald';
		color: #263d4d;
		padding-bottom: 15px;
		position: relative;
	}


	.self-p {
		font-size: 14px;
		margin-top: 30px;
		text-align: justify;
	}

	.solution-box {
		padding: 20px 20px 20px 50px;
		transition: transform 1s;
	}

	.solution-box:hover {
		-ms-transform: scale(1.1);
		/* IE 9 */
		-webkit-transform: scale(1.1);
		/* Safari 3-8 */
		transform: scale(1.1);
		background: #ECECEC
	}

	.solution-box2 {
		padding: 20px 20px 20px 20px;
		transition: transform 1s;
	}

	.solution-box2:hover {
		-ms-transform: scale(1.1);
		/* IE 9 */
		-webkit-transform: scale(1.1);
		/* Safari 3-8 */
		transform: scale(1.1);
		background: #ECECEC
	}

	.profile_bx img {
		background: #fff;
		border-radius: 10px;
		margin-bottom: 15px;
	}

	.profile_bx h3 {
		margin-bottom: 0;
	}

	.profile_bx .designation {
		margin-bottom: 5px;
	}

	.profile_bx p i {
		font-size: 30px;
	}

	.mission {
		transition-duration: .3s;
		transition-property: transform;
		-webkit-tap-highlight-color: transparent;
		transform: translateZ(0);
		box-shadow: 0 0 1px transparent;
		padding: 10px 20px;
	}

	.new-heading {
		font-weight: 400;
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 0;
		color: #000;
		font-family: oswald, sans-serif;
	}

	.new-p {
		font-size: 16px;
		line-height: 2;
	}

	.mission:hover {
		transform: scale(1.05);
	}


	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 10px 21px;
		color: #000;
		overflow: hidden;
		position: relative;
	}

	ul.tabs li:hover {
		background-color: #ccc;
		color: #333;
	}

	ul.tabs li.active {
		background-color: #1d2250;
		color: #fff;
		display: block;
	}

	.tab_container {
		width: 100%;
		overflow: auto;
	}

	.tab_content {
		padding: 20px;
		display: none;
	}

	.tab_drawer_heading {
		display: none;
	}

	@media screen and (max-width: 768px) {
		.contact01-page {
			margin-left: 0px !important;
			margin-right: 0px !important;
		}


	}


	@media screen and (max-width: 480px) {
		.tabs {
			display: none;
		}

		.tab_drawer_heading {
			background-color: #ccc;
			color: #fff;
			border-top: 1px solid #333;
			margin: 0;
			padding: 5px 20px;
			display: block;
			cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.d_active {
			background-color: #666;
			color: #fff;
		}
	}

	.self-col {
		width: 22.5%;
		display: inline-block;
		margin-right: 15px;
		margin-top: 20px;
	}


	.product-tumb {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		padding: 10px;
		background: #F1F2F4;
	}

	.product-cards {
		border: 2px solid #f1f2f4;
		border-radius: 10px;
	}

	.product-cards:hover img {
		transform: scale(1.1);
	}

	.product-cards:hover {
		background: #F1F2F4;
		border-radius: 10px;
	}

	.product-cards img {
		transition: transform 0.3s ease-in-out;
	}

	.product-cards img:hover {
		transform: scale(1.2);
	}

	.product-tumb img {
		width: 220px;
	}

	.product-details {
		padding: 10px 15px;
		text-align: left;
	}

	.product-details p {
		font-size: 30px;
		font-family: Oswald, sans-serif;
		font-weight: bold;
		color: #000;
		text-align: left;
		margin-bottom: 2px;
	}

	.product-details .interface {
		font-size: 15px;
		font-family: Oswald, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		color: #000;
		text-align: left;
		letter-spacing: 1px;
	}

	.product-catagory,
	.product-details h4 a {
		display: block;
		text-transform: uppercase;
	}

	@media (min-width: 1200px) and (max-width: 1399px) {

		.text-lg,
		h4 {
			font-size: 22px;
			margin-bottom: 0;
		}
	}

	.product-details h4 a {
		font-weight: 500;
		color: #363636;
		text-decoration: none;
		transition: .3s;
	}

	.product-bottom-details {
		overflow: hidden;
		padding-bottom: 10px;
	}

	.product-bottom-details div {
		float: left;
		width: 100%;
	}

	.product-price {
		font-size: 15px;
		color: #646464;
		font-weight: 400;
		margin-top: 5px;
	}

	.product-price a {
		font-size: 15px;
		color: #646464;
		font-weight: 400;
		margin-top: 5px;
	}

	.features-box h2 {
		margin: 0;
		font-size: 36px;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Oswald';
		color: #263d4d;
		position: relative;
		padding-bottom: 15px;
	}

	.features-box h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 5px;
		width: 55px;
		background-color: #011738;
		z-index: 1;
	}

	.features-box h2:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 2px;
		height: 1px;
		width: 95%;
		max-width: 255px;
		background-color: #af0000;
	}

	.features-box ul {
		list-style: none;
		padding: 0;
		margin-top: 20px;
	}

	.features-box ul li {
		padding-bottom: 10px;
		position: relative;
		font-size: 16px;
	}

	.features-box ul li:before {
		content: "\f3c5";
		font-family: "Font Awesome 5 Pro";
		padding-right: 10px;
		display: inline-block;
		color: #00086a;
	}

	.pb-50 {
		padding-bottom: 50px;
	}

	.description h2 {
		font-size: 36px;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Oswald';
		color: #263d4d;
		padding-bottom: 15px;
		position: relative;
		margin-bottom: 20px;
	}

	.description h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 5px;
		width: 55px;
		background-color: #011738;
		z-index: 1;
	}

	.description h2:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 2px;
		height: 1px;
		width: 95%;
		max-width: 255px;
		background-color: #af0000;
	}

	.gradient-cards {
		gap: 32px;
		padding: 30px;
	}

	.cat-card {
		border: 0;
		width: 100%;
		margin-inline: auto;
		margin-bottom: 30px;
		transition: transform 0.5s;
	}

	.bg-green-box {
		background: #f9f9f9 !important;
	}

	.bg-blue-box {
		background: #fff4f4 !important;
	}

	.container-card {
		position: relative;
		/* border: 1px solid #d9d9d9; */
		background: #fff;
		/* background-clip: padding-box; */
		border-radius: 15px;
		padding: 20px;
	}

	.challenge-icon i {
		border: 1px solid #c7c7c7;
		padding: 15px;
		font-size: 35px;
		border-radius: 10px;
		color: #263d4d;
	}

	.card-title {
		font-weight: 600;
		color: #444444;
		line-height: 40px;
		font-style: normal;
		font-size: 18px;
		margin-bottom: 0px;
	}

	.card-description {
		color: #444444;
		font-size: 14px;
		margin-bottom: 0;
	}

	.bg-green-box::after {
		background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
	}

	.bg-green-box::after,
	.bg-white-box::after,
	.bg-yellow-box::after,
	.bg-blue-box::after {
		position: absolute;
		content: "";
		z-index: -1;
		border-radius: 45px;
	}

	.product_heading {
		font-size: 70px;
		font-family: 'Oswald';
		font-weight: bold;
		letter-spacing: 2px;
		color: #01033a;
	}

	.product_description {
		padding-top: 10px;
		font-size: 17px;
		font-family: 'math';
		padding-bottom: 10px;
		color: #101010;
	}

	.product-btn {
		color: #ffffff;
		background-color: #010330;
		border-color: #010330;
		font-size: 16px !important;
		padding: 1em 2em;
		min-height: 47px;
		text-transform: uppercase;
		font-weight: 600;
		border: 1px solid #7b7b7b;
	}

	.product-btn:hover {
		color: #010330;
		background-color: transparent;
		border: 1px solid #010330;
	}

	.border-btn {
		color: #010330;
		background-color: transparent;
		border: 1px solid #010330;
		font-size: 16px !important;
		padding: 1em 2em;
		min-height: 47px;
		text-transform: uppercase;
		font-weight: 600;
		margin-left: 10px;
	}

	.border-btn:hover {
		color: #FFFFFF;
		background-color: #010330;
		border-color: #010330;
	}

	.product_banner {
		background: url(../img/bg-wave.webp);
		background-size: cover;
	}

	.product_features_section {
		background: #ffffff !important;
	}

	.feature-ul {}

	.feature-ul .product_features:nth-of-type(odd) {
		background: #edebff;
	}

	.feature-ul .product_features:nth-of-type(even) {
		background: #E9E9E9;
	}

	.feature-ul .product_features:hover {
		box-shadow: 1px 8px 10px #212754;
	}

	.feature-ul .product_features {

		margin-right: 15px;
	}

	.product_features {
		border-radius: 15px;
		padding: 20px;
		margin-top: 20px;
	}

	.product_features h5 {
		text-align: center;
		font-size: 40px;
		color: #1c2151;
	}

	.product_features h4 {
		text-align: center;
		font-size: 15px;
		color: #222;
		font-weight: 400;
	}

	.product_specification table {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		border: 1px solid #ddd;
	}

	.product_specification table>tbody>tr:nth-of-type(odd) {
		background-color: #f9f9f9;
	}

	.product_specification table>tbody>tr>td,
	.product_specification table>tbody>tr>th,
	.product_specification table>tfoot>tr>td,
	.product_specification table>tfoot>tr>th,
	.product_specification table>thead>tr>td,
	.product_specification table>thead>tr>th {
		border: 1px solid #ddd;
	}

	.product_specification table>tbody>tr>td,
	.product_specification table>tr>td {
		vertical-align: middle;
		font-size: 15px;
		padding: 8px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
	}

	.product_specification table>tbody>tr>td>span {
		background: transparent !important;
	}

	.product_use_case {
		background: #fff;
	}

	.card--1 .card__img,
	.card--1 .card__img--hover {
		background-size: cover !important;
	}

	.card--2 .card__img,
	.card--2 .card__img--hover {
		background-image: url('../../../images.pexels.com/photos/307008/pexels-photo-307008f3e0.jpg?auto=compress&cs=tinysrgb&h=750&w=1260');
	}

	.card__like {
		width: 18px;
	}

	.card__clock {
		width: 15px;
		vertical-align: middle;
		fill: #AD7D52;
	}

	.card__time {
		font-size: 12px;
		color: #AD7D52;
		vertical-align: middle;
		margin-left: 5px;
	}

	.card__clock-info {
		float: right;
	}

	.card__img {
		visibility: hidden;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 235px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;

	}

	.card__info-hover {
		position: absolute;
		padding: 16px;
		width: 100%;
		opacity: 0;
		top: 0;
	}

	.card__img--hover {
		transition: 0.2s all ease-out;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		position: absolute;
		height: 235px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		top: 0;

	}

	.card {
		margin-right: 25px;
		transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
		background-color: #fff;
		position: relative;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);
		padding: 14px;
	}

	.card:hover {
		box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
		transform: scale(1.10, 1.10);
	}

	.card__info {
		z-index: 2;
		background-color: #fff;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		padding: 16px 5px 10px 5px;
		text-align: center;
	}

	.card__category {
		font-family: 'Raleway', sans-serif;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 2px;
		font-weight: 500;
		color: #868686;
	}

	.card__title {
		margin-top: 5px;
		margin-bottom: 10px;
		font-family: 'Roboto Slab', serif;
	}

	.card__by {
		font-size: 12px;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
	}

	.card__author {
		font-weight: 600;
		text-decoration: none;
		color: #AD7D52;
	}

	.card:hover .card__img--hover {
		height: 100%;
		opacity: 0.3;
	}

	.card:hover .card__info {
		background-color: transparent;
		position: relative;
	}

	.card:hover .card__info-hover {
		opacity: 1;
	}

	.product_download {
		background: url(../img/solutions_wave_bkg.webp);
		background-size: cover;
	}

	a:link {
		text-decoration: none;
	}

	.download_box {
		box-shadow: 1px 2px 5px #222;
		border-radius: 5px;
		padding: 20px 50px;
	}

	.download_box:hover {
		background: #01274d;
		color: #fff !important;
		box-shadow: 1px 1px 6px #c9bfbf;
		border: none;
	}

	.download_box:hover h5,
	.download_box:hover h3 {
		color: #fff !important;
	}

	.download_box h5 {
		font-size: 30px;
		margin-bottom: 0;
		text-align: center;
	}

	.download_box h3 {
		text-align: center;
		font-family: 'PT Sans';
		font-weight: 400;
		font-size: 20px;
		margin-top: 5px;
	}

	.blog-box {
		margin-top: 50px;
	}

	.blog-box {
		background: #fff;
		padding: 15px;
		border-radius: 15px;
	}

	.blog-box h3 {
		color: #000;
	}

	.blog-title {
		display: block;
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 400;
	}

	.blog-box a {
		color: #01274d;
		font-weight: 600;
	}

	.blog-banner {}

	.section.post_hero_sectioninside_page {
		z-index: 0;
		height: 470px;
		min-height: 470px;
		background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 230px 32px;
		position: relative;
		overflow: hidden;
	}

	.section .wrapper {
		z-index: 1;
		width: 100%;
		max-width: 1200px;
		background-color: transparent;
		flex-direction: column;
		flex: 0 auto;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		position: static;
	}

	.post_hero_content {
		z-index: 3;
		max-width: 66.66%;
		margin-left: 100px;
		margin-right: auto;
		padding-bottom: 25px;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
	}

	.post_hero_content .badge {
		z-index: 3;
		height: 24px;
		color: #fff;
		background-color: #1d2150;
		border-radius: 12px;
		padding: 3px 12px;
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		display: inline-block;
		position: relative;
	}

	.post_hero_content .post-heading {
		color: #fff;
		text-align: left;
		margin-top: 12px;
		margin-bottom: 25px;
		padding-left: 0;
		font-size: 40px;
		font-weight: 700;
	}

	.post-info {
		flex-wrap: wrap;
		align-items: center;
		padding-top: 4px;
		padding-bottom: 4px;
		display: flex;
	}

	.post-info-block {
		align-items: center;
		display: flex;
	}

	.mini-icon {
		width: 14px;
		opacity: 1;
	}

	.mini-date {
		color: #fff;
		margin-top: 4px;
		margin-left: 8px;
		font-size: 11px;
	}

	.post-info-block {
		align-items: center;
		display: flex;
	}

	.divider-small {
		width: 1px;
		height: 16px;
		background-color: #c7c9c8;
		margin-left: 12px;
		margin-right: 12px;
	}

	.post-_hero_gradient {
		z-index: 0;
		background-image: linear-gradient(transparent, rgba(3, 26, 46, .91));
		position: absolute;
		top: 0%;
		bottom: 0%;
		left: 0%;
		right: 0%;
	}

	.other-blog img {
		width: 60px;
		height: 45px;
		border-radius: 50px;
	}

	.blog-p {
		font-size: 12px !important;
		margin-bottom: 0;
		padding-left: 15px;
		color: #000;
		font-weight: 600;
	}

	.short_description p {
		font-size: 18px;
	}

	.short_description h2 {
		font-size: 36px;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Oswald';
		color: #263d4d;
		padding-bottom: 15px;
		position: relative;
	}

	.blog-share h4 {
		font-family: 'Oswald';
		font-weight: bold;
		font-size: 24px;
	}

	.facebook i {
		background: #1877F2;
	}

	.share i {
		color: #ffffff;
		padding: 10px;
		font-size: 20px;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 1.5;
	}

	.linkedin i {
		background: #0a66c2;
	}

	.twitter i {
		background: #26c4f1;
	}

	.pinterest i {
		background: #b7081b;
	}

	.partner-icon img {
		width: 100px;
	}

	.partner-icon p {
		font-size: 17px;
		font-weight: 300;
		color: #06163a
	}

	.career_bx {
		border: 1px solid #000;
		border-radius: 20px;
		padding-bottom: 20px;
	}

	.career_bx img {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.career_bx p {
		font-size: 25px;
		text-align: center;
		margin-bottom: 0;
	}

	.career-path {
		margin: 0px 0px 0px 0px;
		background: #fff;
	}

	.main-section-wrapper {
		padding: 0px 20px 0px 0px;
		margin: auto;
		border-left: 0;
		display: flex;
		align-items: stretch;
		gap: 30px;
	}

	.main-section-wrapper .left-inner-section {
		position: relative;
		padding: 50px 50px 0px;
	}

	.main-section-wrapper .left-inner-section {
		flex: 1 1 45%;
		max-width: 45%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}


	@media (min-width: 768px) {
		.left-inner-section-inner {
			max-width: 300px;
			margin: 0 auto;
		}
	}

	.main-section-wrapper .left-inner-section h2 {
		color: #fff;
		margin-bottom: 30px;
		background: linear-gradient(to right, #76499a 0%, #00a2d7 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 50px;
	}

	.main-section-wrapper .left-inner-section a {
		color: #fff;
		display: inline-block;
		padding: 12px 25px;
		border: 1px solid #fff;
		border-radius: 6px;
		text-decoration: none;
		text-transform: capitalize;
	}

	.normal-cta {
		border: 1.5px solid #fff;
		color: #fff;
		padding: 12px 40px 12px;
		border-radius: 6px;
		font-size: 18px;
		margin: 15px 0;
		display: inline-block;
		line-height: 1;
		text-decoration: none;
		transition: .3s;
	}

	.main-section-wrapper .right-inner-section {
		flex: 1 1 55%;
		max-width: 55%;
		margin-top: 20px;
	}

	.right-inner-section-wrapper {
		gap: 20px;
	}

	.right-inner-section-wrapper {
		display: flex;
		overflow: hidden;
		align-items: center;
	}


	.right-inner-section-wrapper .span6 {
		width: 48.717948718%;
	}

	.right-inner-section-wrapper[class*=span]:first-child {
		margin-left: 0;
	}

	.right-inner-section-wrapper [class*=span] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		float: left;
		margin-left: 2.564102564%;
		min-height: 28px;
		width: 100%;
	}

	.right-inner-section-wrapper .card-box {
		border: 1px solid #000;
		margin: 0 0 30px;
		border-radius: 30px;
		overflow: hidden;
	}

	.right-inner-section-wrapper .card-box .img-container {
		height: 250px;
	}

	.right-inner-section-wrapper .card-box .img-container {
		overflow: hidden;
	}

	.right-inner-section-wrapper .card-box .img-container img {
		display: block;
		height: 100%;
		width: 100%;
	}

	.right-inner-section-wrapper .card-box .img-container img {
		object-fit: cover;
		object-positio: top;
		transition: all .3s ease;
	}

	.right-inner-section-wrapper .card-box .card-details {
		padding: 30px 30px;
		color: #4f4f4f;
	}

	.right-inner-section-wrapper .card-box .card-details a {
		text-decoration: none;
		border: 1px solid #575757;
		padding: 12px 40px;
		border-radius: 6px;
		margin: 10px 0 0;
		text-align: center;
		color: #4f4f4f;
		display: inline-block;
	}

	.normal-cta {
		border: 1.5px solid #fff;
		color: #fff;
		padding: 12px 40px 12px;
		border-radius: 6px;
		font-size: 18px;
		margin: 15px 0;
		display: inline-block;
		line-height: 1;
		text-decoration: none;
		transition: .3s;
	}

	.right-inner-section-wrapper .card-box .card-details {
		padding: 30px 30px;
		color: #4f4f4f;
	}


	.career_box {
		box-shadow: 0px 0px 20px 10px #5e41990f;
		height: 210px;
		text-align: center;
		border-radius: 20px;
		margin: 0 auto;
		padding: 10px 0px;
		background: #fff;
	}

	.career_box img {
		width: 100px;
		height: 100px;
		display: block;
		margin: 0rem auto 1rem;
	}

	.career_box p {
		padding: 0px 1.5rem;
		display: block;
		text-align: center;
		font: 15px "latobold", sans-serif;
	}

	.career_table tr .job_position {
		font-size: 20px;
	}

	.close {
		float: right;
		font-size: 21px;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		filter: alpha(opacity=20);
		opacity: .2;
	}

	.toggle label {
		font-size: 12px;
	}

	.modal-content label {
		font-size: 12px;
		font-family: monospace;
	}

	.modal-footer {
		display: block;
	}

	.solution_p {
		font-size: 18px;
		line-height: 2;
		color: #000;
	}

	.icons img {
		width: 80px;
	}

	.feature-table {
		font-size: 13px;
		font-weight: 500;
	}

	.solution_box {
		background: #f9f9f9;
		border-radius: 10px;
		padding: 10px 5px;
		text-align: center;
	}

	.solution_box img {
		width: 60px;
		margin-bottom: 10px;
	}

	.profile_bx h4 a,
	.profile_bx h4 {
		font-size: 16px;
		color: #263d4d;
	}

	.screenshot h4 {
		font-size: 12px;
		margin-bottom: 10px;
		margin-top: 5px;
	}

	.atl_box {
		background: #fff;
		padding: 30px 10px 20px;
		box-shadow: 1px 1px 7px #ddd;
	}

	.atl_box img {
		width: 80px;
		margin-bottom: 20px;
		text-align: center;
	}

	.inner-title p {
		width: 600px;
	}

	@media (max-width: 567px) {
		.self-col {
			width: 100% !important;
		}

		.inner-title p {
			width: 100%;
		}

		.inner-banner .inner-title h3 {
			font-size: 25px;
		}

		.slogan-heading {
			font-size: 25px !important;
		}
	}


	.sticky-nav .logo {
		top: 13px !important;
	}

	.mobile-nav .logo {
		top: 23px;
	}

	.mean-container a.meanmenu-reveal {
		margin-top: 11px;
	}

	.sticky-nav .mean-container a.meanmenu-reveal {
		margin-top: 3px;
	}

	.navbar-nav .nav-link {
		color: #fff;
	}

	.dropend .dropdown-toggle {
		color: salmon;
		margin-left: 1em;
	}

	.dropdown-item:hover {
		background-color: lightsalmon;
		color: #fff;
	}

	.dropdown .dropdown-menu {
		display: none;
	}

	.dropdown:hover>.dropdown-menu,
	.dropend:hover>.dropdown-menu {
		display: block;
		margin-top: 0.125em;
		margin-left: 0.125em;
	}

	@media screen and (min-width: 769px) {
		.dropend:hover>.dropdown-menu {
			position: absolute;
			top: 0;
			left: 100%;
		}

		.dropend .dropdown-toggle {
			margin-left: 0.5em;
		}
	}

	.main-nav nav .navbar-nav .nav-item {

		padding: 8px 4px;
	}

	.single-box {
		padding: 30px;
		box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
		background-color: #fff;
		text-align: center;
		margin-bottom: 30px;
		transition: all .5s;
		position: relative;
	}

	.single-box .box-icon {
		position: relative;
		width: 80px;
		height: 80px;
		margin: 0 auto 10px;
		top: 8px;
	}

	.single-box .box-icon i {
		color: #8dc446;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		display: inline-block;
		text-align: center;
		line-height: 60px;
		background: #f9f9f9;
		z-index: 1;
		font-size: 35px;
		position: relative;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.single-box .box-icon i::after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: -7px;
		border: 2px dotted #8dc446;
		border-radius: 50%;
		z-index: -1;
		animation: rotation 50s infinite linear;
		transition: all .5s;
	}

	.services-card img {
		width: 100%;
		height: 270px;
	}

	.title {
		font-size: 2em;
		color: #00a65a;
		display: block;
	}

	.sub-title {
		font-size: 0.8em;
		color: gray;
		display: block;
	}

	.btn1 {
		padding: 10px 20px;
		background: transparent;
		border: 1px solid #00a65a;
		color: #00a65a;
		border-radius: 3px;
		outline: none;
		transition: 0.5s;
	}

	.btn1:hover {
		background: #00a65a;
		color: #fff;
	}

	.btn2 {
		padding: 10px 20px;
		border-radius: 3px;
		background: #1e1e1e;
		border: 1px solid #1e1e1e;
		color: #fff;
		outline: none;
		transition: 0.5s;
	}

	.btn2:hover {
		background: transparent;
		color: #1e1e1e;
	}

	.title:before {
		content: "ï…¸ ";
		font-family: "FontAwesome";
		font-size: 30px;
	}

	a {
		text-decoration: none;
	}

	.section2,
	.section3 {
		width: 90%;
		margin: 5% 0%;
		margin-left: auto;
		margin-right: auto;
	}

	.section2 table,
	.section3 table {
		width: 100%;
	}

	.section2 table td,
	.section3 table td {
		width: 50%;
	}

	.section2 table td img,
	.section3 table td img {
		width: 80%;
		height: 70%;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0px 6px 16px -6px rgba(1, 1, 1, 0.5);
	}

	.section3 table td img {
		float: right;
	}


	@media (max-width:720px) {

		.section2 table td,
		.section3 table td {
			width: 100%;
			display: block;
		}

		.section3 table td img {
			float: none;
			margin-top: 4%;
		}

		.section2 table td img,
		.section3 table td img {
			width: 100%;
			height: 60%;
		}
	}

	@media (max-width:300px) {

		.section2,
		.section3 {
			font-size: 12px;
		}

		.section3 table td img {
			float: none;
			margin-top: 8%;
		}

		.btn1,
		.btn2 {
			padding: 5px 10px;
		}
	}

	.footer {
		position: fixed;
		box-shadow: 0px 6px 16px -6px rgba(1, 1, 1, 0.5);
		background: #1e1e1e;
		padding: 10px 20px;
		color: gray;
		font-size: 13px;
		position: fixed;
		bottom: 10px;
		right: 0;
	}


	.cont {
		max-width: 400px;
		margin: 2rem auto;
	}

	.product-card {
		background-color: var(--card-background);
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.product-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
	}

	.product-card__image {
		height: 250px;
		overflow: hidden;
	}

	.product-card__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.product-card:hover .product-card__image img {
		transform: scale(1.05);
	}

	.product-card__info {
		padding: 20px;
	}

	.product-card__title {
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 10px;
		color: var(--text-color);
	}

	.product-card__description {
		font-size: 0.9rem;
		color: #666;
		margin-bottom: 20px;
	}

	.product-card__price-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.product-card__price {
		font-size: 1.25rem;
		font-weight: 600;
		color: var(--primary-color);
	}

	.product-card__btn {
		background-color: var(--primary-color);
		color: white;
		border: none;
		padding: 10px 20px;
		border-radius: 50px;
		font-size: 0.9rem;
		font-weight: 600;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	.product-card__btn {
		background-color: #00a65a;
	}

	@media (max-width: 480px) {
		.cont {
			max-width: 100%;
			padding: 0 20px;
		}

		.product-card__image {
			height: 200px;
		}

		.product-card__title {
			font-size: 1.3rem;
		}

		.product-card__description {
			font-size: 0.8rem;
		}

		.product-card__price {
			font-size: 1.1rem;
		}

		.product-card__btn {
			padding: 8px 16px;
			font-size: 0.8rem;
		}
	}

	.btn-bg-two {
		background-color: #00a65a !important;
	}

	span.change {
		color: #00a65a;
	}

	.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
		left: -125px;
		margin-top: 4px;
	}

	background-color: #00a65a !important;
}

span.change {
	color: #00a65a;
}

.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
	left: -125px;
	margin-top: 4px;
}

h6.self-h6 {
	color: #bad701;
	font-size: 19px;
}

h5.self-h5 {
	color: #13ab65;
}

section.sec {
	background-color: #d3d3d387 !important;
	margin-top: 16px;
	padding: 0px;
}

.farmear img {
	height: 447px;
	width: 100%;
}

.farmear1 img {
	height: 392px;
	width: 100%;
}

.section-heading {
	position: relative;
	z-index: 1;
	/*margin-bottom: 50px;*/
}

.section-heading h2 {
	margin-bottom: 10px;
	font-size: 36px;
	margin-left: -3px;
}

section.about-us-area {
	padding-top: 50px;
}

li.li-ak {
	font-size: 16px;
	padding: 7px;
}

.navbar-brand {
	/* margin-right: 1rem; */
	font-size: 2.25rem !important;

}

span.self-span {
	color: #0aa961;
}


.picZoomer {
	position: relative;
	/*margin-left: 40px;
    padding: 15px;*/
}

.picZoomer-pic-wp {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.picZoomer-pic-wp:hover .picZoomer-cursor {
	display: block;
}

.picZoomer-zoom-pic {
	position: absolute;
	top: 0;
	left: 0;
}

.picZoomer-pic {
	/*width: 100%;
	height: 100%;*/
}

.picZoomer-zoom-wp {
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
	border: 1px solid #eee;
	height: 460px;
	margin-top: -19px;
}

.picZoomer-cursor {
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0, 0, 0, .1);
}

.picZoomCursor-ico {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 40px;
	left: 40px;
	background: url(images/zoom-ico.png) left top no-repeat;
}

.my_img {
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
}

.piclist li {
	display: inline-block;
	width: 90px;
	height: 114px;
	border: 1px solid #eee;
}

.piclist li img {
	width: 97%;
	height: auto;
}

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp {
	border: 1px solid #eee;
}


.section-bg {
	/* background-color: #fff1e0; */
	width: 90%;
	margin: auto;
}

section {
	padding: 40px 0px 80px 0px;
}

.row-sm .col-md-6 {
	padding-left: 5px;
	padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
	width: 90px;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
}

._boxzoom .zoom-thumb ul.piclist {
	padding-left: 0px;
	top: 0px;
}

._boxzoom ._product-images {
	width: 80%;
	display: inline-block;
}

._boxzoom ._product-images .picZoomer {
	width: 100%;
}

._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
	left: 0px;
}

._boxzoom ._product-images .picZoomer img.my_img {
	width: 100%;
}

.piclist li img {
	height: 100px;
	object-fit: cover;
}

/*======products-details=====*/
._product-detail-content {
	background: #fff;
	padding: 0px 14px 0px 12px;
	/* padding: 2px; */
	border: 1px solid lightgray;
}

._product-detail-content p._p-name {
	color: black;
	font-size: 20px;
	border-bottom: 1px solid lightgray;
	padding-bottom: 12px;
}

.p-list span {
	margin-right: 15px;
}

.p-list span.price {
	font-size: 25px;
	color: #318234;
}

._p-qty>span {
	color: black;
	margin-right: 15px;
	font-weight: 500;
}

._p-qty .value-button {
	display: inline-flex;
	border: 0px solid #ddd;
	margin: 0px;
	width: 30px;
	height: 35px;
	justify-content: center;
	align-items: center;
	background: #3b2b98;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
}

._p-qty .value-button {
	border: 0px solid #fe0000;
	height: 35px;
	font-size: 20px;
	font-weight: bold;
}

._p-qty input#number {
	text-align: center;
	border: none;
	border-top: 1px solid #01a55a;
	border-bottom: 1px solid #00a65a;
	border-left: 1px solid #00a65a;
	border-right: 1px solid #00a65a;
	margin: 0px;
	width: 50px;
	height: 35px;
	font-size: 14px;
	box-sizing: border-box;
}

._p-add-cart {
	margin-left: 0px;
	margin-bottom: 15px;
}

.p-list {
	margin-bottom: 10px;
}

._p-features>span {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

._p-add-cart .buy-btn {
	background-color: #3b2b97;
	color: #fff;
}

._p-add-cart .btn {
	text-transform: capitalize;
	padding: 6px 20px;
	/* width: 200px; */
	border-radius: 52px;
}

._p-add-cart .btn {
	margin: 0px 8px;
	color: white;
	background-color: #3b2b98;
	width: 158px;
	padding: 10px;
}

/*=========Recent-post==========*/
.title_bx h3.title {
	font-size: 22px;
	text-transform: capitalize;
	position: relative;
	color: #fd7f34;
	font-weight: 700;
	line-height: 1.2em;
}

.title_bx h3.title:before {
	content: "";
	height: 2px;
	width: 20%;
	position: absolute;
	left: 0px;
	z-index: 1;
	top: 40px;
	background-color: #fd7f34;
}

.title_bx h3.title:after {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 40px;
	background-color: #ffc107;
}

.common_wd .owl-nav .owl-prev,
.common_wd .owl-nav .owl-next {
	background-color: #fd7f34 !important;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 0px !important;
}

.owl-nav .owl-next {
	right: -10px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
	top: 50%;
	position: absolute;
}

.common_wd .owl-nav .owl-prev i,
.common_wd .owl-nav .owl-next i {
	color: #fff;
	font-size: 14px !important;
	position: relative;
	top: -1px;
}

.common_wd .owl-nav {
	position: absolute;
	top: -21%;
	right: 4px;
	width: 65px;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
	left: 0px;
}

._p-qty .decrease_ {
	position: relative;
	right: 1px;
	top: 3px;
}

._p-qty .increase_ {
	position: relative;
	top: 3px;
	left: 2px;
}

/*========box========*/
.sq_box {
	padding-bottom: 5px;
	border-bottom: solid 2px #fd7f34;
	background-color: #fff;
	text-align: center;
	padding: 15px 10px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.item .sq_box span.wishlist {
	right: 5px !important;
}

.sq_box span.wishlist {
	position: absolute;
	top: 10px;
	right: 20px;
}

.sq_box span {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 10px;
}

.sq_box span.wishlist i {
	color: #adb5bd;
	font-size: 20px;
}

.sq_box h4 {
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	color: #343a40;
	margin-top: 10px;
	margin-bottom: 10px !important;
}

.sq_box .price-box {
	margin-bottom: 15px !important;
}

.sq_box .btn {
	border-radius: 50px;
	padding: 5px 13px;
	font-size: 15px;
	color: #fff;
	background-color: #fd7f34;
	font-weight: 600;
}

.sq_box .price-box span.price {
	text-decoration: line-through;
	color: #6c757d;
}

.sq_box span {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 10px;
}

.sq_box .price-box span.offer-price {
	color: #28a745;
}

.sq_box img {
	object-fit: cover;
	height: 150px !important;
	margin-top: 20px;
}

.sq_box span.wishlist i:hover {
	color: #fd7f34;
}

section#OurMission {
	background-color: #d3d3d37a;
}


.card {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
	transform: translateY(-10px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}


.card-img-top {

	height: 220px;
	object-fit: cover;
}

.card-body h4 {
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}


.card-body p {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 20px;
}


.btn-primary {
	background-color: #007bff;
	border-color: #007bff;
	border-radius: 20px;
	padding: 10px 20px;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
	background-color: #0056b3;
	box-shadow: 0 4px 15px rgba(0, 91, 187, 0.3);
}

.card-body a {
	background-color: #0ba85f;
	border: none;
	color: white;
}


.form {
	width: 100%;
	max-width: 100%;
	/*background-color: #fff;*/
	border-radius: 10px;
	/*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);*/
	z-index: 1000;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.contact-form {
	background-color: #1abc9c;
	position: relative;
	width: 100%;
}

.circle {
	border-radius: 50%;
	background: linear-gradient(135deg, transparent 20%, #149279);
	position: absolute;
}

.circle.one {
	width: 130px;
	height: 130px;
	top: 130px;
	right: -40px;
}

.circle.two {
	width: 80px;
	height: 80px;
	top: 10px;
	right: 30px;
}

.contact-form:before {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	background-color: #1abc9c;
	transform: rotate(45deg);
	top: 50px;
	left: -13px;
}

form {
	padding: 2.3rem 2.2rem;
	z-index:0;
	/*z-index: 10;*/
	overflow: hidden;
	position: relative;
}

.title {
	/* color: #fff; */
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 0.7rem;
}

.input-container {
	position: relative;
	margin: 1rem 0;
}

.input {
	width: 100%;
	outline: none;
	border: 2px solid #fafafa;
	background: none;
	padding: 0.6rem 1.2rem;
	color: #fff;
	font-weight: 500;
	font-size: 0.95rem;
	letter-spacing: 0.5px;
	border-radius: 5px;
	transition: 0.3s;
}

textarea.input {
	padding: 0.8rem 1.2rem;
	min-height: 150px;
	border-radius: 5px;
	resize: none;
	overflow-y: auto;
}

.input-container label {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	padding: 0 0.4rem;
	color: #fafafa;
	font-size: 0.9rem;
	font-weight: 400;
	pointer-events: none;
	z-index: 1000;
	transition: 0.5s;
}

.input-container.textarea label {
	top: 1rem;
	transform: translateY(0);
}

.btn {
	padding: 0.6rem 1.3rem;
	background-color: #fff;
	border: 2px solid #fafafa;
	font-size: 0.95rem;
	color: black;
	line-height: 1;
	border-radius: 5px;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	margin: 0;
	width: 100%;
}


.input-container span {
	position: absolute;
	top: 0;
	left: 25px;
	transform: translateY(-50%);
	font-size: 0.8rem;
	padding: 0 0.4rem;
	color: transparent;
	pointer-events: none;
	z-index: 500;
}

.input-container span:before,
.input-container span:after {
	content: "";
	position: absolute;
	width: 10%;
	opacity: 0;
	transition: 0.3s;
	height: 5px;
	background-color: #1abc9c;
	top: 50%;
	transform: translateY(-50%);
}

.input-container span:before {
	left: 50%;
}

.input-container span:after {
	right: 50%;
}

.input-container.focus label {
	top: 0;
	transform: translateY(-50%);
	left: 25px;
	font-size: 0.8rem;
}

.input-container.focus span:before,
.input-container.focus span:after {
	width: 50%;
	opacity: 1;
}

.contact-info {
	padding: 2.3rem 2.2rem;
	position: relative;
}

.contact-info .title {
	color: #1abc9c;
}

.text {
	color: #333;
	margin: 1.5rem 0 2rem 0;
}

.information {
	display: flex;
	color: #555;
	margin: 0.7rem 0;
	align-items: center;
	font-size: 0.95rem;
}

.information i {
	color: #1ABC9C;
	margin-bottom: 21px;
}

.icon {
	width: 28px;
	margin-right: 0.7rem;
}

.social-media {
	padding: 2rem 0 0 0;
}

.social-media p {
	color: #333;
}

.social-icons {
	display: flex;
	margin-top: 0.5rem;
}

.social-icons a {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background: linear-gradient(45deg, #1abc9c, #149279);
	color: #fff;
	text-align: center;
	line-height: 35px;
	margin-right: 0.5rem;
	transition: 0.3s;
}

.social-icons a:hover {
	transform: scale(1.05);
}

.contact-info:before {
	content: "";
	position: absolute;
	width: 110px;
	height: 100px;
	border: 22px solid #1abc9c;
	border-radius: 50%;
	bottom: -77px;
	right: 50px;
	opacity: 0.3;
}

.big-circle {
	position: absolute;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: linear-gradient(to bottom, #1cd4af, #159b80);
	bottom: 50%;
	right: 50%;
	transform: translate(-40%, 38%);
}

.big-circle:after {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	background-color: #fafafa;
	border-radius: 50%;
	top: calc(50% - 180px);
	left: calc(50% - 180px);
}

.square {
	position: absolute;
	height: 400px;
	top: 50%;
	left: 50%;
	transform: translate(181%, 11%);
	opacity: 0.2;
}

@media (max-width: 850px) {
	.form {
		grid-template-columns: 1fr;
	}

	.contact-info:before {
		bottom: initial;
		top: -75px;
		right: 65px;
		transform: scale(0.95);
	}

	.contact-form:before {
		top: -13px;
		left: initial;
		right: 70px;
	}

	.square {
		transform: translate(140%, 43%);
		height: 350px;
	}

	.big-circle {
		bottom: 75%;
		transform: scale(0.9) translate(-40%, 30%);
		right: 50%;
	}

	.text {
		margin: 1rem 0 1.5rem 0;
	}

	.social-media {
		padding: 1.5rem 0 0 0;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 1.5rem;
	}

	.contact-info:before {
		display: none;
	}

	.square,
	.big-circle {
		display: none;
	}

	form,
	.contact-info {
		padding: 1.7rem 1.6rem;
	}

	.text,
	.information,
	.social-media p {
		font-size: 0.8rem;
	}

	.title {
		font-size: 1.15rem;
		padding-top: 12px;
		font-size: 22px;
		width: 100%;
		text-align: center;
	}

	.social-icons a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.icon {
		width: 23px;
	}

	.input {
		padding: 0.45rem 1.2rem;
	}

	.btn {
		padding: 0.45rem 1.2rem;
	}
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	background-color: #3b2b97;
}

.product-card__btn a {
	color: white;
}

a.navbar-brand img {
	width: 244px;
	/* margin-top: 0px; */
}

.termsAndConditions {
	z-index: 1000;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	background-color: rgb(255, 255, 255);
	transform: translate(-50%, -50%);
	max-width: 900px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: all .2s;
	backface-visibility: hidden;
}

.termsAndConditionsHeading {
	margin-top: 70px;
	margin-bottom: 30px;
	font-size: 32px;
}

.termsParagraphIntro {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.spangleWelcome {
	font-weight: 500;
}

.serviceLeadingSection {
	width: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sn {
	font-size: 32px;
	padding-right: 5px;
}

.st {
	font-size: 32px;
}

.spl {
	margin-top: 15px;
	margin-bottom: 15px;

}

.serviceInfoContainer {
	position: relative;
	width: 100%;
}

.serviceLead {
	font-weight: 700;
	margin-left: 15px;
	margin-top: 15px;
	margin-block-end: 5px;

}

.serviceDetails {
	margin-left: 15px;
}

.displayNone {
	display: none;
}

.secionLine {
	height: 40px;
	width: 5px;

	position: absolute;
	top: 7px;
}

/*Font Colours below*/
.lightGreen {
	color: rgb(85, 189, 134);
}

.blue {
	color: #2998ff;
}

.orange {
	color: #ff7730;
}

.purple {
	color: #2a0073
}

/*Set the colours for the lines*/

.lineColorGreen {
	background-image: linear-gradient(to right bottom, rgb(85, 189, 134), rgb(11, 103, 92));
}

.lineColorBlue {
	background-image: linear-gradient(to right bottom, #2998ff, #5643fa);
}

.lineColorOrange {
	background-image: linear-gradient(to right bottom, #ffb900, #ff7730);
}

.lineColorPurple {
	background-image: linear-gradient(to bottom right, #b25f88, #2a0073)
}

.closeTerms {
	border-bottom: 1px solid black;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.fadeIn {
	animation-name: fadeIn;
	animation-duration: .8s;
	animation-timing-function: ease-out;
	/* z-index: 1001; */
}

@keyframes fadeIn {
	0% {

		opacity: 0;
	}

	100% {

		opacity: 1;
	}
}


.form-container {
	background-color: #ffffff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	width: 100%;
	max-width: 94%;
	margin: auto;
	animation: fadeIn 1s ease-out;
}

h2 {
	text-align: center;
	margin-bottom: 20px;
	color: #333;
	font-size: 24px;
}

/* Input Group Styles */
/* Input Group Styles */
.input-group {
	position: relative;
	margin-bottom: 20px;
}

.input-group label {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	transition: all 0.2s ease;
	color: #aaa;
	pointer-events: none;
	z-index: 9;
}

.input-group label[for="message"] {
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-200%);
	transition: all 0.2s ease;
	color: #aaa;
	pointer-events: none;
	z-index: 9;
}

.input-group input:focus~label:not(.checkbox-group label),
.input-group textarea:focus~label:not(.checkbox-group label),
.input-group input:not(:placeholder-shown)~label:not(.checkbox-group label),
.input-group textarea:not(:placeholder-shown)~label {
	top: -10px;
	left: 10px;
	font-size: 12px;
	color: #007bff;
}

.input-group input,
.input-group textarea {
	padding: 12px 15px;
	padding-top: 12px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.input-group input:focus,
.input-group textarea:focus {
	border-color: #007bff;
	box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
	outline: none;
}

/* Focused State for Labels */
.input-group label.focused:not(.checkbox-group label) {
	top: -10px;
	left: 0px;
	font-size: 12px;
	color: #007bff;
}

.input-group label[for="message"].focused:not(.checkbox-group label) {
	top: 17px;
	left: 0px;
	font-size: 12px;
	color: #007bff;
}

/* Valid/Invalid Input Styles */
.input-group input.valid,
.input-group textarea.valid {
	border-color: #28a745;
	/* Geçerli (valid) durumda yeşil border */
	box-shadow: 0 0 8px rgba(40, 167, 69, 0.25);
	/* Hafif yeşil bir gölge ekleyelim */
}

.input-group input.invalid,
.input-group textarea.invalid {
	border-color: #dc3545;
	/* Geçersiz (invalid) durumda kırmızı border */
	box-shadow: 0 0 8px rgba(220, 53, 69, 0.25);
	/* Hafif kırmızı bir gölge ekleyelim */
}


.input-group .input-icon i {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	color: #aaa;
}

.input-group input:focus+i,
.input-group textarea:focus+i {
	color: #007bff;
}

.checkbox-group {
	display: inline-flex;
	align-items: center;
	width: 100%;
}

.checkbox-group input {
	margin-right: 10px;
	width: auto;
}

.checkbox-group label {
	color: #555;
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 0;
	margin-left: 10px;
}

button {
	width: 100%;
	padding: 15px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

button:hover {
	background-color: #0056b3;
	transform: translateY(-2px);
}

button:active {
	background-color: #004494;
	transform: translateY(0);
}

.notification {
	position: fixed;
	top: 20px;
	right: 20px;
	background-color: #444;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	opacity: 0;
	transform: translateY(-20px);
	animation: fadeInDown 0.5s forwards;
	font-size: 14px;
}

.notification.success {
	background-color: #28a745;
}

.notification.error {
	background-color: #dc3545;
}

/* Responsive Styles */
@media (max-width: 768px) {
	.form-container {
		padding: 20px;
	}

	button {
		padding: 12px;
		font-size: 16px;
	}
}

/* Animations */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.input-icon {
	width: 100%;
}


button.disabled {
	background-color: #bad703;
}


.cs-blog {
	margin-bottom: 30px;
}

.cs-blog h2 {
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	margin: 0 0 11px;
	position: relative;
	text-transform: uppercase;
}

.cs-blog::after {
	clear: both;
	content: "";
	display: block;
}

ul.blog-list {
	list-style: outside none none;
	margin: -30px 0 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.blog-list.blog-slide {
	margin: 0;
}

.blog-list.blog-slider {
	margin: 0;
}

ul.blog-list li {
	float: left;
	list-style: outside none none;
	margin: 30px 0 0;
}

.blog-slide .slick-list {
	margin: 0 -15px;
}

ul.blog-list.blog-slide li {
	margin-bottom: 10px;
	margin-top: 0;
}

ul.blog-list li:first-child {
	border: 0 none;
}

ul.blog-list li figure {
	overflow: hidden;
	position: relative;
}

ul.blog-list li figure img {
	width: 100%;
}

ul.blog-list li .cs-text {
	border: 1px solid #f0f0f0;
	overflow: hidden;
	padding: 15px 20px;
}


.cs-blog-detail .cs-text .post-option {
	border-top: 1px solid #f0f0f0;
	float: left;
	padding-top: 10px;
	width: 100%;
}

.cs-blog-detail .cs-text .post-option span a {
	color: #777;
}

.widget ul.blog-list li .cs-text {
	height: auto;
	margin: 0;
	min-height: inherit;
	padding: 9px 0 13px;
}

ul.blog-list li .cs-text span {
	color: #8b919e;
	display: inline-block;
	font-size: 12px;
	line-height: 19px;
}

ul.blog-list li .cs-text p {
	margin-bottom: 12px;
}

ul.blog-list li .cs-text h5 {
	border-bottom: 1px solid #fff;
	font-size: 15px;
	margin: 0;
	min-height: 56px;
	padding: 0 0 5px;
}

ul.blog-list li .cs-text h5 a {
	color: #292c33;
}

ul.blog-list li .cs-text .readmore {
	float: right;
	font-size: 11px;
	line-height: 20px;
	padding-top: 6px;
	position: relative;
	text-transform: uppercase;
}

ul.blog-list .slick-list.draggable {
	overflow: hidden;
}

.cs-auther-name a {
	color: #999;
}

.blog-list .slick-arrow {
	background-color: #f9f9f9;
	float: left;
	height: 29px;
	margin: 5px 0 0 5px;
	text-align: center;
	width: 29px;
}

.blog-list .slick-arrow a {
	color: #999;
	font-size: 18px;
	line-height: 32px;
}

.cs-blog.classic {
	margin: 0 0 30px;
}

.cs-blog.classic ul {
	margin: 0;
}

.cs-blog.classic li {
	border-top: 2px solid #eceef0;
	float: left;
	list-style: outside none none;
	padding: 16px 0;
	width: 100%;
}

.cs-blog.classic p {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin: 0 -4px 0 0;
	vertical-align: middle;
	width: 100%;
}

.cs-blog.classic p i {
	color: #c4c6c8;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.cs-blog.classic span {
	display: inline-block;
	float: right;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
}

.cs-blog.classic span i {
	color: #e2e5e8;
	float: right;
	font-size: 24px;
	margin: 2px 0 0 10px;
}

.cs-pagination-blog {
	margin-bottom: 30px;
}

.cs-blog.blog-medium {
	border-bottom: 0 none;
	margin: 0;
	padding-bottom: 30px;
}

.cs-blog.blog-medium::after {
	clear: both;
	content: "";
	display: block;
}

.cs-blog.blog-medium .blog-text .cs-post-title {
	clear: both;
}

.cs-blog .cs-media figure {
	position: relative;
}

.cs-blog .cs-media figure figcaption {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.cs-blog .cs-media:hover figure figcaption {
	opacity: 1;
	visibility: visible;
}

.cs-blog.blog-medium .post-title h3 {
	margin-bottom: 0;
}

.cs-blog .post-title {
	margin-bottom: 10px;
}

.cs-blog.blog-medium .cs-media figure figcaption .cs-readmore a {
	color: #fff;
	font-size: 24px;
	left: 50%;
	margin: -10px 0 0 -65px;
	position: absolute;
	top: 50%;
	transform: scale(0.7);
}

.cs-blog.blog-medium .cs-media:hover figure figcaption .cs-readmore a {
	transform: scale(1);
}

.cs-blog.blog-medium:last-child {
	border-bottom: medium none;
	padding-bottom: 40px;
}

.blog-medium .cs-media {
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
	width: 37%;
}

.blog-modern .cs-media {
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
	width: 48.6%;
}

.blog-medium .cs-media figure img,
.blog-modern .cs-media img {
	width: 100%;
}

.blog-medium .cs-media~.blog-text {
	display: inline-block;
	float: none;
	margin-right: 0;
	vertical-align: middle;
	width: 58%;
}

.blog-modern .blog-text {
	display: inline-block;
	margin-right: -4px;
	padding-left: 30px;
	vertical-align: middle;
	width: 51.4%;
}

.blog-modern .blog-text .cs-post-title {
	margin-bottom: 5px;
	padding-bottom: 1px;
	position: relative;
}

.blog-modern .blog-text .cs-post-title::after {
	bottom: 1px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 27px;
}

.blog-modern .blog-text .blog-separator {
	margin: 0 0 10px;
}

.blog-modern .blog-text .blog-separator::before {
	display: none;
}

.blog-medium .blog-text {
	width: 99.1%;
}

.blog-medium .blog-text p {
	display: inline;
	margin: 0 0 15px;
}

.blog-medium .blog-separator {
	margin: 0 0 10px;
}

.cs-blog .cs-categories,
.cs-blog-detail .cs-categories {
	display: block;
	margin: 0 0 12px;
}

.cs-blog .cs-categories a,
.cs-blog-detail .cs-categories a {
	border-bottom: 2px solid #ededed;
	color: #55a747;
	display: inline-block;
	font-size: 10px;
	margin-right: 5px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

.cs-blog-detail .post-option {
	float: right;
}

.cs-blog .post-option span a,
.cs-blog-detail .post-option span a {
	color: #999 !important;
	display: inline-block;
	font-size: 12px;
	margin-right: 18px;
	vertical-align: middle;
}

.cs-blog .post-option span i,
.cs-blog-detail .post-option span i {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	vertical-align: middle;
}

.cs-blog-detail .post-option span.post-category i {
	margin: 0;
}

.cs-blog-detail .post-option .post-category a {
	margin-left: 10px;
	margin-right: 0;
}

.cs-blog-detail .post-option .post-date {
	margin-left: 18px;
}

.cs-blog-detail .cs-text .post-option span i {
	float: left;
	margin: 3px 8px 0 0;
}

.cs-blog.blog-grid figure img {
	width: 100%;
}

.cs-blog.blog-grid .cs-media~.blog-text {
	margin: -30px 0 0;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}

.cs-blog.blog-grid .cs-inner-bolg {
	background-color: #fff;
	display: inline-block;
	padding: 20px 25px;
	width: 100%;
}

.cs-blog.blog-grid .blog-text p {
	margin: 0 0 5px;
}

.cs-blog.blog-grid .post-option {
	line-height: normal;
	margin: 0 0 10px;
}

.cs-blog.blog-grid .post-option span {
	color: #8b919e;
	font-size: 10px;
	margin: 0 15px 0 0;
	position: relative;
	text-transform: uppercase;
}

.cs-blog.blog-grid .post-option span::before {
	background-color: #8b919e;
	border-radius: 100%;
	content: "";
	height: 3px;
	left: -10px;
	position: absolute;
	top: 5px;
	width: 3px;
}

.cs-blog.blog-grid .post-option span:last-child {
	margin: 0;
}

.cs-blog.blog-grid .post-option span:first-child::before {
	display: none;
}

.cs-blog.blog-grid .read-more {
	display: inline-block;
	font-size: 12px;
	position: relative;
}

.cs-blog.blog-grid .read-more::before {
	content: "";
	font-family: "icomoon";
	font-size: 14px;
	position: absolute;
	right: -15px;
	top: 0;
}

.blog-large .cs-media img {
	width: 100%;
}

.blog-large .cs-text {
	margin: 0 0 20px;
	position: relative;
	z-index: 1;
}

.blog-large .cs-media~.cs-text {
	background-color: #fff;
	margin: 0 auto;
	padding: 30px 0 0;
	width: 100%;
}

.cs-blog .cs-author,
.cs-blog-detail .cs-author {
	float: left;
	margin: 0 0 10px;
}

.cs-blog .cs-author figure,
.cs-blog-detail .cs-author figure {
	display: inline-block;
	height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	width: 32px;
}

.cs-blog .cs-author figure img,
.cs-blog-detail .cs-author figure img {
	border-radius: 100%;
}

.cs-blog .cs-author .cs-text,
.cs-blog-detail .cs-author .cs-text {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.cs-blog .cs-author .cs-text a,
.cs-blog-detail .cs-author .cs-text a {
	color: #555;
	font-size: 13px;
}

.blog-large .post-option,
.cs-blog.blog-medium .post-option {
	float: right;
}

.cs-blog.blog-large .post-option span i,
.cs-blog.blog-medium .post-option span i {
	color: #cfcfcf;
}

.post-option span i {
	margin-right: 5px;
	transition: all 0.3s ease-in-out 0s;
}

.blog-separator {
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	margin: 20px 0 25px;
	position: relative;
	width: 100%;
}

.blog-large .cs-text p {
	margin: 0 0 25px;
}

.blog-large .read-more {
	border: 1px solid;
	border-radius: 20px;
	display: inline-block;
	font-size: 12px;
	padding: 4px 20px;
	text-transform: uppercase;
}

.blog-large .cs-post-title {
	margin: 0 0 15px;
}

.blog-large .cs-post-title h3 {
	margin: 0;
}

.cs-blog-detail .cs-post-title h1 {
	margin: 0 0 10px;
}

.cs-blog-detail .cs-post-title::after {
	clear: both;
	content: "";
	display: block;
}

.cs-blog-detail .cs-main-post img {
	width: 100%;
}

.cs-blog-detail .cs-main-post {
	margin-bottom: 25px;
}

.cs-blog-detail .cs-admin-post .cs-media figure,
.cs-blog-detail .cs-admin-post .cs-media figure img {
	border-radius: 100%;
}

.cs-blog-detail .cs-admin-post .cs-text {
	overflow: hidden;
}

.cs-blog-detail .cs-admin-post {
	float: left;
	width: 40%;
}

.cs-blog-detail .cs-admin-post .cs-media {
	float: left;
	height: 46px;
	margin-right: 14px;
	width: 46px;
}

.cs-blog-detail .cs-author-name {
	color: #ccc;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	padding-top: 6px;
	vertical-align: middle;
}

.cs-blog-detail .cs-author-name strong {
	color: #55a747;
	display: block;
	line-height: 26px;
}

.cs-blog-detail .cs-more-post {
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	color: #ccc;
	font-size: 11px;
	padding: 6px 8px;
}

.cs-blog-detail .cs-social-share {
	float: right;
}

.cs-blog-detail .cs-social-media {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.cs-blog-detail .cs-social-media li {
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	vertical-align: top;
}

.cs-blog-detail .cs-social-media li a {
	background-color: #fc6d4c;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 13px;
	height: 28px;
	line-height: 30px;
	margin: 0 5px 5px 0;
	text-align: center;
	width: 28px;
}

.cs-blog-detail .cs-social-media li a.cs-more {
	line-height: 33px;
	padding: 0;
}

.cs-blog-detail .cs-social-media li a::before {
	display: none;
}

.cs-blog-detail .cs-social-media li a[data-original-title="facebook"] {
	background-color: #2b4a8b;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Facebook"] {
	background-color: #2b4a8b;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Tumblr"] {
	background-color: #32506d;
}

.cs-blog-detail .cs-social-media li a[data-original-title="tumblr"] {
	background-color: #32506d;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Dribbble"] {
	background-color: #ea4c89;
}

.cs-blog-detail .cs-social-media li a[data-original-title="dribbble"] {
	background-color: #ea4c89;
}

.cs-blog-detail .cs-social-media li a[data-original-title="stumbleupon"] {
	background-color: #eb4823;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Stumbleupon"] {
	background-color: #eb4823;
}

.cs-blog-detail .cs-social-media li a[data-original-title="rss"] {
	background-color: #f06c19;
}

.cs-blog-detail .cs-social-media li a[data-original-title="twitter"] {
	background-color: #1f94d9;
}

.cs-blog-detail .cs-social-media li a[data-original-title="linkedin"] {
	background-color: #10598c;
}

.cs-blog-detail .cs-social-media li a[data-original-title="google"] {
	background-color: #d83936;
}

.cs-blog-detail .cs-social-media li a[data-original-title="youtube"] {
	background-color: #b00;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Youtube"] {
	background-color: #b00;
}

.cs-blog-detail .cs-social-media li a.cs-more .at4-icon {
	border-radius: 10px;
	margin: 5px 0 0 -2px;
}

.cs-blog-detail .cs-share {
	float: none;
	left: 0;
	margin: 0 15px 0 0;
	position: absolute;
	top: 0;
}

.cs-blog-detail .cs-share a {
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

.cs-blog-detail .cs-share-detail::after {
	clear: both;
	content: "";
	display: block;
}

.cs-blog-detail .cs-share-detail {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	vertical-align: middle;
	width: 49%;
}

.cs-blog-detail .cs-post-option-panel {
	float: left;
	padding-top: 20px;
	width: 100%;
}

.cs-blog-detail .rich-editor-text p {
	margin-bottom: 30px;
}

blockquote,
.rich-text-editor blockquote {
	border-left: 4px solid;
	margin: 0 0 40px;
	padding: 20px 0 0;
	position: relative;
	width: 95%;
}

blockquote {
	background-color: #fcfcfc;
	font-style: italic;
	padding: 15px 40px 20px 50px !important;
}

blockquote,
blockquote span,
blockquote p {
	color: #777;
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}

blockquote .author-name a {
	color: #999;
	font-size: 11px;
}

blockquote.text-left-align {
	text-align: left;
}

blockquote.text-right-align {
	text-align: right;
}

blockquote.text-center-align {
	text-align: center;
}

blockquote::before,
.rich-text-editor blockquote::before {
	color: #eaeaea;
	content: "";
	font-family: "icomoon";
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 15px;
	transform: scale(-1);
}

.rich-text-editor blockquote {
	background-color: #fcfcfc;
	font-style: italic;
	padding: 15px 40px 20px 50px;
}

.rich-text-editor blockquote p {
	margin: 0;
}

blockquote>span {
	margin: 0;
	position: relative;
}

blockquote>span.author-name::after {
	display: none;
}

blockquote>span::after {
	color: #eaeaea;
	content: "";
	display: inline-block;
	font-family: "icomoon";
	font-size: 22px;
	font-style: normal;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
}

.cs-blog-detail .tags {
	display: inline-block;
	margin: 0 -4px 0 0;
	vertical-align: middle;
	width: 50%;
}

.cs-blog-detail .cs-tags {
	display: block;
	margin: 0 0 40px;
}

.cs-blog-detail .cs-tags .tags span {
	color: #333;
	display: inline-block;
	font-size: 18px;
	margin: 0 10px 5px 0;
}

.cs-blog-detail .cs-tags .tags ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.cs-tags ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 0 6px;
}

.cs-tags ul li a {
	display: block;
	font-size: 12px;
	margin: 0 8px 0 0;
}

.cs-tags .tags ul li a {
	background-color: #f5f5f5;
	border-radius: 20px;
	color: #777;
	padding: 2px 18px 3px;
}

.comment-respond {
	margin-bottom: 30px;
}

.comment-form ul {
	list-style: outside none none;
}

.comment-form ul li {
	margin-bottom: 30px;
}

.comment-form .cs-element-title h3 {
	margin: 0;
}

.comment-form form .input-holder {
	position: relative;
}

.comment-form form .input-holder i {
	color: #cecece;
	font-size: 18px;
	position: absolute;
	right: 20px;
	top: 15px;
}

.comment-form form .input-holder input[type="text"],
.comment-form form .input-holder textarea {
	border: 1px solid #e4e4e4;
	color: #999;
	font-size: 14px;
	height: 50px;
	margin-bottom: -1px;
	padding: 10px 20px;
	width: 100%;
}

.comment-form form .input-holder textarea {
	height: 214px;
	margin: 0 0 20px;
}

.comment-form form input[type="submit"] {
	background-color: #55a747;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 10px 30px;
	text-transform: uppercase;
}

.blog-detail {
	box-shadow: none;
}

.blog-detail .blog-list {
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

.blog-slider-next {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 10px;
}

.blog-slider-prev {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 10px;
}

.blog-detail::after,
.author-detail::after,
#comment ul li::after,
.blog-detail .blog-list::after,
.cs-packeges::after {
	clear: both;
	content: "";
	display: block;
}

.blog-title {
	margin-bottom: 25px;
}

.blog-title h3 {
	color: #282828;
	letter-spacing: -1px;
	line-height: 34px;
	margin: 0 0 10px;
}

.blog-detail .main-post {
	margin: 0 0 25px;
}

.blog-detail .main-post img {
	width: 100%;
}

.author-detail {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 10px;
	padding-bottom: 22px;
}

.cs-admin figure {
	float: left;
	margin-right: 15px;
}

.cs-admin .cs-text {
	display: inline-block;
	overflow: hidden;
	padding-top: 8px;
}

.cs-admin .cs-text span {
	color: #ccc;
	display: block;
	font-size: 13px;
	line-height: 16px;
}

.cs-admin .cs-text strong {
	color: #282828;
	font-size: 14px;
	line-height: 18px;
}

.blog-detail h2 {
	line-height: 29px;
	margin: 0 0 11px;
	position: relative;
	width: 91%;
}

.rich-editor-text p {
	clear: both;
	line-height: 24px;
	margin-bottom: 20px;
}

.product-card {
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.product-card__image {
	position: relative;
}

.product-card__image img {
	width: 100%;
	height: auto;
	display: block;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease;
}

.product-card:hover .overlay {
	opacity: 1;
}

.product-card__btn {
	background: #00a65acc !important;
	color: white;
	border: none;
	padding: 10px 20px;
	width: 222px;
	border-radius: 5px;
	cursor: pointer;
}

.product-card__btn a {
	color: white;
	text-decoration: none;
}

.product-card__info {
	padding: 15px;
}

.product-card__title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}

.product-card__description {
	margin: 0 0 10px;
}

.product-card__price-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-card__price {
	font-size: 20px;
	font-weight: bold;
}

.heading {
	text-align: center;
	color: #454343;
	font-size: 30px;
	font-weight: 700;
	position: relative;
	margin-bottom: 70px;
	text-transform: uppercase;
	z-index: 999;
}

.white-heading {
	color: #ffffff;
}

.heading:after {
	content: ' ';
	position: absolute;
	top: 100%;
	left: 50%;
	height: 40px;
	width: 180px;
	border-radius: 4px;
	transform: translateX(-50%);
	background: url(img/heading-line.png);
	background-repeat: no-repeat;
	background-position: center;
}

.white-heading:after {
	background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
	background-repeat: no-repeat;
	background-position: center;
}

.heading span {
	font-size: 18px;
	display: block;
	font-weight: 500;
}

.white-heading span {
	color: #ffffff;
}

/*-----Testimonial-------*/

.testimonial:after {
	position: absolute;
	top: -0 !important;
	left: 0;
	content: " ";
	background: url(img/testimonial.bg-top.png);
	background-size: 100% 100px;
	width: 100%;
	height: 100px;
	float: left;
	z-index: 99;
}

.testimonial {
	min-height: 375px;
	position: relative;
	background: url(../img/5190.jpg);
	padding-top: 50px;
	background-blend-mode: color;
	background-color: #000000ab;
	padding-bottom: 50px;
	background-position: center;
	background-size: cover;
}

#testimonial4 .carousel-inner:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item {
	overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
	left: 0;
	margin: 0;
	width: 100%;
	font-size: 0;
	height: 20px;
	bottom: 15px;
	padding: 0 5px;
	cursor: e-resize;
	overflow-x: auto;
	overflow-y: hidden;
	position: absolute;
	text-align: center;
	white-space: nowrap;
}

.testimonial4_indicators .carousel-indicators li {
	padding: 0;
	width: 14px;
	height: 14px;
	border: none;
	text-indent: 0;
	margin: 2px 3px;
	cursor: pointer;
	display: inline-block;
	background: #ffffff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators .active {
	padding: 0;
	width: 14px;
	height: 14px;
	border: none;
	margin: 2px 3px;
	background-color: #9dd3af;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
	height: 3px;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
	background: #eeeeee;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.testimonial4_control_button .carousel-control {
	top: 175px;
	opacity: 1;
	width: 40px;
	bottom: auto;
	height: 40px;
	font-size: 10px;
	cursor: pointer;
	font-weight: 700;
	overflow: hidden;
	line-height: 38px;
	text-shadow: none;
	text-align: center;
	position: absolute;
	background: transparent;
	border: 2px solid #ffffff;
	text-transform: uppercase;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
	transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}

.testimonial4_control_button .carousel-control.left {
	left: 7%;
	top: 50%;
	right: auto;
}

.testimonial4_control_button .carousel-control.right {
	right: 7%;
	top: 50%;
	left: auto;
}

.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
	color: #000;
	background: #fff;
	border: 2px solid #fff;
}

.testimonial4_header {
	top: 0;
	left: 0;
	bottom: 0;
	width: 550px;
	display: block;
	margin: 30px auto;
	text-align: center;
	position: relative;
}

.testimonial4_header h4 {
	color: #ffffff;
	font-size: 30px;
	font-weight: 600;
	position: relative;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.testimonial4_slide {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 70%;
	margin: auto;
	padding: 20px;
	position: relative;
	text-align: center;
}

.testimonial4_slide img {
	top: 0;
	left: 0;
	right: 0;
	width: 136px;
	height: 136px;
	margin: auto;
	display: block;
	color: #f2f2f2;
	font-size: 18px;
	line-height: 46px;
	text-align: center;
	position: relative;
	border-radius: 50%;
	box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}

.testimonial4_slide p {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4;
	margin: 40px 0 20px 0;
}

.testimonial4_slide h4 {
	color: #ffffff;
	font-size: 22px;
}

.testimonial .carousel {
	padding-bottom: 50px;
}

.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
	width: 35px;
	height: 35px;
	margin-top: 72px;
}

/* ------testimonial  close-------*/


.item-box {
	position: relative;
	overflow: hidden;
	display: block;
	background: #fff;
	/* max-width: 300px; */
	padding: 10px;
	border: 1px solid #eff2f1;
	/* box-shadow: #1d1e22 0 0 14px 2px; */
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 10px;
}

.product-item {
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	padding-bottom: 0px;
	cursor: pointer;
	z-index: 2 !important;
}

/*.product-item::before {*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: #0059307d;*/
/*    height: 0%;*/
/*    z-index: 0;*/
/*    border-radius: 10px;*/
/*    -moz-transition: .3s all ease;*/
/*    -webkit-transition: .3s all ease;*/
/*    -o-transition: .3s all ease;*/
/*    transition: .3s all ease;*/
/*}*/
.product-item figure {
	position: relative;
	margin-bottom: 40px;
}

.product-item figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.product-item figure>img {
	padding: 0.8rem;
	transition: .3s all ease;
	-moz-transition: .3s all ease;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
}

.product-item figure img {
	width: 100%;
}

.product-item h3 {
	color: #2f2f2f;
	margin: 0px;
	text-decoration: none;
	z-index: 2999 !important
}

.product-item strong {
	color: #2f2f2f;
	text-decoration: none;
}

.product-item .show-info {
	color: #888;
	z-index: 9999;
}

.product-item .icon-cross {
	position: absolute;
	width: 35px;
	height: 35px;
	display: inline-block;
	background: #2f2f2f;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 6px;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: .3s all ease;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.product-item:hover::before {
	height: 27%;
}

.product-item:hover .product-title {
	/*color:#005930;*/
}

.product-item:hover figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

.product-item:hover .icon-cross {
	bottom: 0;
	opacity: 1;
	visibility: visible;
}

/*************************************
**** Product item style
**************************************/

/* Shine */
.product-item figure {
	position: relative;
	margin-bottom: 15px;
}

.product-item figure img {
	width: 100%;
	height: 301px;
}

.product-item figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

figure:hover::before .product-item {
	border: 10px solid red;
}

.product-item figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 100%;
	}
}

@keyframes shine {
	100% {
		left: 100%;
	}
}

.item-box {
	position: relative;
	margin-bottom: 20px !important;
}

.item-box .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 34, 0, 0.6);
	opacity: 0;
	transition: opacity 0.5s ease;
}

.item-box:hover .overlay {
	opacity: 1;
}

.overlay button {
	opacity: 0;
	transition: opacity 0.3s ease;
	width: 140px;
	color: #fffffffc;
	background-color: #bad700;
	border: none;
}

.item-box:hover .overlay button {
	opacity: 1;
	width: 140px;
}

.overlay a {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.item-box:hover .overlay a {
	opacity: 1;
}

p.values-p {
	font-size: 15px;
}

.btn:hover {
	color: white;
}

section.sec-pro {
	padding-top: 0px;
	padding-bottom: 50px;
}


@media (max-width: 768px) {
	.product-slider__title {
		font-size: 32px !important;


	}

	.item-box .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 34, 0, 0.6);
		opacity: 0;
		transition: opacity 0.5s ease;
	}

	.overlay button {
		opacity: 0;
		transition: opacity 0.3s ease;
		width: 140px;
		color: #fffffffc;
		background-color: #bad700;
		border: none;
	}

	.item-box {
		position: relative;
		overflow: hidden;
		display: block;
		background: #fff;
		/* max-width: 300px; */
		padding: 10px;
		border: 1px solid #eff2f1;
		/* box-shadow: #1d1e22 0 0 14px 2px; */
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		border-radius: 10px;
	}
}

.serviceBox {
	color: #999;
	background: linear-gradient(transparent 65%, #00a65a 65%);
	font-family: 'Kumbh Sans', sans-serif;
	text-align: center;
	padding: 0 4px 4px;
	/*border-radius: 0 0 150px 150px;*/
	box-shadow: 0 12px 7px -7px rgba(0, 0, 0, 0.2);
}

.serviceBox .service-icon {
	color: #fff;
	background-color: #00a65a;
	font-size: 50px;
	line-height: 80px;
	height: 80px;
	width: 85px;
	margin: 18px auto 25px;
	/*border-radius: 0 0 50px 50px;*/
}

.serviceBox .service-content {
	background: #fff;
	height: auto;
	padding: 0 20px 20px;
	/*border-radius: 15px 15px 150px 150px;*/
	border-top: 4px solid #bad700;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.serviceBox .title {
	color: black;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 7px;
}

.serviceBox .description {
	/* font-size: 14px; */
	margin: 12px;
	/* margin: 0 0 15px; */
	text-align: center;
	/* font-family: "Poppins", system-ui; */
}

.serviceBox .read-more {
	color: #00a65a;
	font-size: 14px;
	transition: all 0.3s ease 0s;
}

.serviceBox.orange {
	background: linear-gradient(transparent 65%, #FFA005 65%);
}

.serviceBox.orange .service-content {
	border-top-color: #FFA005;
}

.serviceBox.orange .service-icon {
	background-color: #FFA005;
}

.serviceBox.orange .title,
.serviceBox.orange .read-more {
	color: #FFA005;
}

.serviceBox.pink {
	background: linear-gradient(transparent 65%, #f22e52 65%);
}

.serviceBox.pink .service-content {
	border-top-color: #f22e52;
}

.serviceBox.pink .service-icon {
	background-color: #f22e52;
}

.serviceBox.pink .title,
.serviceBox.pink .read-more {
	color: #f22e52;
}

.serviceBox.green {
	background: linear-gradient(transparent 65%, #00B59C 65%);
}

.serviceBox.green .service-content {
	border-top-color: #00B59C;
}

.serviceBox.green .service-icon {
	background-color: #00B59C;
}

.serviceBox.green .title,
.serviceBox.green .read-more {
	color: #00B59C;
}

.serviceBox .read-more:hover {
	color: #999;
	border-bottom: 1px dashed #999;
}

@media only screen and (max-width:990px) {
	.serviceBox {
		margin: 0 0 30px;
	}

	.serviceBox .service-content {
		padding: 0 35px 20px;
		height: auto;
	}
}

@media only screen and (max-width:359px) {
	.serviceBox .service-content {
		padding: 0 20px 20px;
	}
}

.serviceBox .service-icon:hover {
	color: #fff;
	background-color: #3b2b98;
	transition: 0.8s;
}

.our-team-one__inner {
	background-color: var(--agrofa-green, #0c7735);
	background-image: url(../images/shapes/team1-top-bg.png), url(../images/shapes/team1-bottom-bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top -66px left -30px, bottom -65px left -10px;
	border-radius: 8px;
	padding: 26px 28px 30px 28px;
	margin: 5px;
}

.our-team-one__img {
	width: 100%;
}

.our-team-one__img img {
	width: 100% !important;
	border-radius: 94px 94px 94px 0 !important;
	max-height: 242px;
	min-height: 242px;
	object-fit: cover;
}

.our-team-one__info-bx {
	background-color: #00431a;
	position: relative;
	padding: 31px 73px 22px 21px;
	border-radius: 0 55px 55px 55px;
	transition: all 0.3s;
}

.our-team-one__name {
	font-family: 'Poppins';
	font-size: 18px;
	line-height: 1;
	height: 17px;
	font-weight: 500;
	color: white;
}

.our-team-one__plus {
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--agrofa-white, #fff);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
}

.our-team-one__plus i {
	color: #0ea962;
	font-size: 21px;
}


.serviceBox1 {
	color: #999;
	background: linear-gradient(transparent 65%, #00a65a 65%);
	font-family: 'Kumbh Sans', sans-serif;
	text-align: center;
	padding: 0 4px 4px;
	/*border-radius: 0 0 150px 150px;*/
	box-shadow: 0 12px 7px -7px rgba(0, 0, 0, 0.2);
}

.serviceBox1 .service-icon1 {
	color: #fff;
	/* background-color: #00a65a; */
	font-size: 50px;
	line-height: 80px;
	height: 80px;
	width: 85px;
	margin: 18px auto 25px;
	/*border-radius: 0 0 50px 50px;*/
}

.serviceBox1 .service-content1 {
	background: #fff;
	height: 309PX;
	padding: 0 20px 20px;
	/*border-radius: 15px 15px 150px 150px;*/
	border-top: 4px solid #bad700;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.serviceBox1 .title1 {
	color: black;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 7px;
}

.serviceBox1 .description1 {
	/* font-size: 14px; */
	/* margin: 0 0 15px; */
	font-weight: 400;
	text-align: center;
}

.serviceBox1 .read-more1 {
	color: #00a65a;
	font-size: 14px;
	transition: all 0.3s ease 0s;
}


@media only screen and (max-width:990px) {
	.serviceBox1 {
		margin: 0 0 30px;
	}

	.serviceBox1 .service-content1 {
		padding: 0 35px 20px;
		height: auto;
	}
}

@media only screen and (max-width:359px) {
	.serviceBox1 .service-content1 {
		padding: 0 20px 20px;
	}
}

.serviceBox1 .service-icon1:hover {
	color: #fff;
	/* background-color: #3b2b98; */
	transition: 0.9s;
}

.why-choose-one {
	position: relative;
	background-color: #f7f4e5;
}

.why-choose-one .container {
	max-width: 1600px;
	padding-top: 0px;
	padding-bottom: 14px;
}

.why-choose-one .section-common-title {
	max-width: 800px;
	margin: 0 auto;
}

.why-choose-one__chose-reasone {
	flex-direction: column;
	padding-bottom: 14px;
}

.food-chose-reasone {
	display: flex;
	align-items: center;
	padding-bottom: 7px;
}

.why-choose-one__chose-name {
	color: #008d36;
	font-weight: 600;
}

.why-choose-one__title {
	text-align: center;
	margin-bottom: 60px;
}

.food-chose-title {
	font-size: 31px;
	font-weight: 600;
	line-height: 75px;
	color: var(--agrofa-text5, #00200c);
	word-wrap: break-word;
	margin-bottom: 3px;
}

.why-choose-one__row {
	gap: 30px 0;
}

@media (max-width: 1440px) {
	.why-choose-one__col {
		width: calc((100% - 0px) / 2);
	}
}

.why-choose-one__bg {
	background-color: var(--agrofa-white, #fff);
	border-radius: 8px;
	height: 100%;
	padding: 32px 19px 50px 25px;
	position: relative;
}

.why-choose-one__bg-inner {
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}

.why-choose-one__bg-inner::after,
.why-choose-one__bg-inner::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 100%;
	left: 1px;
	top: 34px;
	background-color: #008d36;
	z-index: 1;
}

.why-choose-one__top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}

.why-choose-one__icon-bx {
	width: 90px;
	height: 90px;
	min-width: 90px;
	min-height: 90px;
	border-radius: 50%;
	background-color: var(--agrofa-green, #0c7735);
	border: 4px solid var(--agrofa-yellow, 253, 214, 31);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	margin-right: 25px;
}

.why-choose-one__icon {
	color: var(--agrofa-white, #fff);
	font-size: 45px;
	line-height: 1;
	transition: all 0.3s;
}

.why-choose-one__name {
	font-size: 18px;
	line-height: 34px;
	font-weight: 700;
	color: var(--agrofa-text5, #00200c);
	margin-bottom: 0;
}

.why-choose-one__content {
	position: relative;
	z-index: 2;
	padding-left: 25px;
}

.why-choose-one__descript {
	font-size: 16px;
	line-height: 28px;
	color: var(--agrofa-text5, #00200c);
}


.why-choose-one__bg-inner::after {
	width: 107px;
	height: 5px;
	top: initial;
	bottom: 0;
	transition: all 0.3s ease;
}

.icon-apple:before {
	content: "\e903";
}


.why-choose-one__icon-bx i {
	font-size: 32px;
	color: #bad702;
}


.m-t-120 {
	margin-top: 40px;
}

.section-common-space {
	padding: 0px 0;
}

.section-header {
	margin-bottom: 60px;
}

.section-title {
	color: $color_rangoon_green_approx;
	/* margin-bottom: 60px; */
	text-transform: uppercase;

	span {
		position: relative;

		&: before {
			content: "";
			position: absolute;
			bottom: -30px;
			right: 0;
			width: 100%;
			height: 1px;
			background-color: $color_rangoon_green_approx;
		}
	}
}

.ft-wt-bold {
	font-weight: 700;
}

.section-subtitle {
	font-size: 17px;
	color: $color_storm_dust_approx;
}

.features-item {
	background-color: $white;
	/* margin-bottom: 110px; */
	padding: 76px 50px 4px;
	position: relative;
	//
	Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) transition: .3s;
	//
	Instead of the line below you could use @include border-radius($radius, $vertical-radius) border-radius: 2px;

	&: hover {
		//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
		box-shadow: 0 40px 70px 0 $black_22;
		cursor: pointer;

		.features-icon {
			color: $color_royal_blue_approx;
			border-color: $color_royal_blue_approx;
		}

		.features-info {
			.title {
				color: $color_royal_blue_approx;
				border-color: $color_royal_blue_approx;
			}

			p {
				color: $color_royal_blue_approx;
				border-color: $color_royal_blue_approx;
			}
		}
	}

	;
	height: 230px;
}

.features-icon {
	background-color: #000000;
	border: 2px dotted #8fc74a;
	border-radius: 50%;
	font-size: 36px;
	color: white;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	background: $white;
	//
	Instead of the line below you could use @include border-radius($radius, $vertical-radius) border-radius: 60px;
	border: 2px dashed $color_gallery_approx;
	//
	Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) box-shadow: 0 0 0 10px $white;
	position: absolute;
	top: -50px;
	left: 37%;
	//
	Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy) transform: translate(-50%);
	color: $color_silver_approx;
	//
	Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) transition: .3s;
}

@media only screen and(max-width: 992px) {
	.clear-problem>div:nth-child(3n + 1) {
		clear: none;
	}
}

@media only screen and(max-width: 768px) {
	.section-common-space {
		padding: 50px 0;
	}


	.section-title {
		margin-bottom: 20px;

		span:before {
			bottom: -10px;
		}
	}
}

.clear-problem>div:nth-child(3n + 1) {
	clear: left;
}

.features-info .title {
	color: $color_rangoon_green_approx;
	font-weight: 700;
	margin-bottom: 20px;
}

.features-item {
	/* background-color: lightgray; */
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.features-info p {
	text-align: center;
	font-weight: 400;
}

.why-choose-one__icon-bx:hover {
	background-color: #3c2c98;
	color: white;
	transition: 0.8s;
}

.our-team-one__info-bx:hover {
	background-color: #fdd61f;
	/* color: beige; */
}


.box-icon img {
	padding: 8px;
	background-color: #fdd61f !important;
	border: 2px solid #bad700 !important;
}


.single-box a {
	color: black;
}


img.img-fluidgk {
	height: 648px;
}

.about-us-content {
	/* border: 2px solid #bad702; */
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
}


#productsTable {
	width: 100%;
	font-family: 'Poppins', sans-serif;
	border-collapse: separate;
	border-spacing: 0;
	background: linear-gradient(to bottom right, #f9f9f9, #f0f0f0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;

}


#productsTable thead th {
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px;
	text-align: center;
	border-bottom: 4px solid #fff;
	letter-spacing: 1px;
	font-size: 16px;
}


#productsTable td {
	padding: 15px;
	color: #333;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}


#productsTable tbody td {
	/* background: seagreen !important; */
	border-radius: 5px;
	/* color: white; */
	text-align: center;
}

#productsTable tbody tr:hover {
	/* background: red; */
	cursor: pointer;
	transform: scale(1.02);
	transition: all 0.3s ease;
}


#productsTable tbody tr:nth-child(odd) {
	background-color: #f3f3f3;
}


#productsTable tbody tr:hover {
	/*background-color:red;*/
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}


@media (max-width: 768px) {

	#productsTable td,
	#productsTable th {
		padding: 10px;
		font-size: 13px;
	}
}

#productsTable {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

#productsTable .head {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	/* background-color: #bad702 !important; */
	color: white;
}

#productsTable td,
#productsTable th {
	border: 1px solid #ddd;
	padding: 8px;
	width: 50%;
	text-align: left;
}

#productsTable .head {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-weight: 700;
	background-color: #00a65a;
	color: white;
}


.our-team-one__info-bx:hover .our-team-one__plus {
	/* margin-right: 80px; */
	right: 17%;
}

.why-choose-one__bg:hover .why-choose-one__icon-bx {
	background-color: #3c2c98 !important;

}

.s-about-content h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.s-about-content p {
	margin-bottom: 15px;
}

.s-about-content {
	text-align: center;
	background-color: #dcf5e4ba;
	padding: 10px;
	height: 840px;
}

.s-about-content p {
	padding-left: 16%;
}

.s-about-content span::before {
	content: "";
	width: 50px;
	height: 1px;
	background: #868686;
	position: relative;
	display: inline-block;
	top: -5px;
	margin-right: 15px;
}

.career-sec {
	width: 90%;
	margin: auto;
}

.features-item:hover .features-icon {
	transition: 0.7s;
	background-color: #bad60a;

}

td.jk1 {
	background-color: #00800052;
}

.dropend .dropdown-toggle::after {
	vertical-align: 0;
	margin-bottom: 2px;
}

button.form-btn {
	background-color: #bad604;
}

.our-team-one__info-bx:hover .our-team-one__name a {
	color: black !important;
}

.our-team-one__info-bx:hover .our-team-one__plus {
	background-color: black;
}

.single-box:hover .box-icon img {
	background-color: #5a935a !important;
}

.service-content:hover .service-icon {
	background-color: #3b2b98;
	transition: 0.7s;

}

.service-content1:hover .service-icon1 {
	/* background-color:#3b2b98; */
	transition: 0.7s;
}

.trac img {
	height: 274px;
}

.contact01-page {
	background: #fff;
	display: block;
	/*position: relative;*/
	z-index: 11;
	margin-left: -256px;
	padding: 3px 30px;
	margin-right: 45px;
	box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.15);
}

.contact01-page h4 {
	padding-top: 40px;
}

.contact01-page h4,
.contact-form-detail h4 {
	color: #046340;
	font-size: 20px;
	font-weight: 600;
}

.contact01-page h6 {
	font-size: 16px;
	font-weight: 600;
	color: #A5C53B;
	margin: 15px 0 0 0;
}

.contect-cont p {
	padding-top: 0;
	color: #333;
	font-weight: 500;
	font-size: 17px;
	padding-bottom: 10px;
}

.contect-cont ul li {
	padding-bottom: 20px;
	list-style: none;
}

.contect-cont ul li i {
	border-radius: 100%;
	width: 33px;
	height: 33px;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	color: #666;
	transition: all 0.5s ease-in-out;
	border: 2px solid #8fc74a78;
}

.contect-cont a {
	font-size: 17px;
	color: #333;
	padding-left: 10px;
	font-weight: 500;
}

.contect-cont+.contect-cont {
	border-top: 1px solid #ddd;
	padding: 20px 0px;
}

.contect-cont span i.fa.fa-building {
	font-size: 25px;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}


.contect-cont {
	padding-top: 20px;
	padding-bottom: 15px;
}


.media {
	/*display: -ms-flexbox;*/
	display: flex;
	/*-ms-flex-align: start;*/
	align-items: flex-start;
}

.contect-cont span {
	font-size: 28px;
	color: #0c0e12;
}

.media-body {
	/*-ms-flex: 1;*/
	flex: 1;
}

.contect-cont h5 {
	position: relative;
	display: inline-block;
	color: #000;
	font-weight: 700;
	font-size: 18px;
}

.media.contect-cont i {
	margin-right: 13px;
}

.contact-form-detail .btn.btn-primary {
	margin-left: auto;
	background: #046340;
	margin-left: 8px;
	border-radius: 0;
	border-color: transparent;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	position: relative;
	padding: 15px 90px;
}

.contact-form-detail .form-control {
	border-radius: 0;
	font-weight: 400;
	padding: 19px 15px;
	margin: 7px;
	/* border: 1px solid #333; */
	background: white;
	box-shadow: none;
}

.service-box {
	height: 210px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	/* border: 1px solid #d3d3d3; */
	/* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
}

.service-box .service-icon {
	text-align: center;
	background: #00a65a;
	border-radius: 10px;
	font-size: 49px;
	color: #fff;
	width: 24%;
	height: 72px;
	margin: 0 auto;
	/* line-height: 157px; */
	transform: rotate(0deg);
	transition: all 0.99s ease 0s;
}

.service-box .service-icon i {
	transform: rotate(0deg);
	transition: transform 1s linear 0s;
}

.service-box .service-detail h3 {
	text-align: center;
	margin-top: 7px;
}

.service-box .service-detail p {
	text-align: center;
	display: block;
	font-size: 14px;
}

.service-box:hover .service-icon {
	transform: rotate(360deg);
}

.service-box:hover .service-icon i {
	transform: rotate(-360deg);
}

b,
strong {
	font-weight: 600;
}

h5.self-h51 {
	color: #8fc74a;
	font-size: 29px;
	/* text-align: center; */
}

.values-chart {
	/* border: 5px green solid; */
	background-color: #e2e2e2;
}

.core-value {
	font-size: 18px;
	font-weight: 700;
}

section.services-area.pt-5.pb-0 {
	padding: 75px 0px !important;
}

.banner-item {
	height: 90vh;
	background-size: cover;
	background-position: center;
	position: relative;
	object-fit: cover;
}

.d-table {
	display: table;
	width: 100%;
	height: 100%;
	/* Ensure full height */
}

.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.banner-item-content {
	text-align: center;
	color: #fff;
}

section.services-area.pt-1.pb-0 {
	padding: 59px 0px !important;
}

/* Apply the underline animation to the entire nav item */
.navbar-nav .nav-item {
	position: relative;
	display: inline-block;
}

/* Add underline effect to the nav item */
.navbar-nav .nav-item::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #f58a3b;
	/* Change to your desired color */
	transition: width 0.3s ease-in-out;
}

/* Expand the underline when hovering over the nav item (including dropdown items) */
.navbar-nav .nav-item:hover::after {
	width: 100%;
}

/* Prevent the dropdown toggle arrow from being affected */
.navbar-nav .dropdown-toggle::after {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5rem;
	/*content: "\f107"; */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* Ensure dropdown hover does not trigger underline on arrow */
.navbar-nav .nav-link {
	display: flex;
	align-items: center;
}


.bgcolor-gray {
	background-color: $color_wild_sand_approx;
}

section {
	overflow: hidden;
	position: relative;
	background-position: center center;
	background-size: cover;
}

.m-t-120 {
	margin-top: 120px;
}

.section-common-space {
	padding: 56px 0;
	background-color: #f7f4e5;
}

.section-header {
	margin-bottom: 60px;
}

.section-title {
	color: $color_rangoon_green_approx;
	margin-bottom: 0px;
	text-transform: uppercase;

	span {
		position: relative;

		&: before {
			content: "";
			position: absolute;
			bottom: -30px;
			right: 0;
			width: 100%;
			height: 1px;
			background-color: $color_rangoon_green_approx;
		}
	}
}

.ft-wt-bold {
	font-weight: 700;
}

.section-subtitle {
	font-size: 17px;
	color: $color_storm_dust_approx;
}

.features-item {
	background-color: white;
	margin-bottom: 96px;
	padding: 90px 50px 40px;
	position: relative;
	//
	Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) transition: .3s;
	//
	Instead of the line below you could use @include border-radius($radius, $vertical-radius) border-radius: 2px;

	&: hover {
		//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
		box-shadow: 0 40px 70px 0 $black_22;
		cursor: pointer;

		.features-icon {
			color: $color_royal_blue_approx;
			border-color: $color_royal_blue_approx;
		}

		.features-info {
			.title {
				color: $color_royal_blue_approx;
				border-color: $color_royal_blue_approx;
			}

			p {
				color: $color_royal_blue_approx;
				border-color: $color_royal_blue_approx;
			}
		}
	}
}

.features-icon {
	font-size: 36px;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	background: $white;
	//
	Instead of the line below you could use @include border-radius($radius, $vertical-radius) border-radius: 60px;
	border: 2px dashed $color_gallery_approx;
	//
	Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) box-shadow: 0 0 0 10px $white;
	position: absolute;
	top: -50px;
	/* left: 50%; */
	//
	Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy) transform: translate(-50%);
	color: $color_silver_approx;
	//
	Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) transition: .3s;
}

@media only screen and(max-width: 992px) {
	.clear-problem>div:nth-child(3n + 1) {
		clear: none;
	}
}

@media only screen and(max-width: 768px) {
	.section-common-space {
		padding: 50px 0;
	}

	h4 {
		font-size: 17px;
	}

	h2 {
		font-size: 21px;
	}

	.section-title {
		margin-bottom: 20px;

		span:before {
			bottom: -10px;
		}
	}
}

.clear-problem>div:nth-child(3n + 1) {
	clear: left;
}

.features-info .title {
	color: $color_rangoon_green_approx;
	font-weight: 700;
	margin-bottom: 20px;
}

h2.section-title {
	font-size: 26px;
	font-weight: 500;
}

.features-item1 {
	&:hover {
		.features-icon {
			color: $color_royal_blue_approx;
			border-color: $color_royal_blue_approx;
		}
	}
}

.features-item1:hover .features-icon1 {
	transition: 0.7s;
	background-color: #bad60a;
}

.features-item1 {
	background-color: white;
	margin-bottom: 110px;
	padding: 90px 50px 40px;
	position: relative;
}

.features-icon1 {
	background-color: #000000;
	border: 2px dotted #8fc74a;
	border-radius: 50%;
	font-size: 36px;
	color: white;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	background: $white;
	border: 2px dashed $ color_gallery_approx;
	position: absolute;
	top: -50px;
	left: 40%;
	color: $color_silver_approx;
}

.features-item1 {
	background-color: white;
	margin-bottom: 110px;
	padding: 90px 50px 40px;
	position: relative;
	height: 274px;
}

@media screen and (max-width: 480px) {
	.features-item1 {
		margin-bottom: 80px !important;
		height: auto;
		/* margin: 17px !important; */
	}

	.features-item {

		height: 280px;
	}

	.features-icon1 {

		left: 34%;

	}

}


.events-details-single-area {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
	align-items: baseline;
}

.events-details-single-area .information .title {
	color: #110C2D;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 5px;
}

.events-details-single-area .information p.disc {
	color: #737477;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
}

a.navbar-brand1 img {
	background-color: white;
	padding: 10px;
	width: 250px;
	border-radius: 5px;
}

a.navbar-brand {
	padding-left: 12px;
}

@media screen and (max-width: 768px) {


	.team .member {
		height: auto !important;
		margin-bottom: 53px;
	}

}


@media screen and (max-width: 480px) {


	.team .member {
		height: auto;
		margin-bottom: 53px;
	}

}


.pic4 img {
	width: 213px;
}

.pic3 img {
	width: 376px;
}

.pic2 img {
	width: 190px;
}

.pic1 img {
	width: 257px;
}

i.fa.fa-linkedin.icon-color {
	color: #90c74b;
}

i.fa.fa-instagram.icon-color {
	color: #96ca56;
}

i.fa.fa-facebook-square.icon-color {
	color: #8fc74a;
}

.team-bg {
	background-color: #f8f9fa;
	overflow: hidden;
}

.team .section-title {
	padding-bottom: 40px;
}

.team .section-title .main-team-subheading {
	font-size: 14px;
	font-weight: 500;
	padding: 0;
	line-height: 1px;
	margin: 0 0 5px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #aaaaaa;
}

.team .section-title .main-team-subheading::after {
	content: "";
	width: 120px;
	height: 1px;
	display: inline-block;
	background: #556270;
	margin: 4px 10px;
}

.team .main-team-heading {
	margin: 0;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	color: #556270;
}

.team .member {
	position: relative;
	box-shadow: 0px 2px 15px rgba(85, 98, 112, 0.08);
	height: 440px;
	padding: 30px;
	border-radius: 4px;
	background: #fff;
}

.team .member .pic {
	overflow: hidden;
	width: 401px;
	border-radius: 4px;
}

.team .member .pic img {
	transition: ease-in-out 0.3s;
}

.team .member:hover img {
	transform: scale(1.1);
}

.team .member .member-info {
	/* padding-left: 30px; */
}

.team .member .member-heading {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px;
	color: black;
	line-height: 1.2;
}

.team .member span {
	display: block;
	color: #046340;
	font-size: 17px;
	padding-bottom: 10px;
	position: relative;
	font-weight: 600;
}

.team .member span::after {
	content: '';
	position: absolute;
	display: block;
	width: 50px;
	height: 1px;
	background: #046340;
	bottom: 0;
	left: 0;
}

.team .member .member-para {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: 500;
	/* font-family: 'Poppins'; */
}

.team .member .social {
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.team .member .social a {
	transition: ease-in-out 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	width: 32px;
	height: 32px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

.team .member .social a+a {
	margin-left: 8px;
}

.team .member .social a:hover {
	background: #046340;
}

.team .member .social a .team-icon {
	color: #fff;
	font-size: 16px;
	margin: 0 2px;
}

i.fa.fa-twitter.icon-color {
	color: #8fc74a;
}


.fullpage-loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	background: #fff;
	z-index: 9999;
	opacity: 1;
	transition: opacity .5s;
	display: flex;
	justify-content: center;
	align-items: center;

	.fullpage-loader__logo {
		position: relative;

		&:after {
			// this is the sliding white part
			content: '';
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			animation: shine 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);

			// opaque white slide
			background: rgba(255, 255, 255, .8);
			// gradient shine scroll
			background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
			/* FF3.6-15 */
			background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
			/* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
			/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
			/* IE6-9 */

		}
	}
}

@keyframes shine {
	0% {
		transform: translateX(-100%) skew(-30deg);
	}

	100% {
		transform: translateX(200%) skew(-30deg);
	}
}

.fullpage-loader--invisible {
	opacity: 0;
}

/* END LOADER CSS */


.newtons-cradle {
	--uib-size: 200px;
	--uib-speed: 1.2s;
	--uib-color: #474554;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--uib-size);
	height: var(--uib-size);
}

.newtons-cradle__dot {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	width: 25%;
	transform-origin: center top;
}

.newtons-cradle__dot::after {
	content: '';
	display: block;
	width: 100%;
	height: 25%;
	border-radius: 50%;
	background-color: #8fc74a;
}

.newtons-cradle__dot:first-child {
	animation: swing var(--uib-speed) linear infinite;
}

.newtons-cradle__dot:last-child {
	animation: swing2 var(--uib-speed) linear infinite;
}

@keyframes swing {
	0% {
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	25% {
		transform: rotate(70deg);
		animation-timing-function: ease-in;
	}

	50% {
		transform: rotate(0deg);
		animation-timing-function: linear;
	}
}

@keyframes swing2 {
	0% {
		transform: rotate(0deg);
		animation-timing-function: linear;
	}

	50% {
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	75% {
		transform: rotate(-70deg);
		animation-timing-function: ease-in;
	}
}

@media screen and (max-width: 500px) {
	.newtons-cradle {
		--uib-size: 150px;
	}
}

section.sec11.pb-0 {
	background-color: #f5f5dc91;
}

.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}


.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}


.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}


.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.text {
		font-size: 11px
	}
}


@media only screen and (max-width: 468px) {
	.mySlides img {
		margin-top: 71px;
	}
}


.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}

.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}


.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}


@media only screen and (max-width: 300px) {
	.text {
		font-size: 11px
	}
}

.mySlides {
	display: none;
	position: relative;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.mySlides.show {
	display: block;
	opacity: 1;
}



/*CSR Tab Content Style*/


        .corporate_social th {
            background-color: #eccece !important;
            font-weight: 400;
        }

        .resposibility tr:hover {
            background-color: rgba(0, 0, 0, .075);
        }

        .resposibility td {
            background-color: #ffeded8a;
        }
   
/*end*/


        .investors_rievances_header-bg {
            background: linear-gradient(135deg, #046341, #8ec749);
            border-radius: 5px;
        }
        
        @media (max-width: 576px) {
        .investors_rievances_contact_heading{
            font-size:16px;
        }
        .investors_rievances_card-body{
            padding:20px;
        }
        }


/*   gallery*/

 .gallery {
    padding: 2rem 1rem;
    text-align: center;
    max-width: 1200px;
    margin: auto;
  }

  .gallery h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .gallery h3 {
    margin: 2rem 0 1rem;
    font-size: 1.4rem;
    font-weight: 600;
  }

  /* Grid Layout */
  .gallery__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
  }

  /* Image Item */
  .gallery__item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .gallery__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
  }

  .gallery__item:hover img {
    transform: scale(1.05);
  }

  /* Lightbox */
  .lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
  }

  .lightbox.active {
    display: flex;
  }

  .lightbox__content {
    max-width: 90%;
    max-height: 90%;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  }

  .lightbox__close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    background: none;
    border: none;
    transition: opacity 0.2s;
  }

  .lightbox__close:hover {
    opacity: 0.7;
  }
  
  
  /*Privacy trams and condition*/
  
    .section-heading-privacy {
            color: #28a745;
            font-weight: bold;
        }
    .section-heading-terms{
         color: #28a745;
        font-weight: bold;
    }    
        .sub-section-heading-privacy {
            color: #6c757d;
            font-weight: 500;
        }

        .content-section-privacy ul {
            list-style-type: none;
            padding-left: 20px;
        }
        .content-section-privacy ul li::before {
            content: "\2022";
            color: #28a745;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }
        
        /* iso section*/
        
            .iso-section-hero {
            
            background: linear-gradient(120deg, #0b7b4a 0%, #0e8e56 100%);
            color: #ffffff;
            padding: 56px 20px;
            position: relative;
            overflow: hidden;
        }
        .iso-section-hero:after {
            content: "";
            position: absolute;
            inset: -40%;
            background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px);
            background-size: 12px 12px;
            pointer-events: none;
        }
        .iso-section-about {
            background: #ffffff;
            color: #0a1f16;
            border-radius: 22px;
            padding: 28px 26px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
            border: 1px solid #e7f3ec;
        }
        .iso-section-about h2 {
            margin: 0 0 10px;
            font-size: 20px;
            letter-spacing: .4px;
            text-transform: uppercase;
            color: #0a6a41;
        }
        .iso-section-about p {
            margin: 0 0 14px;
            font-size: 15px;
        }
        .iso-section-panel {
            background: #08633c;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 22px;
            padding: 22px;
            box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
        }
        .iso-section-panel .lead {
            background: rgba(0, 0, 0, .18);
            border: 1px solid rgba(255, 255, 255, .25);
            border-radius: 16px;
            padding: 16px;
            font-size: 15px;
            font-weight:700;
            line-height: 1.7;
            color: #d7efe5;
            margin-bottom: 18px;
        }
        .iso-section-badges {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
        }
        @media (max-width: 700px) {
            .iso-section-badges {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 430px) {
            .iso-section-badges {
                grid-template-columns: 1fr;
            }
        }
        .iso-section-badge {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .25);
            border-radius: 16px;
            padding: 14px;
            min-height: 78px;
            transition: transform .18s ease, background .18s ease;
        }
        .iso-section-badge:hover {
            transform: translateY(-2px);
            background: rgba(255, 255, 255, .1);
        }
         .iso-section-abouts:hover {
            transform: translateY(-5px);
            /*background: rgba(255, 255, 255, .1);*/
        }
        .iso-section-icon {
            width: 40px;
            height: 40px;
            flex: 0 0 40px;
            display: grid;
            place-items: center;
            border-radius: 12px;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .25);
        }
        .iso-section-icon svg {
            width: 22px;
            height: 22px;
            stroke: #a9e9cb;
        }
        .iso-section-btitle {
            color:#fff;
            text-align:center;
            font-weight: 700;
            margin: 0;
            font-size: 16px;
        }
        .iso-section-bmeta {
            color:#fff;
            text-align:center;
            opacity: .9;
            font-size: 15px;
            margin-top: 2px;
        }
        .iso-section-wheat {
            position: absolute;
            right: -40px;
            bottom: -20px;
            opacity: .2;
            filter: contrast(115%);
            transform: rotate(-10deg);
            pointer-events: none;
        }
        .iso-section-badge:hover .iso-section-icon{
            background:#8fc64a;
        }
        
        
        
        
        /*  company name change Section Styling */
        
         .company-name-change-section {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e7eb 100%);
            padding: 5rem 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
        .company-name-change-box {
            background: #ffffff;
            max-width: 700px;
            margin: auto;
            border-radius: 12px;
            border: 1px solid #e4e7eb;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            padding: 3rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .company-name-change-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
        }

        .company-name-change-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: #1a3c34;
            margin-bottom: 1.5rem;
            position: relative;
            text-align: center;
        }
        .company-name-change-title::after {
            content: '';
            width: 50px;
            height: 3px;
            background: #28a745;
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
       
        .company-name-change-lead {
            font-size: 1.2rem;
            color: #333333;
            line-height: 1.6;
            margin-bottom: 2rem;
        }
      
        .company-name-change-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
            margin: 2rem 0;
        }
        .company-name-change-old,
        .company-name-change-new {
            font-size: 1.25rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            transition: background 0.3s ease, transform 0.3s ease;
            width: 100%;
            max-width: 500px;
            justify-content: center;
        }
        .company-name-change-old {
            background: #f8d7da;
            color: #721c24;
        }
        .company-name-change-old:hover {
            background: #f5c2c7;
            transform: scale(1.02);
        }
        .company-name-change-new {
            background: #d4edda;
            color: #155724;
        }
        .company-name-change-new:hover {
            background: #c3e6cb;
            transform: scale(1.02);
        }
        .company-name-change-arrow {
            font-size: 1.8rem;
            color: #28a745;
            animation: bounce 1.5s infinite;
        }
       
        .company-name-change-note {
            font-size: 0.95rem;
            color: #6c757d;
            line-height: 1.6;
            margin-top: 2rem;
        }
       
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(8px); }
        }

      
        @media (max-width: 768px) {
            .company-name-change-box {
                padding: 2rem;
            }
            .company-name-change-title {
                font-size: 2rem;
            }
            .company-name-change-old,
            .company-name-change-new {
                font-size: 1.1rem;
                padding: 0.5rem 1rem;
            }
           
        }
        @media (max-width: 576px) {
            .company-name-change-box {
                padding: 1.5rem;
            }
            .company-name-change-title {
                font-size: 1.8rem;
            }
            .company-name-change-lead {
                font-size: 1rem;
            }
        }
        
        
        .announcement-icon {
            display: inline-block;
            animation: pulseShake-announcement 1.2s infinite;
        }
        
        @keyframes pulseShake-announcement {
                0% { transform: scale(1) rotate(0deg); }
                20% { transform: scale(1.2) rotate(-10deg); }
                40% { transform: scale(1.2) rotate(10deg); }
                60% { transform: scale(1.1) rotate(-5deg); }
                80% { transform: scale(1.1) rotate(5deg); }
                100% { transform: scale(1) rotate(0deg); }
        }


         /*  company name change Section Styling end */