@charset "UTF-8";

@import "animate.css";

@import "jquery.fancybox.min.css";

@import "magnific-popup.css";

@import "swiper-bundle.min.css";

@import "nice-select.css";


/*@import "css2";*/

@import "bootstrap.css";

.main-header {
	z-index: 99;
	width: 100%;
	position: relative
}

.main-header.header-style1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.main-header.header-style1 .header-lower.is-fixed.is-small {
	background-color: #020101!important
}

.main-header.header-style1 .header-top {
	background-color: #020101;
	padding: 5px 118px 5px 67px
}

.main-header.header-style1 .header-top .menu-left li a:hover {
	color: #086AD8
}

.main-header.header-style1 .header-lower {
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-right: 0;
	padding-left: 70px
}

.main-header.header-style1 .header-lower .header-account {
	padding: 0;
	gap: 0
}

.main-header.header-style1 .header-lower .header-account .nav-outer {
	background-color: #FFF;
	padding: 0 60px;
	margin-bottom: -7px;
	margin-right: 47px;
	margin-left: 0
}

.main-header.header-style1 .header-lower .header-account .nav-outer .main-menu .navigation>li:hover>a,.main-header.header-style1 .header-lower .header-account .nav-outer .main-menu .navigation>li.current>a {
	border-bottom: 4px solid;
	transition: all .3s
}

.main-header.header-style1 .header-lower .header-account .nav-outer .main-menu .navigation>li>a {
	padding: 35px 0
}

.main-header.header-style1 .header-lower .header-account .header-search {
	border-left: 1px solid rgba(255,255,255,0.2);
	display: block
}

.main-header.header-style1 .header-lower .header-account .header-search a {
	padding: 34px 40px;
	height: 100%;
	line-height: 100%;
	display: block;
	color: #FFF;
	cursor: pointer
}

.main-header.header-style1 .header-lower .header-account .phone-address {
	padding: 30px 39px
}

.main-header.header-style1 .header-lower .header-account .phone-address i {
	color: #086AD8
}

.main-header.header-style1 .header-lower .header-account .phone-address span {
	color: #FFF
}

.main-header.header-style1 .header-lower .header-account .flat-bt-top {
	background-color: #086AD8
}

.main-header.header-style1 .header-lower .header-account .flat-bt-top .icon-listing {
	color: #FFF;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	font-family: "Inter",sans-serif!important;
	padding: 35px 50px 35px 53px;
	display: inline-flex;
	cursor: pointer
}

.main-header.header-style1 .header-lower .header-account .flat-bt-top .icon-listing i {
	font-size: 20px;
	margin-right: 15px
}

.main-header.header-style2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.main-header.header-style2 .header-lower.is-fixed.is-small {
	background-color: #222;
	padding-top: 0
}

.main-header.header-style2 .header-top {
	background-color: #002FF5
}

.main-header.header-style2 .header-top .address-top-header li i {
	color: #FFF;
	padding: 7px;
	border-radius: 50px;
	background: linear-gradient(180deg,rgba(255,255,255,0.25),rgba(255,255,255,0));
	font-size: 13px;
	margin-right: 14px
}

.main-header.header-style2 .header-top .address-top-header li span {
	color: #FFF;
	font-size: 16px;
	font-weight: 400
}

.main-header.header-style2 .header-top .menu-left li a {
	color: #FFF;
	font-weight: 400
}

.main-header.header-style2 .header-top .social-top li a {
	color: #FFF
}

.main-header.header-style2 .header-lower {
	background-color: transparent;
	padding-top: 20px
}

.main-header.header-style2 .header-lower .header-account {
	gap: 32px
}

.main-header.header-style2 .header-lower .navigation>li.dropdown2:hover>ul {
	margin-top: 10px
}

.main-header.header-style2 .header-lower .main-menu .navigation>li>a {
	padding: 5px 0
}

.main-header.header-style2 .header-lower .nav-outer {
	margin-left: 100px
}

.main-header.header-style2 .header-lower .logo-box .logo img {
	width: 180px
}

.main-header.header-style2 .header-lower .main-menu .navigation>li>a {
	color: #FFF;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.main-header.header-style2 .header-lower .main-menu .navigation>li>a:hover {
	background-size: 100% 100%
}

.main-header.header-style2 .header-lower .header-search a {
	color: #FFF
}

.main-header.header-style2 .header-lower .header-account .phone-address ul li i {
	color: #FFF
}

.main-header.header-style2 .header-lower .header-account .phone-address ul li span {
	color: #FFF;
	font-size: 22px;
	font-weight: 600
}

.main-header.header-style2 .header-lower .header-account .btn-login .button-src {
	background-color: #002FF5
}

.main-header.header-style2 .header-lower .header-account .flat-bt-top a {
	color: #FFF
}

.main-header.header-style3 .header-lower {
	padding-left: 65px;
	padding-right: 67px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFF
}

.main-header.header-style3 .header-lower .nav-outer {
	margin-left: 110px
}

.main-header.header-style3 .header-lower .main-menu .navigation>li>a {
	padding: 0;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.main-header.header-style3 .header-lower .main-menu .navigation>li>a:hover {
	background-size: 100% 100%
}

.main-header.header-style3 .header-lower .flat-bt-top .button-src {
	background-color: #002FF5
}

.main-header.header-style4 .header-lower {
	background-color: #020626;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-left: 66px;
	padding-right: 66px
}

.main-header.header-style4 .header-lower .main-menu .navigation>li>a {
	color: #FFF
}

.main-header.header-style4 .header-lower .main-menu .navigation>li:hover>a,.main-header.header-style4 .header-lower .main-menu .navigation>li.current>a {
	color: #FFF;
	border-bottom: 1px solid;
	position: relative;
	transition: all .3s
}

.main-header.header-style4 .header-lower .main-menu .navigation>li:hover>a::before,.main-header.header-style4 .header-lower .main-menu .navigation>li.current>a::before {
	position: absolute;
	content: "";
	background-color: #FFF;
	height: 1px;
	top: 0
}

.main-header.header-style4 .header-lower .header-search a {
	color: #FFF
}

.main-header.header-style4 .header-lower .nav-outer {
	margin-left: 110px
}

.main-header.header-style4 .header-lower .header-account {
	gap: 52px
}

.main-header.header-style4 .header-lower .header-account .phone-address ul li i {
	color: #086AD8
}

.main-header.header-style4 .header-lower .header-account .phone-address ul li span {
	color: #FFF
}

.main-header.header-style4 .header-lower .header-account .flat-bt-top a {
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	font-family: "Inter",sans-serif!important;
	display: flex;
	align-items: center;
	gap: 17px
}

.main-header.header-style4 .header-lower .header-account .flat-bt-top a i {
	font-size: 20px
}

.main-header .header-top {
	background-color: #FFF;
	padding: 5px 115px
}

.main-header .header-top .address-top-header li {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.86px;
	color: #696969;
	font-family: "Manrope",sans-serif
}

.main-header .header-top .address-top-header li:not(:last-child) {
	margin-right: 40px
}

.main-header .header-top .address-top-header li i {
	color: #086AD8;
	margin-right: 10px
}

.main-header .header-top .menu-left {
	margin-right: 40px
}

.main-header .header-top .menu-left li:not(:last-child) {
	margin-right: 20px
}

.main-header .header-top .menu-left li a {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.86px;
	color: #696969;
	font-family: "Manrope",sans-serif
}

.main-header .header-top .menu-left li a:hover {
	color: #222
}

.main-header .header-top .social-top li:not(:last-child) {
	margin-right: 20px
}

.main-header .header-top .social-top li a {
	color: #696969
}

.main-header .header-top .social-top li a:hover {
	color: #086AD8
}

#showlogo {
	display: none
}

.main-header .header-upper {
	position: relative
}

.main-header .main-box {
	position: relative;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	background: 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-header .main-box .outer-container {
	position: relative
}

.main-header .logo-box {
	position: relative;
	z-index: 10
}

.main-header .header-left {
	align-items: center
}

.main-header .header-search a {
	display: block;
	cursor: pointer
}

.main-header .header-search a i {
	font-size: 20px
}

.main-header .header-account .phone-address ul li {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.78px;
	letter-spacing: .03em
}

.main-header .header-account .phone-address ul li i {
	color: #D2A98E;
	font-size: 25px;
	margin-right: 10px
}

.main-header .header-account .flat-bt-top .icon-listing {
	color: #086AD8;
	font-size: 20px;
	display: block;
	cursor: pointer
}

.main-header .header-account {
	padding: 12px 0;
	gap: 30px
}

.main-header .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	width: 249px;
	height: auto;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-header .logo-box .logo {
	position: relative
}

.main-header .header-lower {
	background-color: #F6F2ED;
	position: relative;
	padding-left: 115px;
	padding-right: 115px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.main-header .header-lower .nav-outer {
	position: relative;
	margin-right: 40px;
	margin-left: 71px
}

.main-header .header-upper .logo-box {
	position: relative;
	padding: 10px 0 10px
}

.main-header .header-upper .logo-box .logo {
	position: relative
}

.main-header .main-menu {
	position: relative;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-header .main-menu .navbar-collapse {
	padding: 0;
	display: block
}

.main-header .header-lower .main-menu .navigation {
	position: relative
}

.main-header .main-menu .navigation>li {
	position: relative;
	display: inline-block;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	margin-right: 26px
}

.main-header .sticky-header .nav-outer .options-box {
	margin-top: 40px
}

.main-header .sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0;
	z-index: 0;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.main-header .sticky-header .mobile-nav-toggler {
	display: none;
	cursor: pointer
}

.main-header .sticky-header .logo {
	position: relative;
	padding: 7px 0
}

.main-header.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-op-animation-duration: .3s;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.main-header .main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	line-height: 21.78px;
	font-weight: 600;
	padding: 35px 0;
	letter-spacing: 0;
	color: #222;
	font-family: "Inter",sans-serif;
	font-size: 18px;
	text-transform: capitalize;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.main-header .main-menu .navigation>li:last-child {
	margin-right: 0
}

.main-header .main-menu .navigation>li:last-child>a {
	padding-right: 0
}

.main-header .sticky-header .main-menu .navigation>li {
	position: relative
}

.main-header .sticky-header .main-menu .navigation>li:last-child {
	margin-right: 0
}

.main-header .main-menu .navigation>li:last-child ul {
	right: 0
}

.main-header .sticky-header .main-menu .navigation>li>a:after {
	top: 22px
}

.main-header .sticky-header .main-menu .navigation>li>a>span {
	top: 10px
}

.main-header .main-menu .navigation>li:hover>a,.main-header .main-menu .navigation>li.current>a {
	opacity: 1;
	color: #086AD8!important
}

.main-header .main-menu .navigation>li>ul {
	position: absolute;
	width: 220px;
	z-index: 1;
	border-radius: 5px;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: #FFF;
	box-shadow: 0 6px 15px 0 rgba(64,79,104,0.05)
}

.main-header .main-menu .navigation>li>ul:before {
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #FFF;
	top: -9px;
	left: 30px;
	position: absolute
}

.main-header .main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0
}

.main-header .main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	opacity: 0;
	text-align: left;
	transform: translateY(11px);
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	border-bottom: 1px solid rgba(2,6,38,0.1)
}

.main-header .main-menu .navigation>li>ul>li:last-child {
	margin-bottom: 0
}

.main-header .main-menu .navigation>li:hover>ul>li {
	opacity: 1;
	transform: translateY(0px)
}

.main-header .main-menu .navigation>li>ul>li:last-child {
	border-bottom: 0
}

.main-header .main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	line-height: 21.78px;
	font-weight: 600;
	font-size: 16px;
	padding: 12px 20px;
	font-family: "Inter",sans-serif;
	text-transform: capitalize;
	color: #222;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.main-header .main-menu .navigation>li>ul>li:hover>a {
	color: #086AD8
}

.main-header .main-menu .navigation>li>ul>li:hover>a::before {
	opacity: 1
}

/*.main-header .main-menu .navigation>li>ul>li.dropdown2>a:after {
	font-family: "icomoon";
	content: "\e965";
	position: absolute;
	right: 5px;
	top: 1px;
	width: 10px;
	height: 20px;
	display: block;
	color: #222;
	line-height: 8px;
	font-size: 8px;
	font-weight: normal;
	text-align: center;
	z-index: 5
}*/

.main-header .main-menu .navigation>li>ul>li.dropdown2:hover>a:after {
	color: #086AD8
}

.main-header .main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 243px;
	z-index: 1;
	padding: 20px 30px 20px 30px;
	box-shadow: 0 6px 15px 0 rgba(64,79,104,0.05);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
	visibility: hidden;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: #FFF
}

.main-header .main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0
}

.main-header .main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	opacity: 0;
	margin-bottom: 15px;
	transform: translateY(-8px);
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.main-header .main-menu .navigation>li>ul>li>ul>li:last-child {
	margin-bottom: 0
}

.main-header .main-menu .navigation>li>ul>li.dropdown2:hover>ul>li {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	-ms-transition-delay: 70ms;
	-o-transition-delay: 70ms;
	transition-delay: 70ms
}

.main-header .main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: 0
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	line-height: 21.78px;
	font-weight: 600;
	font-size: 16px;
	text-transform: capitalize;
	color: #222;
	font-family: "Inter",sans-serif;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a:hover::before {
	opacity: 1
}

.main-header .main-menu .navigation>li>ul>.current>a {
	color: #086AD8
}

.main-header .main-menu .navigation>li>ul>li>ul>.current>a {
	color: #086AD8
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #FFF
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #086AD8
}

.main-header .main-menu .navigation>li.dropdown2:hover>ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	transition: all .3 ease-in-out
}

.main-header .main-menu .navigation li>ul>li.dropdown2:hover>ul {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible
}
.main-header .main-menu .navigation>li.dropdown2>a>i{
	font-weight: 500;
	font-size: 10px;
	margin-left: 6px;
	vertical-align: middle
}
/*.main-header .main-menu .navigation>li.dropdown2>a::after {
	content: "\e963";
	font-family: "icomoon";
	font-weight: 500;
	font-size: 10px;
	margin-left: 6px;
	vertical-align: bottom
}*/

.main-header .main-menu .navbar-collapse>ul li.dropdown2 .dropdown2-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #086AD8;
	line-height: 28px;
	border: 1px solid #FD4A18;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none
}

.mobile-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 999999
}

.mobile-menu .nav-logo {
	position: relative;
	background: #222;
	box-shadow: 0 4px 18px 0 rgba(0,0,0,0.08);
	padding: 15px 20px
}

.mobile-menu .nav-logo img {
	max-width: 169px
}

.mobile-menu .bottom-canvas {
	padding: 20px
}

.mobile-menu-visible {
	overflow: hidden
}

.mobile-menu-visible .mobile-menu {
	visibility: visible
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.mobile-menu-visible .mobile-menu .menu-box {
	left: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	transition: all .3s ease 0s;
	visibility: hidden;
	opacity: 0
}

.mobile-menu .menu-box {
	position: absolute;
	left: -300px;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background-color: #222;
	z-index: 5;
	border-radius: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.close-btn {
	position: fixed;
	right: 16px;
	top: 25px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	cursor: pointer;
	transition: all .3s ease;
	z-index: 9999999999;
	opacity: 0;
	visibility: hidden
}

/*.close-btn::before {
	content: "\e94c";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 100
}*/

.bottom-canvas .menu-outer .collapse {
	display: block
}

.mobile-menu-visible .close-btn {
	visibility: visible;
	opacity: 1
}

.mobile-menu .close-btn:hover {
	opacity: .5
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%
}

.mobile-menu .navigation li {
	position: relative;
	display: block
}

.mobile-menu .navigation li {
	position: relative;
	display: block
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: 0
}

.mobile-menu .navigation li.dropdown2 .dropdown2-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	text-align: end;
	line-height: 44px;
	cursor: pointer;
	z-index: 5
}

.mobile-menu .navigation li.dropdown2 .dropdown2-btn::before {
	/*content: "\e963";
	font-family: "icomoon";*/
	font-size: 10px;
	color: #FFF
}

.mobile-menu .navigation li.dropdown2>ul li a {
	border-bottom: unset;
	color: #FFF
}

.mobile-menu .navigation li.dropdown2 .dropdown2-btn span {
	opacity: 0
}

.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul {
	display: none;
	background: #D2A98E;
	padding: 15px 20px;
	border-radius: 10px
}

.mobile-menu .navigation li>ul>li,.mobile-menu .navigation li>ul>li>ul>li {
	margin-bottom: 0
}

.mobile-menu .navigation li>ul>li>a,.mobile-menu .navigation li>ul>li>ul>li>a {
	padding: 7px 0!important;
	font-size: 14px!important;
	font-weight: 500
}

.mobile-menu .navigation li>ul>li>ul {
	padding-left: 15px
}

.mobile-menu .navigation li>ul>li>ul>li>a {
	padding-left: 40px
}

.mobile-menu .close-btn:hover {
	opacity: .5
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: 0
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	font-weight: 600;
	line-height: 24px;
	padding: 10px 0;
	font-size: 15px;
	color: #FFF;
	text-transform: capitalize
}

.mobile-menu .navigation li:hover>a,.mobile-menu .navigation li.current>a {
	color: #086AD8!important
}

.main-header .sticky-header .navbar-header {
	display: none
}

.main-header .outer-box {
	position: relative
}

.main-header .sticky-header .main-menu .navigation>li>a {
	padding: 22px 0
}

.mobile-button {
	display: none;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	color: #222;
	cursor: pointer
}

.mobile-button i {
	font-size: 20px
}

.mobile-button::before {
	-webkit-transform: translate3d(0,-9px,0);
	-moz-transform: translate3d(0,-9px,0);
	transform: translate3d(0,-9px,0)
}

.mobile-button::after {
	-webkit-transform: translate3d(0,9px,0);
	-moz-transform: translate3d(0,9px,0);
	transform: translate3d(0,9px,0)
}

.mobile-button.active span {
	opacity: 0
}

.mobile-button.active::before {
	-webkit-transform: rotate3d(0,0,1,45deg);
	-moz-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg)
}

.mobile-button.active::after {
	-webkit-transform: rotate3d(0,0,1,-45deg);
	-moz-transform: rotate3d(0,0,1,-45deg);
	transform: rotate3d(0,0,1,-45deg)
}

.header-account .search-mobie {
	display: none
}

.mobile-menu .login-box {
	border-bottom: 1px solid #FD4A18;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.mobile-menu .login-box svg {
	margin-right: 5px
}

.mobile-menu .menu-outer {
	margin-bottom: 20px
}

.main-header .mobile-menu .menu-box .mCSB_scrollTools {
	width: 3px
}

.header-lower.is-fixed.is-small {
	top: -1px;
	opacity: 1;
	visibility: visible
}

.header-lower.is-fixed {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 999;
	opacity: 0;
	position: fixed;
	top: -150px;
	left: 0;
	width: 100%;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1),inset 0 1px 0 #ECECEC
}

.button-link {
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	text-transform: capitalize;
	color: #086AD8;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.button-link i {
	font-size: 14px;
	margin-left: 12px;
	font-weight: 700
}

.button-link:hover {
	color: #D2A98E
}

.button-main {
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	color: #D2A98E;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 12px;
	border: 1px solid #D2A98E;
	padding: 13px 37px
}

.button-main i {
	font-size: 14px;
	margin-left: 12px;
	font-weight: 700
}

.button-main:hover {
	background-color: #086AD8
}

.more-link {
	background-color: #D2A98E;
	border-radius: 12px;
	color: #FFF;
	padding: 19px 38px;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	display: inline-block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.more-link:hover {
	background-color: #086AD8;
	color: #FFF
}

.button-src {
	background-color: #086AD8;
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	border-radius: 12px;
	padding: 18px 40px;
	text-transform: capitalize;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	z-index: 1;
	width: max-content
}

.button-src::before {
	content: "";
	background-color: #D2A98E;
	width: 0;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s cubic-bezier(0.785,0.135,0.15,0.86);
	transition: all .3s cubic-bezier(0.785,0.135,0.15,0.86);
	z-index: -1;
	border-radius: 12px 12px 0 0
}

.button-src::after {
	content: "";
	background-color: #D2A98E;
	width: 0;
	height: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: all .3s cubic-bezier(0.785,0.135,0.15,0.86);
	transition: all .3s cubic-bezier(0.785,0.135,0.15,0.86);
	z-index: -1;
	border-radius: 0 0 12px 12px
}

.button-src i {
	margin-left: 2px;
	font-size: 10px
}

.button-src:hover {
	color: #FFF
}

.button-src:hover::before,.button-src:hover::after {
	width: 100%
}

.breadcumb-section {
	padding-top: 157px;
	padding-bottom: 161px;
	background-image: url(../images/page-title.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed
}

.breadcumb-section::before {
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	background: linear-gradient(180deg,rgba(2,6,38,0.85),rgba(2,6,38,0.4))
}

.breadcumb-section .title-group a {
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	position: relative
}

.breadcumb-section .title-group a:hover {
	color: #D2A98E
}

.breadcumb-section .title-group a:not(:last-child) {
	margin-right: 14px
}

/*.breadcumb-section .title-group a:not(:last-child)::before {
	content: "\e904";
	font-family: "icomoon";
	position: absolute;
	right: -33px;
	font-size: 15px
}*/

.section-about-us {
	padding-top: 288px;
	padding-bottom: 130px
}

.section-about-us .about-us-image img {
	border-radius: 205px
}

.section-about-us .about-us-image .vector {
	color: #086AD8;
	position: absolute;
	left: -21%;
	bottom: 13px;
	-webkit-animation: cir36 10s linear infinite;
	animation: cir36 30s linear infinite
}

.section-about-us .about-us-content {
	padding-left: 2.5em;
	padding-top: 37px
}

.section-about-us .about-us-content .heading-title {
	margin-bottom: 30px
}

.section-about-us .about-us-content .icon-listing {
	margin-bottom: 45px
}

.section-about-us .about-us-counter {
	padding-left: 2.5em;
	padding-top: 43px
}

.section-about-us .about-us-counter .title {
	margin-bottom: 13px
}

.section-about-us .about-us-counter .title a {
	color: #086AD8;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.section-about-us .about-us-counter .title a:hover {
	background-size: 100% 100%
}

.section-about-us .about-us-counter .line {
	width: 100%;
	height: 1px;
	background-color: rgba(2,1,1,0.1);
	margin-top: 61px;
	margin-bottom: 70px
}

.about-home3 {
	margin-bottom: 100px
}

.about-home3 .about-number {
	margin-left: 50px;
	margin-top: 17px
}

.about-home3 .about-number .number-large {
	font-size: 300px;
	font-weight: 800;
	color: #008DF3;
	line-height: 230px;
	font-family: "Inter",sans-serif;
	letter-spacing: -26px
}

.about-home3 .about-number .text-about {
	font-size: 16px;
	font-weight: 600;
	color: #222;
	rotate: -90deg;
	margin-top: 48px;
	margin-left: 5px;
	margin-bottom: 25px;
	border-bottom: 2px solid rgba(24,24,94,0.1)
}

.about-home3 .about-content {
	margin-top: 20px;
	margin-left: 46px;
	margin-right: 40px
}

.about-home3 .about-content .title {
	color: #18185E;
	margin-right: 6em;
	margin-bottom: 18px
}

.about-home3 .about-content>p {
	margin-bottom: 28px
}

.about-home3 .about-content .about-content-wrapper {
	flex-wrap: wrap;
	gap: 30px
}

.about-home3 .about-content .about-content-wrapper .reading {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin-right: 30px
}

.about-home3 .about-content .about-content-wrapper .reading i {
	font-size: 12px
}

.about-home3 .about-content .about-content-wrapper .image-wrap .image-list {
	margin-right: 20px;
	margin-left: 0
}

.about-home3 .about-content .about-content-wrapper .image-wrap .content-image {
	margin-top: 5px
}

.about-home3 .about-content .about-content-wrapper .image-wrap .content-image .icon-shape {
	color: #002FF5;
	margin-top: -5px
}

.about-us-home5 .mask-about-h5 {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 1
}

.about-us-home5 .about-us-h5-content {
	padding-right: 1em
}

.about-us-home5 .about-us-h5-content .heading-title {
	margin-bottom: 62px
}

.about-us-home5 .about-us-h5-content .counter-about-wrap .number {
	font-size: 200px;
	font-weight: 600;
	line-height: 200px;
	position: relative;
	color: #FFF;
	letter-spacing: 14px
}

.about-us-home5 .about-us-h5-content .counter-about-wrap .number.plus::after {
	content: "+";
	position: relative
}

.about-us-home5 .about-us-h5-content .counter-about-wrap .clip {
	width: 350px;
	height: 350px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 100%;
	position: absolute;
	right: 135px;
	top: -12px
}

.about-us-home5 .about-us-h5-content .counter-about-wrap .experience {
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	line-height: 40px;
	margin-left: 4.7em
}

.about-us-home5 .about-us-h5-image {
	padding-top: 8px
}

.about-us-home5 .about-us-h5-image>img {
	margin-bottom: 52px
}

.about-us-home5 .about-us-h5-image .des {
	color: #FFF;
	margin-bottom: 30px
}

.about-us-home5 .about-us-h5-image .about-us-wrap {
	flex-wrap: wrap;
	gap: 50px
}

.about-us-home5 .about-us-h5-image .about-us-wrap .button-src {
	background-color: #002FF5
}

.about-us-home5 .about-us-h5-image .about-us-wrap .button-src:hover {
	background-color: #D2A98E
}

.about-us-home5 .about-us-h5-image .about-us-wrap .profile img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin-right: 30px
}

.about-us-page .about-us-content {
	padding-left: 0
}

.about-us-page .about-us-images {
	padding-right: 6px
}

.section-partner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/mask-partner.png);
	padding-bottom: 1px;
	position: relative
}

.section-partner:before {
	position: absolute;
	content: "";
	clip-path: ellipse(50% 5% at 50% 100%);
	background-color: #FFF;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 45em
}

.section-partner .brand-logo {
	margin-top: 100px;
	margin-bottom: 71px
}

.section-partner-h2 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-partner.png)
}

.section-partner-h2.style-white .collection-1 .image-partner-logo,.section-partner-h2.style-white .collection-2 .image-partner-logo {
	background-color: #FFF
}

.section-service {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-service1.png)
}

.service-cta {
	background-color: #FFF;
	padding: 15px 50px;
	border-radius: 20px;
	box-shadow: 0 10px 60px 0 rgba(67,67,67,0.1);
	display: inline-flex
}

.service-cta img {
	width: auto
}

.service-cta p {
	margin-left: 22px;
	margin-right: 15px
}

.service-cta a {
	font-size: 16px;
	font-weight: 600;
	color: #086AD8
}

.service-cta a i {
	font-size: 12px;
	margin-left: 3px
}

.service-cta a:hover {
	color: #D2A98E
}

.section-service-h2 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/feature-h2.png)
}

.collection-1 {
	margin-right: 10%
}

.collection-2 {
	margin-left: 10%
}

.collection-1 .image-partner-logo,.collection-2 .image-partner-logo {
	height: 125px;
	background-color: #F8F8F8;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px
}

.collection-1 .image-partner-logo img,.collection-2 .image-partner-logo img {
	width: auto;
	height: 90px
}

.service-wrap-h3 .service-h3-left {
	margin-top: 10px;
	margin-right: 78px;
	display: flex;
	flex-direction: column;
	gap: 30px
}

.service-wrap-h3 .service-image-h3 {
	margin-left: -3.8em;
	margin-right: -3.8em
}

.service-wrap-h3 .service-h3-right {
	margin-top: 10px;
	margin-left: 78px;
	display: flex;
	flex-direction: column;
	gap: 30px
}

.progres-wrap {
	gap: 40px;
	flex-wrap: wrap
}

.image-list {
	margin-left: 30px;
	margin-right: 20px
}

.section-feature .content {
	padding-left: 19.2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 8em
}

.section-feature .content .progres-wrap {
	gap: 40px;
	flex-wrap: wrap
}

.section-feature .content .btn-wrap-about .image-list {
	margin-left: 30px;
	margin-right: 20px
}

.section-feature .content .btn-wrap-about .customer {
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	margin-right: -40px
}

.section-feature .image {
	margin-left: 3.2em;
	margin-bottom: -5em;
	margin-right: -8px
}

.section-feature .image img {
	display: inline-block
}

.section-feature .image .quote-feature-wrap {
	max-width: 323px;
	width: 100%;
	background-color: #086AD8;
	padding: 26px 45px 24px 45px;
	position: absolute;
	left: 50px;
	bottom: 50px
}

.section-feature .image .quote-feature-wrap .counter .number-style {
	font-size: 65px;
	font-weight: 600;
	line-height: 67px;
	position: relative;
	color: #FFF
}

.section-feature .image .quote-feature-wrap .counter .number-style::after {
	position: absolute;
	content: "+"
}

.section-feature .image .quote-feature-wrap .review {
	margin-top: 20px
}

.section-feature .image .quote-feature-wrap .review i {
	margin-right: 3px
}

.section-feature .image .quote-feature-wrap .review span {
	margin-left: 10px
}

.section-feature .image .quote-feature-wrap span {
	display: inline-block
}

