@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');
body {
	color:#555;
	font-size:16px;
    font-family: "League Spartan";
}
img {
	max-width:100%;
	height:auto
}
a {
	color:#555;
	text-decoration:none;
transition:all ease .5s
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color:#000 !important;
	font-weight:700;
	font-family:outfit, sans-serif
}
p {
	margin-bottom:15px;
	line-height:30px;
	color:#555
}
p:last-child {
	margin-bottom:0
}
.bg-color-f6fcff {
	background-color:#f6fcff
}
.bg-color-000f5c {
	background-color:#000f5c
}
.ptb-100 {
	padding-top:100px;
	padding-bottom:100px
}
.pt-100 {
	padding-top:100px
}
.pb-100 {
	padding-bottom:100px
}
.ptb-70 {
	padding-top:70px;
	padding-bottom:70px
}
.pt-70 {
	padding-top:70px
}
.pb-70 {
	padding-bottom:70px
}
.common-btn {
	font-weight:600;
	color:#fff;
	background-color:#333333;
	padding:10px 50px;
	border-radius:30px;
	display:inline-block;
transition:all ease .5s
}
.common-btn:hover {
	background-color:gray;
	color:#fff
}
.read-more {
	font-weight:600;
	border:1px solid #eee;
	padding:12px 35px;
	border-radius:30px;
	display:inline-block
}
.read-more:hover {
	background-color:#ff7a41;
	border:1px solid #ff7a41;
	color:#fff
}
.section-title {
	max-width:675px;
	margin:auto;
	text-align:center;
	margin-bottom:40px
}
.section-title .sub-title {
	position:relative;
	font-size:15px;
	color:#06f;
	padding-left:90px
}
.section-title .sub-title .sub-title-shape {
	position:absolute;
	top:0;
	left:0
}
.section-title .title-ron {
	display:block;
	color:#06f;
	margin-bottom:8px
}
.section-title h2 {
	font-size:48px;
	color:#000f5c;
	margin-top:10px
}
.section-heading {
	margin-bottom:25px
}
.section-heading .about-sub-title {
	position:relative;
	padding-left:90px;
	font-size:15px;
	color:#06f
}
.section-heading .about-sub-title .sub-title-image {
	position:absolute;
	top:0;
	left:0
}
.section-heading .title-ron {
	display:block;
	color:#06f;
	margin-bottom:8px
}
.section-heading h2 {
	font-size:48px;
	color:#000f5c;
	margin-top:10px
}
.navbar-area {
	background-color:#06f;
	position:relative
}
.navbar-area::after {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:400px;
height:100%;
background-color:#fff
}
.navbar-area.is-sticky {
	top:0;
	left:0;
	width:100%;
	z-index:999;
	position:fixed;
	animation:500ms ease-in-out 0s normal none 1 running fadeInDown;
	box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);
	background-color:#06f
}
.navbar-area .container-fluid {
	max-width:1630px
}
.navbar-area .navbar-brand {
	z-index:22
}
.navbar-area .navbar-brand .white-logo {
	display:none
}
.navbar-area .mobile-responsive-menu .logo .white-logo {
	display:none
}
.desktop-nav {
	background-color:transparent;
	padding-top:0;
	padding-bottom:0
}
.desktop-nav .navbar {
transition:all ease .5s;
	z-index:2;
	position:relative;
	padding-top:24px;
	padding-bottom:24px
}
.desktop-nav .navbar::before {
position:absolute;
content:"";
height:100%;
left:0;
top:0;
right:70px;
background-color:#fff
}
.desktop-nav .navbar ul {
	margin-bottom:0;
	list-style-type:none
}
.desktop-nav .navbar .navbar-nav .nav-item {
	position:relative;
	padding-top:20px;
	padding-left:0;
	padding-right:0;
	padding-bottom:20px
}
.desktop-nav .navbar .navbar-nav .nav-item a {
	font-size:16px;
	color:#000f5c;
	line-height:1;
	position:relative;
	font-weight:500;
	padding-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	margin-left:0;
	margin-right:36px
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
	padding-right:30px
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
display:none
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
content:"\ebc0";
position:absolute;
top:2px;
right:15px;
font-family:boxicons!important;
line-height:1;
font-size:14px;
font-weight:400
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
	color:#ff7a41
}
.desktop-nav .navbar .navbar-nav .nav-item a i {
	font-size:18px;
	line-height:0;
	position:relative;
	top:4px
}
.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
	margin-right:0
}
.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
	margin-left:0
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
	color:#ff7a41
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);
transition:all .3s ease-in-out;
	background-color:#fff;
	position:absolute;
	visibility:hidden;
	border-radius:0;
	display:block;
	width:250px;
	border:none;
	z-index:99;
	opacity:0;
	top:80px;
	left:0;
	padding:0
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
	padding:0
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
	color:#000;
	padding:14px;
	border-bottom:1px dashed #e3e3e3;
	margin:0;
	font-size:15px;
	font-weight:400;
	line-height:1;
	display:block;
	position:relative
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
display:none
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
content:"\ea50";
position:absolute;
top:18px;
right:13px;
font-family:boxicons!important;
line-height:1;
font-size:17px
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
	color:#ff7a41
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	right:250px;
	left:auto;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	color:#1b2336;
	border-bottom:1px dashed #e3e3e3;
	font-size:15px;
	font-weight:400;
	line-height:1;
	position:relative
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
display:none
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
content:"\ea4e";
position:absolute;
top:14px;
right:13px;
font-family:remixicon!important;
line-height:1;
font-size:17px
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
	color:#ff7a41
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
	right:250px;
	left:auto;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color:#000
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color:#000f5c
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left:-250px;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color:#000
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left:-250px;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color:#000
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left:-250px;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color:#000
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left:-250px;
	top:0;
	opacity:0;
	visibility:hidden
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color:#000
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
	top:-15px
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color:#1b2336
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
	top:-1px
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color:#00ca99
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	top:-1px;
	visibility:visible
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color:#00ca99
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	top:-15px;
	visibility:visible
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
	color:#00ca99
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
	top:-15px
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
	color:#00ca99
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
	top:0
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
	border-bottom:none
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	top:100%;
	opacity:1;
	margin-top:24px;
	visibility:visible
}
.desktop-nav .navbar .others-options ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.desktop-nav .navbar .others-options ul li {
	margin-right:20px;
	display:inline-block
}
.desktop-nav .navbar .others-options ul li:last-child {
	margin-right:0
}
.desktop-nav .navbar .others-options ul li .search {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:400px;
	height:50px;
	transform:translateX(-50%) translateY(-50%)
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field {
width:calc(100% - 80px);
border-width:2px
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__input::-moz-placeholder {
opacity:1
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__input::placeholder {
opacity:1
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__close {
left:-25px
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__button {
right:5px;
width:35px;
height:35px;
border-radius:50px
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__button--toggle {
display:none
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked~.search__field .search__button--submit {
display:flex
}
.desktop-nav .navbar .others-options ul li .search__close {
	position:relative;
	top:50%;
	left:0;
	transform:translateX(-50%);
transition:.3s
}
.desktop-nav .navbar .others-options ul li .search__close::before, .desktop-nav .navbar .others-options ul li .search__close::after {
position:absolute;
display:block;
content:"";
width:15px;
height:3px;
background-color:#fff
}
.desktop-nav .navbar .others-options ul li .search__close::before {
transform:rotate(45deg)
}
.desktop-nav .navbar .others-options ul li .search__close::after {
transform:rotate(-45deg)
}
.desktop-nav .navbar .others-options ul li .search__field {
	position:absolute;
	right:0;
	left:50%;
	width:40px;
	height:45px;
	border:0 solid #fff;
	border-radius:50px;
	transform:translateX(-50%);
	transform-origin:right;
transition:.3s
}
.desktop-nav .navbar .others-options ul li .search__input {
	position:absolute;
	left:0;
	box-sizing:border-box;
	width:calc(100% - 40px);
	height:100%;
	padding:5px 15px;
	color:#fff;
	background-color:transparent;
	border:0;
	outline:none;
	font-family:roboto, sans-serif;
	font-size:16px
}
.desktop-nav .navbar .others-options ul li .search__input::-moz-placeholder {
color:#fff;
opacity:0;
-moz-transition:.3s;
transition:.3s;
transition-delay:.3s
}
.desktop-nav .navbar .others-options ul li .search__input::placeholder {
color:#fff;
opacity:0;
transition:.3s;
transition-delay:.3s
}
.desktop-nav .navbar .others-options ul li .search__label {
	cursor:pointer
}
.desktop-nav .navbar .others-options ul li .search__button {
	position:absolute;
	top:50%;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:5px;
	transform:translateY(-50%);
	cursor:pointer;
transition:.3s
}
.desktop-nav .navbar .others-options ul li .search__button--submit {
	display:none;
	border:0
}
.desktop-nav .navbar .others-options ul li .search__icon {
	position:relative;
	width:19px;
	height:19px
}
.desktop-nav .navbar .others-options ul li .search__icon::before {
display:block;
content:"";
width:12px;
height:12px;
background-color:transparent;
border:2px solid #09f;
border-radius:50px
}
.desktop-nav .navbar .others-options ul li .search__icon::after {
position:absolute;
right:0;
bottom:0;
display:block;
content:"";
width:8px;
height:2px;
background-color:#09f;
transform:rotate(45deg);
transform-origin:right
}
.desktop-nav .others-options .optional-btn {
	color:#000;
	margin-left:50px;
	margin-right:25px;
	font-weight:700;
	position:relative;
	line-height:12px;
	top:7px;
	border:none;
	background-color:transparent
}
.desktop-nav .others-options .optional-btn::before {
content:"";
position:absolute;
top:-1px;
left:-24px;
width:1px;
height:25px;
background-color:#1f242e;
opacity:.2
}
.desktop-nav .others-options .optional-btn i {
	margin-right:0;
	font-size:25px
}
.desktop-nav .others-options .optional-btn .badge {
	margin-left:0
}
.desktop-nav .others-options .bag {
	color:#000;
	position:relative;
	margin-right:40px;
	top:3px
}
.desktop-nav .others-options .bag i {
	font-size:25px
}
.desktop-nav .others-options .bag span {
	top:10px;
	left:15px;
	width:18px;
	height:19px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	border-radius:50%;
	color:#fff;
	background-color:#000f5c;
	transform:translateY(-50%)
}
.desktop-nav .menu .login-btn {
	font-weight:600;
	color:#ff7a41;
	border:1px solid #ff7a41;
	padding:16px 40px;
	border-radius:30px;
	margin:0 50px 0 30px;
transition:all ease .5s;
	position:relative;
	top:-6px
}
.desktop-nav .menu .login-btn:hover {
	color:#fff;
	background-color:#ff7a41
}
.desktop-nav .menu .menu-btn {
	border:none;
	background:0 0;
	font-size:35px;
	color:#fff;
	position:relative;
	top:5px
}
.mobile-responsive-nav {
	display:none
}
.login .form-check-label {
	color:#000f5c
}
.desktop-nav .others-options .option-item {
	position:relative
}
.desktop-nav .others-options .option-item .search-btn {
	cursor:pointer;
transition:all ease .5s;
	color:#000f5c;
	font-size:25px;
	position:relative;
	top:4px
}
.desktop-nav .others-options .option-item .close-btn {
transition:all ease .5s;
	color:#000f5c;
	font-size:25px;
	display:none;
	cursor:pointer
}
.desktop-nav .others-options .option-item .close-btn.active {
	display:block
}
.desktop-nav .others-options .option-item .search-overlay {
	display:none
}
.desktop-nav .others-options .option-item .search-overlay.search-popup {
	position:absolute;
	top:100%;
	right:0;
	width:300px;
	margin-top:34px;
	background-color:#fff;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	z-index:2
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form {
	position:relative;
	box-shadow:none
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-input {
	outline:0;
	border:none;
	box-shadow:none;
	display:block;
	width:100%;
	height:50px;
	background-color:#f4f4ff;
	padding-top:15px;
	padding-left:20px;
	padding-right:70px;
	padding-bottom:15px;
	border:1px solid #dfdfff
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-input:focus {
	border:1px solid #000f5c
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-button {
	border:none;
	position:absolute;
	top:0;
	right:0;
	height:50px;
	font-size:18px;
	color:#fff;
	background-color:#000f5c;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px
}
.desktop-nav .others-options .option-item:hover .search-btn {
	color:#ff7a41
}
.desktop-nav .others-options .option-item:hover .close-btn {
	color:#ff7a41
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.side-menu .offcanvas {
	padding:20px
}
.side-menu .offcanvas .offcanvas-header .btn-close {
	box-shadow:none!important;
	opacity:100;
transition:all ease .5s
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-content .sidebar-btn .common-btn {
	margin-bottom:20px
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info {
	margin-bottom:20px
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info h3 {
	font-size:20px;
	margin-bottom:20px
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list li {
	position:relative;
	padding-left:25px;
	margin-bottom:10px
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list li:last-child {
	margin-bottom:0
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list li i {
	position:absolute;
	top:2px;
	left:0;
	font-size:20px;
	color:#ff7a41
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list li a {
	color:#000f5c
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-contact-info .info-list li a:hover {
	color:#ff7a41
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-social-list {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-social-list li {
	display:inline-block;
	padding-right:20px;
	margin-bottom:20px
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-social-list li:last-child {
	padding-right:0
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-social-list li a {
	background-color:#888;
	color:#fff;
	font-size:18px;
	width:40px;
	height:40px;
	line-height:44px;
	border-radius:50%;
	text-align:center;
	display:inline-block
}
.side-menu .offcanvas .offcanvas-body .modal-body .sidebar-social-list li a:hover {
	background-color:#000f5c
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form h3 {
	font-size:20px;
	margin-bottom:20px
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form .form-group ul li {
	font-size:14px;
	font-weight:500;
	color:red;
	margin-top:-15px
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form .form-group .form-control {
	box-shadow:none;
	border-radius:5px;
	border:1px solid #eee;
	margin-bottom:20px;
	height:60px;
	padding:20px;
transition:all ease .5s
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form .form-group .form-control:focus {
	border:1px solid #ff7a41
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form .form-group .textarea {
	height:140px
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form .common-btn {
	border:none
}
.side-menu .offcanvas .offcanvas-body .modal-body .contact-form form #msgSubmit {
	font-size:20px
}
.others-option-for-responsive {
	display:none!important
}
.others-option-for-responsive .dot-menu {
	top:-24px;
	right:60px;
	height:30px;
	z-index:999;
	padding:0 10px;
	cursor:pointer;
	position:absolute
}
.others-option-for-responsive .dot-menu .inner {
	align-items:center;
	display:flex
}
.others-option-for-responsive .dot-menu .inner .circle {
	height:5px;
	width:5px;
	margin:0 2px;
	border-radius:100%;
transition:all ease .5s;
	background-color:#f68723
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
	background-color:#000f5c
}
.others-option-for-responsive .container {
	position:relative
}
.others-option-for-responsive .container .container {
	position:absolute;
	right:-2px;
	top:15px;
	opacity:0;
	max-width:320px;
	visibility:hidden;
	transform:scaleY(0);
transition:all ease .5s;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px
}
.others-option-for-responsive .container .container.active {
	opacity:1;
	visibility:visible;
	transform:scaleY(1)
}
.others-option-for-responsive .container .others-options {
	display:inline-flex;
	text-align:center;
	background-color:#fff;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:12px
}
.others-option-for-responsive .container .others-options .optional-btn {
	margin-left:0;
	margin-right:43px;
	font-weight:700;
	position:relative;
	top:2px;
	padding-top:14px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:14px
}
.others-option-for-responsive .container .others-options .optional-btn i {
	font-size:28px;
	margin-right:0;
	color:#000f5c!important;
	position:relative;
	top:5px
}
.others-option-for-responsive .container .others-options .common-btn {
	width:100%;
	font-size:15px;
	margin:0 10px
}
.others-option-for-responsive .container .others-options .option-item {
	position:relative;
	margin-right:5px;
	margin-left:35px
}
.others-option-for-responsive .container .others-options .option-item .search-btn {
	cursor:pointer;
transition:all ease .5s;
	color:#000f5c;
	font-size:25px;
	position:relative;
	top:15px
}
.others-option-for-responsive .container .others-options .option-item .close-btn {
transition:all ease .5s;
	color:#000f5c;
	font-size:25px;
	display:none;
	cursor:pointer;
	position:relative;
	top:15px
}
.others-option-for-responsive .container .others-options .option-item .close-btn.active {
	display:block
}
.others-option-for-responsive .container .others-options .option-item .search-overlay {
	display:none
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup {
	position:absolute;
	top:100%;
	right:0;
	left:-50px;
	width:298px;
	margin-top:10px;
	background-color:#fff;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	z-index:2
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form {
	position:relative
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-input {
	outline:0;
	border:none;
	box-shadow:none;
	display:block;
	width:100%;
	height:50px;
	background-color:#f4f4ff;
	padding-top:15px;
	padding-left:20px;
	padding-right:70px;
	padding-bottom:15px;
	border:1px solid #dfdfff
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-input:focus {
	border:1px solid #000f5c
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-button {
	border:none;
	position:absolute;
	top:0;
	right:0;
	height:50px;
	font-size:18px;
	color:#fff;
	background-color:#000f5c;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px
}
.others-option-for-responsive .container .others-options .option-item:hover .search-btn {
	color:#000f5c
}
.others-option-for-responsive .container .others-options .option-item:hover .close-btn {
	color:#000f5c
}
.others-option-for-responsive .container .others-options .menu-btn {
	border:none;
	background-color:transparent;
	font-size:30px;
	color:#000f5c;
	position:relative;
	top:3px
}
.result-pagination.search-pagination {
	margin-left:0
}
.banner-slider.owl-carousel.owl-theme {
	position:relative
}
.banner-slider.owl-carousel.owl-theme .owl-nav {
	margin-top:0
}
.banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
color:#ff7a41;
font-size:24px;
background-color:rgba(255, 122, 65, .1);
width:60px;
height:60px;
line-height:65px;
text-align:center;
display:inline-block;
border-radius:50%;
position:absolute;
left:40px;
top:50%;
transform:translateY(-50%);
transition:all ease .5s
}
.banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next {
right:40px;
left:auto
}
.banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
background-color:#ff7a41;
color:#fff
}
.second-banner-slider.owl-carousel.owl-theme {
	position:relative
}
.second-banner-slider.owl-carousel.owl-theme .owl-nav {
	margin-top:0
}
.second-banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
color:#ff7a41;
font-size:40px;
background-color:rgba(255, 122, 65, .19);
width:60px;
height:60px;
line-height:65px;
text-align:center;
display:inline-block;
border-radius:50%;
position:absolute;
left:40px;
top:50%;
transform:translateY(-50%);
transition:all ease .5s
}
.second-banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next {
right:40px;
left:auto
}
.second-banner-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
background-color:#ff7a41;
color:#fff
}
.home-slides.owl-carousel.owl-theme {
	position:relative
}
.home-slides.owl-carousel.owl-theme .owl-nav {
	margin-top:0;
	opacity:0;
	visibility:hidden;
transition:all ease .5s
}
.home-slides.owl-carousel.owl-theme .owl-nav [class*=owl-] {
margin:0;
position:absolute;
top:50%;
left:25px;
width:50px;
height:50px;
line-height:56px;
text-align:center;
background-color:#fff;
color:#000f5c;
transform:translateY(-50%);
transition:all ease .5s;
font-size:40px;
border-radius:0;
overflow:hidden
}
.home-slides.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next {
left:auto;
right:25px
}
.home-slides.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
background-color:#000f5c;
color:#fff
}
.home-slides.owl-carousel.owl-theme:hover .owl-nav {
	opacity:1;
	visibility:visible
}
.home-slides .banner-area {
	position:relative;
	padding-top:150px;
	padding-bottom:200px;
	background-image:none
}
.home-slides .banner-area .banner-content .sub-title {
	color:#fff;
	padding-left:0
}
.home-slides .banner-area .banner-content h1 {
	color:#fff
}
.home-slides .banner-area .banner-content p {
	color:#fff
}
.home-slides .banner-area.bg-1 {
	background-image:url(../images/background/banner-1.webp);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.home-slides .banner-area.bg-2 {
	background-image:url(..//images/background/banner-2.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.home-slides .banner-area.bg-3 {
	background-image:url(..//images/background/banner-3.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.home-slides .banner-area.bg-4 {
	background-image:url(..//images/background/banner-4.webp);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.home-slides .banner-area.bg-5 {
	background-image:url(..//images/background/banner-5.webp);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.home-slides .banner-area.bg-6 {
	background-image:url(..//images/background/banner-6.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.banner-area {
	padding-top:70px;
	padding-bottom:100px;
	background-image:url(../../assets/images/shape/hero-shape-3.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative
}
.banner-area .container-fluid {
	max-width:1630px
}
/* .banner-content {
	margin-top:225px
} */
.banner-content .sub-title {
	position:relative;
	padding-left:90px;
	font-size:15px;
	color:#06f
}
.banner-content .sub-title .hero-shape-2 {
	position:absolute;
	top:0;
	left:0;
	width:74px;
	height:18px
}
.banner-content h1 {
	font-size:70px;
	margin-top:8px;
	margin-bottom:22px
}
.banner-content p {
	max-width:680px;
	margin-bottom:20px
}
.business-area {
	position:relative
}
.business-area .section-title {
	max-width:630px
}
.business-area .business-shape-1 {
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.business-area .business-shape-2 {
	position:absolute;
	top:0;
	right:0;
	z-index:-1
}
.business-card {
	text-align:center;
	padding:50px 42px;
	margin-bottom:30px;
	border-radius:10px;
transition:all ease .5s
}
.business-card .data-image-1 {
	margin-bottom:22px
}
.business-card .business-card-content h4 {
	font-size:24px;
	margin-bottom:12px
}
.business-card .business-card-content h4 a {
	color:#000f5c
}
.business-card .business-card-content h4 a:hover {
	color:#ff7a41
}
.business-card .business-card-content p {
	margin-bottom:15px
}
.business-card .business-card-content .business-btn {
	font-weight:600;
	color:#06f;
transition:all ease .5s
}
.business-card.active {
	background-color:#f6fcff;
	border-radius:10px
}
.business-card:hover {
	background-color:#f6fcff;
	border-radius:10px
}
.business-card:hover .business-btn {
	color:#ff7a41
}
.about-area {
	background-image:url(../../assets/images/background/background-image-2.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative
}
.about-content {
	margin-left:0;
	position:relative;
	width:600px
}
.about-content p {
	max-width:560px;
	margin-bottom:20px
}
.about-content ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.about-content ul li {
	position:relative;
	color:#000f5c;
	padding-left:25px;
	font-weight:500;
	margin-bottom:20px
}
.about-content ul li:last-child {
	margin-bottom:0
}
.about-content ul li i {
	position:absolute;
	top:2px;
	left:0;
	color:#06f
}
.about-content .common-btn {
	margin-top:30px
}
.services-area {
	position:relative
}
.services-area .section-title {
	max-width:700px
}
.services-area p {
	text-align:center;
	margin-bottom:20px
}
.services-area p a {
	font-weight:600;
	color:#ff7a41
}
.services-area .service-shape-1 {
	position:absolute;
	top:100px;
	left:100px;
	z-index:-1
}
.services-card {
	text-align:center;
	padding:30px 25px;
	background-color:#f6fcff;
	border-radius:10px;
	margin-bottom:30px
}
.services-card .services-card-image {
	margin-bottom:20px
}
.services-card .services-card-image .service-1 {
	width:75px
}
.services-card h4 {
	font-size:24px;
	margin-bottom:8px
}
.services-card h4 a {
	display:inline-block;
	color:#000f5c
}
.services-card h4 a:hover {
	color:#ff7a41
}
.services-card p {
	margin-bottom:15px
}
.services-card .service-btn {
	font-weight:600;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:30px;
	padding:12px 35px;
transition:services-card service-btn all ease 0.5s;
}
.services-card .service-btn:hover {
	background-color:#ff7a41;
	color:#fff
}
.services-card:hover .service-1 {
	animation:rotate-vertical 1.1s ease-out
}
.story-area {
	padding-bottom:350px;
	background-image:url(../../assets/images/background/background-image-3.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	z-index:1
}

.story-area {
	background-image:url(../images/wave.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
/* .story-area::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-color:rgba(0, 15, 92, .6);
z-index:-1
} */
.story-area .section-title {
	max-width:710px
}
.story-area .section-title .sub-title {
	color:#fff
}
.story-area .section-title h2 {
	color:#fff
}
.story-area .popup-btn {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background-color:rgba(255, 255, 255, .2);
	width:100px;
	height:100px;
	line-height:100px;
	border-radius:50%;
	text-align:center;
	padding-left:5px;
	z-index:1;
	margin-bottom:250px
}
.story-area .popup-btn .play-icon {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	transform:translateY(-50%);
	background-color:#fff;
	width:60px;
	height:60px;
	line-height:56px;
	border-radius:50%;
	text-align:center;
	padding-left:5px;
	z-index:1;
transition:all ease .5s
}
.story-area .popup-btn .play-icon:hover {
	background-color:#06f
}
.story-area .popup-btn .play-icon img {
	width:20px;
	height:20px
}
.story-area .popup-btn::before {
content:"";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
border-radius:50%;
transition:all ease .5s;
background-color:rgba(255, 255, 255, .2);
animation:ripple 2s linear infinite
}
.painter-area {
	background-color:#06f;
	padding:100px 10px;
	border-radius:10px;
	text-align:center;
	position:relative;
	margin-top:-150px;
	position:relative;
	z-index:1
}
.painter-area .count-info {
	line-height:0;
	position:relative
}
.painter-area .count-info::before {
content:"";
position:absolute;
top:50%;
right:-14px;
bottom:0;
width:1px;
height:90px;
transform:translateY(-50%);
background-color:rgba(255, 255, 255, .2);
border-radius:1px
}
.painter-area .count-info h3 {
	font-size:64px;
	color:#fff;
	margin-bottom:0;
	letter-spacing:5px
}
.painter-area .count-info .target {
	position:absolute;
	top:-50px;
	left:170px
}
.painter-area .count-info .target i {
	font-size:65px;
	color:#ff7a41
}
.painter-area .count-info p {
	font-weight:500;
	color:#eee
}
.painter-area .count-shape-1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:-1
}
.col-lg-3:nth-child(4) .count-info::before {
width:0
}
.who-we-are-area {
	position:relative
}
.who-we-are-area .who-shape-1 {
	position:absolute;
	top:-70px;
	right:220px
}
.who-we-are-content {
	max-width:555px
}
.who-we-are-content p {
	margin-bottom:20px
}
.who-we-are-content ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.who-we-are-content ul li {
	position:relative;
	padding-left:25px;
	font-weight:500;
	color:#000f5c;
	margin-bottom:20px
}
.who-we-are-content ul li:last-child {
	margin-bottom:0
}
.who-we-are-content ul li i {
	position:absolute;
	top:2px;
	left:0
}
.who-we-are-content .common-btn {
	margin-top:30px
}
.portfolio-area p {
	text-align:center
}
.portfolio-area p a {
	font-weight:600;
	color:#ff7a41
}
.portfolio-area p a:hover {
	color:#000f5c
}
.portfolio-card {
	overflow:hidden;
	margin-bottom:30px
}
.portfolio-card .view-gallery {
	position:relative
}
.portfolio-card .view-gallery::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#000f5c;
filter:blur(226px);
border-radius:5px;
transition:all ease .5s;
opacity:0;
visibility:hidden
}
.portfolio-card .view-gallery .portfolio-1 {
	border-radius:5px
}
.portfolio-card .view-gallery .popup-view {
	position:absolute;
	top:-20px;
	right:-20px;
	background-color:#06f;
	width:130px;
	height:130px;
	line-height:130px;
	border-radius:80px 5px 80px 80px;
	text-align:center;
transition:all ease .5s;
	opacity:0;
	visibility:hidden
}
.portfolio-card .view-gallery .popup-view i {
	font-size:20px;
	color:#06f;
	background-color:#fff;
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	text-align:center;
transition:all ease .5s
}
.portfolio-card .view-gallery .popup-view i:hover {
	background-color:#ff7a41;
	color:#fff
}
.portfolio-card .view-gallery .single-view {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	border-radius:5px;
	padding:40px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	text-align:center;
transition:all ease .5s;
	opacity:0;
	visibility:hidden
}
.portfolio-card .view-gallery .single-view h4 {
	font-size:22px;
	margin-top:10px;
	margin-bottom:0
}
.portfolio-card .view-gallery .single-view h4 a {
	display:inline-block;
	color:#000f5c
}
.portfolio-card .view-gallery .single-view h4 a:hover {
	color:#ff7a41
}
.portfolio-card .view-gallery:hover::before {
opacity:1;
visibility:visible
}
.portfolio-card .view-gallery:hover .popup-view {
	opacity:1;
	visibility:visible
}
.portfolio-card .view-gallery:hover .single-view {
	opacity:1;
	visibility:visible
}
.pricing-area {
	position:relative
}
.pricing-area .pricing-shape-1 {
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1
}
.pricing-content {
	margin-right:85px
}
.pricing-content .pricing-logo p {
	margin-bottom:25px
}
.pricing-content .pricing-logo h6 {
	font-weight:600;
	margin-bottom:15px
}
.pricing-content .pricing-logo .logo {
	max-width:400px;
	background-color:#f6fcff;
	border-radius:5px;
	padding:26px 28px
}
.pricing {
	margin-left:-60px
}
.pricing-card {
	background-color:#fff;
	box-shadow:0 0 18px rgba(0, 0, 0, .07);
	border-radius:5px;
	padding:35px 40px;
	margin-bottom:30px;
transition:all ease .5s
}
.pricing-card .pricing-card-heading {
	position:relative;
	border-bottom:1px solid #eee;
	padding-bottom:30px;
	margin-bottom:35px;
transition:all ease .5s
}
.pricing-card .pricing-card-heading h4 {
	font-size:20px;
	font-weight:500;
	margin-bottom:30px;
transition:all ease .5s
}
.pricing-card .pricing-card-heading p {
	font-size:55px;
	font-weight:700;
	font-family:outfit, sans-serif;
	color:#06f;
transition:all ease .5s
}
.pricing-card .pricing-card-heading p span {
	font-size:16px;
	font-weight:400;
	color:#888;
transition:all ease .5s
}
.pricing-card ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.pricing-card ul li {
	position:relative;
	margin-bottom:20px
}
.pricing-card ul li:last-child {
	margin-bottom:0
}
.pricing-card ul li i {
	position:absolute;
	top:2px;
	right:0;
	font-size:18px;
	color:#06f;
transition:all ease .5s
}
.pricing-card .common-btn {
	margin-top:25px;
	width:100%;
	text-align:center
}
.pricing-card.style-one {
	margin-top:30px
}
.pricing-card:hover {
	background-color:#06f
}
.pricing-card:hover .pricing-card-heading {
	border-bottom:1px solid rgba(255, 255, 255, .1)
}
.pricing-card:hover .pricing-card-heading h4 {
	color:#ddd
}
.pricing-card:hover .pricing-card-heading p {
	color:#fff
}
.pricing-card:hover .pricing-card-heading p span {
	color:#fff
}
.pricing-card:hover ul li {
	color:#ddd
}
.pricing-card:hover ul li i {
	color:#ddd
}
.testimonial-area .section-title {
	max-width:500px
}
.testimonials {
	box-shadow:0 0 30px rgba(0, 0, 0, .04);
	margin-right:100px
}
.testimonials .testimonial-card {
	background-color:#fff;
	padding:40px 45px;
	border-radius:5px;
	position:relative
}
.testimonials .testimonial-card .content {
	margin-bottom:30px
}
.testimonials .testimonial-card .content img {
	width:100px;
	height:100px;
	border-radius:50%
}
.testimonials .testimonial-card .content h5 {
	font-size:22px;
	color:#000f5c;
	margin-bottom:10px
}
.testimonials .testimonial-card .content span {
	color:#06f
}
.testimonials .testimonial-card p {
	font-weight:500;
	margin-bottom:25px
}
.testimonials .testimonial-card ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.testimonials .testimonial-card ul li {
	display:inline-block;
	color:#ffc107
}
.testimonials .testimonial-card .quote {
	position:absolute;
	top:20px;
	right:40px;
	font-size:64px;
	color:#eee
}
.testimonial-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
color:#ff7a41;
font-size:24px;
background-color:rgba(255, 122, 65, .1);
width:60px;
height:60px;
line-height:65px;
text-align:center;
display:inline-block;
border-radius:50%;
position:absolute;
left:-90px;
top:50%;
transform:translateY(-50%);
transition:all ease .5s
}
.testimonial-slider.owl-carousel.owl-theme .owl-nav .owl-prev i {
	left:0;
	position:relative
}
.testimonial-slider.owl-carousel.owl-theme .owl-nav[class*=owl-] .owl-next {
right:-90px;
left:auto
}
.testimonial-slider.owl-carousel.owl-theme .owl-nav[class*=owl-] .owl-next i {
position:relative;
right:0
}
.testimonial-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
background-color:#ff7a41;
color:#fff
}
.testimonial-slider.owl-carousel.owl-theme {
	position:relative
}
.testimonial-slider.owl-carousel.owl-theme .owl-dots {
	margin-top:40px;
	padding-bottom:18px;
	position:absolute;
	top:100%;
	left:0;
	right:0
}
.testimonial-slider.owl-carousel.owl-theme .owl-dots .owl-dot span {
	width:14px;
	height:14px;
	border-radius:30px;
	background-color:#ddd;
transition:all ease .5s
}
.testimonial-slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
	width:18px;
	height:18px;
	background-color:black
}
.clients-area {
	position:relative;
	z-index:1
}
.clients-area::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:180px;
background-color:#f6fcff;
z-index:-1
}
.clients-area .clients-shape-1 {
	position:absolute;
	top:60px;
	right:90px;
	z-index:-1
}
.clients-info {
	background-color:#fff;
	border:1px solid #eee;
	box-shadow:0 0 30px rgba(0, 0, 0, .07);
	border-radius:5px;
	padding:80px 75px
}
.clients-info .clients-slider {
	margin-bottom:40px
}
.clients-info .owl-carousel .owl-item img {
	width:auto;
	height:auto;
	margin:auto;
	opacity:35%;
transition:all ease .5s;
	cursor:pointer
}
.clients-info .owl-carousel .owl-item img:hover {
	opacity:100%
}
.blog-area {
	position:relative;
	z-index:1
}
.blog-area p {
	text-align:center;
	margin-bottom:20px
}
.blog-area p a {
	font-weight:600;
	color:#ff7a41
}
.blog-area p a:hover {
	color:#000f5c
}
.blog-area .blog-shape-1 {
	position:absolute;
	top:90px;
	left:20px;
	z-index:-1
}
.blog-card .blog-card-content {
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, .04);
	border-radius:0 0 5px 5px;
	padding:40px;
	margin-bottom:30px
}
.blog-card .blog-card-content ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.blog-card .blog-card-content ul li {
	display:inline-block;
	margin-right:20px;
	padding-left:15px;
	position:relative;
	margin-bottom:15px
}
.blog-card .blog-card-content ul li i {
	position:absolute;
	top:-20px;
	left:-17px;
	font-size:45px;
	color:#ff7a41
}
.blog-card .blog-card-content ul li:last-child {
	margin-right:0;
	padding-left:0
}
.blog-card .blog-card-content ul li:last-child::before {
display:none
}
.blog-card .blog-card-content ul li::before {
content:"";
position:absolute;
top:50%;
right:-13px;
bottom:0;
width:1px;
height:18px;
transform:translateY(-50%);
background-color:#ddd
}
.blog-card .blog-card-content h4 {
	font-size:22px;
	margin-bottom:20px;
	line-height:30px
}
.blog-card .blog-card-content h4 a {
	color:#000f5c
}
.blog-card .blog-card-content h4 a:hover {
	color:#ff7a41
}
.blog-card .blog-card-content .blog-btn {
	font-weight:600;
	color:#06f;
transition:all ease .5s
}
.blog-card .blog-card-content .blog-btn:hover {
	color:#ff7a41
}
.newsletter-area {
	position:relative;
	z-index:1
}
.newsletter-area::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:250px;
background-color:#f6fcff;
z-index:-1
}
.newsletter-area::after {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:230px;
background-color:#000f5c;
z-index:-1
}
.newsletter-image {
	background-image:url(../../assets/images/newsletter.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	border-radius:5px 0 0 5px;
	position:relative
}
.newsletter-image .latest-1 {
	border-radius:5px 0 0 5px;
	display:none
}
.newsletter-image .icon {
	position:absolute;
	top:50%;
	right:-22px;
	transform:translateY(-50%);
	border:1px solid #fff;
	width:115px;
	height:115px;
	line-height:134px;
	border-radius:50%;
	text-align:center;
	z-index:2
}
.newsletter-image .icon .email {
	font-size:40px;
	color:#06f;
	background-color:#fff;
	width:95px;
	height:95px;
	line-height:100px;
	border-radius:50%;
	text-align:center;
	display:inline-block
}
.newsletter-content {
	background-color:#06f;
	padding:100px;
	border-radius:0 5px 5px 0;
	position:relative;
	margin-left:-35px;
	z-index:1
}
.newsletter-content .section-heading .about-sub-title {
	color:#fff
}
.newsletter-content .section-heading h2 {
	color:#fff
}
.newsletter-content .newsletter-form .form-group {
	position:relative
}
.newsletter-content .newsletter-form .form-group .form-control {
	border:none;
	box-shadow:none;
	border-radius:5px;
	background-color:#fff;
	height:80px;
	padding:30px
}
.newsletter-content .newsletter-form .form-group .newsletter-btn {
	position:absolute;
	top:8px;
	right:8px;
	border:none;
	font-weight:500;
	color:#fff;
	background-color:#ff7a41;
	border-radius:5px;
	padding:20px 30px;
transition:all ease .5s
}
.newsletter-content .newsletter-form .form-group .newsletter-btn:hover {
	background-color:#000f5c
}
.newsletter-content .newsletter-form .form-group #validator-newsletter {
	margin-top:10px;
	color:#fff
}
.newsletter-content .subscribe-shape-1 {
	position:absolute;
	top:61%;
	right:0;
	transform:translateY(-50%);
	z-index:-1
}
.footer-area {
	background-image:url(../../assets/images/shape/footer-shape-1.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%
}
.footer-in {
	position:relative;
	padding-right:50px
}
.footer-in .footer-logo {
	margin-bottom:25px
}
.footer-in p {
	color:#ccc;
	margin-bottom:20px
}
.footer-in ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.footer-in ul li {
	display:inline-block;
	margin-right:10px
}
.footer-in ul li:last-child {
	margin-right:0
}
.footer-in ul li i {
	display:inline-block;
	color:#ff7a41;
	background-color:#19276c;
	font-size:18px;
	width:50px;
	height:50px;
	line-height:54px;
	border-radius:50%;
	text-align:center;
transition:all ease .5s
}
.footer-in ul li i:hover {
	background-color:#ff7a41;
	color:#fff
}
.footer-we h4 {
	font-size:22px;
	color:#fff;
	margin-bottom:25px
}
.footer-we ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.footer-we ul li {
	position:relative;
	padding-left:35px;
	margin-bottom:25px
}
.footer-we ul li:last-child {
	margin-bottom:0
}
.footer-we ul li i {
	position:absolute;
	top:0;
	left:0;
	font-size:25px;
	color:#ff7a41
}
.footer-we ul li a {
	color:#ccc
}
.footer-we ul li a:hover {
	color:#ff7a41
}
.footer-we.address ul li {
	padding-left:65px;
	line-height:30px
}
.footer-we.address ul li p {
	color:#ccc
}
.footer-we.address ul li i {
	background-color:#19276c;
	width:50px;
	height:50px;
	line-height:56px;
	border-radius:50%;
	text-align:center;
	font-size:20px
}
.footer-we.address ul li a {
	display:block
}
.col-lg-2:nth-child(3) .footer-we {
margin-left:-30px
}
.copy-area {
	padding-top:26px;
	padding-bottom:26px;
	border-top:1px solid rgba(255, 255, 255, .1)
}
.copy-area .first-side p {
	color:#fff
}
.copy-area .first-side p span {
	font-weight:600;
	color:#ff7a41
}
.copy-area .first-side p a {
	font-weight:600;
	color:#ff7a41
}
.copy-area .second-side {
	text-align:end
}
.copy-area .second-side ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.copy-area .second-side ul li {
	display:inline-block;
	padding-left:30px
}
.copy-area .second-side ul li a {
	color:#fff
}
.copy-area .second-side ul li a:hover {
	color:#ff7a41
}
.copy-area .second-side ul li:first-child {
	padding-left:0
}
.navbar-area.navbar-area-three {
	border-bottom:1px solid #eee
}
.banner-area-two {
	padding-top:100px;
	padding-bottom:90px;
	position:relative;
	z-index:1
}
.banner-area-two .container-fluid {
	max-width:1685px
}
.banner-area-two .big-shape-2 {
	position:absolute;
	right:90px;
	bottom:50px;
	z-index:-1;
	max-width:190px
}
.banner-area-two .big-shape-3 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:100%;
	z-index:-1
}
.banner-two-image {
	position:relative
}
.banner-two-image .hero-shape-4 {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:-1
}
.banner-two-content {
	max-width:765px;
	margin-left:65px;
	margin-top:50px
}
.banner-two-content .color-title {
	color:15px;
	display:block;
	margin-bottom:5px;
	color:#ff7a41
}
.banner-two-content h1 {
	font-size:96px;
	color:#fff;
	margin-bottom:30px
}
.banner-two-content p {
	color:#ccc;
	margin-bottom:40px;
	padding-right:40px
}
.banner-two-content .banner-btn {
	display:-webkit-inline-box
}
.banner-two-content .banner-btn .style {
	display:inline-block;
	font-weight:600;
	background-color:#ff7a41;
	color:#fff;
	border-radius:30px;
	padding:16px 50px;
	margin-right:20px;
transition:all ease .5s
}
.banner-two-content .banner-btn .style:hover {
	color:#06f;
	background-color:#fff
}
.banner-two-content .banner-btn .r-relative {
	position:relative
}
.banner-two-content .banner-btn .r-relative .popup-btn {
	display:inline-block
}
.banner-two-content .banner-btn .r-relative .popup-btn .play-icon {
	font-weight:600;
	background-color:#fff;
	color:#06f;
	border-radius:30px;
	padding:16px 70px 16px 35px;
transition:all ease .5s
}
.banner-two-content .banner-btn .r-relative .popup-btn .play-icon i {
	position:absolute;
	top:6px;
	right:6px;
	font-size:30px;
	color:#fff;
	background-color:#06f;
	width:45px;
	height:45px;
	line-height:45px;
	border-radius:50%;
	padding-left:5px;
	text-align:center;
transition:all ease .5s
}
.banner-two-content .banner-btn .r-relative .popup-btn .play-icon:hover {
	color:#fff;
	background-color:#ff7a41
}
.banner-two-content .banner-btn .r-relative .popup-btn .play-icon:hover i {
	background-color:#fff;
	color:#ff7a41
}
.analytics-area {
	position:relative;
	z-index:1
}
.analytics-area .section-title {
	max-width:600px
}
.analytics-area .analytics-shape-1 {
	position:absolute;
	top:25px;
	right:25px;
	z-index:-1
}
.analytics-area .analytics-shape-2 {
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.analytics-card {
	position:relative;
	background-color:#fff;
	border:1px solid #eee;
	border-radius:10px;
	padding:45px;
	margin-bottom:30px;
transition:all ease .5s
}
.analytics-card i {
	position:absolute;
	font-size:40px;
	color:#fff;
	background:linear-gradient(233.07deg, rgba(0, 102, 255, 0.8) 12.37%, rgba(0, 18, 97, 0.8) 84.29%);
	width:100px;
	height:100px;
	line-height:110px;
	border-radius:50%;
	text-align:center
}
.analytics-card .analytics-info {
	padding-left:130px
}
.analytics-card .analytics-info h4 {
	font-size:24px;
	margin-bottom:15px
}
.analytics-card .analytics-info p {
	margin-bottom:15px
}
.analytics-card .analytics-info .analytics-btn {
	font-weight:600;
	color:#06f;
transition:all ease .5s
}
.analytics-card .analytics-info .analytics-btn:hover {
	color:#ff7a41
}
.analytics-card:hover {
	border:1px solid #06f;
	border-radius:10px
}
.about-area.about-area-two {
	background-image:none;
	position:relative
}
.about-area.about-area-two .about-content {
	margin-left:75px
}
.about-area.about-area-two .about-shape-1 {
	position:absolute;
	right:100px;
	bottom:50px
}
.provide-area {
	padding-bottom:130px;
	position:relative
}
.provide-area .owl-carousel .owl-item img {
	width:190px;
	height:160px;
	margin:auto
}
.provide-area .provide-shape-1 {
	position:absolute;
	top:88px;
	left:148px;
	z-index:-1
}
.provide-card {
	border:1px solid #eee;
	border-radius:10px;
	margin:0 5px 5px;
	padding:30px;
	margin-bottom:30px;
	text-align:center;
transition:all ease .5s
}
.provide-card .provide-image {
	background-color:#f1faff;
	border-radius:10px;
	padding:30px;
transition:all ease .5s
}
.provide-card .provide-image .provide-1 {
	width:190px;
	height:175px
}
.provide-card .provide-card-content {
	padding-top:30px
}
.provide-card .provide-card-content h4 {
	font-size:22px;
	margin-bottom:12px
}
.provide-card .provide-card-content h4 a {
	color:#000f5c
}
.provide-card .provide-card-content h4 a:hover {
	color:#ff7a41
}
.provide-card .provide-card-content p {
	margin-bottom:20px
}
.provide-card:hover .provide-image {
	background-color:#fff;
	box-shadow:0 0 30px 3px rgba(0, 0, 0, .07);
	border-radius:10px
}
.provide-slider.owl-carousel.owl-theme, .ensure-slider.owl-carousel.owl-theme, .testimonials-slider-warp.owl-carousel.owl-theme {
	position:relative
}
.provide-slider.owl-carousel.owl-theme .owl-dots, .ensure-slider.owl-carousel.owl-theme .owl-dots, .testimonials-slider-warp.owl-carousel.owl-theme .owl-dots {
	margin-top:10px;
	position:absolute;
	top:100%;
	left:0;
	right:0
}
.provide-slider.owl-carousel.owl-theme .owl-dots .owl-dot span, .ensure-slider.owl-carousel.owl-theme .owl-dots .owl-dot span, .testimonials-slider-warp.owl-carousel.owl-theme .owl-dots .owl-dot span {
	width:16px;
	height:16px;
	border-radius:30px;
	background-color:#ddd;
transition:all ease .5s
}
.provide-slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .ensure-slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonials-slider-warp.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
	width:16px;
	height:16px;
	background-color:#ff7a41
}
.testimonials-slider-warp.owl-carousel.owl-theme .owl-dots .owl-dot span {
	background-color:#19276c
}
.painter-area.count-area {
	overflow:hidden;
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, .07);
	padding-left:20px;
	position:relative;
	z-index:1
}
.painter-area.count-area .count-info .rocket {
	font-size:70px;
	color:#ff7a41;
	margin-top:20px;
	margin-bottom:-50px;
	padding-right:15px
}
.painter-area.count-area .count-info h3 {
	font-size:60px;
	color:#000f5c;
	margin-top:-90px
}
.painter-area.count-area .count-info .target {
	position:relative;
	top:-22px;
	left:-10px;
	color:#06f
}
.painter-area.count-area .count-info .target i {
	font-size:60px;
	font-weight:700;
	font-family:outfit, sans-serif;
	color:#06f
}
.painter-area.count-area .count-info p {
	color:#555;
	line-height:0;
	margin-left:50px;
	margin-top:-15px
}
.painter-area.count-area .count-shape-3 {
	position:absolute;
	left:0;
	right:0;
	z-index:-1
}
.painter-area.count-area .count-shape-4 {
	position:absolute;
	top:0;
	right:0;
	z-index:-1
}
.plan-area {
	position:relative;
	z-index:1
}
.plan-area .section-title {
	max-width:660px
}
.plan-area .pricing-shape-2 {
	position:absolute;
	top:20px;
	left:70px;
	z-index:-1
}
.pricing-card.pricing-plan-card {
	box-shadow:none;
	border:1px solid #eee;
	border-radius:5px;
transition:all ease .5s
}
.pricing-card.pricing-plan-card .pricing-card-heading h4 {
	margin-bottom:30px
}
.pricing-card.pricing-plan-card .pricing-card-heading p {
	font-size:55px;
	font-weight:700;
	font-family:outfit, sans-serif;
	color:#06f;
transition:all ease .5s
}
.pricing-card.pricing-plan-card .pricing-card-heading p span {
	font-size:16px;
	color:#888
}
.pricing-card.pricing-plan-card ul li i {
	color:#06f
}
.pricing-card.pricing-plan-card .read-more {
	width:100%;
	margin-top:40px;
	text-align:center;
	color:#ff7a41
}
.pricing-card.pricing-plan-card .read-more:hover {
	background-color:#ff7a41!important;
	color:#fff!important
}
.pricing-card.pricing-plan-card:hover {
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, .07);
	border:1px solid #fff
}
.pricing-card.pricing-plan-card:hover .pricing-card-heading h4 {
	color:#000f5c
}
.pricing-card.pricing-plan-card:hover ul li {
	color:#555
}
.pricing-card.pricing-plan-card:hover .read-more {
	background-color:#ff7a41;
	color:#fff
}
.expert-content {
	max-width:560px
}
.expert-content .section-heading {
	margin-bottom:25px
}
.expert-content p {
	margin-bottom:25px
}
.expert-content .skills {
	position:relative
}
.expert-content .skills .skill-item {
	position:relative;
	margin-bottom:25px
}
.expert-content .skills .skill-item .skill-header {
	position:relative;
	margin-bottom:10px
}
.expert-content .skills .skill-item .skill-header .skill-title {
	font-size:16px;
	font-weight:500;
	font-family:be vietnam pro, sans-serif;
	margin-bottom:0;
	color:#000f5c
}
.expert-content .skills .skill-item .skill-header .skill-percentage {
	position:absolute;
	right:0;
	top:1px;
	font-weight:500;
	color:#06f;
	font-family:outfit, sans-serif
}
.expert-content .skills .skill-item .skill-bar {
	position:relative;
	width:100%
}
.expert-content .skills .skill-item .skill-bar .bar-inner {
	position:relative;
	width:100%;
	border-top:5px solid #ddd
}
.expert-content .skills .skill-item .skill-bar .bar-inner .bar {
	position:absolute;
	left:0;
	top:-2px;
	width:0;
	height:5px;
	background:#06f;
	transition:all 2000ms ease;
	border-radius:30px;
	margin-top:-3px;
	animation:fillBars 2.5s 1
}
.expert-content .common-btn {
	margin-top:20px
}
@keyframes fillBars {
from {
width:0
}
to {
	width:100%
}
}
.newsletter-area.subscribe-area {
	position:relative;
	margin-bottom:-270px;
	z-index:2
}
.newsletter-area.subscribe-area::after {
height:0
}
.newsletter-area.subscribe-area .subscribe-shape-2 {
	position:absolute;
	top:-58%;
	right:140px;
	z-index:-1
}
.ensure-area {
	padding-top:350px;
	padding-bottom:280px;
	display:block;
	background-image:url(../../assets/images/background/background-image-4.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	z-index:1
}
.ensure-area::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:100%;
background-color:rgba(0, 15, 92, .65);
z-index:-1
}
.ensure-area .ensure {
	max-width:675px;
	text-align:center;
	margin:auto;
	z-index:1
}
.ensure-area .ensure .ensure-title {
	display:block;
	color:#06f;
	margin-bottom:8px;
	z-index:1
}
.ensure-area .ensure h2 {
	font-size:48px;
	color:#fff;
	z-index:1
}
.ensure-portfolio {
	position:relative;
	margin-top:-260px
}
.reached-image {
	position:relative
}
.reached-image .reached-logo-1 {
	position:absolute;
	top:-75px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	border:1px solid #ddd;
	padding:45px 35px;
	border-radius:10px;
	background:#fff
}
.reached-image .reached-logo-2 {
	position:absolute;
	top:45%;
	left:-16px;
	margin:auto;
	text-align:center;
	border:1px solid #ddd;
	padding:45px 35px;
	border-radius:10px;
	background:#fff;
	transform:translateY(-50%)
}
.reached-image .reached-logo-3 {
	position:absolute;
	top:45%;
	right:-30px;
	text-align:center;
	border:1px solid #ddd;
	padding:45px 35px;
	border-radius:10px;
	background:#fff;
	transform:translateY(-50%)
}
.reached-image .reached-logo-4 {
	position:absolute;
	left:0;
	right:0;
	bottom:-50px;
	margin:auto;
	text-align:center;
	border:1px solid #ddd;
	padding:45px 35px;
	border-radius:10px;
	background:#fff
}
.reached-image .about-image-7 {
	display:none
}
.reached-area {
	padding-top:100px;
	padding-bottom:150px
}
.reached-content {
	margin-left:60px
}
.reached-content .section-heading h2 {
	font-size:40px;
	max-width:500px;
	line-height:55px
}
.testimonials-area .section-title {
	max-width:500px;
	margin:auto;
	margin-bottom:30px
}
.testimonials-area .owl-carousel .owl-item .quote-1 {
	width:50px;
	height:50px;
	border-radius:0;
	margin-bottom:15px
}
.testimonials-area .owl-carousel .owl-item img {
	width:70px;
	height:70px;
	border-radius:50%
}
.single-testimonials-card {
	background-color:#fff;
	border:1px solid #eee;
	border-radius:5px;
	padding:40px 45px;
	margin-bottom:30px
}
.single-testimonials-card p {
	margin-bottom:30px
}
.single-testimonials-card .content .name h5 {
	font-size:22px;
	margin-bottom:5px
}
.single-testimonials-card .content .name span {
	color:#06f
}
.testimonials-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
color:#ff7a41;
font-size:24px;
background-color:rgba(255, 122, 65, .1);
width:60px;
height:60px;
line-height:65px;
text-align:center;
display:inline-block;
border-radius:50%;
position:absolute;
left:-90px;
top:48%;
transform:translateY(-50%);
transition:all ease .5s
}
.testimonials-slider.owl-carousel.owl-theme .owl-nav .owl-prev i {
	left:0;
	position:relative
}
.testimonials-slider.owl-carousel.owl-theme .owl-nav[class*=owl-] .owl-next {
right:-90px;
left:auto
}
.testimonials-slider.owl-carousel.owl-theme .owl-nav[class*=owl-] .owl-next i {
position:relative;
right:0
}
.testimonials-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
background-color:#ff7a41;
color:#fff
}
.banner-area-three {
	padding-top:100px;
	padding-bottom:70px;
	position:relative;
	z-index:1
}
.banner-area-three::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:460px;
background-color:#000f5c;
z-index:-1
}
.banner-area-three .container-fluid {
	max-width:1630px
}
.banner-area-three .banner-content {
	max-width:765px;
	text-align:center;
	margin:auto;
	margin-bottom:60px
}
.banner-area-three .banner-content .title-ron {
	display:inline-block;
	font-size:16px;
	color:#06f;
	background:rgba(0, 102, 255, .1);
	border-radius:5px;
	padding:5px 10px
}
.banner-area-three .banner-content h1 {
	font-size:96px;
	margin-bottom:40px
}
.banner-area-three .banner-content .common-btn {
	margin-right:20px
}
.banner-area-three .banner-content .common-btn.style {
	background-color:#06f
}
.banner-area-three .banner-content .common-btn:hover {
	background-color:#06f
}
.banner-area-three .banner-content .common-btn:hover.style {
	background-color:#ff7a41
}
.banner-area-three .image-data {
	z-index:999
}
.banner-area-three .image-data .data-image-3 {
	border:none;
	margin-top:-70px;
	margin-right:-50px
}
.banner-area-three .image-data .data-image-2 {
	border:none;
	margin-left:-70px;
	z-index:2
}
.banner-area-three .image-data .data-image-1 {
	border:none;
	margin-top:-70px;
	margin-left:-70px
}
.banner-area-three .big-shape-4 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:-2
}
.banner-area-three .big-shape-5 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	z-index:-1
}
.join-area p {
	text-align:center;
	color:#000f5c;
	margin-bottom:30px
}
.join-area .owl-carousel .owl-item img {
	width:auto;
	height:auto;
	margin:auto;
	justify-content:center
}
.join-area .logo {
	margin-bottom:30px
}
.service-area {
	overflow:hidden;
	position:relative;
	z-index:1
}
.service-area .service-shape-2 {
	position:absolute;
	top:25%;
	right:0;
	bottom:0;
	z-index:-1
}
.single-service-card {
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, .07);
	padding:30px;
	border-radius:5px;
	margin-bottom:30px;
transition:all ease .5s
}
.single-service-card .server {
	width:50px;
	margin-bottom:25px
}
.single-service-card h4 {
	font-size:22px;
	margin-bottom:10px
}
.single-service-card h4 a {
	color:#000f5c
}
.single-service-card h4 a:hover {
	color:#ff7a41
}
.single-service-card p {
	margin-bottom:15px
}
.single-service-card .more-btn {
	display:inline-block;
	position:relative
}
.single-service-card .more-btn span {
	font-weight:600;
	opacity:0;
	visibility:hidden;
	position:relative;
transition:all ease .5s
}
.single-service-card .more-btn i {
	position:absolute;
	top:0;
	left:0;
	font-size:20px;
	color:#06f;
transition:all ease .5s
}
.single-service-card .more-btn:hover span {
	color:#ff7a41;
	opacity:1;
	visibility:visible
}
.single-service-card .more-btn:hover i {
	color:#ff7a41;
	padding-left:100px
}
.single-service-card:hover .server {
	animation:rotate-vertical 1.1s ease-out
}
.about-area.about-area-three {
	background-image:none
}
.about-area.about-area-three .about-image {
	margin-right:80px
}
.about-area.about-area-three .about-content {
	margin-left:-20px
}
.check-area {
	position:relative;
	z-index:1
}
.check-area::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
width:100%;
height:435px;
background-color:#fff;
z-index:-1
}
.check-area .check-heading .check-title {
	display:block;
	color:#fff;
	margin-bottom:10px
}
.check-area .check-heading h2 {
	font-size:48px;
	color:#fff;
	margin-bottom:50px
}
.check-area .check-btn {
	text-align:end;
	margin-top:-40px
}
.check-area .check-btn .common-btn:hover {
	background-color:#06f
}
.check-area .check-image {
	position:relative
}
.check-area .check-image .background-image-5 {
	border-radius:20px;
	z-index:1
}
.check-area .check-image .popup-btn {
	position:absolute;
	left:0;
	bottom:0;
	background-color:#fff;
	padding:20px 70px 20px 40px;
	border-radius:30px;
	margin-left:50px;
	margin-bottom:50px;
transition:all ease .5s
}
.check-area .check-image .popup-btn .play-icon {
	font-weight:500;
	color:#06f;
transition:all ease .5s
}
.check-area .check-image .popup-btn .play-icon i {
	position:absolute;
	top:7px;
	right:7px;
	font-size:30px;
	color:#fff;
	background-color:#06f;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50%;
	text-align:center
}
.check-area .check-image .popup-btn:hover {
	background-color:#ff7a41
}
.check-area .check-image .popup-btn:hover .play-icon {
	color:#fff
}
.check-area .check-shape-1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:-2
}
.fun-fact-area {
	overflow:hidden
}
.fun-fact-area .painter-area {
	background-color:transparent;
	padding:60px 0 100px 45px
}
.fun-fact-area .painter-area .count-info {
	justify-content:center;
	align-items:center;
	text-align:center;
	position:relative
}
.fun-fact-area .painter-area .count-info .medal {
	position:absolute;
	top:50%;
	left:0;
	font-size:35px;
	color:#06f;
	transform:translateY(-50%);
	background-color:#e5f0ff;
	width:85px;
	height:85px;
	line-height:90px;
	border-radius:50%;
	text-align:center
}
.fun-fact-area .painter-area .count-info .content {
	margin-left:35px
}
.fun-fact-area .painter-area .count-info .content h3 {
	color:#000f5c
}
.fun-fact-area .painter-area .count-info .content .target {
	left:185px
}
.fun-fact-area .painter-area .count-info .content p {
	color:#555
}
.portfolio-area-style {
	overflow:hidden;
	position:relative;
	z-index:1;
	margin-left:0;
	margin-right:0
}
.portfolio-area-style .portfolio-content {
	width:100%;
	display:flex;
	padding:0;
	margin-bottom:30px
}
.portfolio-area-style .slide {
	width:315px;
	height:500px;
	border-radius:5px;
	margin:10px;
	cursor:pointer;
	color:#fff;
	flex:1;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
transition:all ease .5s
}
.portfolio-area-style .slide h3 {
transition:all ease .5s;
	visibility:hidden;
	color:#fff;
	position:absolute;
	font-size:24px;
	bottom:40px;
	left:40px;
	opacity:0;
	margin:0
}
.portfolio-area-style .slide h3:hover {
	color:#06f
}
.portfolio-area-style .slide h3 p {
	display:block;
	font-weight:400;
	margin-bottom:5px;
	color:#ff7a41;
	font-size:16px;
transition:all ease .5s
}
.portfolio-area-style .slide .popup-view {
	position:absolute;
	right:40px;
	bottom:35px;
	font-size:30px;
	visibility:hidden;
	color:#06f;
	background-color:#fff;
	width:60px;
	height:60px;
	line-height:66px;
	border-radius:50%;
	text-align:center;
	opacity:0;
transition:all ease .5s
}
.portfolio-area-style .slide .popup-view:hover {
	background-color:#ff7a41;
	color:#fff
}
.portfolio-area-style .slide::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-image:linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(8,0,32));
border-radius:5px;
opacity:0;
visibility:hidden;
transition:all ease .5s
}
.portfolio-area-style .slide.active {
	flex:3;
	overflow:hidden;
transition:all ease .5s
}
.portfolio-area-style .slide.active::before {
opacity:1;
visibility:visible
}
.portfolio-area-style .slide.active h3 {
	opacity:1;
	visibility:visible
}
.portfolio-area-style .slide.active .popup-view {
	opacity:1;
	visibility:visible
}
.portfolio-area-style .slide.bg-1 {
	background-image:url(../../assets/images/portfolio/portfolio-8.jpg);
	margin-left:0
}
.portfolio-area-style .slide.bg-2 {
	background-image:url(../../assets/images/portfolio/portfolio-6.jpg)
}
.portfolio-area-style .slide.bg-3 {
	background-image:url(../../assets/images/portfolio/portfolio-4.jpg)
}
.portfolio-area-style .slide.bg-4 {
	background-image:url(../../assets/images/portfolio/portfolio-5.jpg)
}
.portfolio-area-style .slide.bg-5 {
	background-image:url(../../assets/images/portfolio/portfolio-7.jpg);
	margin-right:0
}
.portfolio-area-style .portfolio-shape-1 {
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.testimonials-warp {
	padding-bottom:130px
}
.testimonials-warp .section-title {
	max-width:510px
}
.testimonials-warp .section-title h2 {
	color:#fff
}
.testimonials-warp .owl-carousel .owl-item img {
	width:70px;
	height:70px;
	border-radius:50%
}
.testimonials-warp .single-testimonials-card {
	background-color:transparent;
	background-color:#000f5c!important;
	border:1px solid rgba(255, 255, 255, .1);
	border-radius:5px;
	position:relative
}
.testimonials-warp .single-testimonials-card .content {
	margin-bottom:25px
}
.testimonials-warp .single-testimonials-card .content .name h5 {
	font-size:22px;
	color:#fff;
	margin-bottom:5px
}
.testimonials-warp .single-testimonials-card p {
	color:#ccc;
	margin-bottom:25px
}
.testimonials-warp .single-testimonials-card ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.testimonials-warp .single-testimonials-card ul li {
	display:inline-block;
	color:#ffc107
}
.testimonials-warp .single-testimonials-card .quote-1 {
	position:absolute;
	top:30px;
	right:50px;
	font-size:65px;
	color:rgba(255, 255, 255, .1)
}
.testimonials-slider-warp.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonials-slider-warp.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
	background-color:#ff7a41
}
.blog-area.blog-area-three .blog-card .blog-card-content {
	background-color:#f6fcff;
transition:all ease .5s
}
.blog-area.blog-area-three .blog-card .blog-card-content .blog-btn {
	display:inline-block;
	position:relative;
transition:all ease .5s
}
.blog-area.blog-area-three .blog-card .blog-card-content .blog-btn span {
	font-weight:600;
	opacity:0;
	visibility:hidden;
	position:relative;
transition:all ease .5s
}
.blog-area.blog-area-three .blog-card .blog-card-content .blog-btn i {
	position:absolute;
	top:0;
	left:0;
	font-size:20px;
	color:#06f;
transition:all ease .5s
}
.blog-area.blog-area-three .blog-card .blog-card-content .blog-btn:hover span {
	opacity:1;
	visibility:visible
}
.blog-area.blog-area-three .blog-card .blog-card-content .blog-btn:hover i {
	padding-left:100px;
	color:#ff7a41
}
.blog-area.blog-area-three .blog-card:hover .blog-card-content {
	background-color:transparent
}
.page-banner-area {
	padding-top:60px;
	padding-bottom:60px;
	position:relative
}
.page-banner-area .banner-content h2 {
	font-size:64px
}
.page-banner-area .banner-content ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.page-banner-area .banner-content ul li {
	display:inline-block;
	padding-right:15px;
	font-weight:500;
	color:#ff7a41;
	position:relative
}
.page-banner-area .banner-content ul li::before {
content:"";
position:absolute;
top:2px;
right:3px;
bottom:0;
width:1.2px;
height:18px;
background-color:#555;
transform:rotate(25deg)
}
.page-banner-area .banner-content ul li a:hover {
	color:#06f
}
.page-banner-area .banner-content ul li:last-child {
	padding-right:0
}
.page-banner-area .banner-content ul li:last-child::before {
display:none
}
.page-banner-area .page-banner-image {
	text-align:end
}
.about-area.about-page {
	background-image:none
}
.services-area.services-area-two .services-card {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .05);
	border-radius:10px
}
.service-pagination .pagination {
	justify-content:center;
	margin-top:20px
}
.service-pagination .pagination .page-item {
	margin-right:20px
}
.service-pagination .pagination .page-item .page-link {
	font-size:20px;
	font-weight:500;
	color:#555;
	border:1px solid #eee;
	width:60px;
	height:55px;
	line-height:42px;
	border-radius:3px;
	text-align:center;
transition:all ease .5s
}
.service-pagination .pagination .page-item .page-link.active {
	background-color:#ff7a41;
	color:#fff
}
.service-pagination .pagination .page-item .page-link:hover {
	background-color:#ff7a41;
	color:#fff;
	border-radius:3px
}
.service-pagination .pagination .page-item .page-link span {
	position:relative;
	top:2px;
	color:#ff7a41
}
.service-details-area .service-details {
	margin-right:45px
}
.service-details-area .service-details .blog-10 {
	border-radius:5px;
	margin-bottom:25px
}
.service-details-area .service-details h4 {
	font-size:48px;
	margin-bottom:15px
}
.service-details-area .service-details p {
	margin-bottom:15px
}
.service-details-area .service-details p:last-child {
	margin-bottom:0
}
.service-details-area .service-details .service-analyses {
	margin-top:20px
}
.service-details-area .service-details .service-analyses h5 {
	font-size:30px;
	margin-bottom:10px
}
.service-details-area .service-details .service-analyses .error {
	max-width:455px;
	margin-bottom:-15px
}
.service-details-area .service-details .service-analyses .quia {
	margin-bottom:25px
}
.service-details-area .service-details .service-analyses ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.service-details-area .service-details .service-analyses ul li {
	position:relative;
	padding-left:25px;
	margin-bottom:20px
}
.service-details-area .service-details .service-analyses ul li:last-child {
	margin-bottom:0
}
.service-details-area .service-details .service-analyses ul li i {
	position:absolute;
	top:2px;
	left:0;
	color:#06f
}
.service-details-area .service-details .service-analyses .process .process-1 {
	border-radius:5px;
	margin-bottom:30px
}
.single-testimonials-warp {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:5px;
	text-align:center;
	margin-bottom:30px;
	position:relative
}
.single-testimonials-warp .quote-icon {
	font-size:30px;
	background-color:#ff7a41;
	color:#fff;
	width:60px;
	height:60px;
	line-height:68px;
	border-radius:50%;
	text-align:center;
	margin:auto;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
transition:all ease .5s
}
.single-testimonials-warp .single-content {
	padding-top:50px;
	padding-left:52px;
	padding-right:52px;
	padding-bottom:40px
}
.single-testimonials-warp .single-content p {
	margin-bottom:20px
}
.single-testimonials-warp .single-content .client-image {
	width:80px;
	height:80px;
	border-radius:50%;
	margin-bottom:15px
}
.single-testimonials-warp .single-content h4 {
	font-size:22px;
	margin-bottom:8px
}
.single-testimonials-warp .single-content span {
	display:block;
	color:#06f;
	margin-bottom:10px
}
.single-testimonials-warp .single-content ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.single-testimonials-warp .single-content ul li {
	display:inline-block;
	color:#ffc107
}
.single-testimonials-warp:hover .quote-icon {
	background-color:#000f5c
}
.col-lg-4:nth-child(1) .single-testimonials-warp {
margin-bottom:60px
}
.total-area {
	background-image:url(../../assets/images/background/background-image-6.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	z-index:1
}
.total-area::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-color:rgba(0, 15, 92, .85);
z-index:-1
}
.total-area .total-count {
	text-align:center;
	margin-bottom:30px
}
.total-area .total-count .total-shape {
	position:relative
}
.total-area .total-count .total-shape img {
	margin-left:-20px
}
.total-area .total-count .total-shape .icon {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	font-size:30px;
	color:#fff
}
.total-area .total-count h1 {
	font-size:60px;
	color:#fff;
	letter-spacing:5px;
	margin-bottom:0;
	margin-top:-30px
}
.total-area .total-count .target {
	font-size:60px;
	font-weight:700;
	color:#fff
}
.total-area .total-count p {
	font-weight:500;
	color:#ccc
}
.clients-area.clients-testimonials {
	position:relative
}
.clients-area.clients-testimonials::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:165px;
background-color:#000f5c
}
.team-card {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:5px;
	margin-bottom:30px
}
.team-card .team-card-info {
	text-align:center;
	padding:30px 0
}
.team-card .team-card-info h4 {
	text-align:center;
	font-size:22px
}
.team-card .team-card-info h4 a {
	color:#000f5c
}
.team-card .team-card-info p {
	color:#06f;
	text-align:center
}
.team-card .tram-image {
	position:relative
}
.team-card .tram-image .team-1 {
	border-radius:5px
}
.team-card .tram-image .profile-btn {
	position:absolute;
	left:20px;
	bottom:20px
}
.team-card .tram-image .profile-btn .share-in {
	cursor:pointer;
	color:#06f;
	background-color:#fff;
	height:45px;
	width:45px;
	line-height:48px;
	border-radius:50%;
	text-align:center;
	position:relative;
transition:all ease .5s
}
.team-card .tram-image .profile-btn .share-in .facebook, .team-card .tram-image .profile-btn .share-in .instagram, .team-card .tram-image .profile-btn .share-in .twitter, .team-card .tram-image .profile-btn .share-in .linkedin {
	border:none;
	color:#06f;
	background-color:#fff;
	height:45px;
	width:45px;
	line-height:48px;
	border-radius:50%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
transition:all ease .5s
}
.team-card .tram-image .profile-btn .share-in:hover {
	background-color:#ff7a41;
	color:#fff
}
.team-card .tram-image .profile-btn .share-in:hover .facebook {
	opacity:1;
	left:55px
}
.team-card .tram-image .profile-btn .share-in:hover .facebook:hover {
	background-color:#ff7a41;
	color:#fff
}
.team-card .tram-image .profile-btn .share-in:hover .instagram {
	opacity:1;
	left:110px
}
.team-card .tram-image .profile-btn .share-in:hover .instagram:hover {
	background-color:#ff7a41;
	color:#fff
}
.team-card .tram-image .profile-btn .share-in:hover .twitter {
	opacity:1;
	top:-55px
}
.team-card .tram-image .profile-btn .share-in:hover .twitter:hover {
	background-color:#ff7a41;
	color:#fff
}
.team-card .tram-image .profile-btn .share-in:hover .linkedin {
	opacity:1;
	top:-110px
}
.team-card .tram-image .profile-btn .share-in:hover .linkedin:hover {
	background-color:#ff7a41;
	color:#fff
}
.personal-details .team-9 {
	border-radius:5px;
	margin-bottom:30px
}
.personal-details h4 {
	font-size:30px;
	margin-bottom:10px
}
.personal-details p {
	margin-bottom:35px
}
.personal-details .leave-contact {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:5px;
	padding:45px 50px
}
.personal-details .leave-contact h4 {
	font-size:24px;
	margin-bottom:25px
}
.personal-details .leave-contact .form-control {
	box-shadow:none;
	border:1px solid #eee;
	color:#888;
	border-radius:5px;
	padding:15px 20px;
	height:60px;
	margin-bottom:20px;
transform:all ease .5s
}
.personal-details .leave-contact .form-control::-moz-placeholder {
color:#555;
-moz-transition:all ease .5s;
transition:all ease .5s
}
.personal-details .leave-contact .form-control::placeholder {
color:#555;
transition:all ease .5s
}
.personal-details .leave-contact .form-control:focus {
	border:1px solid #ff7a41
}
.personal-details .leave-contact .form-control:focus::-moz-placeholder {
color:transparent
}
.personal-details .leave-contact .form-control:focus::placeholder {
color:transparent
}
.personal-details .leave-contact .textarea {
	height:150px
}
.personal-details .leave-contact .common-btn {
	border:none
}
.team-robert {
	margin-left:45px
}
.team-robert h4 {
	font-size:40px;
	margin-bottom:5px
}
.team-robert span {
	display:block;
	color:#06f;
	margin-bottom:15px
}
.team-robert p {
	margin-bottom:15px
}
.team-robert .email-phone {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.team-robert .email-phone li {
	position:relative;
	font-weight:700;
	color:#000f5c;
	margin-bottom:20px
}
.team-robert .email-phone li:last-child {
	margin-bottom:0
}
.team-robert .email-phone li a {
	position:absolute;
	top:0;
	left:150px;
	font-weight:400;
	color:#555
}
.team-robert .email-phone li a:hover {
	color:#ff7a41
}
.team-robert .social-link {
	margin-top:20px;
	margin-bottom:45px
}
.team-robert .social-link ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.team-robert .social-link ul li {
	display:inline-block;
	margin-right:20px;
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .07);
	width:50px;
	height:50px;
	line-height:56px;
	border-radius:50%;
	text-align:center;
transition:all ease .5s
}
.team-robert .social-link ul li a {
	font-size:20px;
	color:#06f
}
.team-robert .social-link ul li:last-child {
	margin-right:0
}
.team-robert .social-link ul li:hover {
	background-color:#ff7a41
}
.team-robert .social-link ul li:hover a {
	color:#fff
}
.team-robert .professional-skills {
	margin-bottom:35px
}
.team-robert .professional-skills .expert-content h2 {
	font-size:30px;
	margin-bottom:20px
}
.team-robert .professional-skills .expert-content .skills .skill-item .skill-header .skill-percentage span {
	display:inline-block!important
}
.blog-search-form {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	padding:20px 25px;
	border-radius:10px;
	margin-bottom:50px
}
.blog-search-form .form-group {
	position:relative
}
.blog-search-form .form-group .form-control {
	box-shadow:none;
	border:1px solid #eee;
	color:#888;
	border-radius:10px;
	padding:15px 25px;
	height:60px;
transition:all ease .5s
}
.blog-search-form .form-group .form-control:focus {
	border:1px solid #ff7a41
}
.blog-search-form .form-group .search-btn {
	position:absolute;
	top:0;
	right:0;
	border:none;
	background-color:#ff7a41;
	border-radius:0 10px 10px 0;
	color:#fff;
	height:60px;
	font-size:20px;
	padding:18px 25px;
transition:all ease .5s
}
.blog-search-form .form-group .search-btn:hover {
	background-color:#06f
}
.category {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:10px;
	padding:40px;
	margin-bottom:50px
}
.category h4 {
	font-size:24px;
	margin-bottom:25px
}
.category ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.category ul li {
	display:block;
	width:100%;
	position:relative;
	border:1px solid #eee;
	border-radius:10px;
	margin-bottom:20px;
	z-index:1
}
.category ul li::before {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:0%;
background-color:#06f;
border-radius:10px;
z-index:-1;
opacity:0;
visibility:hidden;
transition:all ease .5s
}
.category ul li a {
	display:block;
	position:relative;
	padding:15px 20px 15px 40px
}
.category ul li:last-child {
	margin-bottom:0
}
.category ul li i {
	position:absolute;
	top:50%;
	left:15px;
	color:#06f;
	transform:translateY(-50%);
transition:all ease .5s
}
.category ul li:hover a {
	color:#fff
}
.category ul li:hover i {
	color:#fff!important
}
.category ul li:hover::before {
opacity:1;
visibility:visible;
height:100%;
color:#fff
}
.tags {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:10px;
	padding:40px
}
.tags h4 {
	font-size:24px;
	margin-bottom:25px
}
.tags ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.tags ul li {
	display:inline-block;
	margin-right:6px;
	margin-bottom:10px;
transition:all ease .5s
}
.tags ul li:last-child {
	margin-bottom:0
}
.tags ul li a {
	display:inline-block;
	border:1px solid #eee;
	border-radius:5px;
	padding:12px 15px;
	font-size:15px
}
.tags ul li a:hover {
	background-color:#06f;
	color:#fff;
	border-radius:5px
}
.blog-details {
	margin-right:45px
}
.blog-details .blog-card .blog-card-content {
	box-shadow:unset;
	padding:30px 0 0;
	margin-bottom:0
}
.blog-details .blog-card .blog-card-content h4 {
	max-width:660px;
	font-size:48px;
	margin-bottom:15px;
	line-height:55px
}
.blog-details .robert {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:10px;
	padding:40px 50px;
	position:relative;
	margin-top:25px;
	margin-bottom:35px
}
.blog-details .robert::before {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:5px;
height:100%;
background-color:#06f;
border-radius:10px 0 0 10px
}
.blog-details .robert p {
	margin-bottom:16px
}
.blog-details .robert span {
	color:#06f
}
.blog-details .robert .quote-2 {
	position:absolute;
	left:70%;
	bottom:14px
}
.blog-details .technology h4 {
	font-size:30px;
	margin-bottom:12px
}
.blog-details .technology p {
	margin-bottom:25px
}
.blog-details .technology .blog-7 {
	border-radius:10px;
	margin-bottom:25px
}
.blog-details .share-tags {
	margin-bottom:50px
}
.blog-details .share-tags .first-tags ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.blog-details .share-tags .first-tags ul li {
	display:inline-block;
	margin-right:20px
}
.blog-details .share-tags .first-tags ul li:last-child {
	margin-right:0
}
.blog-details .share-tags .first-tags ul li a {
	border:1px solid #eee;
	padding:12px 15px;
	border-radius:5px;
	color:#888
}
.blog-details .share-tags .first-tags ul li a:hover {
	background-color:#ff7a41;
	color:#fff
}
.blog-details .share-tags .first-tags ul li p {
	font-weight:700;
	color:#000f5c
}
.blog-details .share-tags .second-side {
	text-align:end
}
.blog-details .share-tags .second-side ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.blog-details .share-tags .second-side ul li {
	display:inline-block;
	margin-right:10px
}
.blog-details .share-tags .second-side ul li:last-child {
	margin-right:0
}
.blog-details .share-tags .second-side ul li a {
	display:inline-block;
	background-color:#fff;
	box-shadow:0 0 15px 2px rgba(0, 0, 0, .07);
	width:45px;
	height:45px;
	line-height:48px;
	border-radius:50%;
	text-align:center
}
.blog-details .share-tags .second-side ul li a:hover {
	background-color:#ff7a41;
	color:#fff
}
.blog-details .share-tags .second-side ul li p {
	font-weight:700;
	color:#000f5c;
	margin-right:15px
}
.blog-details .comments {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	padding:45px 50px;
	border-radius:5px;
	margin-bottom:50px
}
.blog-details .comments h4 {
	font-size:30px;
	margin-bottom:30px
}
.blog-details .comments ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.blog-details .comments ul li {
	position:relative;
	padding-left:130px;
	margin-bottom:70px
}
.blog-details .comments ul li::after {
content:"";
position:absolute;
left:0;
right:0;
bottom:-35px;
width:100%;
height:1px;
background-color:#eee
}
.blog-details .comments ul li:last-child {
	margin-bottom:0
}
.blog-details .comments ul li:last-child::after {
display:none
}
.blog-details .comments ul li img {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	border-radius:50%
}
.blog-details .comments ul li h5 {
	font-size:18px;
	margin-bottom:5px
}
.blog-details .comments ul li .date {
	font-size:14px;
	color:#888;
	margin-bottom:15px
}
.blog-details .comments ul li a {
	display:inline-block;
	position:absolute;
	top:10px;
	right:0;
	background-color:#06f;
	color:#fff;
	padding:5px 18px;
	border-radius:5px;
	text-align:center
}
.blog-details .comments ul li a:hover {
	color:#ff7a41
}
.blog-details .leave {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:5px;
	padding:50px;
	margin-bottom:30px
}
.blog-details .leave h4 {
	font-size:30px;
	margin-bottom:30px
}
.blog-details .leave .form-control {
	box-shadow:none;
	border:1px solid #eee;
	border-radius:5px;
	padding:15px 25px;
	height:60px;
	margin-bottom:20px;
transition:all ease .5s
}
.blog-details .leave .form-control:focus {
	border:1px solid #ff7a41
}
.blog-details .leave .textarea {
	height:200px
}
.blog-details .leave .common-btn {
	border:none
}
.recent-post {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	padding:35px;
	border-radius:10px;
	margin-bottom:50px
}
.recent-post h4 {
	font-size:22px;
	margin-bottom:25px
}
.recent-post .single-recent-post {
	overflow:hidden;
	margin-bottom:20px
}
.recent-post .single-recent-post:last-child {
	margin-bottom:0
}
.recent-post .single-recent-post .thumb {
	width:100px;
	height:100px;
	margin-right:10px;
	position:relative;
	display:inline-block
}
.recent-post .single-recent-post .thumb .full-image {
	width:100px;
	height:100px;
	display:inline-block;
	position:relative;
	border-radius:5px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.recent-post .single-recent-post .thumb .full-image.bg-1 {
	background-image:url(../../assets/images/blog/blog-11.jpg)
}
.recent-post .single-recent-post .thumb .full-image.bg-2 {
	background-image:url(../../assets/images/blog/blog-12.jpg)
}
.recent-post .single-recent-post .thumb .full-image.bg-3 {
	background-image:url(../../assets/images/blog/blog-13.jpg)
}
.recent-post .single-recent-post .thumb .full-image.bg-4 {
	background-image:url(../../assets/images/blog/blog-14.jpg)
}
.recent-post .single-recent-post .single-recent-info {
	margin-left:10px
}
.recent-post .single-recent-post .single-recent-info h5 {
	font-size:16px;
	margin-bottom:8px
}
.recent-post .single-recent-post .single-recent-info h5 a {
	display:inline-block;
	color:#000f5c
}
.recent-post .single-recent-post .single-recent-info h5 a:hover {
	color:#ff7a41
}
.recent-post .single-recent-post .single-recent-info ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.recent-post .single-recent-post .single-recent-info ul li {
	display:inline-block;
	margin-right:25px;
	position:relative
}
.recent-post .single-recent-post .single-recent-info ul li::before {
content:"";
position:absolute;
top:50%;
right:-15px;
bottom:0;
width:1px;
height:15px;
background-color:#ddd;
transform:translateY(-50%)
}
.recent-post .single-recent-post .single-recent-info ul li:last-child {
	margin-right:0
}
.recent-post .single-recent-post .single-recent-info ul li:last-child::before {
display:none
}
.recent-post .single-recent-post .single-recent-info ul li:first-child {
	margin-right:0
}
.recent-post .single-recent-post .single-recent-info ul li:first-child::before {
display:none
}
.recent-post .single-recent-post .single-recent-info ul li p {
	background-color:#ff7a41;
	width:7px;
	height:7px;
	border-radius:30px;
	margin-right:5px;
	position:relative;
	top:-2px
}
.brand-area .section-heading h2 {
	font-size:35px
}
.brand-area .brand-content {
	max-width:500px
}
.brand-area .brand-content p {
	margin-bottom:25px
}
.brand-area .brand-image img {
	margin-bottom:-2px
}
.portfolio-details .portfolio-details-content {
	margin-right:45px
}
.portfolio-details .portfolio-details-content .blog-9 {
	border-radius:5px;
	margin-bottom:30px
}
.portfolio-details .portfolio-details-content h4 {
	font-size:48px;
	margin-bottom:15px
}
.portfolio-details .portfolio-details-content p {
	margin-bottom:15px
}
.portfolio-details .portfolio-details-content .portfolio-image {
	margin-bottom:30px
}
.portfolio-details .portfolio-details-content h5 {
	font-size:30px;
	margin-bottom:10px
}
.portfolio-details .portfolio-details-content .project-tips ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.portfolio-details .portfolio-details-content .project-tips ul li {
	position:relative;
	padding-left:25px;
	margin-bottom:20px
}
.portfolio-details .portfolio-details-content .project-tips ul li:last-child {
	margin-bottom:0
}
.portfolio-details .portfolio-details-content .project-tips ul li i {
	position:absolute;
	top:2px;
	left:0;
	font-size:20px;
	color:#06f
}
.portfolio-details .portfolio-details-content .overview {
	margin-top:30px
}
.portfolio-details .project-details {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:10px;
	padding:30px 35px;
	margin-bottom:50px
}
.portfolio-details .project-details h4 {
	font-size:24px;
	margin-bottom:25px
}
.portfolio-details .project-details ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.portfolio-details .project-details ul li {
	position:relative;
	margin-bottom:40px
}
.portfolio-details .project-details ul li::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:-20px;
width:100%;
height:1px;
background-color:rgba(221, 221, 221, .7)
}
.portfolio-details .project-details ul li:last-child {
	margin-bottom:0
}
.portfolio-details .project-details ul li:last-child::before {
display:none
}
.portfolio-details .project-details ul li span {
	position:absolute;
	top:0;
	right:0;
	font-weight:500
}
.portfolio-details .need-portfolio {
	background-color:#06f;
	border-radius:10px;
	padding:30px 35px;
	position:relative;
	z-index:1
}
.portfolio-details .need-portfolio h2 {
	font-size:32px;
	color:#fff;
	margin-bottom:30px
}
.portfolio-details .need-portfolio .portfolio-shape-2 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:-1
}
.faq-details {
	margin-right:30px
}
.faq-content {
	padding-right:10px;
	margin-bottom:50px
}
.faq-content .accordion-item {
	margin-bottom:20px;
	border-radius:0;
	border:none;
	border:1px solid #eee;
	border-radius:5px
}
.faq-content .accordion-item:last-child {
	margin-bottom:0
}
.faq-content .accordion-item .accordion-body {
	background:#fff;
	padding:0 45px 25px 70px
}
.faq-content .accordion-button {
	border:none;
	font-weight:600;
	font-size:20px;
	padding:20px 30px;
	border-radius:5px;
	color:#000f5c;
	box-shadow:unset!important
}
.faq-content .accordion-button span {
	display:inline-block;
	color:#ff7a41;
	margin-right:10px
}
.faq-content .accordion-button::before {
right:15px;
top:50%;
content:"\ebc0";
font-size:20px;
position:absolute;
transform:translateY(-50%);
font-family:boxicons
}
.faq-content .accordion-button::after {
display:none
}
.faq-content .accordion-button:not(.collapsed) {
background-color:#fff
}
.faq-content .accordion-button:not(.collapsed)::before {
content:"\eb8b"
}
.faq-form {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:5px;
	padding:40px 50px
}
.faq-form h5 {
	font-size:24px;
	margin-bottom:25px
}
.faq-form .form-control {
	box-shadow:none;
	border-radius:5px;
	margin-bottom:20px;
	padding:15px 25px;
	height:60px;
	color:#888;
	border:1px solid #eee;
transition:all ease .5s
}
.faq-form .form-control:focus {
	border:1px solid #ff7a41
}
.faq-form .textarea {
	height:150px
}
.faq-form .common-btn {
	border:none
}
.download {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .06);
	border-radius:10px;
	padding:35px 40px
}
.download h4 {
	font-size:22px;
	margin-bottom:25px
}
.download button {
	width:100%;
	background-color:transparent;
	position:relative;
	padding-left:25px;
	margin-bottom:20px;
	border:1px solid #eee;
	padding:18px 30px 18px 60px;
	text-align:start;
	border-radius:10px;
transition:all ease .5s
}
.download button:last-child {
	margin-bottom:0
}
.download button .download-icon {
	position:absolute;
	top:50%;
	left:30px;
	transform:translateY(-50%)
}
.download button:hover {
	border:1px solid #06f
}
.contact-us-area .map iframe {
	display:block;
	width:100%;
	height:550px
}
.contact-mail {
	position:relative;
	margin-top:-140px
}
.contact-mail .mail {
	background-color:#fff;
	box-shadow:0 0 30px 4px rgba(0, 0, 0, .07);
	border-radius:5px;
	padding:50px;
	text-align:center;
	position:relative;
	z-index:1;
transition:all ease .5s
}
.contact-mail .mail i {
	font-size:40px;
	color:#06f;
	background-color:#e5f0ff;
	display:block;
	width:85px;
	height:85px;
	line-height:96px;
	border-radius:50%;
	text-align:center;
	margin:auto;
	margin-bottom:25px;
transition:all ease .5s
}
.contact-mail .mail h4 {
	font-size:22px;
	margin-bottom:15px;
transition:all ease .5s
}
.contact-mail .mail span {
transition:all ease .5s
}
.contact-mail .mail ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none
}
.contact-mail .mail ul li a {
	display:block;
	line-height:26px
}
.contact-mail .mail ul li a:hover {
	color:#06f
}
.contact-mail .mail .contact-shape {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:-1
}
.contact-mail .mail .contact-shape-1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:-1;
transition:all ease .5s
}
.contact-mail .mail:hover {
	background-color:#06f
}
.contact-mail .mail:hover i {
	color:#fff;
	background-color:#1975ff
}
.contact-mail .mail:hover h4 {
	color:#fff
}
.contact-mail .mail:hover span {
	color:#eee
}
.contact-mail .mail:hover ul li a {
	color:#eee
}
.contact-mail .mail:hover .contact-shape-1 {
	opacity:0
}
.get-touch-area .get-image {
	position:relative
}
.get-touch-area .contact-form {
	margin-right:40px
}
.get-touch-area .contact-form .form-group ul li {
	font-size:14px;
	color:red;
	margin-top:-15px
}
.get-touch-area .contact-form .form-control {
	box-shadow:none;
	border-radius:5px;
	border:1px solid #eee;
	padding:15px 25px;
	height:60px;
	color:#888;
	margin-bottom:20px;
transition:all ease .5s
}
.get-touch-area .contact-form .form-control::-moz-placeholder {
color:#555;
-moz-transition:all ease .5s;
transition:all ease .5s
}
.get-touch-area .contact-form .form-control::placeholder {
color:#555;
transition:all ease .5s
}
.get-touch-area .contact-form .form-control:focus {
	border:1px solid #ff7a41
}
.get-touch-area .contact-form .form-control:focus::-moz-placeholder {
color:transparent
}
.get-touch-area .contact-form .form-control:focus::placeholder {
color:transparent
}
.get-touch-area .contact-form .textarea {
	height:150px
}
.get-touch-area .contact-form .common-btn {
	border:none
}
.get-touch-area .contact-form #msgSubmit {
	font-size:20px;
	color:red
}
.login-form {
	padding:35px;
	border-radius:15px;
	background-color:#fff;
	box-shadow:0 0 1.25rem rgba(108, 118, 134, .1);
	max-width:650px;
	margin:auto;
	border:1px solid #eee
}
.login-form h2 {
	font-size:30px;
	margin-bottom:30px
}
.login-form form .form-group {
	margin-bottom:25px
}
.login-form form .form-group label {
	display:block;
	margin-bottom:8px;
	font-weight:500
}
.login-form form .form-group .form-control {
	height:55px;
	padding:20px;
	line-height:initial;
	background-color:transparent;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:unset;
transition:all ease .5s;
	font-size:15px
}
.login-form form .form-group .form-control:focus {
	border:1px solid #ff7a41
}
.login-form form .lost-your-password a {
	display:inline-block;
	position:relative;
	font-weight:500;
	font-size:15px;
	color:#555
}
.login-form form .lost-your-password a::before {
width:100%;
height:1px;
position:absolute;
left:0;
bottom:0;
content:"";
transition:all ease .5s;
background-color:#eee
}
.login-form form .lost-your-password a::after {
width:0;
height:1px;
position:absolute;
left:0;
transition:all ease .5s;
bottom:0;
content:"";
background-color:#000f5c
}
.login-form form .lost-your-password a:hover {
	color:#ff7a41
}
.login-form form .lost-your-password a:hover::before {
background-color:#ff7a41
}
.login-form form .default-btn {
	margin-top:25px;
	padding:15px 35px;
	width:100%;
	border:none;
	font-weight:500;
	border-radius:5px;
	position:relative;
	z-index:1;
transition:all ease .5s
}
.login-form form .default-btn::before {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:100%;
height:0%;
opacity:0;
visibility:hidden;
background-color:#06f;
transition:all ease .5s;
z-index:-1
}
.login-form form .default-btn:hover {
	color:#fff
}
.login-form form .default-btn:hover::before {
opacity:1;
height:100%;
visibility:visible;
border-radius:5px
}
.register-form {
	padding:35px;
	border-radius:15px;
	background-color:#fff;
	box-shadow:0 0 1.25rem rgba(108, 118, 134, .1);
	max-width:650px;
	margin:auto;
	border:1px solid #eee
}
.register-form h2 {
	font-size:30px;
	margin-bottom:30px
}
.register-form form .form-group {
	margin-bottom:25px
}
.register-form form .form-group label {
	display:block;
	margin-bottom:8px;
	font-weight:500;
	font-size:16px
}
.register-form form .form-group .form-control {
	height:50px;
	padding:20px;
	line-height:initial;
	background-color:transparent;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:unset;
transition:all ease .5s;
	font-size:15px
}
.register-form form .description {
	font-style:italic;
	font-size:14px;
	margin-top:-5px;
	margin-bottom:15px
}
.register-form form .default-btn {
	margin-top:10px;
	padding:15px 35px;
	width:100%;
	border:none;
	font-weight:500;
	border-radius:5px;
	position:relative;
	z-index:1;
transition:all ease .5s
}
.register-form form .default-btn::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:0%;
opacity:0;
visibility:hidden;
background-color:#06f;
transition:all ease .5s;
z-index:-1
}
.register-form form .default-btn:hover {
	color:#fff
}
.register-form form .default-btn:hover::before {
opacity:1;
height:100%;
visibility:visible;
border-radius:5px
}
.terms-conditions-area .container {
	max-width:875px;
	margin:auto
}
.terms-conditions {
	max-width:800px;
	margin:auto
}
.terms-conditions .title {
	margin-bottom:30px;
	text-align:center
}
.terms-conditions .title span {
	color:#000f5c;
	display:block;
	margin-bottom:10px
}
.terms-conditions .title h2 {
	font-size:36px;
	color:#000f5c
}
.terms-conditions img {
	margin-bottom:30px
}
.terms-conditions .conditions-content {
	margin-bottom:30px
}
.terms-conditions .conditions-content h3 {
	margin-bottom:15px
}
.terms-conditions .conditions-content p {
	margin-bottom:10px
}
.terms-conditions .conditions-content ul {
	margin-bottom:15px;
	padding-left:0;
	list-style-type:none;
	margin-top:15px
}
.terms-conditions .conditions-content ul li {
	position:relative;
	padding-left:25px;
	margin-bottom:10px
}
.terms-conditions .conditions-content ul li:last-child {
	margin-bottom:0
}
.terms-conditions .conditions-content ul li i {
	position:absolute;
	left:0;
	top:1px;
	font-size:20px;
	color:#06f
}
.terms-conditions .conditions-content h3 {
	margin-bottom:15px
}
.terms-conditions .conditions-content p {
	margin-bottom:10px
}
.privacy-policy-area .container {
	max-width:875px;
	margin:auto
}
.privacy-policy-wrap img {
	margin-bottom:30px
}
.privacy-policy-wrap .privacy-content {
	margin-bottom:30px
}
.privacy-policy-wrap .privacy-content h3 {
	margin-bottom:15px
}
.privacy-policy-wrap .privacy-content p {
	margin-bottom:10px
}
.privacy-policy-wrap .privacy-content ul {
	margin-left:0;
	margin-bottom:15px;
	list-style-type:none;
	padding-left:0;
	margin-top:15px
}
.privacy-policy-wrap .privacy-content li {
	position:relative;
	padding-left:25px;
	margin-bottom:10px
}
.privacy-policy-wrap .privacy-content li:last-child {
	margin-bottom:0
}
.privacy-policy-wrap .privacy-content li i {
	position:absolute;
	left:0;
	top:1px;
	color:#06f;
	font-size:20px
}
.coming-soon-area {
	position:relative;
	z-index:1;
	background:#f6f7fb;
	padding-top:100px
}
.coming-soon-area .d-table {
	width:100%;
	height:100%
}
.coming-soon-area .d-table .d-table-cell {
	vertical-align:middle
}
.coming-soon-area .coming-soon-content {
	max-width:720px;
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	text-align:center;
	padding:40px 60px;
	box-shadow:rgba(17, 17, 26, .1) 0 0 16px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px
}
.coming-soon-area .coming-soon-content .logo {
	display:inline-block
}
.coming-soon-area .coming-soon-content h2 {
	font-size:48px;
	margin-top:30px;
	margin-bottom:0;
	color:#000f5c
}
.coming-soon-area .coming-soon-content #timer {
	margin-top:40px
}
.coming-soon-area .coming-soon-content #timer div {
	background-color:#000f5c;
	color:#fff;
	width:130px;
	height:130px;
	border-radius:0;
	font-size:45px;
	font-weight:800;
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px
}
.coming-soon-area .coming-soon-content #timer div span {
	font-size:16px;
	color:#fff;
	display:block;
	margin-top:-10px;
	font-weight:400
}
.coming-soon-area .coming-soon-content .newsletter-form {
	position:relative;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group {
	margin-bottom:25px;
	width:100%;
	position:relative
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control {
	box-shadow:none;
	border-radius:0;
	padding-left:0;
	border:none;
	border-bottom:1px solid #eee;
	height:50px;
	color:#555
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control::-moz-placeholder {
color:#555;
-moz-transition:all ease .5s;
transition:all ease .5s
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control::placeholder {
color:#555;
transition:all ease .5s
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus {
	border-bottom:1px solid #06f
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus::-moz-placeholder {
color:transparent
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus::placeholder {
color:transparent
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
	border:none
}
.coming-soon-area .coming-soon-content .newsletter-form .validation-danger {
	color:red
}
.error-area {
	text-align:center;
	position:relative;
	z-index:1;
	padding-top:100px
}
.error-area .d-table {
	width:100%;
	height:100%
}
.error-area .d-table .d-table-cell {
	vertical-align:middle
}
.error-area .error-content-wrap {
	z-index:1;
	position:relative
}
.error-area .error-content-wrap h1 {
	font-size:300px;
	line-height:1;
	font-weight:700;
	color:#000f5c;
	margin-top:-40px
}
.error-area .error-content-wrap h1 .a {
	display:inline-block
}
.error-area .error-content-wrap h1 .red {
	color:#06f;
	display:inline-block
}
.error-area .error-content-wrap h1 .b {
	display:inline-block
}
.error-area .error-content-wrap h3 {
	margin:30px 0 0;
	position:relative;
	color:#000f5c
}
.error-area .error-content-wrap p {
	margin:20px 0;
	font-size:19px;
	color:#000f5c
}
.error-area .error-content-wrap .default-btn {
	border:1px solid #ff7a41;
	border-radius:5px;
	display:inline-block
}
.error-area .error-content-wrap .default-btn.two {
	font-size:16px;
	font-weight:600;
	color:#ff7a41;
	padding:12px 40px;
	position:relative;
	z-index:1;
transition:all ease .5s
}
.error-area .error-content-wrap .default-btn.two::before {
content:"";
position:absolute;
top:0;
right:0;
width:0%;
height:100%;
background-color:#06f;
z-index:-1;
opacity:0;
visibility:hidden;
border-radius:5px;
transition:all ease .5s
}
.error-area .error-content-wrap .default-btn.two:hover {
	color:#fff;
	border:1px solid #06f
}
.error-area .error-content-wrap .default-btn.two:hover::before {
opacity:1;
width:100%;
visibility:visible
}
.go-top {
	position:fixed;
	cursor:pointer;
	top:50%;
	padding-top:3px;
	font-size:25px;
	right:15px;
	background-color:#ff7a41;
	z-index:4;
	width:40px;
	text-align:center;
	height:40px;
	line-height:40px;
	border-radius:50%;
	opacity:0;
	visibility:hidden;
transition:all ease .5s;
	color:#fff
}
.go-top.active {
	top:98%;
	transform:translateY(-98%);
	opacity:1;
	visibility:visible
}
.go-top::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:50%;
z-index:-1;
background-color:#06f;
opacity:0;
visibility:hidden;
transition:all ease .5s
}
.go-top:hover::before {
opacity:1;
visibility:visible
}
#preloader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999999;
	background-color:#06f
}
#preloader #loader {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	border-radius:50%;
	border:4px solid transparent;
	border-top-color:#ff7a41;
	animation:spin 2s linear infinite
}
#preloader #loader::before {
content:"";
position:absolute;
top:5px;
left:5px;
right:5px;
bottom:5px;
border-radius:50%;
border:4px solid transparent;
border-top-color:#fff;
animation:spin 3s linear infinite
}
#preloader #loader::after {
content:"";
position:absolute;
top:15px;
left:15px;
right:15px;
bottom:15px;
border-radius:50%;
border:4px solid transparent;
border-top-color:#000f5c;
animation:spin 1.5s linear infinite
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.rotate {
	animation:rotation 20s infinite linear
}
.FocuS {
	animation:FocuS 1s linear 1s infinite
}
.animationFramesTwo {
	animation:animationFramesTwo 15000ms infinite ease-in-out
}
.bounce {
	animation:float 1500ms infinite ease-in-out
}
.moveHorizontal {
	animation:moveHorizontal 3000ms infinite ease-in-out
}
.moveHorizontal_reverse {
	animation:moveHorizontal_reverse 3000ms infinite ease-in-out
}
.moveVertical {
	animation:moveVertical 3000ms infinite ease-in-out
}
@keyframes waving_left {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(3deg)
}
50% {
-webkit-transform:rotate(6deg)
}
75% {
-webkit-transform:rotate(-3deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@keyframes waving_right {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(-3deg)
}
50% {
-webkit-transform:rotate(-6deg)
}
75% {
-webkit-transform:rotate(-3deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@keyframes float {
0% {
transform:translateY(0px)
}
50% {
transform:translateY(-5px)
}
100% {
transform:translateY(0px)
}
}
@keyframes rotation {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(359deg)
}
}
@keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg)
}
}
@keyframes moveHorizontal {
0% {
transform:translateX(0px)
}
50% {
transform:translateX(-20px)
}
100% {
transform:translateX(0px)
}
}
@keyframes moveHorizontal_reverse {
0% {
transform:translateX(0px)
}
50% {
transform:translateX(20px)
}
100% {
transform:translateX(0px)
}
}
@keyframes moveVertical {
0% {
transform:translateY(0px)
}
50% {
transform:translateY(-20px)
}
100% {
transform:translateY(0px)
}
}
@keyframes FocuS {
0% {
opacity:0
}
75% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes ripple {
0% {
transform:scale(1)
}
75% {
transform:scale(1.75);
opacity:.6
}
100% {
transform:scale(2);
opacity:0
}
}
@keyframes pop {
0% {
transform:scale(1, 1)
}
50% {
transform:scale(1.1, 1.1)
}
100% {
transform:scale(1, 1)
}
}
@keyframes rotate-vertical {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
@keyframes full-circle {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(-360deg)
}
}

/* ----------------------------------------------------------------------------------------------------------------- */

.banner-area{
	height: 100vh;
}

.global-section {
  background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/World_map_blank_without_borders.svg/2000px-World_map_blank_without_borders.svg.png') no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.global-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.global-section .container {
  position: relative;
  z-index: 2;
}

.global-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #ffffff;
}

.global-subtext {
  font-size: 1.25rem;
  color: #ffffff;
}

.global-number {
  font-weight: bold;
  color: #f7d354;
}
/* new footer */
.byd-footer-wrapper {
  background-color: #ffffff;
  padding: 60px 0 40px;
  position: relative;
}

.byd-footer-top p,
.byd-footer-top h5 {
  color: #000;
  margin-bottom: 10px;
}

.byd-footer-heading {
  font-size: 18px;
  font-weight: 700;
}

.byd-footer-location {
  font-size: 20px;
  font-weight: 600;
}

.byd-footer-icon {
  width: 40px;
  margin-top: 10px;
}

.byd-footer-bottom {
  border-top: 1px solid #ddd;
  /* margin-top: 40px; */
  padding-top: 20px;
}

.byd-footer-links {
  margin-bottom: 15px;
  padding-left: 0;
}

.byd-footer-links li {
  margin: 0 8px;
}

.byd-footer-links a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.byd-footer-links a:hover {
  text-decoration: underline;
}

.byd-footer-social {
  font-size: 16px;
  margin-bottom: 10px;
}

.byd-footer-social a {
  margin: 0 6px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

.byd-footer-copy {
  font-size: 14px;
  margin-bottom: 5px;
  color: #555;
}

.byd-footer-terms {
  font-size: 13px;
  color: #555;
  text-decoration: underline;
}

.byd-footer-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.byd-footer-whatsapp img {
  width: 50px;
  height: 50px;
}
.list-inline-item a{
	font-size: 16px;
}



.features-list-slider .clients-slider .feature-item {
  background-color: #f8f9fa;
  border-radius: 10px;
  padding: 20px;
  margin: 10px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.features-list-slider .clients-slider .feature-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.features-list-slider .clients-slider .feature-item .icon {
  font-size: 2rem;
  color: #007bff;
  display: block;
  margin-bottom: 10px;
}

.features-list-slider .clients-slider .feature-item span {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}


.byd-form-box {
  width: 100%;
  max-width: 400px;
  background-color: rgba(255, 255, 255, 0.95);
}

.byd-form-box input,
.byd-form-box select {
  border-radius: 0;
  font-size: 14px;
}

.byd-form-box .form-check-label a {
  color: #007bff;
  text-decoration: underline;
}

.form-section-bgg {
	background-image:url(../images/wave.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}

.for-btn-setttt{
	display: flex;
	justify-content: center;
}

.thankyou-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #f0f8ff, #e0eafc);
  text-align: center;
  padding: 20px;
}

.thankyou-container {
  background: white;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.thankyou-heading {
  font-size: 48px;
  color: #2b2e4a;
  margin-bottom: 20px;
}

.thankyou-message {
  font-size: 18px;
  color: #4b4e6d;
  margin-bottom: 30px;
}

.thankyou-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #2b2e4a;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.thankyou-btn:hover {
  background-color: #535878;
}


.form-submit .error{
	color: red !important;
}


@media only screen and (min-width: 1400px) {
	.testimonial-slider.owl-carousel.owl-theme .owl-dots{
		top: 85%;
	}
}

@media screen and (max-width: 560px) {
   .testimonial-slider.owl-carousel.owl-theme .owl-dots{
		top: 82%;
	}

	.banner-area{
	height: 60vh;
   }
}