.section-feature .image .quote-feature-wrap .icon-svg {
	color: #FFF;
	margin-top: -10px
}

.section-feature .image .quote-feature-wrap .start {
	background-color: #FFF;
	display: inline-block;
	padding: 12px 26px 0 13px;
	position: absolute;
	right: 10px;
	top: 10px
}

.section-feature .image .quote-feature-wrap .start::before {
	border: 1px solid #FFF;
	content: "";
	position: absolute;
	left: -5px;
	bottom: -5px;
	width: 100%;
	height: 100%
}

.section-feature .image .quote-feature-wrap .start span {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	color: #086AD8;
	position: relative;
	display: inline-block
}

.section-feature .image .quote-feature-wrap .start span::after {
	position: absolute;
	content: "\e94b";
	font-family: "icomoon";
	right: -15px;
	top: -10px;
	font-size: 12px
}

.quote-feature-wrap {
	max-width: 323px;
	width: 100%;
	background-color: #086AD8;
	padding: 26px 45px 24px 45px
}

.quote-feature-wrap .counter .number-style {
	font-size: 65px;
	font-weight: 600;
	line-height: 67px;
	position: relative;
	color: #FFF
}

.quote-feature-wrap .counter .number-style::after {
	position: absolute;
	content: "+"
}

.quote-feature-wrap .review {
	margin-top: 20px
}

.quote-feature-wrap .review i {
	margin-right: 3px
}

.quote-feature-wrap .review span {
	margin-left: 10px
}

.quote-feature-wrap span {
	display: inline-block
}

.quote-feature-wrap .icon-svg {
	color: #FFF;
	margin-top: -10px
}

.quote-feature-wrap .start {
	background-color: #FFF;
	display: inline-block;
	padding: 12px 26px 0 13px;
	position: absolute;
	right: 10px;
	top: 10px
}

.quote-feature-wrap .start::before {
	border: 1px solid #FFF;
	content: "";
	position: absolute;
	left: -5px;
	bottom: -5px;
	width: 100%;
	height: 100%
}

.quote-feature-wrap .start span {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	color: #086AD8;
	position: relative;
	display: inline-block
}

/*.quote-feature-wrap .start span::after {
	position: absolute;
	content: "\e94b";
	font-family: "icomoon";
	right: -15px;
	top: -10px;
	font-size: 12px
}*/

.section-feature2 {
	padding-top: 180px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-feature2.png)
}

.feature-home2 .feature-h2-wrap {
	background-color: #F8F8F8;
	margin-left: -80px;
	margin-right: -80px;
	padding: 1px 80px 70px 80px
}

.feature-home3 .feature-h3-content {
	margin-top: 10px;
	margin-right: 9em
}

.feature-home3 .feature-h3-image {
	margin-left: 80px
}

.feature-home3 .feature-h3-image .counting-feature {
	padding: 40px;
	display: inline-block;
	position: absolute;
	left: -18.2%;
	bottom: 4.8%
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2 {
	width: 100%
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2:not(:last-child) {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.2)
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2 .progress-skill canvas {
	width: 65px
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2 .progress-skill i {
	font-size: 25px;
	color: #FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2 .content-progress {
	margin-left: 24px
}

.feature-home3 .feature-h3-image .counting-feature .progress-box2 .content-progress .percent2 {
	font-size: 35px;
	font-weight: 600
}

.feature-home4 {
	background-position: center;
	background-repeat: repeat;
	background-size: cover;
	background-image: url(../images/feature-h4.png)
}

.can-do-it .can-do-it-image .elip {
	width: 300px;
	height: 300px;
	border: 1px solid #002FF5;
	border-radius: 100%;
	margin-top: 26px;
	z-index: 1;
	position: relative;
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.can-do-it .can-do-it-image .cdit-image {
	max-width: 300px;
	margin-left: 35px;
    margin-top: -18.1em;
	z-index: 2;
	position: relative
}

.can-do-it .can-do-it-image .cdit-image1 {
	max-width: 300px;
	position: absolute;
	top: -25px;
	right: 2px;
	z-index: 2;
	border-radius: 15px;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.can-do-it .can-do-it-image .quote-feature-wrap {
	max-width: 323px;
	width: 100%;
	background-color: #002FF5;
	padding: 26px 45px 24px 45px;
	margin-left: 14.2em;
	margin-top: -6.3em;
	z-index: 2;
	position: relative;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.can-do-it .can-do-it-image .quote-feature-wrap .counter .number-style {
	font-size: 65px;
	font-weight: 600;
	line-height: 67px;
	position: relative;
	color: #FFF
}

.can-do-it .can-do-it-image .quote-feature-wrap .counter .number-style::after {
	position: absolute;
	content: "+"
}

.can-do-it .can-do-it-image .quote-feature-wrap .review {
	margin-top: 20px
}

.can-do-it .can-do-it-image .quote-feature-wrap .review i {
	margin-right: 3px
}

.can-do-it .can-do-it-image .quote-feature-wrap .review span {
	margin-left: 10px
}

.can-do-it .can-do-it-image .quote-feature-wrap span {
	display: inline-block
}

.can-do-it .can-do-it-image .quote-feature-wrap .icon-svg {
	color: #FFF;
	margin-top: -10px
}

.can-do-it .can-do-it-image .quote-feature-wrap .start {
	background-color: #FFF;
	display: inline-block;
	padding: 12px 26px 0 13px;
	position: absolute;
	right: 10px;
	top: 10px
}

.can-do-it .can-do-it-image .quote-feature-wrap .start::before {
	border: 1px solid #FFF;
	content: "";
	position: absolute;
	left: -5px;
	bottom: -5px;
	width: 100%;
	height: 100%
}

.can-do-it .can-do-it-image .quote-feature-wrap .start span {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	color: #086AD8;
	position: relative;
	display: inline-block
}

.can-do-it .can-do-it-image .quote-feature-wrap .start span>i {
	position: absolute;
	right: -15px;
	top: -10px;
	font-size: 12px
}

.can-do-it .can-do-it-content {
	margin-left: 110px;
	margin-top: 27px
}

.can-do-it .can-do-it-content .cdit-text {
	padding: 14px 30px;
	background-color: #F7F8FD
}

.can-do-it .can-do-it-content .icon-wrap-cdit {
	margin-bottom: 33px;
	gap: 40px
}

.can-do-it .can-do-it-content .icon-wrap-cdit .icon-can-do-it .icon {
	font-size: 50px;
	color: #086AD8;
	margin-right: 15px
}

.can-do-it .can-do-it-content .image-wrap .image-list {
	margin-right: 20px;
	margin-left: 0
}

.can-do-it .can-do-it-content .image-wrap .content-image {
	margin-top: 13px
}

.can-do-it .can-do-it-content .image-wrap .content-image p {
	line-height: 16px
}

.can-do-it .can-do-it-content .image-wrap .content-image p span {
	color: #6200EA
}

.can-do-it .can-do-it-content .image-wrap .content-image .icon-shape {
	color: #6200EA
}

.section-feature4 {
	padding-bottom: 110px
}

.section-feature4 .myFeature-4 .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	bottom: -110px;
	border: 1px dashed #002FF5
}

.section-feature4 .myFeature-4 .swiper-pagination .swiper-pagination-bullet {
	border: 2px solid #002FF5
}

.section-feature4 .myFeature-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #002FF5
}

.feature-service2 .feature-service2-image .service2-image {
	padding-left: 5.05em;
	padding-right: 7.1em;
	position: relative;
	z-index: 2
}

.feature-service2 .feature-service2-image .testimonial-avt-box {
	position: absolute;
	top: 34%;
	right: 5px;
	z-index: 2
}

.feature-service2 .feature-service2-image .cycle {
	width: 300px;
	height: 300px;
	border-radius: 100%;
	border: 1px solid #086AD8;
	position: absolute;
	right: -12.3%;
	bottom: -10%;
	z-index: 1
}

.feature-service2 .feature-service2-content {
	margin-top: 15px;
	margin-right: 15px
}

.feature-service2 .feature-service2-content .icon-listing li:not(:last-child) {
	margin-bottom: 15px
}

.feature-service2 .feature-service2-content .icon-listing li i {
	color: #FFF;
	margin-right: 15px;
	padding: 5px;
	background-color: #D2A98E;
	border-radius: 100%
}

.feature-service2 .feature-service2-content .icon-listing li p {
	letter-spacing: -1.2px
}

.section-marque-text {
	padding-top: 195px;
	padding-bottom: 108px
}

.marquee-wrapper {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	z-index: 9
}

.text-slider {
	font-size: 65px;
	height: 100px;
	line-height: 90px;
	font-weight: 700;
	text-transform: capitalize;
	color: #222
}

.text-slider:hover {
	background-size: 100% 100%;
	color: #086AD8
}

.text-slider:not(:last-child) {
	margin-right: 90px
}

@media(max-width:767px) {
	.text-slider {
		font-size: 36px;
		line-height: 56px!important
	}
}

.text-slider i {
	font-size: 65px;
	color: #086AD8;
	margin-right: 30px
}

.marquee-inner {
	position: absolute;
	display: inline-flex;
	width: 200%
}

.marquee-list {
	float: left;
	width: 50%
}

.marquee-item {
	float: left;
	transition: animation .2s ease-out
}

.marquee-item>.text-slider {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 4px),currentColor 3px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	backface-visibility: hidden;
	position: relative
}

.marquee-item>.text-slider:hover {
	background-size: 100% 100%;
	color: #086AD8
}

.marquee-item.style-2 .text-slider {
	text-transform: capitalize;
	font-size: 60px;
	color: #002FF5;
	margin-right: 40px;
	line-height: 0;
	height: 65px
}

@media(max-width:767px) {
	.marquee-item.style-2 .text-slider {
		font-size: 36px
	}
}

.marquee-item.style-2 .text-style {
	transition: all .4s ease-in-out;
	background-image: linear-gradient(#086AD8,#086AD8);
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0 2px
}

.marquee-item.style-2 .text-style:hover {
	color: #086AD8;
	background-size: 100% 3px
}

.marquee-inner.to-left {
	animation: marqueeLeft 50s linear infinite
}

@keyframes marqueeLeft {
	0% {
		left: 0
	}

	100% {
		left: -100%
	}
}

.marquee-inner.to-right {
	animation: marqueeRight 25s linear infinite
}

@keyframes marqueeRight {
	0% {
		right: 0
	}

	100% {
		right: -100%
	}
}

.marque-text-h4 {
	padding-top: 92px;
	margin-bottom: -24px
}

.marque-text-h4 .marquee-item>.text-slider:hover {
	color: #002FF5
}

.marque-text-h4 .text-slider i {
	color: #002FF5
}

.marque-text-style {
	background-color: #6200EA
}

.marque-text-style .text-slider {
	height: 64px;
	line-height: 37px
}

.marque-text-style .marque-slider .marquee-item i {
	color: #FFF;
	font-size: 25px;
	margin-right: 15px
}

.marque-text-style .marque-slider .marquee-item .text-slider {
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	margin-right: 70px;
	transition: all .4s ease-in-out;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 3px)!important
}

.section-team .shape-team {
	color: #020626;
	position: absolute;
	left: -10px;
	top: 8%;
	animation: dot-anim-2 3s linear 0s infinite alternate;
	z-index: 1
}

.section-team .shape-team1 {
	position: absolute;
	right: 2.8%;
	top: 17%;
	z-index: 2
}

.section-team .shape-team1 img {
	width: auto;
	-webkit-animation: cir36 10s linear infinite;
	animation: cir36 30s linear infinite
}

.section-team .shape-team2 {
	width: 640px;
	height: 420px;
	background-color: #F6F2ED;
	position: absolute;
	right: -9px;
	bottom: 13.5%;
	z-index: 1
}

.team-member {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-team2.png)
}

.section-case-studies {
	margin-bottom: -60px
}

.section-case-studies .case-studies-slider {
	margin-right: -60px
}

.section-case-studies .case-studies-content {
	background-color: #020626;
	padding: 8.2em 7em 7.5em 10.8em;
	margin-top: 60px;
	margin-left: -51px;
	margin-bottom: -60px;
	background-image: url(../images/vector-case.png)
}

.section-case-studies .case-studies-content .icon-case {
	font-size: 90px;
	color: #086AD8;
	position: relative;
	display: inline-block;
	margin-bottom: 44px;
	margin-left: -10px
}

.section-case-studies .case-studies-content .icon-case::before {
	width: 75px;
	height: 75px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.07);
	bottom: -20px;
	right: -10px;
	position: absolute;
	content: ""
}

.section-case-studies .case-studies-content .cycle {
	width: 300px;
	height: 300px;
	border-radius: 100%;
	border: 2px dashed #FFF;
	position: absolute;
	right: -7.5em;
	top: -6em;
	animation: cir36 30s linear infinite
}

.section-case-studies .case-studies-content .title-case {
	font-size: 35px;
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 25px
}

.section-case-studies .case-studies-content .des {
	color: rgba(255,255,255,0.55);
	margin-bottom: 42px
}

.team-member-section-4 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-team2.png)
}

.team-member-section-4 .team-member-right {
	margin-left: 67px;
	margin-top: 7px
}

.team-member-section-4 .team-member-right .team-member-progress-wrap {
	gap: 4em;
	flex-wrap: wrap
}

.team-member-section-4 .team-member-right .progress-skill canvas {
	height: 70px;
	width: 70px
}

.section-cta .cta-left {
	padding: 18px 70px 17px 15px;
	width: 50%
}

.section-cta .cta-left>i {
	font-size: 35px;
	color: #FFF;
	margin-right: 20px
}

.section-cta .cta-left p {
	font-size: 22px;
	font-weight: 400;
	color: #FFF;
	margin-right: 60px;
	letter-spacing: -0.009em
}

.section-cta .cta-left p span {
	font-weight: 600;
	text-decoration: underline
}

.section-cta .cta-left .let-talk {
	font-size: 16px;
	font-weight: 600;
	color: #FFF
}

.section-cta .cta-left .let-talk span {
	text-decoration: underline;
	margin-right: 4px
}

.section-cta .cta-left .let-talk i {
	font-size: 11px
}

.section-cta .cta-right {
	width: 50%;
	padding: 18px 15px 17px 70px
}

.section-cta .cta-right .image-list {
	margin-right: 20px;
	margin-left: 0
}

.section-cta .cta-right .image-list li:not(:first-child) {
	margin-left: -5px
}

.section-cta .cta-right .image-list img {
	width: 35px;
	height: 35px;
	border: 2px solid #FFF
}

.section-cta .cta-right .image-list i {
	padding: 12px;
	background-color: #FFF;
	border-radius: 100%;
	font-size: 10px;
	color: #086AD8;
	display: block
}

.section-cta .cta-right p {
	color: #FFF;
	font-size: 22px;
	font-weight: 500
}

.section-cta .cta-right p span {
	font-weight: 700;
	position: relative
}

.section-cta .cta-right p span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	bottom: -7px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	background-color: #FFF;
	-webkit-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url(../images/line.svg);
	mask-image: url(..//images/line.svg)
}

.feature-cta {
	background-color: #FFF;
	padding: 20px 30px;
	display: inline-block;
	max-width: 670px;
	width: 100%
}

.feature-cta .feature-cta-wrap {
	gap: 20px;
	text-align: left;
	width: 100%
}

.feature-cta .feature-cta-wrap .image-list {
	margin-left: 0;
	margin-right: 0
}

.feature-cta .feature-cta-wrap .content {
	margin-right: 42px
}

.feature-cta .feature-cta-wrap .content span {
	font-size: 16px;
	font-weight: 500;
	color: #696969;
	font-family: "Manrope",sans-serif;
	display: block;
	line-height: 18px
}

.feature-cta .feature-cta-wrap .content p {
	font-size: 16px;
	font-weight: 700;
	color: #020626;
	font-family: "Manrope",sans-serif
}

.feature-cta .feature-cta-wrap .content .icon-shape {
	color: #086AD8;
	margin-top: -18px
}

.feature-cta .feature-cta-wrap .button-src {
	background-color: rgba(2,6,38,0.1);
	color: #696969;
	padding: 14px 30px
}

.feature-cta .feature-cta-wrap .button-src:hover {
	background-color: #086AD8;
	color: #FFF
}

.cta-service {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/cta-service.png)
}

.cta-service .image-cta-service img {
	padding-left: 110px
}

.cta-service .image-cta-service .quote-feature-wrap {
	margin-top: -11em;
	z-index: 1;
	position: relative
}

.cta-service .heading-title {
	margin-right: 3em
}

.cta-service .heading-title .button-src {
	background-color: #D2A98E
}

.cta-service .heading-title .button-src:hover {
	background-color: #086AD8
}

.section-testimonial {
	overflow: hidden
}

.section-testimonial .tes-shape {
	position: absolute;
	right: -6px;
	top: 0;
	bottom: 0;
	width: auto;
	height: -webkit-fill-available
}

.section-testimonial .mySwiper-testimonial1 .swiper-pagination {
	bottom: -107px;
	left: 16px
}

.section-feed-back {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-feed-back.png)
}

.section-feed-back .grid-imgae-feed-back {
	display: grid;
	grid-template-columns: repeat(10,1fr);
	gap: 30px 10px
}

.section-feed-back .grid-imgae-feed-back:hover img {
	opacity: .3
}

.section-feed-back .grid-imgae-feed-back .image-tes {
	position: relative;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	cursor: pointer
}

.section-feed-back .grid-imgae-feed-back .image-tes:hover::before {
	width: 120%;
	height: 120%;
	opacity: 1;
	visibility: visible
}

.section-feed-back .grid-imgae-feed-back .image-tes:before {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-radius: 100%;
	border: 2px dashed #086AD8;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden
}

.section-feed-back .grid-imgae-feed-back .image-tes img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	transition: all .3s;
	position: relative;
	transition: all .3s ease-in-out 0s
}

.section-feed-back .grid-imgae-feed-back .image-tes img:hover {
	transform: scale(1.1);
	opacity: 1!important;
	position: relative;
	z-index: 1
}

.testimonial-h3 .testimonial-h3-image {
	margin-right: 80px
}

.testimonial-h3 .testimonial-h3-image .testimonial-avt-box {
	bottom: 50px;
	right: -80px;
	position: absolute
}

.testimonial-h3 .testimonial-h3-image .testimonial-avt-box .image-list {
	margin-left: 0
}

.testimonial-h3 .testimonial-h3-content {
	margin-left: 82px;
	margin-top: 23px;
	margin-right: 72px
}

.testimonial-h3 .testimonial-h3-content .heading-title {
	margin-bottom: 50px;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(24,24,94,0.1)
}

.testimonial-avt-box {
	max-width: 220px;
	width: 100%;
	padding: 28px 35px 35px 35px
}

.testimonial-avt-box p {
	color: #FFF;
	font-size: 20px;
	font-weight: 600px;
	line-height: 27px
}

.testimonial-avt-box .icon {
	color: #FFF;
	margin-bottom: 15px
}

.testimonial-avt-box .image-list li img {
	width: 45px;
	height: 45px
}

.testimonial-wrap-home4 {
	padding: 95px 80px 80px 80px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-team2.png);
	z-index: 2;
	position: relative
}

.testimonial-wrap-home4 .testimonial-wrap .testimonial-inner-header {
	width: 49.5%;
	padding-right: 6em
}

.testimonial-wrap-home4 .testimonial-wrap .mySwipertes3 {
	width: 50.5%;
	margin-top: 6px;
	padding-bottom: 115px
}

.testimonial-wrap-home4 .testimonial-wrap .mySwipertes3 .testimonial-style3 .des {
	line-height: 33px;
	color: #020626;
	margin-bottom: 22px
}

.testimonial-wrap-home4 .testimonial-wrap .mySwipertes3 .swiper-pagination-bullets {
	bottom: 0;
	left: 0;
	background-color: #F7F8FD
}

.testimonial-wrap-home4 .img-cta-wrap {
	padding-top: 83px;
	border-top: 1px solid rgba(0,47,245,0.1);
	margin-top: -20px;
	padding-left: 25px
}

.testimonial-wrap-home4 .img-cta-wrap .image-list li img {
	width: 65px;
	height: 65px
}

.testimonial-wrap-home4 .img-cta-wrap .title {
	margin-right: 60px
}

.testimonial-wrap-home4 .img-cta-wrap .service-cta {
	padding: 15px 24px;
	border-radius: 10px
}

.testimonial-wrap-home4 .img-cta-wrap .image-list.flex-three {
	margin-right: 60px;
	margin-left: 0
}

.testimonial-video {
	padding-top: 455px
}

.section-blog {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-blog-1.png)
}

.section-blog-h2 .content-blog-h2 {
	padding-right: 50px
}

.section-blog-h2 .content-blog-h2 .heading-title {
	margin-bottom: 25px
}

.section-blog-h2 .content-blog-h2 .icon-listing {
	margin-bottom: 44px
}

.case-studies-slider .swiper-pagination {
	bottom: -30px;
	left: 30%
}

.section-contact {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-contact-h1.png)
}

.section-contact .content {
	padding-right: 30%;
	margin-top: 32px
}

.section-contact .content .contact-wrap .icon {
	font-size: 35px;
	color: #D2A98E;
	margin-right: 30px
}

.section-contact .content .contact-wrap .contact-content span {
	line-height: 16px;
	display: block;
	margin-bottom: 15px;
	color: #D2A98E
}

.section-contact .content .contact-wrap .contact-content p {
	font-size: 27px;
	font-weight: 600;
	color: #FFF
}

.section-contact .form-contact-home1 {
	background-color: #F6F2ED;
	border-radius: 5px;
	padding: 56px 50px 60px 50px
}

.section-contact .form-contact-home1.style2 {
	background-color: #FFF
}

.section-contact .form-contact-home1.style2 .form-contact-home .form-control,.section-contact .form-contact-home1.style2 .form-contact-home .nice-select,.section-contact .form-contact-home1.style2 .form-contact-home textarea {
	background-color: #F6F2ED
}

.section-contact .form-contact-home1.style2 .btn-submit {
	background-color: #D2A98E
}

.section-contact .form-contact-home1.style2 .btn-submit:hover {
	background-color: #086AD8
}

.section-contact .form-contact-home1 .inner-title-form .title-form {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 10px
}

.contact-form-h4 {
	padding-top: 350px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-contact-h4.png)
}

.contact-form-h4 .content {
	padding-right: 12%;
	margin-top: 57px
}

.contact-form-h4 .content .heading-title .des {
	margin-top: 45px
}

.contact-form-h4 .content .contact-wrap .icon {
	font-size: 35px;
	color: #086AD8;
	margin-right: 30px
}

.contact-form-h4 .content .contact-wrap .contact-content span {
	line-height: 16px;
	display: block;
	margin-bottom: 15px;
	color: #FFF
}

.contact-form-h4 .content .contact-wrap .contact-content p {
	font-size: 27px;
	font-weight: 600;
	color: #FFF
}

.contact-form-h4 .form-contact-home1 {
	background-color: #002FF5;
	border-radius: 5px;
	padding: 56px 50px 60px 50px;
	margin-left: 40px
}

.contact-form-h4 .form-contact-home1 .inner-title-form .title-form {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 10px
}

.contact-form-h4 .form-contact-home1 .btn-submit {
	background-color: #18185E
}

.contact-form-h4 .form-contact-home1 .btn-submit:hover {
	background-color: #D2A98E
}

.quote-style .content {
	padding-left: 5em;
	padding-top: 2.2em;
	padding-right: 3em
}

.quote-style .content .des {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	color: #222;
	letter-spacing: -0.5px;
	margin-bottom: 17px
}

.quote-style .content .name span {
	font-size: 22px;
	font-weight: 600;
	margin-right: 52px
}

.quote-style .content .name img {
	width: 183px
}

.quote-style .content .image-wrap {
	border-top: 1px solid rgba(51,51,51,0.1);
	margin-top: 30px;
	padding-top: 50px
}

.quote-style .content .image-wrap .image-list {
	margin-right: 20px;
	margin-left: 0
}

.quote-style .content .image-wrap .content-image {
	margin-top: 5px
}

.quote-style .content .image-wrap .content-image .icon-shape {
	color: #086AD8;
	margin-top: -5px
}

.our-company .content {
	margin-top: 25px;
	margin-right: 80px
}

.our-company .content .line {
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.2);
	margin-top: 62px;
	margin-bottom: 63px
}

.our-company .content .counter-wrap-company {
	display: flex;
	justify-content: flex-start
}

.our-company .content .counter-wrap-company .counter-company:not(:last-child) {
	margin-right: 7em
}

.our-company .content .counter-wrap-company .counter-company .title-counter {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	display: inline-block;
	margin-bottom: 5px
}

.our-company .content .counter-wrap-company .counter-company .number-style3 {
	font-size: 65px;
	font-weight: 600;
	line-height: 75px;
	color: #D2A98E;
	position: relative;
	letter-spacing: 2.7px;
	margin-bottom: 16px
}

.our-company .content .counter-wrap-company .counter-company .number-style3.percent::after {
	position: absolute;
	content: "%";
	color: #D2A98E
}

.our-company .content .counter-wrap-company .counter-company .number-style3.mplus::after {
	position: absolute;
	content: "m+";
	color: #D2A98E
}

.our-company .content .counter-wrap-company .counter-company P {
	color: rgba(255,255,255,0.55)
}

.our-company .image {
	margin-left: 20px
}

.our-company .image img {
	width: auto;
	z-index: 2;
	position: relative
}

.our-company .image .company2 {
	position: absolute;
	bottom: 34%;
	right: -34%;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.our-company .image .company3 {
	position: absolute;
	top: 6%;
	left: 13%;
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.our-company .image .company4 {
	position: absolute;
	top: 27px;
	right: -24%;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.our-company .image .company5 {
	position: absolute;
	left: 8px;
	top: 44.5%;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.our-company .image .company6 {
	position: absolute;
	top: -9%;
	right: -35%;
	z-index: 1;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.why-chose-us .image-wc-us img {
	width: auto;
	position: relative;
	z-index: 2
}

.why-chose-us .image-wc-us .wcus-1 {
	margin-top: 56px;
	margin-left: 14px
}

.why-chose-us .image-wc-us .wcus-2 {
	position: absolute;
	left: -62px;
	top: 2px;
	animation: cir36 30s linear infinite
}

.why-chose-us .image-wc-us .wcus-3 {
	position: absolute;
	right: 26%;
	top: 42px;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.why-chose-us .image-wc-us .wcus-4 {
	position: absolute;
	left: -75px;
	top: 46%;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.why-chose-us .image-wc-us .wcus-5 {
	position: absolute;
	left: -20%;
	top: 8%;
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.why-chose-us .content-wc-us .icon-wcus-wrap {
	gap: 45px
}

.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus {
	padding: 0;
	background-color: transparent
}

.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus:hover .title a {
	color: #222
}

.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus:hover .title,.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus:hover .des {
	color: unset
}

.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus .icon {
	font-size: 50px;
	color: #086AD8;
	margin-bottom: 23px
}

.why-chose-us .content-wc-us .icon-wcus-wrap .icon-box-wcus .title {
	margin-bottom: 13px
}

.why-chose-us .content-wc-us .progress-wcus {
	margin-right: 3em
}

.why-chose-us .content-wc-us .progress-wcus .progress-skill {
	margin-bottom: 14px
}

.why-chose-us .content-wc-us .progress-wcus .progress-skill canvas {
	width: 120px;
	height: 120px
}

.why-chose-us .content-wc-us .progress-wcus .progress-skill .percent2 {
	font-size: 30px
}

.wcus-home3 .image-wrapper-wcus3 {
	margin-right: 60px
}

.wcus-home3 .image-wrapper-wcus3 .image-wcus3 {
	align-items: flex-start;
	gap: 30px
}

.wcus-home3 .image-wrapper-wcus3 .image-wcus3 img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.wcus-home3 .image-wrapper-wcus3 .image-wcus3 .wcus-pt {
	margin-top: 93px
}

.wcus-home3 .image-wrapper-wcus3 .quote-wcus-3 {
	padding: 18px 30px 18px 30px;
	max-width: 335px;
	width: 100%;
	position: absolute;
	left: 24.2%;
	bottom: 5.5%
}

.wcus-home3 .image-wrapper-wcus3 .quote-wcus-3 .icon {
	font-size: 50px;
	color: #FFF;
	margin-right: 25px;
	margin-top: 7px
}

.wcus-home3 .image-wrapper-wcus3 .quote-wcus-3 .content .title {
	color: #FFF;
	margin-bottom: 7px
}

.wcus-home3 .image-wrapper-wcus3 .quote-wcus-3 .content p {
	color: #FFF;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px
}

.wcus-home3 .content-wrapper-wcus3 {
	margin-top: 20px
}

.wcus-section4 .wcus-section4-content {
	margin-top: 7px;
	margin-right: 10px
}

.wcus-section4 .wcus-section4-content .heading-title {
	margin-bottom: 65px
}

.wcus-section4 .wcus-section4-image {
	padding-left: 6.9em
}

.wcus-section4 .wcus-section4-image img {
	z-index: 2;
	position: relative
}

.wcus-section4 .wcus-section4-image .wcus-h41 {
	margin-bottom: 7px
}

.wcus-section4 .wcus-section4-image .wcus-h42 {
	position: absolute;
	max-width: 355px;
	border-radius: 20px;
	width: 100%;
	left: 142px;
	bottom: 39px
}

.wcus-section4 .wcus-section4-image .clip {
	width: 300px;
	height: 300px;
	border: 1px solid #002FF5;
	border-radius: 100%;
	z-index: 1;
	position: absolute;
	bottom: -73px;
	right: -98px
}

.optimize-olutions {
	padding-top: 286px;
	padding-bottom: 121px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-h3-banner.png);
	z-index: 2
}

.optimize-olutions .mask-banner3 {
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1
}

.optimize-olutions .optimize-olutions-left {
	margin-right: 13%
}

.optimize-olutions .optimize-olutions-right {
	margin-left: 21%;
	margin-top: -2px;
	margin-right: 30px
}

.optimize-olutions .optimize-olutions-right>p {
	color: #FFF;
	margin-bottom: 23px
}

.section-process {
	background-image: url(../images/bg-h3-banner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.section-process .process-content-wrap {
	margin-top: 3px;
	margin-right: 40px
}

.section-process .process-image-wrap {
	margin-top: 4px;
	margin-left: 50px
}

.section-pricing {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-h3-banner.png);
	z-index: 2
}

.section-pricing .mask-banner3 {
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1
}

.grid-col-project {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 62px 30px
}

.grid-mansory-project {
	display: block;
	gap: 30px;
	row-gap: 20px;
	column-count: 3
}

.grid-mansory-project .tf-image-box {
	margin-bottom: 62px;
	max-width: unset!important;
	break-inside: avoid
}

.project-slider {
	padding-bottom: 240px
}

.project-slider .my-project-slider .swiper-pagination-bullets {
	bottom: -120px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%
}

.tab-service-wrap .tab-service-content {
	padding-top: 13px;
	padding-right: 44px
}

.tab-service-wrap .tab-service-content .icon-listing li:not(:last-child) {
	margin-bottom: 14px
}

.tab-service-wrap .tab-service-content .icon-listing li i {
	color: #FFF;
	margin-right: 15px;
	padding: 5px;
	background-color: #086AD8;
	border-radius: 100%
}

.tab-service-wrap .tab-service-content .icon-listing li p {
	font-size: 15px;
	color: #020626
}

.tab-service-wrap .tab-service-content .button-src {
	background-color: #002FF5
}

.tab-service-wrap .tab-service-content .button-src:hover {
	background-color: #D2A98E
}

.tab-service-wrap .tab-service-image {
	margin-right: 6.9em
}

.tab-service-wrap .tab-service-image img {
	z-index: 2;
	position: relative;
	margin-bottom: 30px
}

.tab-service-wrap .tab-service-image .service1 {
	max-width: 200px;
	border-radius: 25px;
	position: absolute;
	top: 56px;
	right: -150px;
	box-shadow: 0 10px 60px 0 rgba(84,84,84,0.25)
}

.tab-service-wrap .tab-service-image .clip {
	width: 300px;
	height: 300px;
	border: 1px solid #002FF5;
	border-radius: 100%;
	z-index: 1;
	position: absolute;
	bottom: -28px;
	right: -192px
}

.faq-section4 .image-faq-left {
	margin-left: -15.3em;
	margin-right: 40px
}

.faq-section4 .faq-main {
	margin-top: -7px;
	padding-left: 5em;
	padding-right: 5em
}

.faq-section4 .image-faq-right {
	margin-right: -15.3em;
	margin-left: 40px;
	margin-top: 72px
}

.faq-team .faq-main {
	padding-top: 14px;
	padding-right: 3em
}

.faq-team .image-faq-team {
	padding-left: 5em
}

.brand-home4 .swiper-slide:nth-child(2n+1) {
	margin-top: 20px
}

.myteshome5-wrap {
	padding-left: 8em;
	padding-right: 30px;
	margin-bottom: 118px
}

.myteshome5-wrap .myteshome5 .swiper-pagination-bullets {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	border: 1px dashed #002FF5
}

.myteshome5-wrap .myteshome5 .swiper-pagination-bullets .swiper-pagination-bullet {
	border: 2px solid #002FF5
}

.myteshome5-wrap .myteshome5 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #002FF5
}

.fact-widget {
	display: flex;
	justify-content: space-between;
	gap: 50px;
	position: relative;
	z-index: 2
}

.fact-widget.pd-fact {
	padding: 93px 138px 102px 80px;
	margin-top: -6.8em;
	margin-right: -25%
}

.fact-widget .counter-area {
	gap: 90px
}

.fact-widget .counter-area .counter-items {
	padding-left: 80px;
	padding-top: 15px;
	border-left: 1px solid rgba(255,255,255,0.2)
}

.fact-widget .counter-area .counter-items .icon {
	font-size: 62px;
	color: #FFF;
	margin-bottom: 34px
}

.fact-widget .counter-area .counter-items .content .number {
	font-size: 65px;
	font-weight: 600;
	line-height: 65px;
	color: #FFF;
	margin-bottom: 7px
}

.fact-widget .counter-area .counter-items .content .number.kplus::after {
	position: relative;
	content: "k+"
}

.fact-widget .counter-area .counter-items .content .number.plus::after {
	position: relative;
	content: "+"
}

.fact-widget .counter-area .counter-items .content p {
	font-size: 18px;
	font-weight: 600;
	color: #FFF
}

.fact-about-us .counter-area {
	gap: 42px
}

.fact-about-us .counter-area .counter-items {
	border-left: unset
}

.fact-about-us .counter-area .counter-items .icon {
	color: #D2A98E
}

.search-mobie .modal-dialog {
	max-width: 800px;
	margin: 90px auto;
	padding: 0 15px
}

.search-mobie .modal-dialog .btn-close {
	position: absolute;
	right: 0;
	top: -30px;
	padding: 0;
	background: transparent
}

.search-mobie .modal-dialog .btn-close:before {
	content: "\e973";
	font-size: 18px;
	color: #FFF;
	font-family: "icomoon"
}

.search-mobie .modal-dialog .search-input:focus {
	border: unset
}

.search-mobie .modal-dialog .search-form-mobie .search {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: nowrap
}

.hamburger-area {
	padding: 35px 30px 35px 30px
}

.hamburger-area .offcanvas-header .btn-close {
	margin: 0
}

.hamburger-area button:hover {
	background-color: transparent!important;
	rotate: 90deg
}

.hamburger-area .menu-service {
	margin-bottom: 30px
}

.hamburger-area .menu-service li {
	transition: all .3s ease-in-out
}

.hamburger-area .menu-service li:hover {
	margin-left: 5px
}

.hamburger-area .menu-service li a {
	font-size: 18px;
	font-weight: 500
}

.hamburger-area .des {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px
}

.hamburger-area .footer-main-locations {
	margin-top: 20px;
	margin-bottom: 20px
}

.hamburger-area .follow-social {
	margin-bottom: 20px
}

.hamburger-area .follow-social span {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block
}

.hamburger-area .follow-social .social-footer li:not(:last-child) {
	margin-right: 10px
}

.hamburger-area .follow-social .social-footer li a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #086AD8;
	color: #FFF
}

.hamburger-area .follow-social .social-footer li a:hover {
	background-color: #D2A98E
}

.video-about-us .video-about {
	margin-right: -24%;
	margin-bottom: -20.7em;
	position: relative;
	margin-top: -11px
}

.video-about-us .btn-video {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute
}

.video-about-us .btn-video .tf-video {
	width: 100px;
	height: 100px;
	background-color: #FFF;
	color: #086AD8
}

.video-about-us .btn-video .tf-video i {
	font-size: 16px
}

.video-service .video-about {
	margin-top: -16.5em
}

.video-service .video-about .btn-video {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute
}

.video-service .video-about .btn-video .tf-video {
	width: 90px;
	height: 90px;
	background-color: #FFF;
	color: #086AD8
}

.feature-service-page .icon-box3 {
	margin-bottom: 30px
}

.section-benefit .benefit-list {
	padding-left: 10.4em;
	margin-top: 13px
}

.section-benefit .benefit-list .benefit-list-item li:not(:last-child) {
	margin-bottom: 40px
}

.section-benefit .benefit-list .benefit-list-item li i {
	padding: 5px;
	font-size: 17px;
	background-color: #086AD8;
	color: #FFF;
	border-radius: 100%;
	margin-right: 15px
}

.section-benefit .benefit-list .benefit-list-item li p {
	margin-top: 8px
}

.benefit-list-item li:not(:last-child) {
	margin-bottom: 40px
}

.benefit-list-item li i {
	padding: 5px;
	font-size: 17px;
	background-color: #086AD8;
	color: #FFF;
	border-radius: 100%;
	margin-right: 15px
}

.benefit-list-item li p {
	margin-top: 8px
}

.section-it-manager .it-manager-content {
	padding-top: 14px;
	padding-right: 10em
}

.section-it-manager .it-manager-content .nav-tabs-pricing .nav-item {
	margin-right: 75px
}

.section-it-manager .it-manager-content .nav-tabs-pricing-service {
	margin-bottom: 35px
}

.section-it-manager .it-manager-content .content-tab-service-details .des {
	margin-bottom: 21px
}

.section-it-manager .it-manager-content .content-tab-service-details .icon-listing {
	margin-bottom: 35px;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.section-it-manager .it-manager-content .content-tab-service-details .icon-listing li {
	width: 50%
}

.section-it-manager .it-manager-content .content-tab-service-details .icon-listing li:not(:last-child) {
	margin-bottom: 0
}

.section-it-manager .it-manager-content .content-tab-service-details .icon-listing li i {
	color: #D2A98E
}

.section-it-manager .it-manager-content .content-tab-service-details .icon-listing li p {
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	color: #222
}

.section-performance {
	padding-bottom: 22.8em
}

.skill-team-member .skill-team-image-center {
	padding-left: 50px
}

.skill-team-member .skill-team-content {
	padding-right: 43px
}

.team-member-details .des-team-details {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	color: #222;
	letter-spacing: -0.5px;
	margin-bottom: 14px
}

.team-member-details .name {
	gap: 55px;
	flex-wrap: wrap
}

.team-member-details .name span {
	font-size: 22px;
	font-weight: 600;
	color: #696969
}

.team-member-details .name img {
	width: 183px
}

.team-member-details .heading-title {
	margin-right: 6em
}

.team-member-details .heading-title .des {
	font-size: 18px
}

.team-member-details .team-member-details-wrap {
	padding-left: 20.6em
}

.team-member-details .team-member-details-wrap h3.title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 27px
}

.team-member-details .team-member-details-wrap .widget-team-brand {
	padding-top: 70px;
	padding-right: 7.6em
}

.team-member-details .team-member-details-wrap .widget-team-single {
	padding-top: 70px;
	padding-bottom: 68px;
	padding-right: 7.6em
}

.team-member-details .team-member-details-wrap .widget-team-single>span {
	font-size: 18px;
	font-weight: 700;
	color: #086AD8;
	display: inline-block;
	font-family: "Manrope",sans-serif;
	margin-bottom: 12px
}

.team-member-details .team-member-details-wrap .widget-team-single>p {
	font-size: 30px;
	font-weight: 600;
	color: #696969;
	line-height: 45px;
	letter-spacing: -0.6px
}

.team-member-details .team-member-details-wrap .widget-team-single>p a {
	color: #086AD8;
	text-decoration: underline
}

.team-member-details .team-member-details-wrap .widget-team-single .skill,.team-member-details .team-member-details-wrap .widget-team-single .education {
	padding-right: 3em
}

.team-member-details .team-member-details-wrap .widget-team-single .experience-wrap .experience-item:not(:last-child) {
	margin-bottom: 20px
}

.team-member-details .team-member-details-wrap .widget-team-single .experience-wrap .of {
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	font-family: "Manrope",sans-serif;
	margin-left: 10px
}

.team-member-details .team-member-details-wrap .widget-team-single .experience-wrap .date-skill {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.team-member-details .team-member-details-wrap .widget-team-single .awards .awards-wrap .awards-item {
	position: relative;
	padding-bottom: 16px
}

.team-member-details .team-member-details-wrap .widget-team-single .awards .awards-wrap .awards-item:not(:last-child) {
	margin-bottom: 32px
}

.team-member-details .team-member-details-wrap .widget-team-single .awards .awards-wrap .awards-item:hover .team-hover {
	opacity: 1;
	visibility: visible
}

.team-member-details .team-member-details-wrap .widget-team-single .awards .awards-wrap .awards-item .browser {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px
}

.team-member-details .team-member-details-wrap .widget-team-single .awards .awards-wrap .awards-item .team-hover {
	width: 118px;
	height: 140px;
	position: absolute;
	border-radius: 0;
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	inset-inline-start: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 75%;
	opacity: 0;
	transition: opacity .3s,transform .7s cubic-bezier(0.23,1,0.32,1);
	margin: -107px 0 0 -109px;
	overflow: hidden;
	pointer-events: none;
	z-index: 2;
	visibility: hidden
}

.project-details .heading-title {
	padding-right: 11em
}

.project-details .info-project-details {
	margin-right: 7.2em;
	background-color: #F6F2ED;
	padding: 43px 50px 45px 50px
}

.project-details .info-project-details .info-project li:not(:last-child) {
	margin-bottom: 35px
}

.project-details .info-project-details .info-project li a {
	color: #086AD8
}

.project-details .interesting {
	padding-top: 85px;
	padding-bottom: 87px
}

.project-details .interesting .interesting-content {
	padding-right: 7em
}

.project-details .interesting .interesting-content>p {
	margin-bottom: 26px
}

.project-details .interesting .interesting-content .icon-listing {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.project-details .interesting .interesting-content .icon-listing li {
	width: 50%
}

.project-details .interesting .interesting-content .icon-listing li:not(:last-child) {
	margin-bottom: 0
}

.project-details .interesting .interesting-content .icon-listing li i {
	color: #D2A98E
}

.project-details .interesting .interesting-content .icon-listing li p {
	font-size: 16px;
	font-weight: 500;
	line-height: 42px;
	color: #222
}

.project-details .results {
	padding-top: 65px;
	padding-bottom: 90px
}

.project-details .results .results-content {
	padding-right: 7.5em
}

.project-details .results .results-content>p {
	margin-bottom: 39px
}

.project-details .next-prev-project .next-prev {
	color: #696969
}

.project-details .next-prev-project .next-prev i {
	font-size: 12px
}

.project-details .icon-list-project {
	font-size: 35px;
	color: #D2A98E
}

.faq-section .heading-title {
	margin-top: 7px;
	padding-right: 5em
}

.faq-section .tab-faq-content {
	padding-left: 50px
}

.video-faq {
	margin-bottom: -14em
}

.video-faq .btn-video {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute
}

.video-faq .tf-video {
	width: 90px;
	height: 90px;
	background-color: #FFF;
	color: #086AD8
}

.faq2-section {
	padding-top: 341px
}

.pricing-plan .pricing-plan-content {
	margin-top: 11px;
	padding-right: 5em
}

.pricing-plan .pricing-plan-content .heading-title {
	padding-right: 9em;
	margin-bottom: 27px
}

.pricing-plan .pricing-plan-content .icon-listing {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.pricing-plan .pricing-plan-content .icon-listing li {
	width: 50%
}

.pricing-plan .pricing-plan-content .icon-listing li:not(:last-child) {
	margin-bottom: 0
}

.pricing-plan .pricing-plan-content .icon-listing li i {
	color: #D2A98E
}

.pricing-plan .pricing-plan-content .icon-listing li p {
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	color: #222
}

.contact-us-page .contact-us-page-form {
	padding: 45px 60px 50px 60px
}

.contact-us-page .contact-us-page-form .title {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 27px
}

.contact-us-page .contact-us-page-form .contact-us-form label {
	margin-bottom: 16px
}

.contact-us-page .contact-us-page-content {
	margin-top: 10px;
	margin-right: 5em
}

.contact-us-page .contact-us-page-content .heading-title {
	margin-bottom: 34px
}

.contact-us-page .contact-us-page-content .contact-item-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item {
	width: 50%;
	margin-bottom: 54px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .item-contact {
	gap: 25px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .item-contact .icon {
	color: #086AD8;
	font-size: 33px;
	margin-top: 5px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .item-contact .content h4 {
	margin-bottom: 7px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .social-footer li:not(:last-child) {
	margin-right: 10px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .social-footer li a {
	height: 40px;
	width: 40px;
	background-color: transparent;
	border-radius: 100%;
	color: #696969;
	border: 1px solid rgba(2,6,38,0.1);
	font-size: 13px
}

.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item .social-footer li a:hover {
	background-color: #086AD8;
	color: #FFF
}

.map-page .map,.map-page #map {
	height: 765px
}

.erro-page {
	padding-left: 15em;
	padding-right: 15em
}

.erro-page .erro-content {
	max-width: 600px;
	width: 100%;
	margin-top: 120px
}

.search-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background-color: rgba(4,4,4,0.9)
}

.search-wrap.open {
	display: block!important
}

.search-wrap .search-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.search-wrap .search-inner .search-close {
	position: absolute;
	top: 50px;
	right: 50px;
	font-size: 30px;
	color: #086AD8;
	cursor: pointer;
	transition: all .3s
}

.search-wrap .search-inner .search-close:hover {
	transform: rotate(90deg)
}

.search-wrap .search-inner .search-cell {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}

.search-wrap .search-inner .search-cell .search-field-holder {
	width: 50%;
	margin: auto;
	position: relative;
	animation: slideInUp .3s
}

.search-wrap .search-inner .search-cell .search-field-holder .main-search-input {
	width: 100%;
	height: 70px;
	border: 0;
	padding: 0 50px;
	text-transform: capitalize;
	background: transparent;
	font-size: 25px;
	color: #086AD8;
	border-bottom: 2px solid #086AD8;
	text-align: center;
	letter-spacing: 2px;
	border-radius: 0
}

.contact-service-details .content {
	padding-right: 15%;
	margin-top: 58px
}

.contact-service-details .form-contact-home1.style2 {
	margin-left: 40px
}

.mySwiper-testimonial1 {
	padding: 60px 30px;
	margin: -60px -30px
}

.fact-section .image-paralax-fact {
	background-image: url(../images/fact.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 750px
}

#footer .footer-top {
	padding: 80px 0;
	margin-bottom: 73px;
	border-bottom: 1px solid rgba(255,255,255,0.1)
}

#footer .footer-top .social-footer li:not(:first-child) {
	margin-left: 60px
}

#footer .footer-top .social-footer li a {
	font-size: 16px;
	font-weight: 400;
	color: #FFF
}

#footer .footer-top .social-footer li a:hover {
	color: #D2A98E
}

#footer .footer-top .social-footer li a i {
	color: #D2A98E;
	margin-right: 10px
}

#footer .footer-top .logo-footer img {
	width: 169px
}

#footer .footer-main .footer-main-newsletter {
	padding-right: 36px
}

#footer .footer-main .footer-main-newsletter .title-new {
	font-size: 32px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0
}

#footer .footer-main .footer-main-newsletter .title-new span {
	font-weight: 400
}

#footer .footer-main .footer-main-newsletter .accept {
	font-size: 16px
}

#footer .footer-main .title-footer {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px
}

#footer .footer-main .footer-main-right {
	padding-left: 4.5em
}

#footer .footer-main .footer-main-right .footer-main-service .menu-service li:not(:last-child) {
	margin-bottom: 10px
}

#footer .footer-main .footer-main-right .footer-main-service .menu-service li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255,255,255,0.55);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	transition: all .3s ease-in-out;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#footer .footer-main .footer-main-right .footer-main-service .menu-service li a:hover {
	color: #D2A98E;
	background-size: 100% 100%
}

#footer .footer-main .footer-main-right .footer-main-locations .text-lcation {
	font-size: 20px;
	font-weight: 600;
	line-height: 35px;
	color: rgba(255,255,255,0.55)
}

#footer .footer-main .footer-main-right .footer-main-locations .phone {
	font-size: 24px;
	font-weight: 600;
	line-height: 45px
}

#footer .footer-bottom {
	padding-top: 64px;
	padding-bottom: 80px
}

.footer-style-2 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-footer2.jpg);
	background-attachment: fixed
}

.footer-style-2::before {
	width: 100%;
	height: 100%;
	background-color: #F6F2ED;
	content: "";
	position: absolute;
	opacity: .95;
	z-index: 1
}

.footer-style-2 .marque-text-slider-footer {
	padding-top: 87px;
	padding-bottom: 78px
}

.footer-style-2 .footer-main {
	background-color: #FFF;
	margin-left: -55px;
	margin-right: -55px;
	padding: 73px 55px 70px 55px
}

.footer-style-2 .footer-main .logo-footer {
	width: 28%;
	padding-right: 2%
}

.footer-style-2 .footer-main .logo-footer .logo {
	width: 170px;
	margin-bottom: 24px;
	margin-top: 7px
}

.footer-style-2 .footer-main .logo-footer .des {
	margin-bottom: 23px
}

.footer-style-2 .footer-main .logo-footer .follow-social span {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px
}

.footer-style-2 .footer-main .logo-footer .follow-social .social-footer li:not(:last-child) {
	margin-right: 10px
}

.footer-style-2 .footer-main .logo-footer .follow-social .social-footer li a {
	height: 40px;
	width: 40px;
	background-color: #F6F2ED;
	border-radius: 100%;
	color: #696969;
	font-size: 13px
}

.footer-style-2 .footer-main .logo-footer .follow-social .social-footer li a:hover {
	background-color: #D2A98E;
	color: #FFF
}

.footer-style-2 .footer-main .menu-services {
	width: 20%;
	padding-left: 10px
}

.footer-style-2 .footer-main .menu-suport {
	width: 20%;
	padding-left: 10px
}

.footer-style-2 .footer-main .newsletter {
	width: 32%;
	padding-left: 3px
}

.footer-style-2 .footer-main .newsletter .privacy-policy {
	margin-top: 18px
}

.footer-style-2 .footer-main .newsletter .privacy-policy a {
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline
}

.footer-style-2 .footer-main .title-footer2 {
	margin-bottom: 25px
}

.footer-style-2 .footer-main .menu-service li {
	transition: all .4s ease-in-out
}

.footer-style-2 .footer-main .menu-service li:not(:last-child) {
	margin-bottom: 10px
}

.footer-style-2 .footer-main .menu-service li a {
	font-size: "Manrope",sans-serif;
	color: #696969
}

.footer-style-2 .footer-main .menu-service li a:hover {
	color: #086AD8
}

.footer-style-2 .footer-main .menu-service li a i {
	font-size: 12px;
	margin-right: 3px
}

.footer-style-2 .go-top-h1 {
	margin: 0 auto
}

.footer-style-2 .go-top-h1.show {
	right: 0;
	margin-bottom: -35px
}

.footer-style-2 .footer-bottom2 {
	padding-bottom: 26px
}

.footer-style-2 .footer-bottom2 .menu-right-bottom li:not(:first-child) {
	margin-left: 23px
}

.footer-style-2 .footer-bottom2 .menu-right-bottom li a {
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	font-family: "Manrope",sans-serif
}

.footer-style-2 .footer-bottom2 .menu-right-bottom li a:hover {
	color: #086AD8
}

.footer-style-3 {
	padding-top: 73px;
	padding-bottom: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-h3-banner.png);
	z-index: 2
}

.footer-style-3 .mask-banner3 {
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	bottom: -25em;
	opacity: .5
}

.footer-style-3 .title-footer {
	margin-bottom: 24px
}

.footer-style-3 .logo-footer .logo {
	width: 180px;
	margin-bottom: 31px;
	margin-top: 7px
}

.footer-style-3 .logo-footer .des {
	color: rgba(255,255,255,0.55);
	margin-bottom: 41px
}

.footer-style-3 .footer-main-service {
	margin-left: 5.3em
}

.footer-style-3 .footer-main-service .menu-service li:not(:last-child) {
	margin-bottom: 10px
}

.footer-style-3 .footer-main-service .menu-service li a {
	color: rgba(255,255,255,0.55);
	transition: all .3s ease-in-out
}

.footer-style-3 .footer-main-service .menu-service li a:hover {
	color: #FFF
}

.footer-style-3 .footer-main-locations {
	margin-left: 2.5em
}

.footer-style-3 .footer-main-locations>p {
	font-size: 20px;
	font-weight: 600;
	line-height: 35px;
	color: rgba(255,255,255,0.55)
}

.footer-style-3 .footer-main-locations .phone {
	font-size: 24px;
	color: #FFF
}

.footer-style-3 .footer-download-ap {
	margin-left: 3.7em
}

.footer-style-3 .footer-download-ap p {
	color: rgba(255,255,255,0.55)
}

.footer-style-3 .footer-download-ap .btn-wrap {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.footer-style-3 .footer-download-ap .btn-wrap .gg-play {
	background-color: #002FF5;
	margin-bottom: 10px
}

.footer-style-3 .footer-download-ap .btn-wrap .gg-play:hover {
	background-color: #D2A98E
}

.footer-style-3 .footer-download-ap .btn-wrap .apple-store {
	border: 1px solid #FFF;
	background-color: transparent
}

.footer-style-3 .footer-download-ap .btn-wrap .apple-store:hover {
	color: #222;
	background-color: #FFF
}

.footer-style-3 .footer-bottom3 {
	padding: 26px 0;
	margin-top: 70px
}

.footer-style-3 .footer-bottom3 p {
	line-height: 40px
}

.footer-style-3 .footer-bottom3 .social-share li a {
	width: 40px;
	height: 40px;
	background-color: rgba(255,255,255,0.2);
	color: #FFF;
	margin-bottom: 0
}

.footer-style-3 .footer-bottom3 .social-share li a:hover {
	background-color: #002FF5
}

.footer-style-4 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-team2.png)
}

.footer-style-4 .footer-top4 .footer-top-left {
	margin-top: -6px;
	margin-right: 20px
}

.footer-style-4 .footer-top4 .footer-top-left .title {
	margin-bottom: 38px
}

.footer-style-4 .footer-top4 .footer-top-left #form-footer .input-group input {
	border: 1px solid rgba(255,255,255,0.1);
	color: #696969;
	background-color: #FFF
}

.footer-style-4 .footer-top4 .footer-top-left #form-footer .input-group input::placeholder {
	color: #696969
}

.footer-style-4 .footer-top4 .footer-top-left #form-footer .input-group i {
	color: #696969
}

.footer-style-4 .footer-top4 .footer-top-left .submit-footer-form {
	background-color: #002FF5!important
}

.footer-style-4 .footer-top4 .footer-top-left .submit-footer-form:hover {
	background-color: #D2A98E!important
}

.footer-style-4 .footer-top4 .footer-map {
	margin-left: 26px
}

.footer-style-4 .footer-top4 .footer-map .map2,.footer-style-4 .footer-top4 .footer-map #map2 {
	height: 240px
}

.footer-style-4 .footer-top4 .footer-top-right {
	margin-top: 36px;
	margin-left: 42px
}

.footer-style-4 .footer-top4 .footer-top-right .title {
	margin-bottom: 20px
}

.footer-style-4 .footer-top4 .footer-top-right .address {
	margin-right: -10px
}

.footer-style-4 .footer-top4 .footer-top-right .address li:not(:last-child) {
	margin-bottom: 15px
}

.footer-style-4 .footer-top4 .footer-top-right .address li i {
	font-size: 16px;
	color: #002FF5;
	margin-right: 15px;
	margin-top: 11px
}

.footer-style-4 .footer-top4 .footer-top-right .address li p {
	font-size: 20px;
	font-weight: 500;
	line-height: 35px
}

.footer-style-4 .footer-main4 {
	border-top: 1px solid rgba(0,47,245,0.1);
	padding-top: 67px;
	padding-bottom: 70px
}

.footer-style-4 .footer-main4 .title-menu {
	margin-bottom: 25px
}

.footer-style-4 .footer-main4 .menu-service li:not(:last-child) {
	margin-bottom: 9px
}

.footer-style-4 .footer-main4 .menu-service li a {
	font-size: 16px;
	font-weight: 500;
	font-family: "Manrope",sans-serif;
	color: #696969;
	transition: all .3s ease-in-out
}

.footer-style-4 .footer-main4 .menu-service li a:hover {
	color: #086AD8
}

.footer-style-4 .footer-main4 .menu-service li a i {
	font-size: 12px;
	margin-right: 4px
}

.footer-style-4 .footer-main4 .footer-item-logo {
	width: 26%;
	margin-top: 8px
}

.footer-style-4 .footer-main4 .footer-item-logo .logo-footer {
	width: 269px;
	margin-bottom: 25px
}

.footer-style-4 .footer-main4 .footer-item-logo .des {
	margin-bottom: 28px
}

.footer-style-4 .footer-main4 .footer-item-logo .follow-social .title {
	letter-spacing: .4px;
	margin-bottom: 16px
}

.footer-style-4 .footer-main4 .footer-item-logo .follow-social .social-footer li:not(:last-child) {
	margin-right: 10px
}

.footer-style-4 .footer-main4 .footer-item-logo .follow-social .social-footer li a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: rgba(0,47,245,0.1);
	color: #4A5378
}

.footer-style-4 .footer-main4 .footer-item-logo .follow-social .social-footer li a:hover {
	background-color: #002FF5;
	color: #FFF
}

.footer-style-4 .footer-main4 .footer-item-quick-link {
	width: 18%;
	padding-left: 26px
}

.footer-style-4 .footer-main4 .footer-item-support {
	width: 18%;
	padding-left: 42px
}

.footer-style-4 .footer-main4 .footer-item-resources {
	width: 18%;
	padding-left: 50px
}

.footer-style-4 .footer-main4 .footer-item-our-team {
	width: 20%;
	padding-left: 32px
}

.footer-style-4 .footer-main4 .footer-item-our-team .des {
	margin-bottom: 20px
}

.footer-style-4 .footer-main4 .footer-item-our-team .button-src {
	background-color: #002FF5
}

.footer-style-4 .footer-main4 .footer-item-our-team .button-src:hover {
	background-color: #D2A98E
}

.footer-bottom4 {
	background-color: #E6EAFC;
	padding: 17px 0;
	/*margin-bottom: 25px*/
}

.footer-bottom4 .menu-right-bottom li:not(:first-child) {
	margin-left: 23px
}

.footer-bottom4 .menu-right-bottom li a {
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	font-family: "Manrope",sans-serif
}

.footer-bottom4 .menu-right-bottom li a:hover {
	color: #002FF5
}

.go-top-h4 {
	margin: 0 auto;
	margin-bottom: -70px
}

.go-top-h4.button-go::before {
	z-index: -1;
	background-color: #002FF5
}

.footer-style-5 {
	padding-bottom: 80px
}

.footer-style-5 .footer-top5 {
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(255,255,255,0.07)
}

.footer-style-5 .footer-top5 .logo-footer img {
	width: 169px
}

.footer-style-5 .footer-top5 .social-footer5 li:not(:first-child) {
	margin-left: 60px
}

.footer-style-5 .footer-top5 .social-footer5 li a {
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	font-family: "Manrope",sans-serif
}

.footer-style-5 .footer-top5 .social-footer5 li a:hover {
	color: #086AD8
}

.footer-style-5 .footer-top5 .social-footer5 li a i {
	color: #086AD8;
	margin-right: 10px;
	font-size: 13px
}

.footer-style-5 .title-footer {
	margin-bottom: 25px
}

.footer-style-5 .menu-service li:not(:last-child) {
	margin-bottom: 10px
}

.footer-style-5 .menu-service li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255,255,255,0.55);
	transition: all .3s ease-in-out
}

.footer-style-5 .menu-service li a:hover {
	color: #D2A98E
}

.footer-style-5 .footer-main5 {
	padding-top: 76px;
	padding-bottom: 44px
}

.footer-style-5 .footer-main5 .footer-newsletter .title-new {
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: 0
}

.footer-style-5 .footer-main5 .footer-newsletter .title-new span {
	font-weight: 400
}

.footer-style-5 .footer-main5 .footer-newsletter .accept {
	font-size: 16px
}

.footer-style-5 .footer-main5 .footer-newsletter #form-footer .submit-footer-form {
	background-color: #002FF5;
	margin-left: 11px
}

.footer-style-5 .footer-main5 .footer-newsletter #form-footer .submit-footer-form:hover {
	background-color: #D2A98E
}

.footer-style-5 .footer-main5 .footer-menu-service {
	margin-left: 6.5em
}

.footer-style-5 .footer-main5 .footer-contact {
	margin-left: 4.7em;
	letter-spacing: -0.4px
}

.footer-style-5 .footer-main5 .footer-contact .des {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #FFF;
	margin-bottom: 50px
}

.footer-style-5 .footer-bottom5 .menu-right-bottom li:not(:first-child) {
	margin-left: 23px
}

.footer-style-5 .footer-bottom5 .menu-right-bottom li a {
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	font-family: "Manrope",sans-serif
}

.footer-style-5 .footer-bottom5 .menu-right-bottom li a:hover {
	color: #086AD8
}

.footer-style-5 .footer-bottom5 .go-top-h5 {
	margin: 0 auto;
	margin-bottom: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	line-height: 50px
}

.footer-style-5 .footer-bottom5 .go-top-h5.show {
	right: 0
}

.form-footer .input-group input {
	line-height: 16.53px;
	font-size: 12px;
	font-weight: 400;
	border-radius: 12px!important;
	padding: 21px 15px 19px 49px;
	border: 1px solid rgba(255,255,255,0.1);
	color: #FFF;
	background-color: transparent
}

.form-footer .input-group input::placeholder {
	line-height: 16.53px;
	font-size: 12px;
	font-weight: 400;
	color: rgba(255,255,255,0.55)
}

.form-footer .input-group i {
	position: absolute;
	color: #FFF;
	font-size: 12px;
	top: 50%;
	transform: translateY(-50%);
	left: 30px
}

.form-footer .submit-footer-form {
	max-width: 154px;
	width: 100%;
	background-color: #086AD8;
	margin-left: 30px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 20px
}

.form-footer .submit-footer-form:hover {
	background-color: #D2A98E
}

.form-footer .submit-footer-form i {
	font-size: 12px
}

.search-form-blog .input-search {
	border-radius: 12px;
	border: 1px solid rgba(2,6,38,0.1);
	padding: 23px 60px 23px 25px
}

.search-form-blog button {
	position: absolute;
	right: 0;
	padding: 20px 25px;
	background-color: transparent
}

.search-form-blog button i {
	color: #222
}

.search-form-blog button:hover {
	background-color: transparent
}

#form-comment-blog .input-group {
	padding: 20px 25px
}

#form-comment-blog button i {
	font-size: 12px
}

.form-contact-home fieldset {
	width: 100%
}

.form-contact-home fieldset>i {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #696969;
	font-size: 16px;
	z-index: 2
}

.form-contact-home .input-group {
	gap: 20px;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap
}

.form-contact-home .form-control {
	width: 100%;
	padding: 18px 40px 18px 20px;
	border-radius: 5px!important
}

.form-footer2 {
	background-color: #F6F2ED;
	border-radius: 12px;
	border: 1px solid rgba(2,6,38,0.1);
	padding: 3px
}

.form-footer2>i {
	position: absolute;
	font-size: 12px;
	color: #696969;
	top: 20px;
	left: 24px
}

.form-footer2 button {
	padding: 10px 20px;
	max-width: 124px;
	width: 100%
}

.form-footer2 button i {
	font-size: 12px
}

.form-footer2 input {
	padding: 13px 20px 13px 43px!important;
	font-size: 12px!important;
	font-weight: 400!important;
	background-color: transparent!important
}

.form-footer2 input::placeholder {
	font-size: 12px!important;
	font-weight: 400!important
}

.form-footer3 {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px;
	padding: 8px
}

.form-footer3>i {
	position: absolute;
	color: #FFF;
	font-size: 13px;
	top: 22px;
	left: 25px
}

.form-footer3 input {
	padding: 12px 20px 12px 40px!important;
	background-color: transparent!important;
	color: rgba(255,255,255,0.55)!important;
	font-size: 12px!important;
	font-weight: 400!important;
	height: 38px
}

.form-footer3 input::placeholder {
	color: rgba(255,255,255,0.55)!important;
	font-size: 12px!important;
	font-weight: 400!important
}

.form-footer3 button {
	padding: 5px 12px;
	background-color: #002FF5
}

.button-go {
	position: fixed;
	display: block;
	width: 70px;
	height: 70px;
	line-height: 60px;
	text-align: center;
	z-index: 999;
	right: 25px;
	bottom: 36px;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	overflow: hidden;
	border-radius: 100%;
	border: 5px solid #FFF
}

.button-go.show {
	right: 20px;
	opacity: 1;
	visibility: visible
}

.button-go::before,.button-go::after {
	/*content: "";*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.button-go {
	background-color: #086AD8
}

.button-go>i {
	font-size: 14px;
	color: #FFF;
	font-weight: 600
}

.button-go:hover {
	transform: translateY(-3px)
}

.preload {
	overflow: hidden
}

.preload-container {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99999999999;
	display: flex;
	justify-content: center;
	align-items: center
}

.tf-pagination {
	flex-wrap: wrap;
	gap: 15px
}

.tf-pagination li {
	color: #FFF;
	border-radius: 100%
}

.tf-pagination li .pages-link {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #696969;
	background-color: #F6F2ED;
	font-size: 16px;
	font-weight: 600;
	font-family: "Manrope",sans-serif
}

.tf-pagination li .pages-link:hover,.tf-pagination li .pages-link.active {
	background-color: #086AD8;
	color: #FFF
}

.noUi-target,.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s,top .3s;
	transition: left .3s,top .3s
}

.noUi-state-drag * {
	cursor: inherit!important
}

.noUi-base,.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.noUi-horizontal {
	height: 3px
}

.noUi-horizontal .noUi-handle {
	position: relative;
	width: 17px;
	height: 17px;
	border-radius: 5px;
	left: 0;
	top: -6.5px;
	background-color: #f6f6f6;
	border: 1px solid #ccc
}

.caption {
	margin-bottom: 10px
}

.noUi-background {
	background: #D6D7D9
}

.noUi-connect {
	background: #086AD8;
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-origin {
	border-radius: 2px
}

.noUi-target {
	width: 100%;
	height: 7px;
	border-radius: 2px
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
	left: -7px
}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	cursor: default;
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important
}

.noUi-handle:active {
	border: 1px solid #086AD8
}[disabled].noUi-connect,[disabled] .noUi-connect {
	background: #B8B8B8
}[disabled].noUi-origin,[disabled] .noUi-handle {
	cursor: not-allowed
}

.slider-labels .caption {
	font-weight: 500;
	font-size: 16px
}

#slider-range-value01::after,#slider-range-value1::after {
	content: " — ";
	margin: 0 2px
}

.side-blog:hover .blog-image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.side-blog .blog-image img {
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.side-blog .content-list {
	padding: 31px 40px 31px 40px;
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(203,203,203,0.25)
}

.side-blog .content-list .btn-wrap {
	border-top: 1px solid rgba(2,6,38,0.1);
	padding-top: 24px
}

.side-blog .content-list .btn-wrap .more-links {
	font-size: 16px;
	font-weight: 700;
	line-height: 19.36px;
	color: #696969
}

.side-blog .content-list .btn-wrap .more-links:hover {
	color: #086AD8
}

.side-blog .content-list .btn-wrap .more-links i {
	font-size: 12px;
	margin-left: 3px
}

.side-blog .content-grid {
	padding-top: 31px
}

.side-blog .content-grid .entry-title {
	font-size: 30px;
	line-height: 40px
}

.side-blog .blog-content .top-detail-info .category {
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
	color: #086AD8;
	margin-right: 44px;
	position: relative
}

.side-blog .blog-content .top-detail-info .category::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100px;
	background-color: #D2A98E;
	right: -29px;
	top: 50%;
	transform: translateY(-50%)
}

.side-blog .blog-content .top-detail-info .date {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.86px
}

.side-blog .blog-content .entry-title {
	margin-top: 10px;
	margin-bottom: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.side-blog .blog-content .entry-title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.side-blog .blog-content .entry-title a:hover {
	background-size: 100% 100%
}

.side-blog .blog-content .description {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 30px
}

.blog-standard {
	padding: 40px 16em 40px 60px
}

.blog-standard .content-standard .entry-title {
	font-size: 30px;
	line-height: 40px
}

.blog-standard .content-standard .admin {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #696969;
	padding-left: 50px
}

.blog-standard .content-standard .admin::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 2px;
	background-color: #696969;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.blog-standard .content-standard .icon-standard {
	font-size: 83px;
	color: #DCD5CC;
	position: absolute;
	right: 7%;
	top: 20%
}

.tag-blog {
	display: flex;
	flex-wrap: wrap
}

.tag-blog li {
	margin-right: 10px;
	margin-bottom: 10px
}

.tag-blog li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	padding: 4px 19px;
	border: 1px solid rgba(2,6,38,0.1);
	border-radius: 10px;
	color: #696969
}

.tag-blog li a:hover,.tag-blog li a.active {
	background-color: #086AD8;
	color: #FFF
}

.social-share li:not(:first-child) {
	margin-left: 10px
}

.social-share li a {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	border: 1px solid rgba(2,6,38,0.1);
	color: #696969;
	font-size: 12px;
	margin-bottom: 10px
}

.social-share li a:hover {
	background-color: #086AD8;
	color: #FFF
}

.bb-blog {
	border-bottom: 1px solid rgba(2,6,38,0.1)
}

.sidebar-blog .title-blog {
	padding-bottom: 22px;
	line-height: 18px
}

.sidebar-blog .widget .category-blog li:not(:last-child) {
	margin-bottom: 28px
}

.sidebar-blog .widget .category-blog li a {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #696969
}

.sidebar-blog .widget .category-blog li a:hover {
	color: #086AD8
}

.sidebar-blog .widget .widget-recent-post .recent-post-item .image img {
	width: 100px
}

.sidebar-blog .widget .widget-recent-post .recent-post-item .content {
	padding-left: 30px
}

.sidebar-blog .widget .widget-recent-post .recent-post-item .content .date {
	font-size: 15px;
	font-weight: 500;
	color: text;
	display: inline-block
}

.sidebar-blog .widget .widget-recent-post .recent-post-item .content .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.sidebar-blog .widget .widget-banner {
	/*background-image: url(../images/widget-bar.jpg);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 50px 60px 50px
}

.sidebar-blog .widget .widget-banner::before {
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	background: rgba(2,6,38,0.65);
	z-index: 1
}

.sidebar-blog .widget .widget-banner .title-banner {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 2.5em
}

.sidebar-blog .widget .widget-banner .des {
	margin-bottom: 33px
}

.blog-single .side-blog-single {
	margin-top: -11px
}

.blog-single .side-blog-single .entry-title {
	font-size: 30px;
	line-height: 45px
}

.blog-single .side-blog-single .quote-blog {
	border-left: 3px solid #D2A98E;
	padding: 27px 40px 25px 52px
}

.blog-single .side-blog-single .quote-blog .icon {
	font-size: 55px;
	color: #086AD8
}

.blog-single .side-blog-single .quote-blog .content {
	padding-left: 40px
}

.blog-single .side-blog-single .quote-blog .content .title-quote {
	font-size: 27px;
	line-height: 40px;
	margin-bottom: 10px
}

.blog-single .side-blog-single .quote-blog .content .name {
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	padding-left: 60px
}

.blog-single .side-blog-single .quote-blog .content .name::before {
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #086AD8;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.blog-single .side-blog-single .tag-share-blog {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center
}

.blog-single .side-blog-single .tag-share-blog .tag-share {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 10px;
	margin-right: 20px
}

.blog-single .author-blog {
	padding: 32px 50px 33px 40px
}

.blog-single .author-blog .image {
	margin-right: 40px
}

.blog-single .author-blog .image img {
	width: 130px;
	border-radius: 100%
}

.blog-single .author-blog .content h4 {
	margin-bottom: 8px
}

.blog-single .author-blog .content p {
	margin-bottom: 23px
}

.blog-single .author-blog .content .social-profile {
	margin-bottom: 10px
}

.blog-single .author-blog .content .social-profile li:not(:last-child) {
	margin-right: 24px
}

.blog-single .author-blog .content .social-profile li a {
	color: #696969
}

.blog-single .author-blog .content .social-profile li a:hover {
	color: #086AD8
}

.blog-single .post-blog .post-blog-item .image-post img {
	width: 100px
}

.blog-single .post-blog .post-blog-item .image-post.left {
	margin-right: 30px
}

.blog-single .post-blog .post-blog-item .image-post.right {
	margin-left: 30px
}

.blog-single .post-blog .post-blog-item .content-post .date {
	font-size: 16px;
	font-weight: 500
}

.blog-single .post-blog .post-blog-item .content-post .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.blog-single .comment-blog .comment .comment-item .comment-image {
	margin-top: 9px;
	margin-right: 35px
}

.blog-single .comment-blog .comment .comment-item .comment-image img {
	width: 100px;
	border-radius: 100%
}

.blog-single .comment-blog .comment .comment-item .comment-content {
	padding-right: 5em
}

.blog-single .comment-blog .comment .comment-item .comment-content .name {
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	margin-right: 10px
}

.blog-single .comment-blog .comment .comment-item .comment-content .des {
	margin-top: 6px;
	margin-bottom: 8px
}

.blog-single .comment-blog .comment .comment-item .comment-content .repply-link {
	font-size: 16px;
	font-weight: 600;
	color: #696969
}

.blog-single .comment-blog .comment .comment-item .comment-content .repply-link:hover {
	color: #086AD8
}

.blog-single .comment-blog .comment .comment-item .comment-content .repply-link i {
	font-size: 11px
}

.blog-single .comment-blog .comment-repply {
	padding-left: 4.4em
}

.blog-single .comment-form {
	padding: 45px 50px 50px 50px
}

.blog-single .comment-form .title.bb-blog {
	padding-bottom: 16px
}

.slider-Swiper-it .swiper-slide-active .slider-image-it img {
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	transform: scale(1.12)
}

.slider-it-main::before {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	content: "";
	background: linear-gradient(180deg,rgba(0,0,0,0.75),rgba(0,0,0,0.3));
	z-index: 1
}

.slider-it-main .slider-image-it {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute
}

.slider-it-main .slider-image-it img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	-webkit-transition: all 5s ease-out 0s;
	-moz-transition: all 5s ease-out 0s;
	-ms-transition: all 5s ease-out 0s;
	-o-transition: all 5s ease-out 0s;
	transition: all 5s ease-out 0s
}

.slider-it-main .slider-content-it {
	padding-top: 295px;
	padding-bottom: 157px
}

.slider-it-main .slider-content-it .sub-title-slider i {
	font-size: 25px;
	margin-right: 10px;
	margin-left: -5px;
	color: #FFF
}

.slider-it-main .slider-content-it .sub-title-slider span {
	font-size: 22px;
	letter-spacing: -0.026em;
	border-bottom: 1px solid rgba(255,255,255,0.6588235294);
	line-height: 20px;
	display: inline-block
}

.slider-it-main .slider-content-it .title-slider {
	margin-top: 20px;
	margin-bottom: 32px
}

.slider-it-main .slider-content-it .des {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: .025em
}

.slider-it-main .it-solution {
	font-size: 150px;
	line-height: 105px;
	position: absolute;
	left: 3px;
	bottom: 45px;
	-webkit-text-stroke: 1px rgba(255,255,255,0.2);
	color: transparent;
	letter-spacing: -0.029em;
	z-index: 2;
	animation: shine 3s infinite;
	-webkit-mask-image: linear-gradient(-75deg,rgba(56,75,255,0.15) 50%,#002FF5 50%,rgba(56,75,255,0.15) 100%);
	-webkit-mask-size: 200%
}

.slider-it-main .mask-slider {
	width: auto;
	top: 32%;
	right: 19%;
	position: absolute;
	z-index: 2;
	-webkit-animation: anime-rorate 8s infinite;
	animation: anime-rorate 8s infinite
}

.swiper-button-next,.swiper-button-prev {
	width: 65px;
	height: 65px;
	border-radius: 100%;
	background-color: transparent;
	border: 1px solid #FFF;
	opacity: 1!important
}

.swiper-button-next:hover,.swiper-button-prev:hover {
	background-color: #086AD8;
	border: 1px solid #086AD8
}

.swiper-button-next::after,.swiper-button-prev::after {
	font-size: 15px;
	font-weight: 600
}

.swiper-button-disabled {
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.2);
	opacity: 1!important
}

.slider-Swiper-it .button-swiper {
	position: absolute;
	bottom: 12%;
	left: 0;
	right: 0
}

.slider-Swiper-it .button-swiper .swiper-button-next {
	right: 16%
}

.slider-Swiper-it .button-swiper .swiper-button-prev {
	left: 76%
}

.tf-video {
	width: 56px;
	height: 56px;
	border-radius: 100%;
	background-color: #086AD8;
	color: #FFF;
	animation: pulse_two 2s infinite
}

.tf-video i {
	font-size: 12px
}

.tf-video:hover {
	background-color: #D2A98E;
	color: #FFF
}

.banner-home2 {
	padding: 0 115px 90px 115px
}

.banner-home2 .banner-home2-wrap {
	background-color: #FFF
}

.banner-home2 .banner-home2-wrap .content {
	padding-top: 130px;
	padding-bottom: 127px
}

.banner-home2 .banner-home2-wrap .content .sub-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	color: #086AD8;
	padding: 5px 20px;
	box-shadow: 0 10px 30px 0 rgba(171,171,171,0.15);
	letter-spacing: -0.03em
}

.banner-home2 .banner-home2-wrap .content .title {
	font-size: 80px;
	line-height: 90px;
	margin-top: 27px;
	margin-bottom: 48px;
	letter-spacing: -0.06em
}

.banner-home2 .banner-home2-wrap .image .shape {
	margin-left: 54px;
	margin-bottom: -142px;
	margin-top: 33px;
	position: relative;
	z-index: 2;
	width: auto
}

.banner-home2 .banner-home2-wrap .image .shape1,.banner-home2 .banner-home2-wrap .image .shape2,.banner-home2 .banner-home2-wrap .image .shape3,.banner-home2 .banner-home2-wrap .image .shape4 {
	position: absolute;
	width: auto
}

.banner-home2 .banner-home2-wrap .image .shape1 {
	left: 61px;
	top: 32%;
	z-index: 1;
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.banner-home2 .banner-home2-wrap .image .shape2 {
	right: -58px;
	top: 47.5%;
	z-index: 1;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.banner-home2 .banner-home2-wrap .image .shape3 {
	right: 36px;
	top: 82px;
	z-index: 1;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.banner-home2 .banner-home2-wrap .image .shape4 {
	left: 16%;
	top: 12%;
	-webkit-animation: cir36 10s linear infinite;
	animation: cir36 30s linear infinite
}

.banner-home3 {
	padding-top: 262px;
	padding-bottom: 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-h3-banner.png);
	z-index: 2
}

.banner-home3 .mask-banner3 {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1
}

.banner-home3 .content {
	padding-top: 27px
}

.banner-home3 .content .title {
	margin-bottom: 37px
}

.banner-home3 .content .des {
	margin-bottom: 43px;
	letter-spacing: 1.04px
}

.banner-home3 .content .btn-wrap-banner {
	flex-wrap: wrap;
	gap: 23px
}

.banner-home3 .content .btn-wrap-banner .btn-main .button-src {
	background-color: #002FF5
}

.banner-home3 .content .btn-wrap-banner .btn-video span {
	margin-left: 16px
}

.banner-home3 .image {
	margin-right: -6em;
	margin-left: -8px
}

.banner-home4 {
	padding-top: 34px
}

.banner-home4 .content {
	padding-top: 4.7em;
	padding-bottom: 2em
}

.banner-home4 .content .sub-title i {
	font-size: 24px;
	margin-right: 7px;
	color: #002FF5
}

.banner-home4 .content .sub-title span {
	font-size: 22px;
	letter-spacing: -0.6px;
	display: inline-block;
	line-height: 20px;
	border-bottom: 1px solid
}

.banner-home4 .content .title {
	margin-top: 22px;
	margin-bottom: 46px
}

.banner-home4 .content .btn-wrap {
	gap: 20px;
	flex-wrap: wrap
}

.banner-home4 .content .btn-wrap .button-src:first-child {
	background-color: #002FF5
}

.banner-home4 .image {
	padding-left: 6.4em
}

.banner-home4 .image .image2,.banner-home4 .image .image3,.banner-home4 .image .image4,.banner-home4 .image .image5 {
	position: absolute;
	width: auto
}

.banner-home4 .image .image1 {
	position: relative;
	z-index: 1
}

.banner-home4 .image .image2 {
	left: 18px;
	top: 55%;
	z-index: 2;
	animation: dot-anim-3 3s linear 0s infinite alternate
}

.banner-home4 .image .image3 {
	left: 19%;
	top: 4%;
	padding: 17px;
	background-color: #FFF;
	border-radius: 100%;
	z-index: 2;
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.banner-home4 .image .image4 {
	right: -27%;
	top: 8%;
	max-width: 252px;
	width: 100%;
	border-radius: 30px;
	z-index: 2;
	animation: dot-anim-4 3s linear 0s infinite alternate
}

.banner-home4 .image .image5 {
	left: 8%;
	top: 4%;
	z-index: 1
}

.banner-home5 {
	padding-top: 140px;
	padding-bottom: 173px
}

.banner-home5 .mask-hero {
	width: auto;
	position: absolute;
	right: 3%;
	bottom: 19%;
	animation: dot-anim-4 3s linear 0s infinite alternate;
	z-index: 1
}

.banner-home5 .content {
	padding-top: 7px
}

.banner-home5 .content .sub-title {
	font-size: 22px;
	letter-spacing: -0.6px
}

.banner-home5 .content .sub-title i {
	font-size: 25px;
	margin-right: 10px
}

.banner-home5 .content .title {
	margin-top: 24px;
	margin-bottom: 46px
}

.banner-home5 .content .btn-wrap .btn-main .button-src {
	background-color: #002FF5
}

.banner-home5 .content .btn-wrap .btn-main .button-src:hover {
	background-color: #D2A98E
}

.banner-home5 .content .btn-wrap .btn-main:not(:last-child) {
	margin-right: 50px
}

.banner-home5 .content .btn-wrap .btn-main .learn-more {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.banner-home5 .content .btn-wrap .btn-main .learn-more:hover {
	background-size: 100% 100%
}

.banner-home5 .content .btn-wrap .btn-main .learn-more i {
	font-size: 10px
}

.banner-home5 .image {
	padding-left: 6.8em
}

.banner-home5 .image img {
	border-radius: 160px;
	z-index: 2;
	position: relative
}

.counter-wrap {
	padding-right: 14.5em
}

.couner .number {
	font-size: 48px;
	font-weight: 600;
	line-height: 55px;
	position: relative;
	letter-spacing: 2px;
	margin-bottom: 4px
}

.couner .number.number-style1::after {
	content: "+";
	font-size: 48px;
	font-weight: 600;
	line-height: 55px
}

.couner .number.number-style2::after {
	content: "+";
	font-size: 48px;
	font-weight: 600;
	line-height: 55px
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	background-color: #FFF
}

.grid-feature {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 30px
}

.bg-feature-wrap {
	padding: 40px 15px 40px 15px
}

.icon-box {
	background-color: #FFF;
	padding: 40px 50px;
	box-shadow: 0 10px 60px 0 rgba(67,67,67,0.1)
}

.icon-box::before {
	width: 100%;
	height: 100%;
	background-color: #086AD8;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 1;
	transform: scale(1,0);
	transform-origin: bottom;
	transition: transform 500ms ease
}

.icon-box::after {
	width: 90%;
	height: 5px;
	background-color: #086AD8;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 5px;
	content: ""
}

.icon-box:hover:after {
	height: 0;
	transition: transform 500ms ease
}

.icon-box:hover:before {
	transform: scale(1,1);
	transform-origin: bottom
}

.icon-box:hover .mask-bg-iconbox,.icon-box:hover .icon,.icon-box:hover .title a,.icon-box:hover .des,.icon-box:hover .btn-icon-box {
	color: #FFF;
	z-index: 1
}

.icon-box:hover .btn-icon-box {
	border: 2px solid #FFF
}

.icon-box:hover .mask-bg-iconbox {
	opacity: .5
}

.icon-box .mask-bg-iconbox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	color: #020101;
	opacity: .15
}

.icon-box .icon {
	font-size: 60px;
	color: #086AD8;
	transition: all .3s
}

.icon-box .btn-icon-box {
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	padding: 16px 38px;
	display: inline-block;
	border: 2px solid rgba(51,51,51,0.1);
	font-family: "Inter",sans-serif
}

.icon-box .btn-icon-box:hover {
	background-color: #FFF;
	color: #222
}

.icon-box .btn-icon-box i {
	font-size: 12px
}

.icon-box1 {
	transition: .3s all ease-in-out;
	position: relative
}

.icon-box1:hover {
	background-color: #086AD8;
	background-image: url(../images/bg-vector.png)
}

.icon-box1:hover .icon-box1-visible {
	position: relative;
	opacity: 0;
	visibility: hidden
}

.icon-box1:hover .icon-box1-hide {
	background-color: #086AD8;
	top: -23px;
	bottom: -29px;
	opacity: 1
}

.icon-box1 .icon-box1-visible {
	vertical-align: top;
	transition: all .3s ease;
	padding: 48px 50px;
	border: 1px solid rgba(2,1,1,0.1);
	opacity: 1;
	visibility: visible
}

.icon-box1 .icon-box1-visible .content .number {
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	color: #086AD8;
	display: inline-block;
	font-family: "Inter",sans-serif
}

.icon-box1 .icon-box1-visible .content .icon {
	font-size: 55px;
	color: #086AD8;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-bottom: 20px
}

.icon-box1 .icon-box1-visible .content .icon::before {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: rgba(8,106,216,0.07);
	content: "";
	position: absolute;
	bottom: -21px;
	left: 12px
}

.icon-box1 .icon-box1-visible .button-icon-box .service-link {
	padding: 60px 19px;
	background-color: #F6F2ED;
	font-size: 20px;
	border-radius: 30px;
	color: #222
}

.icon-box1 .icon-box1-visible .button-icon-box .service-link:hover {
	background-color: #086AD8;
	color: #FFF
}

.icon-box1 .icon-box1-hide {
	transition: all .3s ease;
	padding: 50px 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0
}

.icon-box1 .icon-box1-hide .icon {
	color: #FFF;
	font-size: 60px
}

.icon-box1 .icon-box1-hide .number {
	color: #086AD8;
	background: rgba(255,255,255,0.2);
	-webkit-background-clip: text;
	-webkit-text-stroke: .03em transparent;
	font-size: 100px;
	font-weight: 600;
	line-height: 80px;
	font-family: "Inter",sans-serif
}

.icon-box1 .icon-box1-hide .title {
	margin-top: 7px;
	margin-bottom: 17px
}

.icon-box1 .icon-box1-hide .title a {
	color: #FFF
}

.icon-box1 .icon-box1-hide .des {
	color: #FFF;
	margin-bottom: 27px
}

.icon-box1 .icon-box1-hide .button-icon-box .service-link {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	font-family: "Inter",sans-serif
}

.icon-box1 .icon-box1-hide .button-icon-box .service-link:hover i {
	margin-left: 10px
}

.icon-box1 .icon-box1-hide .button-icon-box .service-link i {
	font-size: 12px;
	margin-left: 5px;
	transition: all .3s
}

.icon-box2 {
	border-radius: 117px;
	background-color: #FFF;
	padding: 60px 45px;
	box-shadow: 0 10px 60px 0 rgba(67,67,67,0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	transition: all .3s ease-in-out;
	overflow: hidden
}

.icon-box2::after {
	width: 100%;
	height: 100%;
	content: "";
	background-color: #086AD8;
	left: 0;
	right: 0;
	top: -100%;
	position: absolute;
	transition: all .4s ease-in-out
}

.icon-box2::before {
	border: 1px dashed rgba(2,6,38,0.1);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	border-radius: 117px;
	margin: 15px;
	content: "";
	z-index: 1
}

.icon-box2:hover::before {
	border: 1px dashed #FFF
}

.icon-box2:hover::after {
	top: 0
}

.icon-box2:hover .icon,.icon-box2:hover .title a {
	color: #FFF;
	z-index: 2;
	position: relative
}

.icon-box2:hover .check {
	background-color: #D2A98E;
	z-index: 1;
	position: relative
}

.icon-box2:hover .icon {
	transform: rotateY(180deg)
}

.icon-box2 .icon {
	font-size: 65px;
	color: #086AD8;
	margin-bottom: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
	position: relative
}

.icon-box2 .title {
	margin-bottom: 30px;
	text-align: center;
	z-index: 2
}

.icon-box2 .check {
	font-size: 18px;
	padding: 12px;
	color: #FFF;
	background-color: #086AD8;
	border-radius: 100%;
	display: inline-block
}

.icon-box3 {
	padding: 40px 40px 40px 40px;
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(149,149,149,0.1);
	display: block;
	transition: all .3s ease
}

.icon-box3:hover {
	background-color: #086AD8;
	padding: 40px 40px 40px 40px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box3:hover .icon-box-wrap .icons {
	transform: rotateY(360deg)
}

.icon-box3:hover .inner-bottom {
	transform: translateY(-29px)
}

.icon-box3:hover .inner-bottom .icon-bottom {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.icon-box3:hover .icon-box-wrap {
	border-bottom: 1px solid #FFF
}

.icon-box3:hover .icon-box-wrap .number,.icon-box3:hover .icon-box-wrap .icons,.icon-box3:hover .des,.icon-box3:hover .title {
	color: #FFF
}

.icon-box3 .icon-box-wrap {
	padding-bottom: 27px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(2,6,38,0.1)
}

.icon-box3 .icon-box-wrap .number {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	color: #696969;
	font-family: "Inter",sans-serif
}

.icon-box3 .icon-box-wrap .icons {
	font-size: 40px;
	color: #086AD8;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box3 .inner-bottom {
	margin-top: 41px;
	margin-bottom: -53px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box3 .inner-bottom .des {
	margin-bottom: 22px
}

.icon-box3 .inner-bottom .icon-bottom {
	font-size: 22px;
	color: #FFF;
	opacity: 0;
	visibility: hidden;
	transform: translateY(29px);
	transition: all .5s ease
}

.icon-box3 .title {
	margin-bottom: 10px
}

.icon-box4 {
	padding: 40px 50px 40px 60px;
	transition: all .3s ease
}

.icon-box4:hover {
	background-color: #FFF
}

.icon-box4 .icons {
	font-size: 55px;
	color: #086AD8;
	margin-bottom: 35px
}

.icon-box4 .title {
	margin-bottom: 14px
}

.icon-box4 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.icon-box4 .title a:hover {
	background-size: 100% 100%
}

.icon-box4 .des {
	margin-bottom: 28px
}

.icon-box4 .read-more {
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	color: #696969;
	font-family: "Inter",sans-serif
}

.icon-box4 .read-more:hover {
	color: #086AD8
}

.icon-box4 .read-more i {
	font-size: 12px
}

.icon-box5 {
	padding: 30px 42px 20px 35px
}

.icon-box5 .icons {
	font-size: 55px;
	color: #086AD8
}

.icon-box5 .title {
	margin-top: 30px;
	margin-bottom: 12px
}

.icon-box6 {
	padding: 40px 50px 37px 50px;
	background-color: #FFF;
	transition: all .3s ease-in-out
}

.icon-box6:hover {
	background-color: #002FF5;
	border-radius: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box6:hover .btn-icon-wrap .read-more {
	visibility: visible;
	opacity: 1;
	margin-left: 0
}

.icon-box6:hover .icons,.icon-box6:hover .title a,.icon-box6:hover .des,.icon-box6:hover i {
	color: #FFF
}

.icon-box6:hover .btn-icon-wrap i {
	font-size: 12px;
	margin-left: 0
}

.icon-box6:hover .icons::before {
	background-color: rgba(255,255,255,0.2)
}

.icon-box6 .icons {
	font-size: 70px;
	color: #086AD8;
	position: relative
}

.icon-box6 .icons::before {
	width: 55px;
	height: 55px;
	background-color: rgba(0,47,245,0.05);
	content: "";
	position: absolute;
	border-radius: 100%;
	left: 15px;
	bottom: -15px;
	transition: all .3s
}

.icon-box6 .line {
	width: 78px;
	height: 3px;
	background-color: #086AD8;
	transition: all .3s ease-in-out
}

.icon-box6 .title {
	margin-top: 46px;
	margin-bottom: 33px;
	transition: all .3s ease-in-out
}

.icon-box6 .des {
	margin-top: 30px;
	margin-bottom: 30px;
	transition: all .3s ease-in-out
}

.icon-box6 .btn-icon-wrap {
	overflow: hidden
}

.icon-box6 .btn-icon-wrap .read-more {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	font-family: "Inter",sans-serif;
	margin-left: -85px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.icon-box6 .btn-icon-wrap .read-more:hover {
	background-size: 100% 100%
}

.icon-box6 .btn-icon-wrap i {
	font-size: 16px;
	margin-left: -5px
}

.icon-box7 {
	padding-bottom: 26px
}

.icon-box7 .icons {
	font-size: 40px;
	color: #086AD8;
	padding-top: 7px
}

.icon-box7 .content {
	margin-left: 30px
}

.icon-box7 .content .title {
	margin-bottom: 7px
}

.icon-box-8 {
	padding: 24px 37px 20px 37px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box-8:hover,.icon-box-8.active {
	background-color: #086AD8
}

.icon-box-8:hover .icon {
	transform: rotateY(180deg)
}

.icon-box-8.active .icon,.icon-box-8.active .content .title,.icon-box-8.active .content .des,.icon-box-8:hover .icon,.icon-box-8:hover .content .title,.icon-box-8:hover .content .des {
	color: #FFF
}

.icon-box-8 .icon {
	font-size: 50px;
	color: #D2A98E;
	margin-right: 30px;
	margin-top: 6px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box-8 .content .title {
	margin-bottom: 7px
}

.icon-box-8 .content .title a {
	color: #FFF
}

.icon-box-8 .content .des {
	color: rgba(255,255,255,0.55);
	font-family: "Manrope",sans-serif
}

.icon-box-wcus {
	background-color: #F7F8FD;
	padding: 35px 40px 26px 40px;
	transition: all .3s ease-in-out
}

.icon-box-wcus.style2 {
	background-color: #F6F2ED
}

.icon-box-wcus.style2 .icon {
	color: #086AD8
}

.icon-box-wcus.style2:hover {
	background-color: #D2A98E
}

.icon-box-wcus:hover {
	background-color: #002FF5
}

.icon-box-wcus:hover .icon,.icon-box-wcus:hover .title a,.icon-box-wcus:hover .des {
	color: #FFF
}

.icon-box-wcus .icon {
	font-size: 50px;
	color: #002FF5;
	margin-bottom: 25px
}

.icon-box-wcus .title {
	color: #020626;
	margin-bottom: 7px
}

.tf-icon-box {
	border: 1px solid rgba(2,6,38,0.1);
	padding: 60px 104px 50px 104px;
	position: relative;
	overflow: hidden
}

.tf-icon-box:hover::before {
	bottom: 0
}

.tf-icon-box::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: #F6F2ED;
	bottom: -100%;
	transition: all .3s ease-in-out;
	z-index: 1
}

.tf-icon-box .icon,.tf-icon-box .title,.tf-icon-box .des {
	z-index: 2;
	position: relative
}

.tf-icon-box .icon {
	font-size: 55px;
	color: #086AD8
}

.tf-icon-box .title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 12px;
	margin-top: 35px
}

.feature-about-wrap .col-12 {
	padding: 0
}

.feature-about-wrap .row {
	margin-left: 0;
	margin-right: 0
}

.tf-performance {
	background-color: #FFF;
	padding: 35px 50px 27px 50px
}

.tf-performance:hover .number {
	background-color: #086AD8;
	color: #FFF
}

.tf-performance .number {
	font-size: 14px;
	font-weight: 600;
	color: #086AD8;
	border: 1px solid #086AD8;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
	transition: all .3s ease-in-out
}

.tf-performance .title {
	margin-top: 12px;
	margin-bottom: 12px
}

.tf-blog-style1:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.tf-blog-style1 .image {
	overflow: hidden;
	display: block
}

.tf-blog-style1 .image::before {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	content: "";
	background: linear-gradient(180deg,rgba(2,6,38,0),#020626);
	z-index: 1
}

.tf-blog-style1 .image img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.tf-blog-style1 .content {
	position: absolute
}

.tf-blog-style1 .content.style1 {
	left: 50px;
	right: 100px;
	bottom: 30px;
	z-index: 2
}

.tf-blog-style1 .content.style1 .title {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 14px;
	margin-top: 2px
}

.tf-blog-style1 .content.style1 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style1 .content.style1 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style1 .content.style2 {
	left: 40px;
	right: 40px;
	bottom: 30px;
	z-index: 2
}

.tf-blog-style1 .content.style2 .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 14px;
	margin-top: 6px
}

.tf-blog-style1 .content.style2 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style1 .content.style2 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style1 .content .read-more i {
	font-size: 12px
}

.tf-blog-style2 {
	position: relative
}

.tf-blog-style2.blog-pd1 {
	padding-bottom: 25px
}

.tf-blog-style2.blog-pd1:not(:last-child) {
	margin-bottom: 30px
}

.tf-blog-style2:hover .team-hover {
	opacity: 1;
	visibility: visible
}

.tf-blog-style2.blog-pd2 {
	padding-bottom: 21px
}

.tf-blog-style2.blog-pd2:not(:last-child) {
	margin-bottom: 30px
}

.tf-blog-style2 .image {
	max-width: 190px;
	width: 100%;
	margin-left: 30px
}

.tf-blog-style2 .content.style1 .date {
	line-height: 22px
}

.tf-blog-style2 .content.style1 .title {
	margin-top: 9px;
	margin-bottom: 14px
}

.tf-blog-style2 .content.style1 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style2 .content.style1 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style2 .content.style2 .date {
	line-height: 13px
}

.tf-blog-style2 .content.style2 .title {
	margin-top: 14px;
	margin-bottom: 14px
}

.tf-blog-style2 .content.style2 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style2 .content.style2 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style2 .content .date {
	color: #696969;
	display: block
}

.tf-blog-style2 .content .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.tf-blog-style2 .content .read-more {
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	color: #696969
}

.tf-blog-style2 .content .read-more i {
	font-size: 12px;
	transition: all .3s
}

.tf-blog-style2 .content .read-more:hover {
	color: #086AD8
}

.tf-blog-style2 .content .read-more:hover i {
	margin-left: 5px
}

.tf-blog-style3.blog-style3-dark .content .title a {
	color: #FFF!important
}

.tf-blog-style3.blog-style3-dark .read-more {
	color: rgba(255,255,255,0.5)!important
}

.tf-blog-style3.bg-sd {
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(165,165,165,0.25)
}

.tf-blog-style3:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.tf-blog-style3 .image {
	overflow: hidden;
	position: relative;
	display: block
}

.tf-blog-style3 .image img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.tf-blog-style3 .image .date-ab {
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	background-color: #002FF5;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	padding: 11px 8px;
	text-transform: uppercase;
	width: 63px;
	text-align: center
}

.tf-blog-style3 .content.style1 {
	padding: 31px 40px 28px 36px
}

.tf-blog-style3 .content.style1 .title {
	margin-bottom: 14px
}

.tf-blog-style3 .content.style1 .title a {
	color: #18185E;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style3 .content.style1 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style3 .content.style2 {
	padding: 31px 40px 32px 45px
}

.tf-blog-style3 .content.style2 .title {
	margin-bottom: 14px
}

.tf-blog-style3 .content.style2 .title a {
	color: #18185E;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style3 .content.style2 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style3 .content.style3 {
	padding-top: 30px
}

.tf-blog-style3 .content.style3 .title {
	margin-bottom: 20px
}

.tf-blog-style3 .content.style3 .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style3 .content.style3 .title a:hover {
	background-size: 100% 100%
}

.tf-blog-style3 .content .date {
	font-size: 16px;
	font-weight: 500
}

.tf-blog-style3 .content .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: 5px
}

.tf-blog-style3 .content .btn-wrap-link:hover i {
	margin-left: 5px
}

.tf-blog-style3 .content .btn-wrap-link .read-more {
	color: #696969;
	font-size: 16px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-blog-style3 .content .btn-wrap-link .read-more:hover {
	color: #002FF5;
	background-size: 100% 100%
}

.tf-blog-style3 .content .btn-wrap-link i {
	font-size: 12px;
	transition: all .3s
}

.heading-title .sub-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 17px
}

.heading-title .des {
	margin-top: 29px
}

.icon-listing li:not(:last-child) {
	margin-bottom: 10px
}

.icon-listing li i {
	color: #086AD8;
	margin-right: 15px
}

.icon-listing li p {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px
}

.counter-style1 .icon {
	font-size: 45px;
	color: #086AD8;
	margin-bottom: 21px
}

.counter-style1 .number-counter {
	display: inline-block;
	font-size: 48px;
	font-weight: 600;
	line-height: 55px;
	letter-spacing: 2px
}

.counter-style1 .number-counter.number-kplus::after {
	content: "+";
	position: relative
}

.counter-style1 .number-counter.number-mplus::after {
	content: "+";
	position: relative
}

.testimonial-style1 {
	padding: 40px 50px;
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(67,67,67,0.1);
	transition: all .3s ease-in-out
}

.testimonial-style1:hover {
	background-color: #F6F2ED;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.testimonial-style1:hover .testimonial-profile {
	background-color: #FFF;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.testimonial-style1:hover .testimonial-profile::before {
	border-bottom: 15px solid #FFF;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.testimonial-style1 .testimonial-header i {
	font-size: 40px;
	color: #086AD8
}

.testimonial-style1 .testimonial-header img {
	width: auto
}

.testimonial-style1 .line {
	width: 100%;
	height: 1px;
	background-color: rgba(2,6,38,0.1);
	margin-top: 40px;
	margin-bottom: 34px
}

.testimonial-style1 .des {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.2px
}

.testimonial-style1 .testimonial-profile {
	background-color: #F6F2ED;
	border-radius: 5px;
	padding: 16px 30px;
	margin-top: 50px;
	position: relative
}

.testimonial-style1 .testimonial-profile::before {
	position: absolute;
	content: "";
	top: -15px;
	left: 10%;
	width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 15px solid #F6F2ED
}

.testimonial-style1 .testimonial-profile .image {
	margin-right: 15px
}

.testimonial-style1 .testimonial-profile .image img {
	width: 50px;
	height: 50px;
	border-radius: 100%
}

.testimonial-style1 .testimonial-profile .content .job {
	font-size: 14px;
	font-weight: 400
}

.testimonial-style1 .testimonial-profile .content .review {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	background-color: #086AD8;
	border-radius: 20px;
	padding: 1px 10px;
	position: absolute;
	right: -10px;
	top: -16px;
	display: inline-block
}

.testimonial-style1 .testimonial-profile .content .review i {
	margin-right: 5px
}

.testimonial-style2 {
	background-color: #252843;
	padding: 50px 70px
}

.testimonial-style2 .prolifle .image img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin-right: 30px
}

.testimonial-style2 .prolifle .image .name {
	font-size: 22px;
	font-weight: 600;
	color: #FFF
}

.testimonial-style2 .prolifle .image .name .job {
	font-size: 14px;
	font-weight: 400
}

.testimonial-style2 .icon i {
	font-size: 40px;
	color: #D2A98E
}

.testimonial-style2 .des {
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	color: #FFF;
	margin-top: 29px;
	margin-bottom: 31px
}

.testimonial-style2 .testimonial-bottom img {
	width: auto
}

.testimonial-style2 .testimonial-bottom .review {
	margin-right: 10px
}

.testimonial-style2 .testimonial-bottom .review i {
	color: #FFA41B;
	font-size: 18px
}

.mySwipertes3 .swiper-pagination-bullets {
	bottom: 15px;
	left: 12%;
	border: 1px dashed #002FF5!important
}

.mySwipertes3 .swiper-pagination-bullet-active {
	background: #002FF5!important
}

.mySwipertes3 .swiper-pagination-bullet {
	border: 2px solid #002FF5!important
}

.testimonial-style3.testimonial-style3-dark .content .des,.testimonial-style3.testimonial-style3-dark .testimonial-bottom .name {
	color: #FFF!important
}

.testimonial-style3.testimonial-style3-dark .image::before {
	border: 1px solid #FFF!important
}

.testimonial-style3 .image {
	position: relative;
	z-index: 2
}

.testimonial-style3 .image::before {
	z-index: 1
}

.testimonial-style3 .image img {
	position: relative;
	z-index: 2
}

.testimonial-style3.style3-h5 .image {
	margin-right: 70px;
	position: relative;
	z-index: 2
}

.testimonial-style3.style3-h5 .image::before {
	width: 270px;
	border-radius: 100%;
	border: 1px solid rgba(51,51,51,0.1);
	left: -80px;
	top: 0;
	bottom: 0;
	position: absolute;
	content: "";
	z-index: 1
}

.testimonial-style3.style3-h5 .image img {
	width: 270px;
	border-radius: 100%
}

.testimonial-style3.style3-h5 .content .des {
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	color: #222;
	margin-top: 0;
	letter-spacing: -0.6px;
	margin-bottom: 37px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(51,51,51,0.1)
}

.testimonial-style3.style3-h5 .content .testimonial-bottom .testimonial-top i {
	font-size: 50px;
	margin-right: 30px
}

.testimonial-style3 .testimonial-top i {
	font-size: 28px;
	color: #002FF5;
	margin-right: 20px
}

.testimonial-style3 .testimonial-top .name {
	font-size: 22px;
	font-weight: 600;
	color: #18185E
}

.testimonial-style3 .testimonial-top .name .job {
	font-size: 14px;
	font-weight: 400
}

.testimonial-style3 .des {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: #18185E;
	margin-top: 21px;
	margin-bottom: 31px;
	letter-spacing: -0.5px
}

.testimonial-style3 .testimonial-bottom {
	flex-wrap: wrap
}

.testimonial-style3 .testimonial-bottom img {
	width: auto
}

.testimonial-style3 .testimonial-bottom .review {
	margin-right: 10px
}

.testimonial-style3 .testimonial-bottom .review i {
	color: red;
	font-size: 18px
}

.tf-team-list {
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(2,1,1,0.1);
	transition: all .3s ease
}

.tf-team-list:not(:last-child) {
	margin-bottom: 39px
}

.tf-team-list:hover {
	border-bottom: 1px solid #222
}

.tf-team-list:hover .link-team {
	background-color: #086AD8
}

.tf-team-list:hover .box-wrap .name a {
	background-size: 100% 100%
}

.tf-team-list .number {
	font-size: 20px;
	font-weight: 400;
	color: #086AD8;
	display: inline-block;
	line-height: 20px;
	width: 73px
}

.tf-team-list .box-wrap {
	width: max-content
}

.tf-team-list .box-wrap .name {
	line-height: 22px;
	margin-bottom: 2px
}

.tf-team-list .box-wrap .name a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-team-list .box-wrap .job {
	font-size: 16px;
	font-weight: 400
}

.tf-team-list .link-team {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	color: #FFF;
	background-color: #D2A98E;
	transition: all .3s ease
}

.tf-team-list .link-team:hover {
	transform: rotate(45deg)
}

.tf-team-list .link-team i {
	font-size: 15px
}

.team-grid-4 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px 90px
}

.tf-team {
	padding: 22px 20px 30px 20px;
	background-color: #FFF;
	border: 1px solid rgba(2,6,38,0.1);
	position: relative
}

.tf-team:hover .image .social-team {
	opacity: 1;
	visibility: visible;
	bottom: 9px
}

.tf-team:hover .image img,.tf-team:hover .image a {
	margin-bottom: 0
}

.tf-team:hover .icon-team-plus {
	opacity: 0;
	visibility: hidden
}

.tf-team .content {
	padding: 0 20px 20px 20px
}

.tf-team .image a {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	margin-bottom: 30px
}

.tf-team .image a img {
	height: 277px;
	margin-bottom: -30px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	transition: all .3s ease
}

.tf-team .image .social-team {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #086AD8;
	border-radius: 5px;
	padding: 5px 18px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all .4s ease-in-out;
	display: inline-flex!important
}

.tf-team .image .social-team li:not(:last-child) {
	margin-right: 15px
}

.tf-team .image .social-team li a {
	color: #FFF!important;
	font-size: 15px
}

.tf-team .icon-team-plus {
	width: 55px;
	height: 55px;
	border-radius: 100%;
	border: 3px solid #F6F2ED;
	background-color: #086AD8;
	color: #FFF;
	font-size: 12px;
	z-index: 2;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s;
	opacity: 1;
	visibility: visible
}

.tf-team-style2:hover .content {
	background-color: #086AD8;
	box-shadow: 0 10px 60px 0 rgba(8,106,216,0.5)
}

.tf-team-style2:hover .content .title a,.tf-team-style2:hover .content .job,.tf-team-style2:hover .content .line {
	color: #FFF
}

.tf-team-style2:hover .content .line {
	background-color: rgba(255,255,255,0.1)
}

.tf-team-style2:hover .content .social-team a {
	background-color: #FFF;
	color: #696969
}

.tf-team-style2 .image img {
	min-width: 350px;
	width: 100%
}

.tf-team-style2 .content {
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(149,149,149,0.1);
	padding: 34px 50px 40px 50px;
	margin-top: 90px;
	margin-left: -5em;
	transition: all .4s ease-in-out
}

.tf-team-style2 .content .title {
	margin-bottom: 1px
}

.tf-team-style2 .content .line {
	width: 100%;
	height: 1px;
	background-color: rgba(2,6,38,0.1);
	margin-bottom: 31px;
	margin-top: 21px
}

.tf-team-style2 .content .social-team li:not(:last-child) {
	margin-right: 10px
}

.tf-team-style2 .content .social-team li a {
	color: #696969;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: rgba(34,34,34,0.1)
}

.tf-team-style2 .content .social-team li a:hover {
	background-color: #D2A98E;
	color: #FFF
}

.tf-team-style3 {
	border: 1px solid #18185E;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.tf-team-style3:hover {
	padding-bottom: 40px;
	margin-bottom: -40px
}

.tf-team-style3:hover .content .social-team {
	opacity: 1;
	margin-top: 0;
	bottom: 30px;
	visibility: visible
}

.tf-team-style3 .content {
	padding: 25px 20px 30px 20px
}

.tf-team-style3 .content .job {
	margin-bottom: 10px
}

.tf-team-style3 .content .social-team {
	margin-top: -40px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px
}

.tf-team-style3 .content .social-team li:not(:last-child) {
	margin-right: 10px
}

.tf-team-style3 .content .social-team li a {
	color: #696969;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: transparent;
	border: 1px solid #18185E
}

.tf-team-style3 .content .social-team li a:hover {
	background-color: #002FF5;
	border: 1px solid #002FF5;
	color: #FFF
}

.tf-image-box.bd-line .content {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(2,6,38,0.1);
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-image-box:hover.bd-line .content {
	background-size: 100% 100%;
	color: #002FF5
}

.tf-image-box:hover .content .icon {
	opacity: 1;
	visibility: visible;
	margin-right: 0
}

.tf-image-box:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.tf-image-box .image {
	display: block
}

.tf-image-box .image img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.tf-image-box .content {
	margin-top: 26px
}

.tf-image-box .content .number {
	font-size: 16px;
	font-weight: 600;
	color: #696969
}

.tf-image-box .content .line {
	width: 40px;
	height: 2px;
	background-color: #086AD8;
	margin-left: 20px;
	margin-right: 20px
}

.tf-image-box .content .category {
	font-size: 16px;
	font-weight: 400
}

.tf-image-box .content .title {
	margin-top: 5px
}

.tf-image-box .content .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-image-box .content .title a:hover {
	background-size: 100% 100%
}

.tf-image-box .content .icon {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background-color: #002FF5;
	font-size: 15px;
	color: #FFF;
	opacity: 0;
	visibility: hidden;
	margin-right: 30px;
	display: inline-flex;
	transition: all .3s
}

.tf-image-box .content .icon:hover {
	background-color: #D2A98E;
	transform: rotate(45deg)
}

.tf-case {
	position: relative;
	overflow: hidden
}

.tf-case:hover .content-case .link-case {
	opacity: 1;
	visibility: visible;
	margin-bottom: 0;
	transition: all .3s ease
}

.tf-case:hover .image-case::before {
	top: 0
}

.tf-case:hover .image-case img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.tf-case .image-case {
	overflow: hidden
}

.tf-case .image-case:before {
	content: "";
	position: absolute;
	background-color: rgba(0,0,0,0.5607843137);
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	z-index: 1
}

.tf-case .image-case img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.tf-case .content-case {
	position: absolute;
	z-index: 2;
	background-color: #FFF;
	bottom: 30px;
	left: 30px;
	right: 30px;
	padding: 26px 40px 0 40px;
	overflow: hidden
}

.tf-case .content-case .category {
	font-family: "Manrope",sans-serif;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	color: #086AD8;
	margin-bottom: 10px
}

.tf-case .content-case .title {
	margin-bottom: 27px;
	letter-spacing: -1px
}

.tf-case .content-case .title a {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.tf-case .content-case .link-case {
	padding: 18px 0 16px 0;
	border-top: 1px solid rgba(2,6,38,0.1);
	opacity: 0;
	visibility: hidden;
	margin-bottom: -64px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.tf-case .content-case .link-case a {
	font-size: 16px;
	font-weight: 600;
	color: #222
}

.tf-case .content-case .link-case a:hover {
	color: #086AD8
}

.tf-case .content-case .link-case a i {
	font-size: 12px
}

.tf-image-box2.style-dark .content .category {
	color: #086AD8;
	border-bottom: 1px solid rgba(2,6,38,0.1)
}

.tf-image-box2.style-dark .content .image-box-inner .number {
	background-color: #D2A98E;
	transition: all .3s ease-in-out
}

.tf-image-box2.style-dark .content .image-box-inner .title a {
	color: #222
}

.tf-image-box2.style-dark .content .image-box-inner .title a:hover {
	color: #086AD8
}

.tf-image-box2:hover .image img {
	transform: scale(1.1)
}

.tf-image-box2:hover .content .image-box-inner .number {
	background-color: #086AD8
}

.tf-image-box2 .image {
	overflow: hidden;
	display: block
}

.tf-image-box2 .image img {
	-webkit-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.tf-image-box2 .content .category {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #FFF;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 16px 0
}

.tf-image-box2 .content .image-box-inner {
	margin-top: 27px
}

.tf-image-box2 .content .image-box-inner .number {
	width: 100%;
	max-width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 100%;
	background-color: #002FF5;
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	line-height: 50px;
	color: #FFF;
	margin-right: 30px;
	transition: all .3s ease
}

.tf-image-box2 .content .image-box-inner .title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.tf-image-box2 .content .image-box-inner .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #FFF
}

.tf-image-box2 .content .image-box-inner .title a:hover {
	background-size: 100% 100%
}

.tf-image-box3 {
	padding: 15px;
	background-color: #F7F8FD;
	width: 100%
}

.tf-image-box3 .image-box3-content {
	padding: 76px 75px 35px 84px
}

.tf-image-box3 .image-box3-content .heading-title .icon {
	color: #002FF5;
	display: block;
	margin-top: -10px
}

.tf-image-box3 .image-box3-content .heading-title .button-src {
	background-color: #002FF5
}

.tf-image-box3 .image-box3-content .heading-title .button-src:hover {
	background-color: #D2A98E
}

.tf-image-box3 .image-box3-image img {
	width: 425px;
	height: 507px;
	object-fit: cover
}

.service-item {
	padding: 30px 0;
	border-bottom: 1px solid rgba(0,47,245,0.1)!important;
	transition: all .4s ease-in-out
}

.service-item.service-dark:hover {
	box-shadow: unset!important;
	background-color: #070C37
}

.service-item.service-dark .category {
	color: rgba(255,255,255,0.65)!important
}

.service-item.service-dark .category .number::before {
	background-color: rgba(255,255,255,0.65)!important
}

.service-item.service-dark .title a {
	color: #FFF
}

.service-item.service-dark .des {
	color: rgba(255,255,255,0.65)!important
}

.service-item.service-dark .btn-main .btn-service {
	color: #FFF;
	border: unset;
	background-color: #070C37
}

.service-item:not(:last-child) {
	margin-bottom: 20px
}

.service-item:hover {
	padding: 30px 30px;
	box-shadow: 0 10px 60px 0 rgba(165,165,165,0.25);
	border-bottom: unset
}

.service-item:hover .btn-main .btn-service {
	color: #FFF;
	background-color: #002FF5
}

.service-item:hover .image {
	margin-right: 4.4em
}

.service-item .image {
	margin-right: 6.2em;
	transition: all .4s ease-in-out;
	overflow: hidden;
	border-radius: 70px;
	flex-shrink: 0
}

.service-item .image img {
	width: 300px;
	border-radius: 70px
}

.service-item .content {
	width: 310px;
	padding-right: 5em
}

.service-item .content .category {
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	margin-bottom: 10px
}

.service-item .content .category .number {
	position: relative;
	padding-left: 48px
}

.service-item .content .category .number::before {
	width: 35px;
	height: 1px;
	background-color: #696969;
	position: absolute;
	content: "";
	left: 5px;
	bottom: 6px
}

.service-item .content .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.service-item .content .title a:hover {
	background-size: 100% 100%
}

.service-item .btn-main {
	width: 17%;
	text-align: -webkit-right
}

.service-item .btn-main .btn-service {
	width: 45px;
	height: 45px;
	color: #002FF5;
	border: 1px solid rgba(0,47,245,0.1);
	line-height: 45px;
	text-align: center;
	display: block;
	border-radius: 100%
}

.service-item .btn-main .btn-service:hover {
	background-color: #D2A98E
}

.service-item .des {
	margin-left: 3em;
	width: 25%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.tf-portfolio.portfolio-dark .content .inner-title .title a {
	color: #FFF
}

.tf-portfolio.portfolio-dark .content .inner-title p {
	color: rgba(255,255,255,0.5)
}

.tf-portfolio.portfolio-dark .content .btn-main .link-portfolio {
	background-color: #FFF;
	color: #086AD8
}

.tf-portfolio:hover .content .btn-main .link-portfolio {
	background-color: #002FF5;
	color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(0,47,245,0.6)
}

.tf-portfolio .image {
	display: block;
	margin-bottom: 36px
}

.tf-portfolio .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px
}

.tf-portfolio .content .inner-title .title {
	font-size: 27px;
	margin-bottom: 12px
}

.tf-portfolio .content .inner-title .title a {
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tf-portfolio .content .inner-title .title a:hover {
	background-size: 100% 100%
}

.tf-portfolio .content .inner-title p {
	line-height: 16px
}

.tf-portfolio .content .btn-main .link-portfolio {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	line-height: 50px;
	text-align: center;
	color: #086AD8;
	box-shadow: 0 10px 60px 0 rgba(165,165,165,0.25);
	display: inline-block;
	font-size: 20px
}

.tf-portfolio .content .btn-main .link-portfolio:hover {
	background-color: #D2A98E;
	transform: rotate(45deg)
}

.progress-skill .couter2 .chart2,.progress-skill .couter .chart {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.progress-skill .couter2 .chart2 span.percent2,.progress-skill .couter .chart span.percent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 24px;
	font-weight: 600;
	font-family: "Inter",sans-serif;
	display: inline-block;
	color: #222
}

.progress-skill .couter2 .chart2 span.percent2 {
	color: #222
}

.progress-skill .couter2 .chart2 span.percent2::after,.progress-skill .couter .chart span.percent::after {
	content: "%";
	font-size: 16px;
	font-weight: 600
}

.content-progress {
	margin-left: 20px
}

.progress-wrap .pro-items {
	width: 100%
}

.progress-wrap .pro-items:not(:last-child) {
	margin-bottom: 32px
}

.progress-wrap .pro-items .pro-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px
}

.progress-wrap .pro-items .pro-head .title {
	font-size: 18px;
	font-weight: 600;
	color: #222
}

.progress-wrap .pro-items .pro-head .point {
	font-size: 18px;
	color: #222;
	font-weight: 600
}

.progress-wrap .pro-items .progress {
	background: transparent;
	justify-content: flex-start;
	border-radius: 100px;
	align-items: center;
	position: relative;
	display: flex;
	height: 3px;
	width: 100%
}

.progress-wrap .pro-items .progress-value {
	animation: load 3s normal forwards;
	border-radius: 0;
	background: #086AD8;
	height: 3px;
	width: 0;
	border-radius: 16px
}

.progress-wrap .pro-items .style-two {
	animation: load2 3s normal forwards
}

.progress-wrap .pro-items .style-three {
	animation: load3 3s normal forwards
}

@keyframes load {
	0% {
		width: 0
	}

	100% {
		width: 85%
	}
}

@keyframes load2 {
	0% {
		width: 0
	}

	100% {
		width: 95%
	}
}

@keyframes load3 {
	0% {
		width: 0
	}

	100% {
		width: 72%
	}
}

.image-list li:not(:first-child) {
	margin-left: -10px
}

.image-list li img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	transition: all .3s
}

.image-list li img:hover {
	margin-top: -10px
}

.swiper-pagination {
	padding: 3px 23px;
	border: 1px dashed #086AD8;
	display: inline-block;
	border-radius: 20px;
	width: auto!important
}

.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #FFF;
	opacity: 1;
	border: 2px solid #086AD8;
	margin: 0 7px!important
}

.swiper-pagination .swiper-pagination-bullet-active {
	background: #086AD8
}

.step-item {
	padding: 28px 50px 21px 40px;
	background-color: #252593;
	transition: all .3s ease-in-out
}

.step-item:hover {
	background-color: #002FF5
}

.step-item:hover .step {
	color: #222;
	background-color: #FFF
}

.step-item:hover .des {
	color: #FFF
}

.step-item .step {
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	padding: 4px 9px;
	border-radius: 10px;
	border: 2px solid #FFF;
	background-color: transparent;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 17px;
	color: #FFF;
	font-family: "Manrope",sans-serif
}

.step-item .title {
	margin-bottom: 4px
}

.step-item .title a {
	color: #FFF
}

.step-item .des {
	color: rgba(255,255,255,0.55)
}

.funfat-item {
	padding: 1px 50px 32px 50px;
	background-color: #F7F8FD;
	margin-top: 60px;
	transition: all .4s ease-in-out
}

.funfat-item:hover {
	background-color: #FFF;
	box-shadow: 0 10px 60px 0 rgba(165,165,165,0.25)
}

.funfat-item:hover .icon {
	background-color: #002FF5;
	color: #FFF
}

.funfat-item .icon {
	width: 106px;
	height: 106px;
	background-color: #FFF;
	border-radius: 100%;
	font-size: 60px;
	color: #002FF5;
	box-shadow: 0 10px 60px 0 rgba(165,165,165,0.25);
	margin-top: -53px;
	margin-bottom: 24px;
	transition: all .4s ease-in-out
}

.funfat-item .funfat-item-wrap .number-counter {
	font-size: 65px;
	font-weight: 600;
	line-height: 65px;
	color: #18185E;
	margin-right: 30px;
	letter-spacing: 5px
}

.funfat-item .funfat-item-wrap .number-plus::after {
	content: "+"
}

.funfat-item .funfat-item-wrap .des {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-top: 5px
}

.accordion-h3 {
	padding-left: 40px;
	border-left: 3px solid #086AD8
}

.accordion-h4 .accordion-item:not(:last-child) {
	margin-bottom: 32px
}

.accordion-h4 .accordion-item .accordion-header {
	padding-right: 0
}

.accordion-h4 .accordion-item .accordion-header span {
	color: #020626;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.7px;
	padding: 5px 0 13px 0;
	border-bottom: 1px solid rgba(2,1,1,0.1)
}

.accordion-h4 .accordion-item .accordion-header span::after {
	right: 0;
	color: #002FF5
}

.accordion-h4 .accordion-item .accordion-body {
	padding-top: 23px;
	padding-bottom: 0;
	padding-right: 8px
}

.accordion-button:not(.collapsed) {
	color: unset;
	background-color: unset;
	box-shadow: unset
}

.accordion-item {
	color: unset;
	background-color: unset;
	border: unset
}

.accordion-item:not(:last-child) {
	margin-bottom: 30px
}

.accordion-item .accordion-header {
	position: relative;
	padding-right: 40px
}

.accordion-item .accordion-header span {
	color: #18185E;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.5px;
	padding: 0
}

.accordion-item .accordion-header span>i {
	position: absolute;
	right: 0;
	top: 2px;
	rotate: 90deg;
	font-size: 15px;
	background-image: none
}

.accordion-item .accordion-header .accordion-button.collapsed::after {
	rotate: 0deg
}

.accordion-item .accordion-body {
	padding-top: 10px;
	padding-right: 12px;
	letter-spacing: .3px;
	padding-left: 0;
	padding-bottom: 10px;
	color: #696969
}

.tf-pricing {
	padding: 32px 50px 40px 50px;
	background-color: #FFF;
	transition: all .4s ease-in-out;
	position: relative
}

.tf-pricing.pricing-dark {
	background-color: #020626
}

.tf-pricing.pricing-dark .pricing-header .plan,.tf-pricing.pricing-dark .pricing-header .title,.tf-pricing.pricing-dark .icon-listing li p,.tf-pricing.pricing-dark .button-src {
	color: #FFF!important
}

.tf-pricing.pricing-dark .button-src {
	border: 1px solid #FFF!important
}

.tf-pricing.pricing-dark .icon-listing li i {
	color: #086AD8!important
}

.tf-pricing:hover {
	background-color: #002FF5;
	transform: translateY(-10px)
}

.tf-pricing:hover .pricing-header .plan,.tf-pricing:hover .pricing-header .price,.tf-pricing:hover .pricing-header .des,.tf-pricing:hover .icon-listing li i,.tf-pricing:hover .icon-listing li p {
	color: #FFF
}

.tf-pricing:hover .pricing-header {
	border-bottom: 1px solid rgba(255,255,255,0.2)
}

.tf-pricing:hover .icon-listing li.no-vip i,.tf-pricing:hover .icon-listing li.no-vip p {
	color: rgba(255,255,255,0.55)
}

.tf-pricing:hover .button-src {
	background-color: transparent;
	border: 2px solid #FFF
}

.tf-pricing .popular {
	background-color: #FF8C22;
	padding: 4px 15px 3px 23px;
	clip-path: polygon(100% 0,100% 50%,100% 100%,0% 100%,5% 50%,0% 0);
	color: #FFF;
	display: inline-block;
	position: absolute;
	right: -45px;
	top: 9%;
	rotate: -90deg
}

.tf-pricing .popular span {
	text-transform: uppercase
}

.tf-pricing .pricing-header {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(24,24,94,0.1)
}

.tf-pricing .pricing-header .plan {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	display: inline-block;
	color: #002FF5;
	margin-bottom: 17px;
	letter-spacing: -1px
}

.tf-pricing .pricing-header .price {
	font-size: 65px;
	font-weight: 600;
	line-height: 75px;
	color: #18185E;
	letter-spacing: 2px;
	margin-bottom: 12px
}

.tf-pricing .pricing-header .price .per {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	letter-spacing: -0.9px
}

.tf-pricing .icon-listing {
	margin-top: 36px;
	margin-bottom: 33px
}

.tf-pricing .icon-listing li:not(:last-child) {
	margin-bottom: 15px
}

.tf-pricing .icon-listing li i {
	font-size: 18px;
	font-weight: 800;
	color: #002FF5
}

.tf-pricing .icon-listing li p {
	font-size: 16px;
	font-weight: 500;
	color: #18185E
}

.tf-pricing .icon-listing li.no-vip i {
	font-size: 11px;
	font-weight: 500;
	color: #696969
}

.tf-pricing .icon-listing li.no-vip p {
	color: #696969
}

.tf-pricing .button-src {
	background-color: #18185E;
	border: 2px solid #18185E;
	padding: 16px 39px
}

.tf-pricing.style-01 {
	padding: 43px 57px 51px 50px
}

.tf-pricing.style-01:hover .button-src {
	background-color: #002FF5;
	color: #FFF;
	border: 2px solid #002FF5
}

.tf-pricing.style-01:hover .pricing-header {
	border-bottom: 1px solid rgba(255,255,255,0.2)!important
}

.tf-pricing.style-01:hover .pricing-header .plan,.tf-pricing.style-01:hover .pricing-header .title,.tf-pricing.style-01:hover .pricing-header .price,.tf-pricing.style-01:hover .pricing-header .per,.tf-pricing.style-01:hover .pricing-header .price .des,.tf-pricing.style-01:hover .icon-listing li i,.tf-pricing.style-01:hover .icon-listing li p {
	color: #FFF!important
}

.tf-pricing.style-01:hover .pricing-header {
	border-bottom: 1px solid rgba(24,24,94,0.1)
}

.tf-pricing.style-01:hover .button-src {
	background-color: #FFF;
	color: #222!important
}

.tf-pricing.style-01 .popular {
	position: absolute;
	right: 0;
	top: 0;
	rotate: 0deg
}

.tf-pricing.style-01 .pricing-header {
	padding-bottom: 25px
}

.tf-pricing.style-01 .pricing-header .plan {
	font-size: 16px;
	font-weight: 400;
	color: #6200EA;
	margin-bottom: 0;
	letter-spacing: 0
}

.tf-pricing.style-01 .pricing-header .title {
	margin-bottom: 15px
}

.tf-pricing.style-01 .pricing-header .price {
	color: #002FF5;
	position: relative;
	padding-left: 20px
}

.tf-pricing.style-01 .pricing-header .price::before {
	position: absolute;
	content: "$";
	font-size: 22px;
	font-weight: 600;
	top: -14px;
	left: 0
}

.tf-pricing.style-01 .pricing-header .price .per {
	color: #696969
}

.tf-pricing.style-01 .icon-listing {
	margin-top: 43px;
	margin-bottom: 43px
}

.tf-pricing.style-01 .icon-listing li:not(:last-child) {
	margin-bottom: 25px
}

.tf-pricing.style-01 .icon-listing li i {
	color: #6200EA;
	margin-right: 10px
}

.tf-pricing.style-01 .icon-listing li p {
	font-weight: 600;
	color: #696969
}

.tf-pricing.style-01 .button-src {
	background-color: transparent;
	border: 2px solid #18185E;
	color: #222;
	padding: 16px 20px;
	width: 100%;
	text-align: center
}

.tf-pricing.text-service:hover {
	background-color: #086AD8
}

.tf-pricing.text-service:hover .button-src {
	border: 1px solid #D2A98E
}

.tf-pricing.text-service .pricing-header .plan,.tf-pricing.text-service .pricing-header .price,.tf-pricing.text-service .icon-listing li i {
	color: #086AD8!important
}

.brand-item {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	border: 1px solid rgba(98,0,234,0.1);
	cursor: pointer;
	transition: all .3s ease-in;
	position: relative;
	margin: 20px
}

.brand-item:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: "";
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.brand-item.effect-1:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.brand-item.effect-1:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #002FF5;
	-webkit-transition: -webkit-transform .2s,opacity .2s;
	-webkit-transform: scale(0.8);
	-moz-transition: -moz-transform .2s,opacity .2s;
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: transform .2s,opacity .2s;
	transform: scale(0.8);
	opacity: 0
}

.brand-item:hover {
	background-color: #002FF5
}

.brand-item img {
	width: auto;
	height: 30px
}

.brand-item .first {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	transition: z-index .5s ease,transform .6s ease;
	opacity: 0;
	visibility: hidden
}

.brand-item:hover .first {
	z-index: 1;
	opacity: 1;
	visibility: visible
}

.item-team-grid {
	display: grid;
	margin-left: 6.9em;
	margin-right: 8px;
	gap: 15px;
	grid-auto-rows: minmax(100px,auto);
	grid-template-columns: repeat(3,1fr)
}

.item-team-grid .item-team-member>a {
	overflow: hidden;
	display: block
}

.item-team-grid .item-team-member>a img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.item-team-grid .item-team-member .social-team {
	padding: 11px 30px;
	background-color: #086AD8;
	position: absolute;
	left: 30px;
	bottom: 0;
	opacity: 1;
	visibility: hidden;
	display: none;
	transition: all .3s
}

.item-team-grid .item-team-member .social-team li:not(:last-child) {
	margin-right: 25px
}

.item-team-grid .item-team-member .social-team li a {
	color: #FFF
}

.group-team-style1 .content-right .active-thumb {
	grid-column: 1/3;
	grid-row: 1/4;
	animation: fadeIn ease-in .3s
}

.group-team-style1 .content-right .item-team-member.active-thumb img {
	height: 444px
}

.group-team-style1 .content-right .item-team-member.active-thumb .social-team {
	bottom: 30px!important;
	opacity: 1!important;
	visibility: visible!important;
	display: inline-flex
}

.group-team-style1 .content-right .item-team-member img {
	height: 138px;
	object-fit: cover
}

.mouse-cursor {
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden
}

.cursor-inner {
	width: 6px;
	height: 6px;
	z-index: 10000001;
	background-color: #002FF5;
	-webkit-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
	-o-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
	transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}

.cursor-inner.cursor-hover {
	margin-left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	background-color: #002FF5;
	opacity: .3
}

.cursor-outer {
	margin-left: -12px;
	margin-top: -12px;
	width: 30px;
	height: 30px;
	border: 1px solid #002FF5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10000000;
	opacity: .5;
	-webkit-transition: all .08s ease-out;
	-o-transition: all .08s ease-out;
	transition: all .08s ease-out
}

.cursor-outer.cursor-hover {
	opacity: 0
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #086AD8;
	border-radius: 5px
}

::-webkit-scrollbar-thumb {
	background: #086AD8;
	border-radius: 10px
}

.nav-tabs-project .nav-item .nav-link {
	font-size: 18px;
	font-weight: 500;
	padding: unset;
	background-color: unset;
	border-radius: unset;
	color: #696969;
	padding-bottom: 13px;
	border-bottom: solid 2px #FFF;
	margin: 0 25px
}

.nav-tabs-project .nav-item .nav-link.active {
	color: #222;
	font-weight: 600;
	border-bottom: solid 2px #086AD8
}

.nav-tabs-service {
	gap: 67px
}

.nav-tabs-service .nav-item .nav-link {
	padding: 7px 0 25px 0;
	background-color: transparent;
	border-radius: unset;
	color: #222;
	border-bottom: 1px solid rgba(0,47,245,0.1);
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.7px;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 1px);
	transition: .6s cubic-bezier(0.215,0.61,0.355,1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}

.nav-tabs-service .nav-item .nav-link:hover {
	background-size: 100% 100%;
	color: #002FF5
}

.nav-tabs-service .nav-item .nav-link.active {
	border-bottom: 1px solid #002FF5
}

.nav-tabs-service .nav-item .nav-link i {
	font-size: 50px;
	color: #002FF5;
	margin-right: 20px
}

.nav-tabs-pricing {
	border-bottom: 1px solid rgba(24,24,94,0.1);
	display: inline-flex
}

.nav-tabs-pricing.nav-tabs-pricing-white .nav-item .nav-link {
	color: #FFF
}

.nav-tabs-pricing.nav-tabs-pricing-white .nav-item .nav-link.active {
	border-bottom: 1px solid #086AD8;
	color: #086AD8
}

.nav-tabs-pricing.nav-tabs-pricing-service .nav-link.active {
	color: #086AD8!important;
	border-bottom: 1px solid #086AD8!important
}

.nav-tabs-pricing .nav-item {
	margin-right: 34px
}

.nav-tabs-pricing .nav-item .nav-link {
	padding: 15px 15px 9px 0;
	background-color: transparent;
	border-radius: unset;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.nav-tabs-pricing .nav-item .nav-link i {
	font-size: 15px
}

.nav-tabs-pricing .nav-item .nav-link.active {
	border-bottom: 1px solid #002FF5;
	color: #002FF5
}

.tab-faq-page .nav-item {
	margin-bottom: 10px
}

.tab-faq-page .nav-item:not(:last-child) {
	margin-right: 18px
}

.tab-faq-page .nav-item .nav-link {
	padding: 7px 21px;
	background-color: #F6F2ED;
	color: #696969
}

.tab-faq-page .nav-item .nav-link.active,.tab-faq-page .nav-item .nav-link:hover {
	background-color: #D2A98E;
	color: #FFF
}

.tf-tabs .toggle-btn-tabs {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
	background: #D2A98E;
	border-radius: 100px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-1 {
	position: absolute;
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	z-index: 5;
	cursor: pointer
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-1.active {
	z-index: 4
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-1::after {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 50%
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-2 {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	right: 3px;
	bottom: 3px;
	background-color: unset;
	z-index: 5;
	border-radius: 50%;
	cursor: pointer
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-2.inactive,.tf-tabs .toggle-btn-tabs .btn-tog.btn-2 {
	width: 100%!important;
	z-index: 6
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-1.inactive {
	width: 100%!important;
	z-index: 6
}

.tf-tabs .toggle-btn-tabs .btn-tog.btn-2.active {
	width: 32px;
	z-index: 4
}

.tf-tabs .toggle-btn-tabs .btn-tog.inactive.btn-1::after {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px)
}

.tf-tabs .toggle-btn-tabs .btn-tog.active.btn-1::after {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px)
}

.tf-tabs .toggle-btn-tabs.active {
	background: #086AD8
}

.tf-tabs .toggle-btn-over {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}

.tf-tabs .toggle-btn-over .text-toggle {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #222;
	padding: 0 20px
}

.tf-tabs .toggle-btn-over .text-toggle i {
	font-size: 12px
}

.tf-tabs .tf-tabcontent {
	padding-top: 70px;
	overflow: hidden
}

.tf-tabs .tf-tabcontent .tf-tabcontent-inner {
	display: none;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	text-align: left
}

.tf-tabs .tf-tabnav ul>li .tab-title-text {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px
}

.tf-tabcontent:before,.tf-tabcontent:after {
	display: table;
	content: ""
}

.tf-tabcontent:after {
	clear: both
}

.tf-tabs .tf-tabcontent .tf-tabcontent-inner.active,.tf-tabs .tf-tabcontent .tf-tabcontent-inner.set-active-tab {
	display: block
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

html {
	margin-right: 0!important
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	font-family: "Inter",sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #222;
	background-color: #FFF
}

img {
	width: 100%;
	height: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

ul,li {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.center {
	text-align: center
}

.row>* {
	padding-right: 15px;
	padding-left: 15px
}

.tf-container {
	max-width: 1320px;
	width: 100%;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px
}

.tf-container.full {
	max-width: 100%;
	width: 100%;
	margin: auto;
	padding-left: 0;
	padding-right: 0
}

label {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	color: #222;
	font-family: "Manrope",sans-serif
}

textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color] {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
	border-radius: 5px;
	line-height: 18px;
	font-size: 16px;
	font-weight: 400;
	padding: 23px 25px;
	width: 100%;
	background-color: #FFF;
	color: #696969
}

textarea::placeholder,input[type=text]::placeholder,input[type=password]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=color]::placeholder {
	color: #696969;
	line-height: 18px;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus {
	border: 1px solid #086AD8;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

::-webkit-input-placeholder {
	color: #696969
}

:-moz-placeholder {
	color: #696969
}

::-moz-placeholder {
	color: #696969;
	opacity: 1
}

:-ms-input-placeholder {
	color: #696969
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Inter",sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: -0.03em;
	font-weight: 600
}

h1 {
	font-size: 65px;
	line-height: 75px
}

h2 {
	font-size: 48px;
	line-height: 55px
}

h3 {
	font-size: 22px;
	line-height: 30px
}

h4 {
	font-size: 20px;
	line-height: 30px
}

h5 {
	font-size: 18px;
	line-height: 28px
}

h6 {
	font-size: 16px;
	line-height: 19.36px
}

p {
	font-family: "Manrope",sans-serif;
	line-height: 30px;
	color: #696969
}

.msg-success {
	background: linear-gradient(to right,#E250E5,#4B50E6,#E250E5);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 700;
	background-size: 200% 200%;
	animation: rainbow 2s ease-in-out infinite;
	color: rgba(0,0,0,0);
	transition: color .2s ease-in-out;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px
}

label.error {
	color: red
}

.text-white {
	color: #FFF
}

.text-blue1 {
	color: #002FF5
}

.text-blue1.mask {
	position: relative;
	z-index: 0;
	padding: 0 0 10px
}

.text-blue1.mask:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #002FF5;
	-webkit-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url(../images/line.svg);
	mask-image: url(../images/line.svg);
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.text-blue2 {
	color: #008DF3
}

.text-blue2.mask {
	position: relative;
	z-index: 0;
	padding: 0 0 10px
}

.text-blue2.mask:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #086AD8;
	-webkit-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url(../images/line-blue.svg);
	mask-image: url(../images/line-blue.svg);
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.text-black {
	color: #222
}

.text-black.mask {
	position: relative;
	z-index: 0;
	padding: 0 0 10px
}

.text-black.mask:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #002FF5;
	-webkit-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url(../images/line-blue.svg);
	mask-image: url(../images/line-blue.svg);
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.color-text {
	color: #696969
}

.texts-blue {
	color: #086AD8
}

.text-yellow {
	color: #FFA41B
}

.text-yellow.mask {
	position: relative;
	z-index: 0;
	padding: 0 0 10px
}

.text-yellow.mask:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #FFA41B;
	-webkit-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url(../images/line-blue.svg);
	mask-image: url(../images/line-blue.svg);
	animation: dot-anim-2 3s linear 0s infinite alternate
}

.text-24 {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.m0-auto {
	margin: 0 auto
}

.w-680 {
	max-width: 680px;
	width: 100%
}

.w-650 {
	max-width: 647px;
	width: 100%
}

.w-760 {
	max-width: 760px;
	width: 100%
}

.pt-122 {
	padding-top: 122px
}

.pt-130 {
	padding-top: 130px
}

.pb-130 {
	padding-bottom: 130px
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.flex-one {
	justify-content: space-between;
	display: flex
}

.flex-two {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.flex-three {
	display: flex;
	align-items: center
}

.flex-five {
	display: flex;
	justify-content: center;
	align-items: center
}

.flex-six {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.flex-wrap {
	flex-wrap: wrap
}

.center,.text-center {
	text-align: center
}

.text-end {
	text-align: end
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.overflow-hiden {
	overflow: hidden
}

.font-man {
	font-family: "Manrope",sans-serif
}

.flex-none {
	flex: none!important
}

.text-t {
	text-transform: capitalize
}

.text-u {
	text-transform: uppercase
}

.text-unset {
	text-transform: unset!important
}

.text-line {
	text-decoration-line: underline!important
}

.justify-center {
	justify-content: center
}

.justify-end {
	justify-content: end
}

.justify-space {
	justify-content: space-between
}

.flex-wrap {
	flex-wrap: wrap
}

.align-center {
	align-items: center
}

.text-end {
	text-align: end
}

.font-italic {
	font-style: italic
}

.al-i-end {
	align-items: flex-end
}

.z-index-2 {
	z-index: 2
}

.z-index-3 {
	z-index: 3
}

.bd-rd-10 {
	border-radius: 10px
}

#wrapper {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: 100%
}

.wrapper-style {
	background: #FAF8FF
}

button {
	border: 0;
	font-family: "Inter",sans-serif
}

button:hover {
	background-color: #D2A98E;
	transition: all .3s;
	border: unset
}

button[type=submit]:hover {
	background-color: #D2A98E;
	transition: all .3s;
	border: unset
}

button,input[type=submit] {
	font-family: "Inter",sans-serif;
	border: unset;
	border-radius: 12px;
	padding: 14px 40px;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	text-transform: capitalize;
	color: #FFF;
	background-color: #086AD8;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer
}

.mb-10 {
	margin-bottom: 10px
}

.mb-13 {
	margin-bottom: 13px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-18 {
	margin-bottom: 18px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-23 {
	margin-bottom: 23px
}

.mb-26 {
	margin-bottom: 26px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-47 {
	margin-bottom: 47px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-130 {
	margin-bottom: 130px
}

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

.ml-30px {
	margin-left: 30px
}

.pb-50 {
	padding-bottom: 50px
}

.mt--70 {
	margin-top: -70px
}

.pd-5 {
	padding: 5px
}

.mr-3em {
	margin-right: 3.1em;
	margin-top: -10px
}

.ml-3em {
	margin-left: 3.1em;
	margin-top: 10px
}

.mb--10em {
	margin-bottom: -10.2em
}

.mb--13em {
	margin-bottom: -13.8em
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

.fs-italic {
	font-style: italic
}

.pd-section {
	padding-top: 130px;
	padding-bottom: 130px
}

.bg-1 {
	background-color: #020626
}

.bg-2 {
	background-color: #F6F2ED
}

.bg-3 {
	background-color: #18185E
}

.bg-4 {
	background-color: #F7F8FD
}

.bg-5 {
	background-color: #086AD8
}

.bg-6 {
	background-color: #D2A98E
}

.bg-7 {
	background-color: #F3EBFF
}

.bg-8 {
	background-color: #002FF5!important
}

.bg-9 {
	background-color: #070C37
}

.bd-rd-12 {
	border-radius: 12px
}

input[type=radio]+label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 400
}

input[type=radio]+label:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 14px;
	position: absolute;
	top: -3px;
	left: 0;
	border: 1px solid #FD4A18;
	background-color: #FFF;
	border-radius: 50%
}

input[type=radio] {
	display: none!important;
	*display: inline
}

input[type=radio]:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #086AD8
}

input[type=checkbox]+label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 400
}

input[type=checkbox]+label:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 14px;
	position: absolute;
	top: -3px;
	left: 0;
	border: 1px solid #FD4A18;
	background-color: #FFF;
	border-radius: 4px
}

input[type=checkbox] {
	display: none!important;
	*display: inline
}

input[type=checkbox]:checked+label:after {
	content: "\e94f";
	font-family: "icomoon";
	font-size: 10px;
	line-height: 20px;
	color: #FFF;
	background-color: #086AD8;
	display: block;
	position: absolute;
	top: -3px;
	left: 1px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	padding-left: 5px;
	padding-top: 2px
}

a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration: none;
	color: #222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

a:focus,a:hover {
	color: #086AD8;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration: none;
	outline: 0
}

@keyframes rainbow {
	0% {
		background-position: left
	}

	50% {
		background-position: right
	}

	100% {
		background-position: left
	}
}

path {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.form-wg {
	margin-left: -30px
}

.form-wg .wg-box {
	width: calc(50% - 30px)!important;
	margin-left: 30px
}

.form-wg .wg-box2 {
	width: calc(33.333% - 30px)!important;
	margin-left: 30px
}

.form-wg .wg-box3 {
	width: calc(25% - 30px);
	margin-left: 30px
}

#header.style-absolute.is-fixed,.header.is-fixed {
	position: fixed;
	top: -80px;
	left: 0;
	width: 100%;
	box-shadow: 0 3px 9px rgba(0,0,0,0.05);
	z-index: 9999;
	background: #fff;
	border: 0;
	opacity: 1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

#header.style-absolute.is-fixed {
	background: #086AD8
}

@keyframes spin {
	100% {
		transform: rotate(360deg)
	}
}

.loader {
	position: relative
}

.loader span {
	position: absolute;
	color: #FFF;
	transform: translate(-50%,-50%);
	font-size: 60px;
	line-height: 60px;
	font-weight: 800;
	letter-spacing: 5px
}

.loader span:nth-child(1) {
	color: transparent;
	-webkit-text-stroke: 2px #086AD8
}

.loader span:nth-child(2) {
	color: #086AD8;
	-webkit-text-stroke: 1px #086AD8;
	animation: uiverse723 3s ease-in-out infinite
}

@keyframes uiverse723 {
	0%,100% {
		clip-path: polygon(0% 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)
	}

	50% {
		clip-path: polygon(0% 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)
	}
}

html {
	-webkit-font-smoothing: antialiased
}

* {
	box-sizing: border-box
}

*:before,*:after {
	box-sizing: border-box
}

body .dribbble {
	position: fixed;
	display: block;
	right: 20px;
	bottom: 20px
}

body .dribbble img {
	display: block;
	height: 28px
}

@media only screen and (max-width:1770px) {
	.header-style2 .header-lower .phone-address {
		display: none
	}
}

@media only screen and (max-width:1710px) {
	.main-header.header-style1 .header-lower .header-account .nav-outer {
		padding: 0 30px;
		margin-right: 0;
		margin-left: 30px
	}

	.main-header.header-style1 .header-lower .header-account .flat-bt-top .icon-listing {
		padding: 35px 30px 35px 30px
	}

	.main-header.header-style1 .header-top {
		padding: 5px 15px 5px 15px
	}

	.main-header.header-style1 .header-lower {
		padding-left: 15px
	}
}

@media only screen and (max-width:1570px) {
	.faq-section4 .image-faq-left {
		margin-left: 0;
		margin-right: 0
	}

	.faq-section4 .image-faq-right {
		margin-right: 0;
		margin-left: 0
	}

	.faq-section4 .faq-main {
		margin-top: 0;
		padding-left: 1em;
		padding-right: 1em
	}

	.banner-home4 .image .image4 {
		right: 0;
		max-width: 140px;
		border-radius: 6px
	}

	.why-chose-us .image-wc-us .wcus-3 {
		right: 20%
	}

	.why-chose-us .image-wc-us .wcus-2 {
		left: 0
	}

	.why-chose-us .image-wc-us .wcus-4 {
		left: 0
	}

	.why-chose-us .image-wc-us .wcus-5 {
		left: 0
	}

	.section-case-studies .case-studies-slider {
		margin-right: 0
	}

	.section-case-studies .case-studies-content {
		padding: 4.2em 4em 3em 5.8em;
		margin-left: -51px
	}

	.fact-section .fact-widget {
		margin-right: 0
	}

	.fact-section .fact-widget {
		flex-direction: column
	}

	.fact-section .fact-widget .counter-area {
		gap: 50px;
		justify-content: space-between
	}

	.section-feature .content {
		padding-left: 2em;
		padding-bottom: 3em
	}

	.section-feature .image {
		margin-left: 3.2em;
		margin-bottom: 0;
		margin-right: 0
	}

	.header-style2 .header-lower .btn-login {
		display: none
	}

	.header-lower .header-account .phone-address {
		display: none
	}

	.main-header.header-style1 .header-top {
		padding: 5px 15px
	}

	.main-header.header-style1 .header-lower {
		padding: 0
	}
}

@media only screen and (max-width:1480px) {
	.tf-image-box3 .image-box3-content {
		padding: 40px 30px 35px 30px
	}

	.tf-image-box3 .image-box3-image img {
		width: 300px;
		height: 430px
	}

	.section-about-us .about-us-image .vector {
		left: 0
	}

	.main-header.header-style1 .header-top {
		padding: 5px 20px 5px 20px
	}

	.main-header.header-style1 .header-lower {
		padding-left: 20px
	}

	.main-header.header-style1 .header-lower .header-account .flat-bt-top .icon-listing {
		padding: 35px 20px 35px 20px
	}
}

@media only screen and (max-width:1400px) {
	.tf-icon-box {
		border: 1px solid rgba(2,6,38,0.1);
		padding: 50px 30px 50px 30px;
		position: relative;
		overflow: hidden
	}

	.main-header.header-style3 .header-lower {
		padding-left: 20px;
		padding-right: 20px
	}

	.slider-Swiper-it .button-swiper .swiper-button-next {
		right: 3%
	}

	.slider-Swiper-it .button-swiper .swiper-button-prev {
		left: 85%
	}
}

@media only screen and (max-width:1360px) {
	.section-case {
		padding-left: 15px;
		padding-right: 15px
	}

	.main-header.header-style1 .header-lower .header-account .flat-bt-top {
		display: none
	}

	.main-header .header-top {
		padding: 5px 20px
	}

	.main-header .header-lower {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width:1320px) {
	.video-about-us .video-about {
		margin-right: 0;
		margin-top: 0
	}

	.banner-home3 .image {
		margin-right: 0;
		margin-left: 0
	}

	.banner-home2 .banner-home2-wrap .image {
		margin-right: 0
	}

	.banner-home2 {
		padding: 0 15px 90px 15px
	}

	.section-case-studies .case-studies-content {
		padding: 3.2em 1em 3em 2em
	}

	.section-case-studies .case-studies-content {
		margin-left: -30px
	}

	.section-cta .cta-left {
		padding: 18px 30px 17px 15px
	}

	.section-cta .cta-left p {
		font-size: 16px;
		margin-right: 30px
	}

	.section-cta .cta-left>i {
		font-size: 35px
	}

	.section-cta .cta-right p {
		font-size: 16px
	}

	.section-cta .cta-right {
		padding: 18px 15px 17px 30px
	}
}

@media only screen and (max-width:1300px) {
	.section-testimonial .tes-shape {
		object-fit: cover;
		width: 50%
	}

	.project-details .interesting .interesting-content,.project-details .results .results-content {
		padding-right: 0
	}

	.project-details .info-project-details {
		margin-right: 0
	}

	.main-header.header-style4 .header-lower {
		padding-left: 20px;
		padding-right: 20px
	}

	.header-style2 .header-lower .mobile-button i {
		color: #FFF
	}

	.main-header .header-lower {
		padding: 15px 20px
	}

	.main-header.header-style1 .header-lower .header-account .header-search a {
		padding: 30px 40px
	}

	.mobile-button i {
		color: #086AD8
	}

	.main-header .header-lower .nav-outer {
		display: none
	}

	.header-search {
		display: none
	}

	.main-header.header-style1 .mobile-button i {
		color: #FFF
	}

	.main-header.header-style1 .header-lower {
		padding-left: 20px;
		padding-right: 20px
	}

	.main-header.header-style1 .header-lower .header-account .nav-outer {
		display: none
	}

	.mobile-button {
		display: block
	}

	.flat-bt-top {
		display: none
	}

	.main-header {
		height: auto
	}
}

@media only screen and (max-width:1200px) {
	.section-feature .content {
		padding-left: 1em;
		padding-bottom: 3em;
		padding-top: 0
	}

	.erro-page {
		padding-left: 0;
		padding-right: 0
	}

	.team-member-details .team-member-details-wrap .widget-team-single,.team-member-details .team-member-details-wrap .widget-team-brand {
		padding-right: 0
	}

	.team-member-details .team-member-details-wrap {
		padding-left: 0
	}

	.testimonial-wrap-home4 .img-cta-wrap {
		margin-top: 0;
		padding-left: 0;
		flex-wrap: wrap;
		gap: 30px
	}

	.testimonial-wrap-home4 .img-cta-wrap .title,.testimonial-wrap-home4 .img-cta-wrap .image-list.flex-three {
		margin-right: 0
	}

	.testimonial-wrap-home4 .testimonial-wrap .testimonial-inner-header {
		padding-right: 3em
	}

	.testimonial-wrap-home4 {
		padding: 95px 40px 80px 40px
	}

	.tab-service-wrap .tab-service-image .clip {
		bottom: -15px;
		right: 15px
	}

	.tab-service-wrap .tab-service-image .service1 {
		max-width: 150px;
		right: 15px
	}

	.icon-box6 {
		padding: 40px 30px 37px 30px
	}

	.banner-home4 .content .title {
		font-size: 50px;
		line-height: 63px
	}

	.testimonial-h3 .testimonial-h3-content {
		margin-left: 30px;
		margin-top: 0;
		margin-right: 0
	}

	.mySwipertes3 .swiper-pagination-bullets {
		bottom: -20px;
		left: 6%;
		display: none
	}

	.funfat-item {
		padding: 1px 20px 32px 30px;
		margin-top: 50px
	}

	.funfat-item .icon {
		width: 80px;
		height: 80px;
		font-size: 30px
	}

	.funfat-item .funfat-item-wrap .number-counter {
		font-size: 50px;
		line-height: 65px;
		margin-right: 20px
	}

	.feature-home3 .feature-h3-content {
		margin-top: 0;
		margin-right: 0
	}

	.about-home3 .about-content {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0
	}

	.about-home3 .about-number {
		margin-left: 0;
		margin-top: 0
	}

	.banner-home3 .content .title {
		font-size: 45px;
		line-height: 55px
	}

	.banner-home3 {
		padding-top: 180px
	}

	.banner-home2 .banner-home2-wrap .content .title {
		font-size: 50px;
		line-height: 60px
	}

	.main-header.header-style1 .header-lower {
		padding: 0 20px
	}

	.main-header .header-lower .nav-outer {
		display: none
	}

	.main-header .header-lower {
		padding: 15px 20px
	}

	.main-header .header-lower .header-search {
		display: none
	}

	.header-top {
		display: none
	}

	#footer .footer-top {
		padding: 40px 0;
		margin-bottom: 50px
	}

	#footer .footer-bottom {
		padding-top: 50px;
		padding-bottom: 40px
	}
}

@media only screen and (max-width:1199px) {
	.section-about-us .about-us-counter .counter-wrap-about {
		gap: 50px;
		justify-content: flex-start
	}

	.about-us-page .about-us-counter {
		padding-left: 0;
		padding-top: 30px
	}

	.section-blog-h2 .content-blog-h2 {
		padding-right: 0;
		margin-bottom: 50px
	}

	.tf-case {
		margin-bottom: 30px
	}

	.case-studies-slider .swiper-pagination {
		bottom: 0
	}

	.section-case-studies {
		padding: 0 15px
	}

	.section-case-studies .case-studies-content {
		margin-left: 0
	}

	.section-case-studies .case-studies-content {
		margin-top: 50px;
		margin-bottom: 0
	}

	.section-marque-text {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.service-item .content {
		padding-right: 0
	}

	.service-item .image {
		margin-right: 3.2em
	}

	.section-feature .image {
		margin-left: 1em;
		margin-right: 15px
	}

	.service-item .btn-main {
		width: 13%
	}
}

@media only screen and (max-width:1180px) {
	.banner-home2 .banner-home2-wrap .image .shape1 {
		left: 0;
		top: 32%
	}

	.banner-home2 .banner-home2-wrap .image .shape4 {
		left: 0;
		width: 100%
	}

	.icon-box4 {
		padding: 40px 30px 40px 30px
	}

	.section-feed-back .grid-imgae-feed-back img {
		width: 70px;
		height: 70px
	}
}

@media only screen and (max-width:1140px) {
	.pricing-plan .pricing-plan-content .heading-title {
		padding-right: 0;
		margin-bottom: 0
	}

	.pricing-plan .pricing-plan-content {
		padding-right: 0
	}

	.faq-section .tab-faq-content {
		padding-left: 0;
		margin-top: 40px
	}

	.faq-section .heading-title {
		padding-right: 0
	}

	.faq-team .image-faq-team {
		padding-left: 0
	}

	.cta-service .image-cta-service .quote-feature-wrap {
		margin-top: -8em
	}

	.nav-tabs-service .nav-item .nav-link {
		font-size: 18px
	}

	.nav-tabs-service .nav-item .nav-link i {
		font-size: 35px;
		margin-right: 15px;
		padding: 0 0 15px 0
	}

	.can-do-it .can-do-it-content {
		margin-left: 40px
	}

	.banner-home4 .content .title {
		font-size: 45px;
		line-height: 60px
	}

	.counter-wrap {
		padding-right: 8.5em
	}

	.banner-home4 .content .btn-wrap.mb-50 {
		margin-bottom: 25px
	}
}

@media only screen and (max-width:1024px) {
	.video-faq {
		margin-bottom: 1em
	}

	.faq2-section {
		padding-top: 80px
	}

	.team-member-details .heading-title {
		margin-right: 0
	}

	.section-it-manager .it-manager-content {
		padding-top: 0;
		padding-right: 3em
	}

	.section-benefit .benefit-list {
		padding-left: 3em;
		margin-top: 0
	}

	.mr-3em {
		margin-right: 0;
		margin-top: 0
	}

	.ml-3em {
		margin-left: 0;
		margin-top: 0
	}

	.can-do-it .can-do-it-image .quote-feature-wrap {
		margin-left: 0
	}

	.optimize-olutions .optimize-olutions-right {
		margin-left: 0;
		margin-top: 0;
		margin-right: 0
	}

	.about-home3 .about-number .number-large {
		font-size: 220px
	}

	.team-grid-4 {
		grid-template-columns: 1fr;
		gap: 30px 50px
	}

	.grid-feature {
		grid-template-columns: repeat(3,1fr)
	}

	.footer-style-5 .footer-main5 .footer-contact {
		margin-left: 1em;
		letter-spacing: -0.4px
	}

	.footer-style-5 .footer-main5 .footer-menu-service {
		margin-left: 2em
	}

	.about-us-home5 .about-us-h5-content {
		padding-right: 2em
	}

	.about-us-home5 .about-us-h5-content .counter-about-wrap .experience {
		font-size: 20px;
		line-height: 24px
	}

	.about-us-home5 .about-us-h5-content .counter-about-wrap .clip {
		width: 200px;
		height: 200px;
		right: 110px;
		top: -12px
	}

	.about-us-home5 .about-us-h5-content .counter-about-wrap .number {
		font-size: 100px;
		line-height: 100px;
		letter-spacing: 4px
	}

	.fact-section .fact-widget .counter-area .counter-items {
		padding-left: 40px
	}

	.fact-section .fact-widget {
		padding: 80px 50px 80px 50px
	}

	.banner-home5 .content .title {
		font-size: 40px;
		line-height: 55px
	}

	.item-team-grid {
		margin-left: 0;
		margin-right: 0
	}

	.item-team-grid {
		margin-top: 50px
	}

	.service-grid {
		grid-template-columns: repeat(2,1fr)
	}

	#main .main-wrap {
		border-radius: 35px
	}

	#footer .footer-main .footer-main-right {
		padding-left: 1em
	}

	.main-header .header-search {
		display: none
	}

	.header-account .search-mobie a i {
		font-size: 16px;
		color: #FFF
	}

	.header-account .register ul li i {
		margin-right: 0;
		font-size: 16px;
		padding: 5px
	}

	.header-account .register ul li a,.header-account .search-mobie a {
		display: flex
	}

	.main-header .header-account {
		gap: 20px
	}

	.header-account .register a span {
		display: none
	}
}

@media only screen and (max-width:991px) {
	#footer .footer-main .footer-main-newsletter {
		padding-right: 0;
		margin-bottom: 30px
	}

	.section-contact .content {
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 30px
	}

	.section-cta .cta-left,.section-cta .cta-right {
		padding: 18px 15px 17px 15px
	}

	.section-team .shape-team2 {
		display: none
	}

	.section-testimonial .tes-shape {
		display: none
	}

	.swiper-pagination {
		display: none
	}

	.footer-style-4 .footer-top4 .footer-top-right {
		margin-left: 0
	}

	.footer-style-4 .footer-top4 .footer-map {
		margin-left: 0;
		margin-top: 30px
	}

	.pricing-plan .pricing-plan-content .icon-listing li {
		width: 100%
	}

	.project-details .heading-title {
		padding-right: 3em
	}

	.skill-team-member .skill-team-image-center {
		padding-left: 0
	}

	.skill-team-member .skill-team-content {
		padding-right: 0;
		margin-bottom: 40px
	}

	.video-service .video-about {
		margin-top: 1em
	}

	.section-performance {
		padding-bottom: 80px
	}

	.testimonial-video {
		padding-top: 80px
	}

	.video-about-us .video-about {
		margin-bottom: 0;
		padding-bottom: 1em
	}

	.fact-widget.fact-about-us {
		flex-direction: column
	}

	.fact-about-us .counter-area .counter-items {
		width: 100%
	}

	.footer-style-4 .footer-main4 {
		flex-wrap: wrap
	}

	.footer-item-quick-link,.footer-item-support,.footer-item-resources,.footer-item-our-team {
		width: 25%!important;
		padding-left: 0!important
	}

	.footer-style-4 .footer-main4 .footer-item-logo {
		width: 100%;
		margin-top: 0;
		margin-bottom: 40px
	}

	.tf-blog-style3 .content.style2 {
		padding: 31px 20px 28px 30px
	}

	.contact-form-h4 {
		padding-top: 250px
	}

	.contact-form-h4 .form-contact-home1 {
		margin-left: 0;
		margin-top: 40px
	}

	.faq-section4 .image-faq-left {
		margin-bottom: 40px
	}

	.wcus-section4 .wcus-section4-image {
		padding-left: 0;
		padding-top: 40px
	}

	.team-member-section-4 .tf-team {
		margin-bottom: 30px
	}

	.team-member-section-4 .team-member-right {
		margin-left: 0;
		margin-top: 20px
	}

	.tab-service-wrap .tab-service-content {
		padding-right: 0;
		padding-bottom: 30px
	}

	.icon-box6 {
		margin-bottom: 30px
	}

	.icon-box6 .title a br {
		display: none
	}

	.footer-bottom3 p {
		text-align: center;
		margin-bottom: 10px;
		line-height: 25px!important
	}

	.footer-bottom3 .social-share {
		justify-content: center
	}

	.footer-style-3 .footer-main-locations {
		margin-left: 0
	}

	.footer-style-3 .footer-main-service,.footer-style-3 .footer-download-ap {
		margin-left: 2em
	}

	.footer-style-3 .logo-footer,.footer-style-3 .footer-main-service,.footer-style-3 .footer-download-ap,.footer-style-3 .footer-download-ap {
		margin-bottom: 40px
	}

	.funfat-item-wrap {
		flex-direction: column
	}

	.wcus-home3 .image-wrapper-wcus3 {
		margin-right: 0;
		margin-bottom: 30px
	}

	.tf-team-style3 {
		margin-bottom: 30px
	}

	.feature-home3 .feature-h3-image .counting-feature {
		left: 4%
	}

	.feature-home3 .feature-h3-image {
		margin-left: 0
	}

	.feature-home3 .feature-h3-content {
		margin-bottom: 30px
	}

	.service-wrap-h3 .service-h3-left {
		margin-top: 0;
		margin-right: 0;
		display: flex;
		flex-direction: row;
		margin-bottom: 40px
	}

	.service-wrap-h3 .service-image-h3 {
		margin-left: 0;
		margin-right: 0
	}

	.service-wrap-h3 .service-h3-right {
		margin-top: 30px;
		margin-left: 0;
		display: flex;
		flex-direction: row
	}

	.banner-home3 .content {
		padding-top: 0;
		padding-bottom: 40px
	}

	.section-feed-back .grid-imgae-feed-back {
		display: none!important
	}

	.why-chose-us .content-wc-us {
		padding-top: 40px;
		padding-bottom: 80px
	}

	.why-chose-us .image-wc-us .wcus-1 {
		margin-top: 0;
		margin-left: 0;
		left: 60%;
		transform: translateX(-50%)
	}

	.why-chose-us .image-wc-us .wcus-2 {
		left: 50%;
		transform: translateX(-50%)
	}

	.our-company .image .company4 {
		right: 12%
	}

	.our-company .image .company2 {
		right: 0
	}

	.our-company .image .company6 {
		top: 0;
		right: 0
	}

	.our-company .content {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 30px
	}

	.icon-box3 {
		margin-bottom: 30px
	}

	.footer-style-2 .marque-text-slider-footer {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.pd-section {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.pb-130 {
		padding-bottom: 80px
	}

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

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

	.myteshome5-wrap {
		margin-bottom: 80px
	}

	.testimonial-style3.style3-h5 .content .testimonial-bottom .testimonial-top i {
		font-size: 30px;
		margin-right: 20px
	}

	.testimonial-style3 .testimonial-top .name {
		font-size: 18px
	}

	.testimonial-style3.style3-h5 .content .des {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 25px;
		padding-bottom: 20px
	}

	.testimonial-style3.style3-h5 .image {
		margin-right: 40px
	}

	.testimonial-style3.style3-h5 .image img,.testimonial-style3.style3-h5 .image::before {
		width: 200px
	}

	.myteshome5-wrap {
		padding-left: 5em;
		padding-right: 0
	}

	.section-cta .cta-left,.section-cta .cta-right {
		width: 100%;
		justify-content: center
	}

	.section-cta {
		flex-direction: column
	}

	.banner-home5 .image {
		padding-left: 0
	}

	.slider-it-main .mask-slider {
		width: 100px;
		top: 20%;
		right: 10%
	}

	.slider-it-main .slider-content-it {
		padding-top: 200px
	}

	.slider-Swiper-it .button-swiper {
		display: none
	}

	.main-header {
		position: relative
	}

	.main-header .main-box .logo-box {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		text-align: left
	}

	.main-header .main-menu {
		display: none
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block
	}

	.main-header .header-lower .nav-outer {
		position: static;
		margin-right: 0
	}
}

@media only screen and (max-width:768px) {
	.fact-section .image-paralax-fact {
		height: 350px
	}

	.contact-service-details .form-contact-home1.style2 {
		margin-left: 0
	}

	.case-studies-h5 .myportfolio {
		padding-left: 15px;
		padding-right: 15px
	}

	.banner-home4 .content {
		padding-top: 0;
		padding-bottom: 4em
	}

	.tab-service-wrap .tab-service-image .clip {
		bottom: -60px;
		right: -80px
	}

	.tab-service-wrap .tab-service-image {
		margin-right: 0
	}

	.banner-home2 .banner-home2-wrap .image .shape {
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0;
		width: 100%
	}

	.footer-style-2 .footer-main .logo-footer,.footer-style-2 .footer-main .menu-services,.footer-style-2 .footer-main .menu-suport,.footer-style-2 .footer-main .newsletter {
		width: calc(50% - 40px);
		padding-left: 0;
		padding-right: 0
	}

	.footer-style-2 .footer-main {
		margin-left: 0;
		margin-right: 0;
		padding: 73px 15px 70px 15px
	}

	.testimonial-h3 .testimonial-h3-image .testimonial-avt-box {
		right: 30px;
		position: absolute
	}

	.testimonial-h3 .testimonial-h3-image {
		margin-right: 0
	}

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

	.erro-page .erro-content {
		margin-top: 60px
	}

	.breadcumb-section {
		padding-top: 90px;
		padding-bottom: 90px
	}

	.map-page .map,.map-page #map {
		height: 400px
	}

	.contact-us-page .contact-us-page-form {
		padding: 45px 30px 50px 30px
	}

	.contact-us-page .contact-us-page-content {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 40px
	}

	.pricing-plan .pricing-plan-content {
		margin-top: 0;
		margin-bottom: 30px
	}

	.project-details .icon-list-project {
		margin: 20px 0;
		display: inline-block
	}

	.interesting .title,.results .title {
		margin-bottom: 20px
	}

	.interesting .title br,.results .title br {
		display: none
	}

	.image-two-project {
		margin-bottom: 30px
	}

	.image-two-project2 {
		margin-bottom: 30px
	}

	.project-details .heading-title {
		padding-right: 0;
		margin-bottom: 40px
	}

	.team-member-details .team-member-details-wrap .widget-team-single .skill,.team-member-details .team-member-details-wrap .widget-team-single .education {
		padding-right: 0;
		margin-bottom: 30px
	}

	.team-member-details .heading-title {
		margin-bottom: 20px
	}

	.faq-team .faq-main {
		padding-top: 0;
		padding-right: 0;
		margin-bottom: 50px
	}

	.section-it-manager .it-manager-content {
		padding-top: 0;
		padding-right: 0;
		margin-bottom: 40px
	}

	.section-benefit .benefit-list {
		padding-left: 0;
		margin-top: 30px
	}

	.feature-service2 .feature-service2-image .service2-image {
		padding-left: 0
	}

	.feature-service2 .feature-service2-content {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 30px
	}

	.cta-service .heading-title {
		margin-right: 0;
		margin-bottom: 30px
	}

	.testimonial-style3.style3-h5 .image img,.testimonial-style3.style3-h5 .image::before {
		width: 130px
	}

	.fact-about-us .counter-area .counter-items .icon {
		font-size: 45px;
		margin-bottom: 20px
	}

	.fact-about-us .counter-area .counter-items .content .number {
		font-size: 50px;
		line-height: 50px
	}

	.fact-about-us .counter-area .counter-items {
		padding-left: 0;
		text-align: center;
		padding-top: 0
	}

	.section-about-us .about-us-content {
		padding-top: 30px
	}

	.about-us-page .about-us-images {
		padding-right: 0;
		padding-top: 30px
	}

	.footer-bottom4 {
		padding: 50px 0 20px 0;
		margin-bottom: 0
	}

	.footer-bottom4 p {
		text-align: center
	}

	.footer-bottom4 .menu-right-bottom.flex-six {
		justify-content: center
	}

	.footer-item-quick-link,.footer-item-support,.footer-item-resources,.footer-item-our-team {
		width: 50%!important;
		margin-bottom: 40px
	}

	.testimonial-wrap-home4 .testimonial-wrap .testimonial-inner-header {
		padding-right: 0;
		width: 100%;
		margin-bottom: 30px
	}

	.testimonial-wrap-home4 .testimonial-wrap .mySwipertes3 {
		width: 100%;
		margin-top: 0;
		padding-bottom: 70px
	}

	.testimonial-wrap-home4 .testimonial-wrap {
		flex-direction: column
	}

	.can-do-it .can-do-it-content {
		margin-left: 0;
		margin-top: 40px
	}

	.testimonial-h3 .testimonial-h3-content {
		margin-left: 0;
		margin-top: 30px
	}

	.testimonial-h3 .testimonial-h3-content .heading-title {
		margin-bottom: 30px;
		padding-bottom: 30px
	}

	.section-process .process-content-wrap {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 50px
	}

	.section-process .process-image-wrap {
		margin-top: 0;
		margin-left: 0
	}

	h2 {
		font-size: 36px;
		line-height: 45px
	}

	.col-md-4:not(:last-child) .tf-image-box2 {
		margin-bottom: 50px
	}

	.optimize-olutions .optimize-olutions-left {
		margin-right: 0;
		margin-bottom: 25px
	}

	.icon-box4 {
		padding: 40px 30px 40px 30px
	}

	.about-home3 .about-number {
		margin-bottom: 40px
	}

	.ml-30px {
		margin-left: 0
	}

	.our-company .image .company1 {
		width: 100%!important
	}

	.our-company .image .company2,.our-company .image .company3,.our-company .image .company4,.our-company .image .company6 {
		display: none
	}

	.quote-style .content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 2em
	}

	.feature-cta .feature-cta-wrap {
		gap: 20px;
		text-align: center;
		flex-direction: column
	}

	.feature-cta .feature-cta-wrap .content {
		margin-right: 0
	}

	.banner-home2 .banner-home2-wrap .image {
		padding-left: 0;
		margin-top: 0
	}

	.banner-home2 .banner-home2-wrap .content {
		padding-top: 80px;
		padding-bottom: 50px
	}

	.footer-style-2 .footer-bottom2 {
		text-align: center
	}

	.footer-style-2 .menu-right-bottom {
		justify-content: center;
		text-align: center
	}

	.footer-style-2 .footer-main {
		flex-wrap: wrap;
		gap: 40px
	}

	.section-contact .content {
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 50px
	}

	.tf-blog-style1 {
		margin-bottom: 30px
	}

	.grid-feature {
		grid-template-columns: repeat(2,1fr)
	}

	.footer-bottom5 .menu-right-bottom {
		justify-content: center
	}

	.footer-bottom5 {
		text-align: center
	}

	.footer-style-5 .footer-bottom5 .go-top-h5.show {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.footer-main5 .footer-newsletter {
		margin-bottom: 40px
	}

	.footer-style-5 .footer-main5 .footer-menu-service {
		margin-left: 0;
		margin-bottom: 30px
	}

	.footer-style-5 .footer-main5 .footer-contact {
		margin-left: 0;
		margin-bottom: 30px
	}

	.footer-style-5 .footer-top5 .social-footer5 li:not(:first-child) {
		margin-left: 0
	}

	.footer-style-5 .footer-top5 .social-footer5 li {
		margin-left: 20px!important;
		margin-right: 20px;
		text-align: center
	}

	.footer-style-5 .social-footer5 {
		margin-top: 30px;
		justify-content: center;
		flex-wrap: wrap
	}

	.footer-style-5 .footer-top5 {
		text-align: center
	}

	.btn-read-more-blog {
		justify-content: flex-start;
		margin-top: 25px
	}

	.pricing-h5 .heading-title {
		margin-bottom: 30px
	}

	.col-md-4:not(:last-child) .tf-pricing,.col-md-4:not(:last-child) .tf-blog-style3 {
		margin-bottom: 30px
	}

	.about-us-home5 .about-us-h5-content {
		padding-right: 0;
		margin-bottom: 40px
	}

	.service-item .image img {
		width: 100%
	}

	.about-us-home5 .about-us-h5-content .counter-about-wrap .clip {
		width: 200px;
		height: 200px;
		right: 0;
		top: -30px;
		left: 35px
	}

	.service-item .image,.service-item .des,.service-item .content,.service-item .btn-main {
		width: 100%
	}

	.service-item .image {
		margin-right: 0;
		margin-bottom: 30px
	}

	.service-item .des {
		margin-left: 0;
		margin-bottom: 20px
	}

	.service-item .content {
		margin-bottom: 10px
	}

	.service-item {
		flex-wrap: wrap
	}

	.fact-section .fact-widget .counter-area .counter-items .content .number {
		font-size: 40px;
		line-height: 40px
	}

	.fact-section .fact-widget .counter-area .counter-items {
		padding-left: 20px
	}

	.fact-section .fact-widget .counter-area .counter-items .icon {
		font-size: 50px;
		margin-bottom: 15px
	}

	.fact-section .fact-widget .counter-area {
		gap: 20px
	}

	.banner-home5 {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.banner-home5 .mask-hero {
		display: none
	}

	.banner-home5 .banner-home5-wrap {
		flex-direction: column-reverse
	}

	.banner-home5 .banner-home5-wrap .image {
		margin-bottom: 40px
	}

	.text-slider i {
		font-size: 36px;
		margin-right: 15px
	}

	.section-about-us .about-us-counter .line {
		margin-top: 30px;
		margin-bottom: 35px
	}

	.section-about-us .about-us-content {
		padding-left: 0
	}

	.section-about-us .about-us-counter {
		padding-left: 0
	}

	.col-md-4:not(:last-child) .icon-box {
		margin-bottom: 30px
	}

	.slider-it-main .it-solution {
		font-size: 90px;
		line-height: 90px
	}

	#footer .footer-main .footer-main-newsletter {
		padding-right: 0;
		margin-bottom: 30px
	}

	#footer .footer-top .social-footer {
		justify-content: flex-start;
		margin-top: 30px;
		flex-wrap: wrap
	}

	#footer .footer-top .social-footer li:not(:first-child) {
		margin-left: 0
	}

	#footer .footer-top .social-footer li:not(:last-child) {
		margin-right: 20px
	}

	.header-account .flat-bt-top {
		display: none
	}

	.header-account ul {
		margin-right: 0
	}

	.header-account ul li:nth-child(2),.header-account ul li:nth-child(3) {
		display: none
	}
}

@media only screen and (max-width:600px) {
	.banner-home2 .banner-home2-wrap .image .shape {
		padding-left: 0;
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 0
	}

	.contact-us-page .contact-us-page-content .contact-item-wrap .contact-item {
		width: 100%;
		margin-bottom: 30px
	}

	.project-details .interesting,.project-details .results {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.project-details .interesting .interesting-content .icon-listing li {
		width: 100%
	}

	.team-member-details .des-team-details {
		font-size: 25px;
		line-height: 35px
	}

	.section-it-manager .it-manager-content .content-tab-service-details .icon-listing li {
		width: 100%
	}

	.testimonial-style3.style3-h5 .image {
		margin-right: 0;
		margin-bottom: 30px
	}

	.myteshome5-wrap {
		padding-left: 0;
		margin-bottom: 0
	}

	.testimonial-style3.style3-h5 {
		flex-direction: column
	}

	.nav-tabs-service .nav-item .nav-link {
		padding: 20px 0 5px 0
	}

	.nav-tabs-service {
		flex-direction: column;
		gap: 20px
	}

	.nav-tabs-service .nav-item,.nav-tabs-service .nav-item .nav-link {
		width: 100%
	}

	.tf-image-box3 {
		flex-direction: column-reverse
	}

	.tf-image-box3 .image-box3-image img {
		width: 100%;
		height: auto
	}

	.can-do-it .can-do-it-image .cdit-image1 {
		max-width: 200px
	}

	.banner-home4 .image .image5 {
		left: 0;
		width: 100%
	}

	.banner-home4 .content .title {
		font-size: 35px;
		line-height: 50px;
		margin-bottom: 20px;
		margin-top: 10px
	}

	.wcus-home3 .image-wrapper-wcus3 .image-wcus3 img {
		width: 50%
	}

	.wcus-home3 .image-wrapper-wcus3 .image-wcus3 {
		margin-right: 30px
	}

	.service-wrap-h3 .service-h3-left,.service-wrap-h3 .service-h3-right {
		flex-direction: column
	}

	.testimonial-style2 .prolifle .image .name {
		font-size: 18px
	}

	.testimonial-style2 {
		padding: 40px 30px
	}

	.why-chose-us .content-wc-us .icon-wcus-wrap {
		gap: 30px;
		flex-direction: column
	}

	.why-chose-us .image-wc-us .wcus-2,.why-chose-us .image-wc-us .wcus-5,.why-chose-us .image-wc-us .wcus-4 {
		display: none
	}

	.why-chose-us .image-wc-us .wcus-1 {
		left: 50%;
		transform: translateX(-50%);
		width: 100%
	}

	.tf-team-style2 {
		flex-direction: column
	}

	.tf-team-style2 .content {
		margin-top: 0;
		margin-left: 0
	}

	.our-company .content .counter-wrap-company .counter-company .number-style3 {
		font-size: 40px;
		line-height: 55px
	}

	.our-company .content .counter-wrap-company .counter-company:not(:last-child) {
		margin-right: 2em
	}

	.fact-section .fact-widget {
		padding: 80px 20px 80px 20px
	}

	.fact-section .fact-widget .counter-area {
		gap: 30px;
		flex-direction: column
	}

	.fact-section .fact-widget .counter-area .counter-items {
		padding-left: 0;
		border-left: unset;
		text-align: center
	}

	.fact-widget .heading-title .title br {
		display: none
	}

	.fact-widget .heading-title {
		text-align: center
	}

	.service-cta {
		padding: 15px 30px;
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%
	}

	.service-cta p {
		margin-left: 0;
		margin-right: 0;
		text-align: left
	}

	.service-grid {
		grid-template-columns: repeat(1,1fr)
	}

	.slider-it-main .slider-content-it .title-slider {
		margin-top: 18px;
		margin-bottom: 28px;
		font-size: 52px;
		line-height: 58px
	}
}

@media only screen and (max-width:575px) {
	.skill-team-member .skill-team-image-center {
		padding-left: 0;
		margin-bottom: 30px
	}

	.fact-about-us .counter-area {
		gap: 42px;
		flex-wrap: wrap
	}

	.wcus-section4 .wcus-section4-image .wcus-h42 {
		left: 30px;
		max-width: 260px
	}

	.wcus-section4 .wcus-section4-image .clip {
		bottom: -40px;
		right: -15px
	}

	.team-member-section-4 .team-member-right .team-member-progress-wrap {
		gap: 2em
	}

	.footer-style-3 .footer-main-service,.footer-style-3 .footer-download-ap {
		margin-left: 0
	}

	.col-sm-4:not(:last-child) .funfat-item {
		margin-bottom: 30px
	}

	.col-sm-6:not(:last-child) .icon-box-wcus {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:480px) {
	.brand-item {
		width: 150px;
		height: 150px
	}

	#footer .footer-main .footer-main-right {
		padding-left: 1em;
		flex-direction: column;
		gap: 30px
	}

	.footer-style-2 .footer-main .menu-services,.footer-style-2 .footer-main .menu-suport {
		padding-left: 0
	}

	.banner-home2 .banner-home2-wrap .image .shape1,.banner-home2 .banner-home2-wrap .image .shape2,.banner-home2 .banner-home2-wrap .image .shape3 {
		display: none
	}

	.team-member-details .team-member-details-wrap .widget-team-single {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.team-member-details .team-member-details-wrap .widget-team-single>p {
		font-size: 20px;
		line-height: 35px
	}

	.section-it-manager .it-manager-content .nav-tabs-pricing-service {
		width: 100%
	}

	.nav-tabs-pricing-service .nav-item .nav-link {
		width: 100%;
		text-align: justify
	}

	.section-it-manager .it-manager-content .nav-tabs-pricing-service .nav-item {
		margin-right: 0;
		width: 100%
	}

	.cta-service .image-cta-service .quote-feature-wrap {
		max-width: 100%;
		margin-top: 10px
	}

	.cta-service .image-cta-service img {
		padding-left: 0
	}

	.footer-item-quick-link,.footer-item-support,.footer-item-resources,.footer-item-our-team {
		width: 100%!important
	}

	.contact-form-h4 .form-contact-home1 {
		padding: 40px 20px 40px 20px
	}

	.can-do-it .can-do-it-content .icon-wrap-cdit {
		gap: 20px;
		flex-wrap: wrap
	}

	.banner-home4 .content .btn-wrap .button-src {
		padding: 15px 30px
	}

	.banner-home4 .content {
		padding-top: 0
	}

	.banner-home4 .counter-wrap {
		padding-right: 0;
		gap: 40px;
		justify-content: flex-start
	}

	.banner-home4 .image .image4 {
		display: none
	}

	.wcus-home3 .image-wrapper-wcus3 .quote-wcus-3 {
		left: 1%
	}

	.about-home3 .about-content .title {
		margin-right: 0
	}

	.about-home3 .about-number .text-about {
		rotate: 0deg;
		margin-top: -2px;
		margin-left: 5px;
		padding-bottom: 10px;
		margin-bottom: 0
	}

	.about-home3 .about-number {
		flex-direction: column;
		text-align: center
	}

	.banner-home3 .content .title {
		font-size: 35px;
		line-height: 45px
	}

	.collection-1 .image-partner-logo,.collection-2 .image-partner-logo {
		height: 100px
	}

	.quote-style .content .name img {
		width: 120px
	}

	.quote-style .content .name span {
		font-size: 18px;
		margin-right: 30px
	}

	.quote-style .content .des {
		font-size: 22px;
		line-height: 38px
	}

	.banner-home2 .banner-home2-wrap .content .title {
		font-size: 40px;
		line-height: 45px;
		margin-top: 17px;
		margin-bottom: 26px
	}

	.banner-home2 .banner-home2-wrap .content .sub-title {
		font-size: 18px;
		line-height: 25px
	}

	.footer-style-2 .logo-footer,.footer-style-2 .menu-services,.footer-style-2 .menu-suport,.footer-style-2 .newsletter {
		width: 100%!important
	}

	.form-contact-home .input-group {
		gap: 0;
		width: 100%;
		flex-direction: column
	}

	.section-contact .form-contact-home1 {
		padding: 56px 20px 60px 20px
	}

	.tf-blog-style2 {
		flex-direction: column-reverse
	}

	.tf-blog-style2 .image {
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 20px
	}

	.grid-feature {
		grid-template-columns: repeat(1,1fr)
	}

	.tf-portfolio .content .inner-title .title {
		font-size: 24px;
		margin-bottom: 15px
	}

	.banner-home5 .content .btn-wrap .btn-main:not(:last-child) {
		margin-right: 20px
	}

	.item-team-grid .item2,.item-team-grid .item3,.item-team-grid .item4 {
		width: 100%
	}

	.section-feature .content .btn-wrap-about {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start
	}

	.section-feature .content .btn-wrap-about .button-src {
		margin-bottom: 30px
	}

	.section-feature .content .btn-wrap-about .image-list {
		margin-left: 0
	}

	.section-feature .content .progres-wrap {
		flex-wrap: wrap;
		flex-direction: column
	}

	.section-feature .content .progres-wrap .progress-box1 {
		margin-right: 0;
		margin-bottom: 30px
	}

	.slider-it-main .slider-content-it .title-slider {
		font-size: 40px;
		line-height: 50px
	}

	.slider-it-main .it-solution {
		font-size: 60px;
		line-height: 65px
	}
}

@media only screen and (max-width:414px) {
	.can-do-it .can-do-it-image .cdit-image1 {
		display: none
	}

	.why-chose-us .content-wc-us .progress-wcus {
		margin-right: 0;
		flex-direction: column;
		gap: 30px
	}

	.section-feature .image .quote-feature-wrap {
		max-width: 100%;
		width: 100%;
		position: relative;
		left: 0;
		bottom: 0
	}

	#footer .footer-main .footer-main-right {
		flex-wrap: wrap;
		flex-direction: column
	}

	#footer .footer-main .footer-main-service {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:400px) {
	.main-header .header-account {
		gap: 15px
	}
}

@media only screen and (max-width:390px) {
	.slider-it-main .mask-slider {
		top: 16%;
		right: 3%
	}

	.slider-it-main .slider-content-it .title-slider {
		font-size: 38px;
		line-height: 50px
	}

	.slider-it-main .slider-content-it .sub-title-slider {
		font-size: 16px
	}

	.slider-it-main .slider-content-it .des {
		font-size: 18px
	}
}

@media only screen and (max-width:360px) {
	.close-btn {
		left: 260px;
		top: 25px;
		color: #FFF
	}

	.mobile-menu-visible .close-btn {
		transition-delay: .2s
	}
}





/*服务优势*/
.AIGood, .AiCount{background: #f7f9fc;}
.AIGood .center, .analysis ul{flex-wrap: wrap;justify-content: center;}
.AIGood .center li:hover{transform: translateY(-10px);}
.AIGood .center li{display: inline-block;vertical-align: top;width: 30%;height: 300px;border-radius: 4px;margin: 10px;padding: 46px 40px 0;transition: all .6s cubic-bezier(.4,0,.2,1);background-color: #fff;text-align: center;margin: 0 1.5% 2.5%;}
.AIGood .center li h5{font-family: PingFangSC-Semibold;font-size: 16px;color: #333;letter-spacing: .5px;line-height: 20px;padding: 16px 0 20px;font-weight: bold;}
.AIGood .center li p{font-family: PingFangSC-Regular;font-size: 14px;color: #9b9b9b;letter-spacing: 0;text-align: justify;text-align: center;line-height: 23px;}
.AIGood .center .img{width: 100px;height: 64px;display: inline-block;}

/*一站式网站营销小程序解决方案*/
.smallWeb .center li{width: 22%;height: auto;padding: 3.5% 2%;}
.smallWeb .center li .icon{width: 60px;height: 60px;display: inline-block;font-size: 25px;font-weight: bold;text-align: center;line-height: 60px;color: #fff;border-radius:50%;}
.smallWeb .center li:first-child .icon{background: #ff8b83;}
.smallWeb .center li:nth-child(2) .icon{background: #27cbc9;}
.smallWeb .center li:nth-child(3) .icon{background: #63baf1;}
.smallWeb .center li:nth-child(4) .icon{background: #8e8ef9;}
.smallWeb li .text span{display: block;text-align:center;margin-bottom: 10px;}
.smallWeb .center li h5{padding: 4.8% 0 2%;font-weight: bold;}
/*拥有小程序10亿微信客流，解决客源稀少问题*/
.xcxWeb ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.xcxWeb ul li{overflow: hidden;width: 30%;border: 1px solid #eaeaea;margin: 0 -1px -1px 0;display: flex;align-items: center;justify-content: center;padding: 1% 0;}
.xcxWeb ul li .xcxImg{margin-right: 7%;}
.titles .title {
    font-size: 30px;
    color: #333;
    height: 60px;
}


.bode { font-size:18px; color:#333; font-weight: normal; text-align:center; padding:0px; margin-top:10px; margin-bottom:0px;}
.o2o_dy h1 { font-size:35px; text-align:center; color:#3a3a3a; font-weight:normal;}
.o2o_dy h3 { font-size:18px; text-align:center; color:#999; font-weight:normal;}
.xcx_jj { font-size:14px; color:#999; text-align:center; line-height:26px; width:250px; margin:auto; }
.o2o_wslist img { display:block; margin:auto;width: 100px;height: 100px;}
.o2o_wslist { width:400px; height:220px; float:left;
/* background:url(../images/yes.jpg) top center no-repeat;*/
  margin-top:10px;}


  /*app*/
.app_info1 { width: 1040px; height: auto; margin: 0 auto; overflow: hidden; padding: 50px 0 10px 0; }
.a_tit { font-size: 36px; color: #333; }
.a_info { color: #6a7679; line-height: 32px; font-size:16px; padding-top:10px;}
.business .box { width: 1024px; margin: 0 auto; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; margin-top: 20px; z-index: 1; }
.business .box ul.items { margin: 0 auto; }

.business .box ul.items li { width: 260px; height:260px; margin: 0 39px; background: url(../images/yellow.jpg) no-repeat 0px 500px; overflow: hidden; display: inline-block; padding-top:35px; }
.business .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 36px; height: 69px; }
.business .box ul.items li.pc i { width: 59px; background: url(../images/i1.png) no-repeat; }
.business .box ul.items li.mobi i { width: 46px; background: url(../images/i2.png) no-repeat; }
.business .box ul.items li.sys i { width: 59px; background: url(../images/i3.png) no-repeat; }
.business .box ul.items li.pc1 i { width: 59px; background: url(../images/ii1.png) no-repeat; }
.business .box ul.items li.mobi1 i { width: 58px; background: url(../images/ii2.png) no-repeat; }
.business .box ul.items li.sys1 i { width: 59px; background: url(../images/ii3.png) no-repeat; }
.business .box ul.items li u { display: block; position: absolute; width: 130px; height: 130px; margin-left: 64px; background: url(../images/circle.png) no-repeat; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.business .box ul.items li u.cl { clip: rect(0px, 130px, -10px, 65px); }
.business.active .box ul.items li u.cl { clip: rect(0px,130px,130px,65px); }
.business .box ul.items li u.cr { clip: rect(130px,65px,130px,0px); }
.business.active .box ul.items li u.cr { clip: rect(0px,65px,130px,0px); }


.business .box ul.items li strong { display: block; margin-top: 50px; font-size: 16px; font-weight: normal; text-align: center; color: #222; }
.business .box ul.items li:hover strong{ color:#fff;}
.business .box ul.items li p { position: relative; top: 220px; color: #333; padding: 0 20px; line-height: 24px; font-size: 12px; }
.business .box ul.items li:hover { background-position: 0px 0px; background-size: 100% 100%; -webkit-transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; height:380px; }
.business .box ul.items li:hover i { -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s; }
.business .box ul.items li.pc:hover i { background: url(../images/i4.png) no-repeat; }
.business .box ul.items li.mobi:hover i { background: url(../images/i5.png) no-repeat; }
.business .box ul.items li.sys:hover i { background: url(../images/i6.png) no-repeat; }
.business .box ul.items li.pc1:hover i { background: url(../images/ii4.png) no-repeat; }
.business .box ul.items li.mobi1:hover i { background: url(../images/ii5.png) no-repeat; }
.business .box ul.items li.sys1:hover i { background: url(../images/ii6.png) no-repeat; }

.business .box ul.items li:hover u.cl { clip: rect(0px, 156px, -10px, 78px); }
.business .box ul.items li:hover u.cr { clip: rect(156px,78px,156px,0px); }
.business .box ul.items li:hover strong { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.business .box ul.items li:hover p { font-size: 13px; top: 20px; color:#fff;  -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s; -ms-transition: all .3s ease-in-out .5s; -o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s; }
.business .box label { display: block; margin: 0 auto; margin-top: -40px; width: 297px; height: 21px; background: url(../images/words.png) no-repeat 0px -333px; }
section.cases { background: url(../images/wallpaper3.jpg); }



/*优势*/
.text_le { text-align: left; }
.text_c { text-align: center; }
.app_info2 { overflow: hidden; height: auto; background:#f1f1f1; padding-bottom:0px; padding-top:40px; }
.ys_img { width: 380px; }
.ys_infos { width:750px; padding: 40px 0 0px 70px; }
.ys_list { display: block; margin: 30px 0; }
.ys_list li { float: left; text-align: center; cursor: pointer; margin-top: 0px; margin-right: 45px; }
.ys_list li img{width: 79px;}
.ys_list li h2 { font-size: 16px; line-height:40px; }
.ys_list li:hover h2 { color:#fff;}
.ys_infos .tab { margin-top: 50px; line-height: 25px; }
.ys_infos .tab div { height:120px; display: none; font-size:15px; }
.ys_infos .tab div h2 { font-size: 22px; margin-bottom: 20px; text-align: left;line-height: 32px;}
.ys_infos .tab div p {  text-align: left;}
.ys_list li div { width: 120px; height: 120px; text-align: center; position: relative; z-index: 0; }
.ys_list li div:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; margin-left: -65px; margin-top: -65px; transform: scale(0); transition: all 0.5s; width: 130px; height: 130px; border-radius: 130px; }
.ys_list li.on .bg01:before { background: #ffd22a; transform: scale(1); }
.ys_list li.on .bg02:before { background: #ff7171; transform: scale(1); }
.ys_list li.on .bg03:before { background: #ff9a40; transform: scale(1); }
.ys_list li.on .bg04:before { background: #ee7bca; transform: scale(1); }
.more_btn { display: block; width: 200px; height: 50px; line-height: 50px; color: #fff; background: #FB841A; font-size: 20px; text-align: center; margin: 10px 0; border-radius: 4px; }
/*我们的优势*/


.us_goods { margin-top: 30px; background:#fff; overflow:hidden; padding:50px 0; }
.data-list { display: block; overflow:hidden; margin-top:35px; }
.data-list li { display: block; float: left; width: 280px; margin: 0 10px; padding-top: 55px; text-align: center; background: url(../images/data-bg.png) no-repeat center 180px; }
.data-item-wrap .data-item-img { width: 230px; margin: 0 auto; height: 94px; position: relative; top: 0; }
.data-item-img img{width: auto;}
.data-item-wrap .heading { margin-top: 75px; color: #ffffff; font-size: 24px; text-align: center; font-weight: 400; }
.data-item .data-item-wrap p { margin-top: 25px; color: #ffffff; font-size: 14px; text-align: center; }
@-webkit-keyframes wobble-vertical { 16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes wobble-vertical { 16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/*  */

.data-list .data-item:hover .wobble-vertical:hover, .data-list .data-item:hover .wobble-vertical:focus,
 .data-list .data-item:hover .wobble-vertical:active { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.data-list li.u1 { background-color: #e2ab22; }
.data-list li.u2 { background-color: #ff7171; }
.data-list li.u3 { background-color: #56a5c1; }

.data-list li.u4 { background-color: #1fd8e3; }
.data-list .data-item:hover .wobble-vertical-son { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: wobble-vertical; /*执行动画*/ animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.us_infos{margin:20px 0; font-size:15px; line-height:26px; color:#6a7679;}






/*liucheng*/

.liucheng { width: 100%;  overflow: hidden;
 background: url(../images/bg_lc.jpg) center center no-repeat;/* margin-top: 50px;*/ padding: 80px 0; }
.lc_tit img { display: block; margin: 35px auto; }

.lc_list { display: block; overflow: hidden; width: 100%; margin-top: 100px; }
.lc_list li { display: block; float: left; width: 150px; margin: 0 25px; text-align: center; color: #c9c4c4; }
.lc_list li h6 { font-size: 18px; margin: 20px 0; }
.lc_list li p { font-size: 14px; }
.lc_list li i { display: block; width: 136px; height: 136px; border-radius: 50%; background-color: rgba(0,0,0,0.2); transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.lc_list li i:hover { background-color: #e2ab22; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.xq { background: url(../images/xq.png) no-repeat center center; }
.jh { background: url(../images/jh.png) no-repeat center center; }
.sj { background: url(../images/sj.png) no-repeat center center; }
.qd { background: url(../images/qd.png) no-repeat center center; }
.js { background: url(../images/js.png) no-repeat center center; }
.cs { background: url(../images/cs.png) no-repeat center center; }

/*wd_wraps*/


.wd_wraps { background: #fff; overflow: hidden; padding: 50px 0; }
.wd_wraps { }
.list_do { display: block; width: 100%; overflow: hidden; margin-top: 30px; }
.list_do li { width: 30%; float: left; padding:10px 5px; margin: 0 22px 22px 0px; background: #fff; overflow: hidden; border: 1px solid #fff; transition: all 0.5s; }
.list_do li:hover {
border: 1px solid #fff;
box-shadow: 0 0 5px #666; 

-webkit-transition: box-shadow .5s ease-in-out;
-moz-transition: box-shadow .5s ease-in-out;
-o-transition: box-shadow .5s ease-in-out; 
transition: box-shadow .5s ease-in-out; 

-webkit-animation-name: wobble-vertical; 
animation-name: wobble-vertical;
-webkit-animation-duration: 1s; animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1; 
animation-iteration-count: 1; }
	

.do_log img { width:100px; height:100px; margin-top:20px; margin-left:15px; }
.do_infos { width: 220px; overflow: hidden; }
.do_infos h3 { font-size: 18px; margin: 10px 0 10px 0; }
.do_infos p { font-size: 13px; color: #999; line-height:24px; height:100px;}


/*goods_list*/

.goods { width: 100%; overflow: hidden; background: #f1f1f1; }
.goods_list { display: block; width: 100%; overflow: hidden; margin-top: 30px; }
.goods_list li { width: 540px; margin-right: 60px; overflow: hidden; float: left; margin-bottom: 45px; }
.goods_list li .gd_log { width: 80px; height: 80px; }
.goods_list li .gd_infos { width: 450px; }
.gd_infos h3 { font-size: 18px; margin-bottom: 10px; }
.gd_infos p { color: #666; font-size: 13px; line-height:26px; }

.clear{clear:both}

.lc_tit img,.do_log img{width: auto;}

.fl{float: left;}
.fr{float: right;}

.mb-260px{margin-bottom: -100px}