.default-btn,
a {
	-webkit-transition: .5s
}

img,
textarea.form-control {
	height: auto
}

body,
ul {
	padding: 0
}

.banner-area,
.banner-area.banner-area-two::before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.faq-accordion .accordion .accordion-title,
.our-team .social-links li a:hover,
a,
a:focus,
a:hover {
	text-decoration: none
}

body {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	font-family: Rubik, sans-serif;
	color: #212121
}

a {
	display: inline-block;
	transition: .5s;
	color: #000
}

a:hover {
	color: #0e0129
}

button {
	outline: 0 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none
}

.float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	left: 22px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100
}

.my-float {
	margin-top: 16px
}

button:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #0e0129;
	font-weight: 700;
	font-family: "Barlow Condensed", sans-serif;
	text-transform: capitalize
}

.read-more,
h3 {
	font-weight: 600
}

h3 {
	font-size: 25px;
	text-transform: capitalize
}

.d-table {
	width: 100%;
	height: 100%
}

.d-table-cell {
	vertical-align: middle
}

p {
	font-size: 15px;
	margin-bottom: 15px
}

.text-justify {
	text-align: justify !important
}

.approach-content ul li:last-child,
.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure,
.blog-details-area .widget-area .widget_meta ul li:last-child,
.blog-details-area .widget-area .widget_recent_entries ul li:last-child,
.blog-details-area .widget-area .widget_tag_cloud .widget-title,
.cart-area .cart-table table,
.checkout-area .billing-details .col-lg-12:last-child .form-group,
.checkout-area .order-details .order-table table,
.choose-us-six-content .tabs li:last-child,
.choose-wrap ul li:last-child,
.cybersecurity-content ul li:last-child,
.faq-accordion .accordion .accordion-item:last-child,
.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom .language-item:last-child,
.manual-content ul li:last-child,
.product-details-area .product-details-desc p,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child,
.section-title h2:last-child,
.section-title-six h2:last-child,
.sidebar-modal .contact-us ul li:last-child,
.single-contact-info a:last-child,
.single-footer-widget .address li:last-child,
.single-footer-widget .import-link li:last-child,
.single-widget ul li:last-child,
p:last-child {
	margin-bottom: 0
}

img {
	max-width: 100%
}

ul {
	margin: 0;
	list-style: none
}

.form-control {
	height: 50px;
	color: #0e0129;
	border: 1px solid #e8e8e8;
	background-color: #f2f9fc;
	border-radius: 0;
	font-size: 14px;
	padding: 10px 20px;
	width: 100%
}

.default-btn,
.header-area .top-header-area .header-content-right li a i {
	font-size: 16px
}

.form-control::-webkit-input-placeholder {
	color: #495057
}

.form-control:-ms-input-placeholder {
	color: #495057
}

.form-control::-ms-input-placeholder {
	color: #495057
}

.form-control::placeholder {
	color: #495057
}

.form-control:focus {
	color: #000;
	background-color: #fff;
	outline: 0;
	border: 1px solid #d80650
}

.form-control:focus,
.form-control:hover:focus {
	-webkit-box-shadow: unset;
	box-shadow: unset
}

.approach-content ul li i,
.single-security i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.ptb-25 {
	padding-top: 25px;
	padding-bottom: 25px
}

.pt-100 {
	padding-top: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.clip-icon-1,
.pt-70 {
	padding-top: 70px
}

.pb-70 {
	padding-bottom: 70px
}

.approach-content ul,
.blog-details-area .blog-details-desc .post-navigation,
.cart-area .cart-buttons,
.coming-soon-area .coming-soon-content #timer,
.coming-soon-area .coming-soon-content ul,
.details-down,
.mt-30,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
	margin-top: 30px
}

.mt-70 {
	margin-top: 70px
}

.blog-details-area .blog-details-desc .article-content .article-image,
.cybersecurity-content p,
.electronic-content .electronic-tab-wrap .electronic-tab .tabs,
.faq-contact-area #contactForm .form-group,
.mb-30,
.recover-password-area .contact-form-action .form-heading p,
.sidebar-modal .contact-us,
.sidebar-modal .sidebar-about,
.sidebar-modal .sidebar-gallery-feed,
.single-footer-widget,
.single-footer-widget p,
.single-privacy h3,
.single-widget,
.terms-conditions-area h3,
.testimonials-item,
.transform-content p,
.user-area-all-style .contact-form-action form .form-group {
	margin-bottom: 30px
}

.features-area,
.mt-100 {
	margin-top: -100px
}

.bg-color,
.choose-area-four {
	background-color: #010c16
}

.bg-color-f9f9f9 {
	background-color: #f9f9f9
}

.default-btn {
	color: #fff;
	padding: 15px 30px;
	line-height: 1;
	transition: .5s;
	text-transform: capitalize;
	position: relative;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	background-color: #d80650
}

.default-btn::after,
.default-btn::before {
	background-color: #fa6a85;
	z-index: -1;
	-webkit-transition: .5s;
	width: 0;
	position: absolute;
	height: 100%;
	content: ""
}

.default-btn i {
	position: relative;
	top: 1px;
	margin-right: 5px
}

.default-btn::before {
	top: 0;
	left: 0;
	transition: .5s
}

.default-btn::after {
	bottom: 0;
	right: 0;
	transition: .5s
}

.default-btn.active {
	margin-left: 20px;
	color: #0e0129;
	background-color: #fff
}

.header-area .top-header-area,
.nav-area .navbar-area .main-nav {
	border-bottom: 1px solid #11132d;
	background-color: rgba(17, 19, 45, .2)
}

.banner-area-six .banner-text .default-btn.active:hover i,
.black h2,
.client-area .owl-item.active.center .single-client p,
.client-area .owl-item.active.center .single-client ul li i,
.complete-content .single-security:hover h3,
.complete-content .single-security:hover p,
.cybersecurity-content ul li:hover,
.cybersecurity-content ul li:hover i,
.cybersecurity-content.three h2,
.cybersecurity-content.three p,
.default-btn:hover,
.footer-bottom-area .condition-privacy ul li a,
.footer-bottom-area .copy-right p a,
.go-top:focus,
.graph-content p,
.manual-content ul li:hover,
.manual-content ul li:hover i,
.nav-area-six .others-option .sidebar-menu .burger-menu i,
.page-title-area .page-title-content ul li a,
.performance-area .single-security:hover h3,
.project-area .owl-item.active.center .single-solutions .read-more,
.section-title-six.white-title h2,
.section-title-six.white-title p,
.section-title-six.white-title span,
.section-title.white-title h2,
.section-title.white-title p,
.section-title.white-title span,
.serviceBox1:hover .service-icon1,
.single-features:hover h3,
.single-features:hover h3 i,
.single-solutions p,
.single-solutions:hover .read-more,
.single-widget ul li span,
.video-btn:hover i,
.video-img-six .video-btn:hover i,
.web-development-content h2,
.white-color .electronic-content .electronic-tab-wrap .electronic-tab p,
.white-color h6 {
	color: #fff
}

.default-btn:hover::before {
	left: auto;
	right: 0;
	width: 50%
}

.default-btn:hover::after {
	left: 0;
	right: 0;
	width: 50%
}

.read-more {
	line-height: 1;
	color: #d80650;
	-webkit-transition: .5s;
	transition: .5s;
	display: block;
	font-size: 13px
}

.read-more i {
	position: relative;
	top: 2px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover,
.blog-details-area .blog-details-desc .article-footer .article-tags a:hover,
.blog-details-area .comments-area .comment-metadata a:hover,
.blog-details-area .post-navigation .navigation-links div a:hover,
.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover,
.blog-details-area .widget-area .widget_categories ul li a:hover,
.blog-details-area .widget-area .widget_meta ul li a:hover,
.cart-area .cart-table table tbody tr td.product-quantity .input-counter span:hover,
.checkout-area .user-actions span a:focus,
.checkout-area .user-actions span a:hover,
.copy-right-area .footer-menu li a:hover,
.copy-right-area p a,
.counter.pink h3,
.electronic-content .electronic-tab-wrap .electronic-tab .tabs .current a,
.features-area .single-features:hover h3,
.features-area .single-features:hover h3 i,
.footer-bottom-area .condition-privacy ul li a:hover,
.footer-bottom-area .copy-right p a:hover,
.header-area .top-header-area .header-content-left li:hover a,
.header-area .top-header-area .header-content-left li:hover a i,
.header-area .top-header-area .header-content-right li:hover a,
.header-area .top-header-area .header-content-right li:hover a i,
.header-area-six .top-header-area .header-content-left li:hover a,
.header-area-six .top-header-area .header-content-left li:hover a i,
.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom .language-item .language-link:hover,
.header-area-six .top-header-area .header-content-right .log-in-sign-up li a:hover,
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active,
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item a.active,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item a:hover,
.nav-area-six .others-option .cart-icon .cart i:hover,
.nav-area-six .others-option .option-item .search-btn:hover,
.page-title-area .page-title-content ul .active,
.page-title-area .page-title-content ul li a:hover,
.product-area .single-product-box .product-content h3 a:hover,
.read-more:hover,
.single-blog-post:hover h3 a,
.single-blog:hover span,
.single-footer-widget .address li a:hover,
.single-footer-widget .import-link li:hover a,
.single-security h3:hover,
.user-area-all-style .contact-form-action .now-register a,
.user-area-all-style .contact-form-action form .form-condition .agree-label a,
.video-img-six .video-btn i {
	color: #d80650
}

.read-more:hover i {
	color: #d80650;
	-webkit-animation: .5s linear infinite rotation;
	animation: .5s linear infinite rotation
}

.banner-area-six .container-fluid,
.banner-area.banner-area-two .container-fluid,
.header-area .container-fluid,
.header-area-six .container-fluid,
.nav-area .container-fluid,
.nav-area-six .container-fluid {
	padding-left: 50px;
	padding-right: 50px
}

.header-area .top-header-area {
	padding: 15px 0
}

.header-area .top-header-area .header-content-left li {
	display: inline-block;
	padding-right: 20px;
	color: #fff;
	font-size: 14px
}

.complete-area.complete-area-style-two .col-lg-6.pr-0,
.cybersecurity-area .col-lg-6.pr-0,
.footer-bottom-area .condition-privacy ul li:last-child,
.header-area .top-header-area .header-content-left li:last-child,
.header-area .top-header-area .header-content-right li:last-child a,
.header-area-six .top-header-area .header-content-left li:last-child {
	padding-right: 0
}

.header-area .top-header-area .header-content-left li a {
	color: #fff;
	display: inline-block
}

.header-area .top-header-area .header-content-left li i {
	color: #fff;
	margin-right: 5px;
	font-size: 15px;
	position: relative;
	top: 2px;
	-webkit-transition: .5s;
	transition: .5s
}

.header-area .top-header-area .header-content-right {
	float: right;
	line-height: 1
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li,
.blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link,
.header-area .top-header-area .header-content-right li,
.header-area-six .top-header-area .header-content-right .log-in-sign-up,
.product-details-area .product-details-desc .custom-payment-options .payment-methods a,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating,
.sidebar-modal .sidebar-header .sidebar-logo,
.single-client ul li {
	display: inline-block
}

.header-area .top-header-area .header-content-right li a {
	color: #fff;
	padding: 0 10px
}

.nav-area .navbar-area .main-nav {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
	padding-bottom: 0
}

.nav-area .navbar-area .main-nav .navbar,
.nav-area-six .navbar-area .main-nav .navbar {
	padding-left: 0;
	padding-right: 0
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a {
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: .5s;
	transition: .5s;
	margin: 0 10px;
	position: relative
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a i,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item a i {
	font-size: 20px;
	line-height: 0;
	position: relative;
	top: 5px
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
	background-color: #fff;
	border: none;
	border-radius: 0;
	top: 100%;
	left: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	font-size: 14px;
	color: #0e0129;
	padding: 10px 15px;
	border-bottom: 1px dashed #eee;
	margin-left: 0;
	margin-right: 0;
	position: relative
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 0;
	height: 1px;
	background-color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
	float: right;
	top: 12px;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 20px
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
	color: #d80650;
	background-color: #f3f3f3
}

.complete-content .single-security:hover::before,
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
.single-team:hover .image::before {
	width: 100%;
	left: 0;
	right: auto
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	left: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	top: 0
}

.blog-details-area .widget-area .widget_download ul li:last-child a,
.blog-details-area .widget-area .widget_services_list ul li:last-child a,
.cart-area .cart-totals ul li:first-child,
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a,
.section-tabs .tab-list {
	border-bottom: none
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	top: 0 !important;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item:hover ul,
.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item:hover ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.nav-area .navbar-area.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	background-color: #0e0129;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
	-webkit-animation: .5s ease-in-out fadeInDown;
	animation: .5s ease-in-out fadeInDown;
	-webkit-transition: .5s;
	transition: .5s;
	width: 100% !important
}

.nav-area.nav-area-three .navbar-area .main-nav {
	background-color: rgba(0, 2, 11, .88);
	border: none
}

.nav-area.nav-area-three .navbar-area .main-nav .others-option .call-us a {
	color: #fff;
	position: relative;
	padding-left: 45px;
	line-height: 1;
	top: -4px
}

.nav-area.nav-area-three .navbar-area .main-nav .others-option .call-us a i {
	font-size: 35px;
	color: #d80650;
	position: absolute;
	top: -10px;
	left: 0
}

.cart-area .coupon-wrap .nice-select .current,
.nav-area .others-option {
	position: relative;
	top: 4px
}

.nav-area .others-option .get-quote {
	display: inline-block;
	position: relative
}

.nav-area .others-option .get-quote .default-btn {
	padding: 12px 20px
}

.nav-area .others-option .burger-menu {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer
}

.nav-area .others-option .burger-menu i {
	font-size: 40px;
	color: #fff;
	position: relative;
	top: -2px;
	cursor: pointer
}

.banner-area {
	height: 100%;
	position: relative;
	z-index: 1;
	padding-top: 220px;
	padding-bottom: 100px
}

.banner-area.banner-item-bg-1 {
	background-image: url(../../assets/img/banner-img/home-one/bg.jpg)
}

.banner-area .banner-text,
.banner-area-six .banner-text {
	position: relative;
	max-width: 690px;
	z-index: 1;
	overflow: hidden;
	margin-bottom: -8px
}

.banner-area .banner-text span {
	color: #fff;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400
}

.banner-area .banner-text h1 {
	font-size: 80px;
	color: #fff;
	margin-bottom: 25px;
	line-height: 1.1
}

.banner-area .banner-text p,
.hero-slider-area .slider-item .slider-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 35px
}

.banner-area .video-btn {
	margin: auto;
	display: block
}

.banner-area.banner-area-two {
	padding-top: 0;
	padding-bottom: 0;
	height: 810px;
	background-color: #090218
}

.banner-area.banner-area-two::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../assets/img/banner-img/home-two/banner-bg.png);
	-webkit-animation: 1s linear 1s infinite FocuS;
	animation: 1s linear 1s infinite FocuS
}

.banner-area.banner-area-two .banner-text {
	margin-top: 100px
}

.banner-area.banner-area-two .banner-text h1 {
	font-size: 68px
}

.banner-area.banner-area-two .banner-site-img {
	position: relative;
	top: 60px
}

.banner-area.banner-area-two .banner-site-img.four {
	top: -5px
}

.banner-area.banner-area-three {
	background-image: url(../../assets/img/banner-img/home-three/bg-.jpg);
	height: 850px;
	padding: 0;
	position: relative;
	overflow: hidden
}

.banner-area.banner-area-three .banner-text {
	margin: -30px auto 0;
	text-align: center
}

.banner-area.banner-area-three .banner-shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: -1;
	-webkit-animation: 1s linear 1s infinite FocuS;
	animation: 1s linear 1s infinite FocuS
}

.banner-area-six .banner-shape-1,
.banner-area.banner-area-three .banner-shape-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}

.banner-area.banner-area-three .banner-shape-3 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1
}

.banner-area.banner-area-three .banner-shape-4 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1
}

.banner-area.banner-area-three .follow-us {
	position: absolute;
	top: 50%;
	right: -67px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.banner-area.banner-area-three .follow-us ul,
.performance-area .owl-theme .owl-dots,
.single-footer-widget .social-icon {
	line-height: 1
}

.banner-area.banner-area-three .follow-us ul li {
	display: inline-block;
	color: #fff;
	padding: 0 2px
}

.banner-area.banner-area-three .follow-us ul li a i {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-color: #d80650;
	text-align: center;
	border-radius: 4px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: .5s;
	transition: .5s
}

.banner-area.banner-area-three .follow-us ul li a i:hover {
	background-color: #fff;
	color: #d80650
}

.banner-area.banner-area-three .follow-us ul span {
	display: inline-block;
	position: relative;
	top: -4px
}

.lines {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	width: 90vw;
	z-index: -1
}

.lines .line,
.lines .line-three,
.lines .line-two {
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	background: rgba(255, 255, 255, .1);
	overflow: hidden
}

.hero-slider-area,
.hero-slider-area .slider-item {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.single-features::after,
.single-security i {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68))
}

.banner-area-six,
.choose-area,
.client-area,
.complete-img,
.cybersecurity-img,
.cybersecurity-img1,
.cybersecurity-img2,
.cybersecurity-img3,
.footer-top-area,
.hero-slider-area .slider-item,
.performance-area,
.security-area-two,
.single-solutions {
	background-position: center center;
	background-size: cover
}

.lines .line::after {
	content: "";
	display: block;
	position: absolute;
	height: 10px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-animation: 20s linear infinite moveLeftBounces-one;
	animation: 20s linear infinite moveLeftBounces-one
}

.lines .line-three::after,
.lines .line-two::after {
	content: "";
	position: absolute;
	height: 10px;
	width: 100%;
	background-color: #d80650;
	top: 0;
	left: 0;
	display: block
}

.lines .line-three:first-child,
.lines .line-two:first-child,
.lines .line:first-child {
	margin-left: -25%
}

.lines .line-three:first-child::after,
.lines .line-two:first-child::after,
.lines .line:first-child::after {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.lines .line-three:nth-child(3)::after,
.lines .line-two:nth-child(3)::after,
.lines .line:nth-child(3)::after {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.lines .line-three:nth-child(3),
.lines .line-two:nth-child(3),
.lines .line:nth-child(3) {
	margin-left: 25%
}

.lines .line-two::after {
	-webkit-animation: 20s linear infinite moveLeftBounces-two;
	animation: 20s linear infinite moveLeftBounces-two
}

.lines .line-three::after {
	-webkit-animation: 20s linear infinite moveLeftBounces-one;
	animation: 20s linear infinite moveLeftBounces-one
}

.hero-slider-area .slider-item::after,
.hero-slider-area .slider-item::before {
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: rgba(0, 55, 130, .9);
	z-index: -1;
	content: ""
}

@-webkit-keyframes moveLeftBounces-one {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px)
	}
}

@keyframes moveLeftBounces-one {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px)
	}
}

@-webkit-keyframes FocuS {

	0%,
	100% {
		opacity: 0
	}

	75% {
		opacity: 1
	}
}

@keyframes FocuS {

	0%,
	100% {
		opacity: 0
	}

	75% {
		opacity: 1
	}
}

.hero-slider-area .slider-item {
	background-repeat: no-repeat;
	height: 100vh
}

.hero-slider-area .slider-item.slider-item-bg-1 {
	background-image: url(../../assets/img/slider-img/1.jpg)
}

.hero-slider-area .slider-item.slider-item-bg-2 {
	background-image: url(../../assets/img/slider-img/2.jpg)
}

.hero-slider-area .slider-item::before {
	top: 0;
	left: 0
}

.hero-slider-area .slider-item::after {
	bottom: 0;
	right: 0
}

.hero-slider-area .slider-item .slider-text {
	position: relative;
	max-width: 690px;
	z-index: 1;
	overflow: hidden;
	margin-top: 100px
}

.hero-slider-area .slider-item .slider-text span {
	color: #fff;
	font-size: 15px;
	display: block;
	margin-bottom: 10px
}

.hero-slider-area .slider-item .slider-text h1 {
	font-size: 80px;
	color: #fff;
	margin-bottom: 30px
}

.hero-slider-area .slider-item .video-btn {
	margin: 100px auto auto;
	display: block
}

.hero-slider-area .owl-item.active .slider-item::before {
	-webkit-animation: 3s .3s both fadeInUp;
	animation: 3s .3s both fadeInUp
}

.hero-slider-area .owl-item.active .slider-item::after {
	-webkit-animation: 3s .3s both fadeInDown;
	animation: 3s .3s both fadeInDown
}

.blog-details-area .comments-area .comment-respond .comment-form,
.blog-details-area .widget-area .widget-peru-posts-thumb .item .info,
.cart-area .cart-table table tbody tr td.product-subtotal,
.hero-slider-area .owl-item.active .slider-text.overflow-hidden,
.project-area {
	overflow: hidden
}

.hero-slider-area .owl-item.active .slider-text.one h1,
.hero-slider-area .owl-item.active .slider-text.two .slider-btn {
	-webkit-animation: 2s .2s both fadeInUpBig;
	animation: 2s .2s both fadeInUpBig
}

.hero-slider-area .owl-item.active .slider-text.one p {
	-webkit-animation: 3s .3s both fadeInUpBig;
	animation: 3s .3s both fadeInUpBig
}

.hero-slider-area .owl-item.active .slider-text.one .slider-btn {
	-webkit-animation: 4s .4s both fadeInUpBig;
	animation: 4s .4s both fadeInUpBig
}

.hero-slider-area .owl-item.active .slider-text.two h1 {
	-webkit-animation: 2s .2s both fadeInLeft;
	animation: 2s .2s both fadeInLeft
}

.hero-slider-area .owl-item.active .slider-text.two p {
	-webkit-animation: 2s .2s both fadeInRight;
	animation: 2s .2s both fadeInRight
}

.hero-slider-area .owl-item.active .one.video-btn-animat,
.hero-slider-area .owl-item.active .two.video-btn-animat {
	-webkit-animation: 2s .2s both zoomIn;
	animation: 2s .2s both zoomIn
}

.hero-slider-area .owl-next i,
.hero-slider-area .owl-prev i {
	background-color: transparent !important;
	border: 1px solid #fff
}

.hero-slider-area .owl-next,
.hero-slider-area .owl-prev {
	top: 50%;
	margin: 0 !important;
	border-radius: 0 !important;
	position: absolute
}

.hero-slider-area .owl-next i:hover,
.hero-slider-area .owl-prev i:hover {
	border-color: #d80650;
	background-color: #d80650 !important
}

.hero-slider-area .owl-next {
	right: -100px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}

.hero-slider-area .owl-next i,
.hero-slider-area .owl-prev i {
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 26px;
	border-radius: 0
}

.hero-slider-area .owl-prev {
	left: -100px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}

.hero-slider-area:hover .owl-prev {
	left: 30px
}

.hero-slider-area:hover .owl-next {
	right: 30px
}

.hero-slider-area .owl-theme .owl-nav {
	margin-top: 0 !important
}

.checkout-area .billing-details .form-group .nice-select .list .option.selected,
.hero-slider-area .owl-theme .owl-nav [class*=owl-]:hover,
.services-slider-content .owl-theme .owl-nav [class*=owl-]:hover,
.testimonials .owl-nav [class*=owl-]:hover {
	background-color: transparent
}

.hero-slider-area .shape {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.features-area .container {
	max-width: 1110px
}

.features-area .single-features {
	background-color: #010414;
	-webkit-transition: .5s;
	transition: .5s;
	border-right: 1px solid #101323
}

.features-area .single-features::before {
	width: 0;
	height: 2px;
	bottom: 0;
	top: unset;
	right: 0;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1
}

.features-area .single-features:hover,
.performance-area.bg-none .single-security:hover,
.single-counter:hover i {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.copy-right-area .footer-menu li a,
.copy-right-area p,
.features-area .single-features:hover p,
.services-details .choose-wrap p,
.single-footer-widget .address li a,
.single-footer-widget .import-link li a {
	color: #212121
}

.features-area .single-features:hover::after {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#fff));
	background-image: linear-gradient(to bottom right, #fff, #fff)
}

.features-area .single-features:hover::before,
.single-features:hover::after {
	left: 0;
	right: auto;
	width: 100%
}

.features-area .col-lg-4:nth-child(3) .single-features {
	border: none
}

.single-features {
	background-color: #140f14;
	padding: 30px;
	position: relative;
	z-index: 1;
	margin: 10px 0
}

.single-features::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background-color: #d80650;
	z-index: -1
}

.single-features::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	z-index: -1;
	-webkit-transition: .5s;
	transition: .5s
}

.single-features h3 {
	color: #d80650;
	position: relative;
	padding-left: 45px;
	margin-bottom: 20px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-features h3 i {
	color: #d80650;
	font-size: 40px;
	line-height: 1;
	position: absolute;
	top: -4px;
	left: -3px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-features p {
	color: #fff;
	margin-bottom: 0
}

.single-features span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 80px;
	color: #292529;
	opacity: .5
}

.partner-area .partner-item {
	background-color: transparent;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-align: center;
	line-height: 1
}

.partner-area .partner-item .partner-overly {
	position: absolute;
	top: 200px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .5s;
	transition: .5s
}

.partner-area .partner-item:hover .partner-overly {
	top: 0
}

.partner-area .owl-carousel .owl-item img {
	width: unset;
	margin: auto
}

.security-area .container,
.security-area-two .container,
.solutions-area.section-width .container,
.team-area .container {
	max-width: 1300px
}

.security-area-two {
	background-image: url(../../assets/img/security-bg.jpg);
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	z-index: 1
}

.security-area-two::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #090218;
	opacity: .9;
	z-index: -1
}

.single-security {
	height: 280px;
	background-color: #fef4f8;
	padding: 28px;
	margin-bottom: 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-security i {
	font-size: 30px;
	color: #fff;
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 15px
}

.single-security h3 {
	font-size: 22px;
	margin-bottom: 9px
}

.single-blog .blog-content h3 a,
.single-blog .blog-content p,
.single-security p {
	color: #000
}

.counter {
	color: #333;
	font-family: Oswald, sans-serif;
	text-align: center;
	width: 200px;
	height: 175px;
	margin: 0 auto;
	position: relative;
	z-index: 1
}

.counter:after {
	content: '';
	background: linear-gradient(45deg, transparent 50%, #ff5929 51%);
	height: 40px;
	width: 40px;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: -1
}

.banner-area-six,
.choose-area,
.client-area,
.complete-img,
.cybersecurity-img,
.cybersecurity-img1,
.cybersecurity-img2,
.cybersecurity-img3,
.footer-top-area,
.performance-area,
.single-pricing::before,
.single-solutions {
	background-repeat: no-repeat
}

.counter .counter-content {
	height: 175px;
	width: 175px;
	padding: 15px 10px;
	border-radius: 50%;
	border: 10px solid #ff5929;
	border-left-color: transparent;
	box-shadow: -10px 0 25px -10px rgba(0, 0, 0, .3) inset
}

.counter .counter-icon {
	font-size: 30px;
	margin: 0 auto 7px
}

.counter .counter-icon i.fab,
.counter .counter-icon i.far,
.counter .counter-icon i.fas {
	transform: rotate(0);
	transition: .3s
}

.counter:hover .counter-icon i.fab,
.counter:hover .counter-icon i.far,
.counter:hover .counter-icon i.fas {
	transform: rotate(360deg)
}

.counter h3 {
	color: #ff5929;
	font-size: 30px;
	font-weight: 500;
	line-height: 23px;
	letter-spacing: .4px;
	text-transform: uppercase;
	margin: 0 0 4px
}

.counter .counter-value {
	font-size: 28px;
	font-weight: 600;
	display: block
}

.counter.green:after {
	background: linear-gradient(45deg, transparent 50%, #8dcb0e 51%)
}

.counter.green .counter-content {
	border-color: #8dcb0e #8dcb0e #8dcb0e transparent
}

.counter.green h3 {
	color: #8dcb0e
}

.counter.pink:after {
	background: linear-gradient(45deg, transparent 50%, #d80650 51%)
}

.counter.pink .counter-content {
	border-color: #d80650 #d80650 #d80650 transparent
}

.counter.cgreen:after {
	background: linear-gradient(45deg, transparent 50%, #07b39b 51%)
}

.counter.cgreen .counter-content {
	border-color: #07b39b #07b39b #07b39b transparent
}

.counter.cgreen h3 {
	color: #07b39b
}

.counter.blue:after {
	background: linear-gradient(45deg, transparent 50%, #0678ac 51%)
}

.counter.blue .counter-content {
	border-color: #0678ac #0678ac #0678ac transparent
}

.counter.blue h3 {
	color: #0678ac
}

@media screen and (max-width:600px) {
	.technology {
		flex-basis: 49%;
		box-sizing: border-box;
		margin: -2px -2px 0 0;
		border-left: none
	}

	.first-tech {
		border-bottom: 2px dashed rgba(255, 255, 255, .4);
		border-left: none
	}
}

@media screen and (max-width:375px) {
	.technology {
		flex-basis: 49%;
		box-sizing: border-box;
		margin: -2px -2px 0 0;
		border-left: none
	}

	.first-tech {
		border-bottom: 2px dashed rgba(255, 255, 255, .4);
		border-left: none
	}
}

@media screen and (max-width:990px) {
	.counter {
		margin-bottom: 40px
	}
}

.approach-content ul li:hover,
.client-area-page .single-client:hover,
.coming-soon-area .coming-soon-content ul li a:hover,
.single-blog-post:hover,
.single-blog:hover,
.single-counter:hover,
.single-counters:hover,
.single-pricing:hover,
.single-security:hover,
.single-serve:hover,
.single-solutions:hover,
.single-team:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.single-security:hover i {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}

.approach-content {
	margin-top: -10px
}

.approach-content h2 {
	margin-bottom: 20px;
	font-size: 40px
}

.approach-content ul li {
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 30px 30px 30px 100px;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-client .quotes,
.single-counter {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.approach-content ul li i {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 30px;
	background-color: #efefef;
	border-radius: 50%;
	color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.approach-content ul li h3,
.single-blog .blog-content h3 {
	margin-bottom: 12px
}

.approach-content ul li:hover i,
.blog-details-area .widget-area .tagcloud a:hover,
.choose-us-six-content .tabs .current,
.product-area .single-product-box .product-image .add-to-cart-btn:hover,
.services-slider-content .owl-theme .owl-nav .owl-next:hover i,
.services-slider-content .owl-theme .owl-nav .owl-prev:hover i,
.testimonials .owl-nav .owl-next:hover i,
.testimonials .owl-nav .owl-prev:hover i {
	background-color: #d80650;
	color: #fff
}

.single-solutions {
	height: 400px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s
}

.single-solutions.solutions-time-bg-1 {
	background-image: url(../img/solution-img/1.jpg)
}

.single-solutions.solutions-time-bg-2 {
	background-image: url(../img/solution-img/2.jpg)
}

.single-solutions.solutions-time-bg-3 {
	background-image: url(../img/solution-img/3.jpg)
}

.single-solutions.solutions-time-bg-4 {
	background-image: url(../img/solution-img/4.jpg)
}

.single-solutions.solutions-time-bg-5 {
	background-image: url(../img/solution-img/5.jpg)
}

.single-solutions.solutions-time-bg-6 {
	background-image: url(../img/solution-img/6.jpg)
}

.single-solutions.solutions-time-bg-7 {
	background-image: url(../img/project/1.jpg)
}

.single-solutions.solutions-time-bg-8 {
	background-image: url(../img/project/2.jpg)
}

.single-solutions.solutions-time-bg-9 {
	background-image: url(../img/project/3.jpg)
}

.single-solutions::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(1, 4, 20, .99)));
	background-image: linear-gradient(to bottom, transparent, rgba(1, 4, 20, .99));
	z-index: -1
}

.single-solutions::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(216, 6, 80, .9)), to(rgba(216, 6, 80, .9)));
	background-image: linear-gradient(to bottom, rgba(216, 6, 80, .9), rgba(216, 6, 80, .9));
	opacity: .8;
	z-index: -1;
	-webkit-transition: .5s;
	transition: .5s
}

.single-solutions .solutions-content {
	position: absolute;
	bottom: 0;
	padding: 30px
}

.single-solutions h3 {
	color: #fff;
	margin-bottom: 13px
}

.project-area .owl-item.active.center .single-solutions::after,
.single-solutions:hover::after {
	height: 100%;
	top: 0;
	bottom: auto
}

.electronic-content {
	margin-top: -8px;
	margin-bottom: -8px
}

.electronic-content h2 {
	font-size: 40px;
	margin-bottom: 50px;
	color: #fff
}

.electronic-content .electronic-tab-wrap .electronic-tab .tabs li {
	padding: 0 0 10px;
	margin-right: 30px;
	display: inline-block;
	font-weight: 600;
	position: relative
}

.electronic-content .electronic-tab-wrap .electronic-tab .tabs li::before {
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	width: 0;
	height: 2px;
	background-color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.electronic-content .electronic-tab-wrap .electronic-tab .tabs li a {
	padding-left: 0 !important;
	color: #0e052a
}

.cybersecurity-content ul li:hover::before,
.electronic-content .electronic-tab-wrap .electronic-tab .tabs .current::before,
.manual-content ul li:hover::before {
	width: 100%;
	right: auto;
	left: 0
}

.electronic-content .electronic-tab-wrap .electronic-tab p {
	color: #0e052a
}

.electronic-content .electronic-tab-wrap .electronic-tab .default-btn,
.services-slider-content .default-btn {
	width: unset !important;
	margin-top: 15px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before,
.blog-details-area .comments-area .comment-author .says,
.blog-details-area .widget-area .widget_search form .screen-reader-text,
.blog-details-area blockquote cite,
.checkout-area .order-details .payment-box .payment-method p [type=radio]:checked,
.checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked),
.coming-soon-area .coming-soon-content #timer div:last-child::before,
.copy-right-area .footer-menu li:first-child::before,
.counter-area-six .col-lg-3:nth-child(4) .single-counters::before,
.electronic-content .tab .tabs_item,
.faq-contact-area #contactForm .hidden,
.footer-bottom-area .condition-privacy ul li:last-child::before,
.mobile-visible,
.nav-area-six .others-option .option-item .search-overlay,
.page-title-area .page-title-content ul li:last-child::before,
.performance-area.bg-none::before,
.product-details-area .product-details-desc .buy-checkbox-btn .default-btn::before,
.product-details-area .product-details-desc .buy-checkbox-btn input,
.product-details-area .tab .tabs_item,
.seo-process-mobile,
.tab .tabs_item,
.work-flow .process li span {
	display: none
}

.cart-area .cart-table table tbody tr td.product-thumbnail a,
.electronic-content .tab .tabs_item:first-child,
.faq-accordion .accordion .accordion-content.show,
.product-details-area .tab .tabs_item:first-child,
.sidebar-modal .contact-us ul li a,
.tab .tabs_item:first-child {
	display: block
}

.electronic-img,
.process p {
	text-align: center
}

.blog-details-area .widget-area .widget_search form,
.complete-area,
.header-area-six .top-header-area .header-content-right .language-area .language-item-top,
.nav-area-six .others-option .cart-icon .cart,
.nav-area-six .others-option .option-item .search-overlay.search-popup .search-form,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title,
.services-slider-content,
.single-team .image,
.transform-area,
.transform-content .skill-bar .progress-title-holder {
	position: relative
}

.complete-area .complete-shape {
	position: absolute;
	top: 150px;
	right: 0;
	z-index: -1;
	opacity: .6
}

.client-area,
.complete-content .single-security,
.user-area-all-style {
	position: relative;
	z-index: 1
}

.complete-area .complete-shape.two {
	right: unset;
	left: 0
}

.complete-area .col-lg-6.pl-0,
.cybersecurity-area.cybersecurity-area-styele-two .col-lg-6.pl-0 {
	padding-left: 0
}

.complete-area.complete-area-style-two .complete-content,
.nav-area-six .navbar-area .main-nav nav .navbar-nav {
	margin-left: auto;
	margin-right: 0
}

.complete-content {
	margin-top: -8px;
	max-width: 545px;
	margin-right: auto
}

.complete-content h2 {
	font-size: 40px
}

.complete-content .single-security::before,
.cybersecurity-content ul li::before,
.manual-content ul li::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1
}

.complete-content .single-security h3,
.complete-content .single-security i,
.complete-content .single-security p,
.single-client p {
	-webkit-transition: .5s;
	transition: .5s
}

.complete-content .single-security:hover i {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#fff));
	background-image: linear-gradient(to bottom right, #fff, #fff);
	color: #d80650
}

.complete-img {
	background-image: url(../../assets/img/banner-img/digital-marketing.png);
	height: 100%
}

.client-area {
	background-image: url(../../assets/img/client-img/bg.jpeg);
	height: 100%
}

.client-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #010e19;
	opacity: .82;
	z-index: -1
}

.client-area .owl-item.active.center .single-client,
.single-footer-widget .social-icon li a:hover i,
.video-btn:hover,
.video-btn:hover::after,
.video-btn:hover::before {
	background-color: #d80650
}

.single-client,
.single-client .quotes {
	background-color: #fff;
	-webkit-transition: .5s
}

.client-area .owl-item.active.center .single-client .quotes {
	background-color: #d80650;
	color: #fff;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.client-area .owl-item.active.center .single-client::before {
	border-top: 45px solid #d80650
}

.single-client {
	text-align: center;
	position: relative;
	margin-top: 30px;
	margin-bottom: 165px;
	border-radius: 4px;
	transition: .5s;
	padding: 50px 30px 30px
}

.single-client .quotes {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	color: #d80650;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -30px;
	transition: .5s
}

.single-client ul li i {
	font-size: 20px;
	color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.single-client::before {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-top: 45px solid #fff;
	border-right: 10px solid transparent;
	border-bottom: 0;
	border-left: 50px solid transparent;
	bottom: -24px;
	left: 20px;
	-webkit-transition: .5s;
	transition: .5s
}

.client-img {
	position: absolute;
	left: 30px;
	bottom: -80px
}

.client-img img {
	border-radius: 10px;
	margin-bottom: 15px
}

.client-img h3 {
	margin-bottom: 0;
	font-size: 20px;
	color: #fff
}

.client-img span {
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	color: #d80650
}

.cybersecurity-area.colo-bg,
.performance-area .single-security:hover {
	background-color: #010414
}

.cybersecurity-area.cybersecurity-area-styele-two .cybersecurity-content {
	margin-left: 0;
	margin-right: auto
}

.cybersecurity-content {
	max-width: 545px;
	margin-left: auto;
	margin-top: -8px
}

.cybersecurity-content h2 {
	font-size: 40px;
	margin-bottom: 20px
}

.cybersecurity-content ul li,
.manual-content ul li {
	display: inline-block;
	background-color: #fdeff4;
	padding: 10px 10px 10px 35px;
	margin-bottom: 30px;
	width: 100%;
	font-weight: 600;
	position: relative;
	z-index: 1;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer
}

.cybersecurity-content ul li i,
.manual-content ul li i {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 20px;
	font-weight: 600;
	color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.cybersecurity-img {
	background-image: url(../../assets/img/app-developer.webp);
	height: 100%
}

.cybersecurity-img1 {
	background-image: url(../../assets/img/Services/digital-marketing.webp);
	height: 100%
}

.cybersecurity-img2 {
	background-image: url(../../assets/img/web-developer.webp);
	height: 100%
}

.cybersecurity-img3 {
	background-image: url(../../assets/img/about/about.webp);
	height: 100%
}

.cybersecurity-img.bg-2 {
	background-image: url(../../assets/img/cybersecurity-img-2.jpg)
}

.cybersecurity-img.bg-3 {
	background-image: url(../../assets/img/cybersecurity-img-3.jpg)
}

.single-blog,
.single-blog-post {
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	margin-bottom: 30px
}

.single-blog::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0)), to(rgba(14, 1, 41, .99)));
	background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(14, 1, 41, .99))
}

.single-blog span {
	background-color: #fff;
	color: #212121;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 8px 20px;
	font-weight: 600;
	-webkit-transition: .5s;
	transition: .5s
}

.single-blog .blog-content {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff
}

.single-blog .blog-content .date {
	color: #fff;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px
}

.single-blog .blog-content .date i {
	position: absolute;
	left: 0;
	top: -1px;
	font-size: 25px
}

.blog-details-area .widget-area .widget:first-child,
.single-blog .blog-content .mt-use,
.user-area-all-style .contact-form-action form .reset-btn {
	margin-top: 0
}

.footer-top-area {
	background-image: url(../../assets/img/services-details/contact.webp);
	height: 100%;
	position: relative;
	z-index: 0
}

.footer-top-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0e0129;
	opacity: .9;
	z-index: -1
}

.single-widget h3 {
	font-size: 22px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	display: inline-block;
	color: #fff;
	position: relative
}

.single-widget h3::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 2px;
	background-color: #fff
}

.single-widget ul li {
	color: #fff;
	margin-bottom: 8px;
	font-size: 15px
}

.single-widget ul li a {
	color: #fff;
	-webkit-transition: .5s;
	transition: .5s
}

.single-widget ul li a i {
	display: inline-block;
	margin-right: 2px;
	font-size: 20px;
	color: #d80650;
	position: relative;
	top: 4px
}

.single-widget ul li a:hover {
	-webkit-transform: translateX(2px);
	transform: translateX(2px);
	color: #d80650
}

.single-widget.contact ul li {
	position: relative;
	padding-left: 30px
}

.single-widget.contact ul li a i {
	position: absolute;
	top: 4px;
	left: 0;
	color: #d80650;
	font-size: 20px
}

.single-widget.contact ul li a span,
.single-widget.contact ul li span {
	display: block;
	font-weight: 600
}

.single-widget.contact ul li a:hover {
	-webkit-transform: none;
	transform: none;
	color: #d80650
}

.single-widget.contact ul li i {
	position: absolute;
	left: 0;
	top: 4px;
	color: #d80650;
	font-size: 20px
}

.footer-bottom-area {
	background-color: #0d022c;
	padding: 8px 0
}

.ptb-30 {
	padding: 30px 0
}

.ptb-40 {
	padding: 40px 0
}

.ptb-50 {
	padding: 50px 0
}

.detail-last,
.pb-30 {
	padding-bottom: 30px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-50 {
	padding-bottom: 50px
}

.pt-30 {
	padding-top: 30px
}

.pt-40 {
	padding-top: 40px
}

.pt-50 {
	padding-top: 50px
}

.footer-bottom-area .copy-right p {
	text-transform: capitalize;
	margin-bottom: 0;
	color: #fff
}

.footer-bottom-area .copy-right p i {
	position: relative;
	top: 1px
}

.blog-details-area .widget-area .widget_categories ul li .post-count,
.copy-right-area .footer-menu,
.footer-bottom-area .condition-privacy,
.header-area-six .top-header-area .header-content-right {
	float: right
}

.footer-bottom-area .condition-privacy ul li {
	display: inline-block;
	padding: 0 10px;
	position: relative
}

.footer-bottom-area .condition-privacy ul li::before {
	content: "";
	position: absolute;
	top: 11px;
	right: -7px;
	width: 10px;
	height: 2px;
	background-color: #fff
}

.manual-content {
	max-width: 540px;
	margin-left: auto;
	margin-top: -8px
}

.manual-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
	color: #fff
}

.manual-content p {
	margin-bottom: 30px;
	color: #fff
}

.single-counter {
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
	margin-bottom: 30px;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 30px;
	position: relative
}

.single-pricing,
.transform-content {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	background-color: #fff
}

.single-counter i {
	color: #d80650;
	font-size: 40px;
	display: block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto 25px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s
}

.single-counter p {
	color: #d80650;
	line-height: 1;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500
}

.single-counter h2 {
	color: #0e0129;
	line-height: 1;
	font-size: 40px;
	margin-top: -8px;
	margin-bottom: 10px
}

.pricing-area {
	padding-bottom: 120px
}

.pricing-area .section-title {
	margin-bottom: 110px
}

.single-pricing {
	text-align: center;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding-bottom: 30px;
	margin-bottom: 30px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	z-index: 1
}

.single-pricing::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../assets/img/shape/5.png);
	background-position: bottom;
	background-size: contain;
	z-index: -1;
	opacity: .5
}

.single-pricing.active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 2;
	position: relative
}

.single-pricing .pricing-content {
	background-color: #fef4f8;
	padding: 30px;
	margin-bottom: 30px
}

.single-pricing h1 {
	color: #d80650;
	font-size: 40px;
	margin-bottom: 0
}

.single-pricing h1 sub {
	font-size: 14px;
	font-weight: 400;
	color: #9e9b9b
}

.single-pricing ul li {
	font-weight: 500;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-bottom: 1px solid #fef4f8
}

.single-pricing ul li i {
	color: #d80650;
	font-size: 25px;
	position: relative;
	top: 5px
}

.single-pricing ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.single-pricing ul li span,
.single-pricing ul li span i {
	color: #9e9b9b
}

.single-pricing .default-btn {
	margin-top: 30px;
	margin-bottom: -8px
}

.single-pricing:hover.active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.transform-area .shape-1 {
	position: absolute;
	top: -50%;
	left: 0;
	z-index: -1;
	opacity: .5
}

.transform-area .shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	opacity: .5
}

.transform-content {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 50px;
	margin-left: -100px;
	margin-top: 100px
}

.transform-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
	margin-top: -11px
}

.checkout-area .billing-details .form-check,
.checkout-area .billing-details .form-group,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group,
.services-details img,
.services-details p,
.single-privacy ul li,
.terms-conditions-area ul li,
.transform-content .skill-bar,
.user-area-all-style .contact-form-action form .form-condition {
	margin-bottom: 20px
}

.transform-content .skill-bar .progress-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0 !important
}

.transform-content .skill-bar .progress-number-wrapper {
	width: 100%;
	z-index: 10;
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	letter-spacing: 0;
	font-weight: 600;
	font-style: normal;
	text-transform: none;
	color: #fff;
	margin-bottom: 0 !important
}

.transform-content .skill-bar .progress-number-mark {
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#ff5e68), to(#d2044d));
	background-image: linear-gradient(to bottom right, #ff5e68, #d2044d);
	padding: 0 8px;
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 0 !important
}

.transform-content .skill-bar .down-arrow {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #d80650;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #d80650;
	margin-bottom: 0 !important
}

.transform-content .skill-bar .progress-content-outter {
	height: 6px;
	background-color: #ebeded;
	border-radius: 50px
}

.transform-content .skill-bar .progress-content {
	height: 6px;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	border-radius: 50px;
	width: 0%
}

.transform-content .skill-bar .percent {
	margin-bottom: 0 !important;
	color: #fff !important
}

.performance-area {
	background-image: url(../../assets/img/performance-bg.jpg);
	position: relative
}

.performance-area.bg-none {
	background-image: none
}

.performance-area.bg-none .single-security,
.video-area-six {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.performance-area.bg-none .single-security img {
	position: absolute;
	bottom: 0;
	left: -90px;
	z-index: -1;
	-webkit-transition: .5s;
	transition: .5s
}

.performance-area.bg-none .single-security:hover img {
	left: -20px
}

.performance-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #010a1b;
	opacity: .78
}

.performance-area .single-security {
	text-align: center;
	background-color: #fff
}

.performance-area .single-security h3 {
	margin-bottom: 10px;
	color: #010414
}

.performance-area .single-security p {
	margin-bottom: 10px;
	color: #fff
}

.cart-area .cart-table table tbody tr td.product-name a:hover,
.client-area-page .single-client .client-img h3,
.performance-area .single-security:hover p,
.single-blog-post .blog-content h3 a {
	color: #0e0129
}

.performance-area .owl-theme .owl-dots .owl-dot span {
	background-color: #fff;
	width: 10px;
	height: 5px;
	border-radius: 0 !important;
	-webkit-transition: .5s;
	transition: .5s
}

.performance-area .owl-theme .owl-dots .owl-dot.active span {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	width: 20px
}

.choose-area {
	background-image: url(../../assets/img/choose-bg.jpg);
	position: relative;
	z-index: 1
}

.choose-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0a031b;
	opacity: .63;
	z-index: -1
}

.choose-wrap {
	background-color: #010c16;
	max-width: 540px;
	margin: auto;
	padding: 50px
}

.choose-wrap h2 {
	color: #fff;
	font-size: 40px;
	margin-top: -11px;
	margin-bottom: 22px
}

.choose-wrap p,
.graph-content h2 {
	margin-bottom: 20px;
	color: #fff
}

.choose-wrap ul li {
	color: #fff;
	position: relative;
	padding-left: 35px;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 10px
}

.choose-wrap ul li i {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #221b31;
	color: #d80650;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	-webkit-transition: .5s;
	transition: .5s
}

.choose-wrap ul li:hover i {
	background-color: #fff
}

.choose-wrap .default-btn {
	margin-bottom: -8px
}

.graph-content h2 {
	font-size: 40px
}

.graph-content h3 {
	color: #fff;
	max-width: 300px;
	margin-bottom: 25px;
	line-height: 1.5
}

.project-area .owl-item.active.center .single-solutions {
	height: 430px;
	margin-top: 0
}

.project-area .single-solutions {
	margin-bottom: 0;
	margin-top: 30px
}

.section-title-six {
	max-width: 100%;
	margin: -6px auto 60px;
	text-align: center;
	position: relative
}

.section-title-six span {
	color: #d80650;
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	text-transform: uppercase
}

.section-title-six h2 {
	font-size: 40px;
	margin-bottom: 20px;
	position: relative;
	display: block;
	text-transform: capitalize
}

.section-title-six p {
	max-width: 100%;
	margin: auto
}

.header-area-six .top-header-area {
	background-color: #f9f9f9;
	padding: 15px 0
}

.header-area-six .top-header-area .header-content-left li {
	display: inline-block;
	padding-right: 20px;
	color: #0e0129;
	font-size: 15px
}

.header-area-six .top-header-area .header-content-left li a {
	color: #0e0129;
	display: inline-block
}

.header-area-six .top-header-area .header-content-left li i {
	color: #d80650;
	margin-right: 5px;
	font-size: 18px;
	position: relative;
	top: 3px;
	-webkit-transition: .5s;
	transition: .5s
}

.header-area-six .top-header-area .header-content-right .language-area {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 20px 0 0;
	position: relative
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-bar span {
	position: relative;
	top: 1px;
	color: #0e0129;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 15px
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-bar i {
	font-size: 20px;
	color: #d80650;
	position: relative;
	top: 4px
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom {
	list-style: none;
	position: absolute;
	top: 50px;
	padding: 20px !important;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	background-color: #fff;
	width: 200px;
	left: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	margin: 0;
	text-align: left
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-top: 0;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	top: -8px;
	left: 25px
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom .language-item,
.product-details-area .product-details-desc .product-review {
	margin-bottom: 15px
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom .language-item .language-link {
	color: #0e0129;
	display: block;
	font-size: 14px;
	font-weight: 500
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top .language-item-bottom .language-item .language-link img {
	width: 20px;
	margin-right: 8px;
	border-radius: 50%;
	position: relative;
	top: -2px
}

.header-area-six .top-header-area .header-content-right .language-area .language-item-top:hover .language-item-bottom {
	visibility: visible;
	opacity: 1;
	top: 35px;
	z-index: 9999
}

.header-area-six .top-header-area .header-content-right .log-in-sign-up li {
	display: inline-block;
	margin-right: 30px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child,
.coming-soon-area .coming-soon-content #timer div:last-child,
.copy-right-area .footer-menu li:last-child,
.header-area-six .top-header-area .header-content-right .log-in-sign-up li:last-child,
.product-details-area .products-details-tab .tabs li:last-child {
	margin-right: 0
}

.header-area-six .top-header-area .header-content-right .log-in-sign-up li i {
	color: #d80650;
	font-size: 18px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 3px
}

.header-area-six .top-header-area .header-content-right .log-in-sign-up li a {
	color: #0e0129;
	font-size: 15px
}

.nav-area-six .navbar-area .main-nav {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
	padding-bottom: 0
}

.nav-area-six .navbar-area .main-nav nav .navbar-nav .nav-item a {
	font-size: 16px;
	color: #0e0129;
	text-transform: capitalize;
	-webkit-transition: .5s;
	transition: .5s;
	margin: 0 10px;
	position: relative
}

.nav-area-six .navbar-area.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
	-webkit-animation: .5s ease-in-out fadeInDown;
	animation: .5s ease-in-out fadeInDown;
	-webkit-transition: .5s;
	transition: .5s;
	width: 100% !important
}

.nav-area-six .others-option {
	position: relative;
	top: 2px;
	margin-right: 40px;
	margin-left: 40px
}

.nav-area-six .others-option .option-item {
	color: #212121;
	display: inline-block;
	line-height: 1;
	position: relative;
	top: 0;
	margin-right: 20px;
	margin-left: 20px
}

.nav-area-six .others-option .option-item .search-overlay.search-popup {
	position: absolute;
	top: 100%;
	width: 500px;
	right: 0;
	background: #fff;
	z-index: 2;
	padding: 20px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	margin-top: 20px
}

.nav-area-six .others-option .option-item .search-overlay.search-popup .search-form .search-input {
	display: block;
	width: 100%;
	height: 50px;
	line-height: initial;
	border: 1px solid #eee;
	color: #0e0129;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 15px;
	padding-top: 4px;
	padding-left: 15px
}

.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus,
.blog-details-area .comments-area .comment-respond input[type=email]:focus,
.blog-details-area .comments-area .comment-respond input[type=month]:focus,
.blog-details-area .comments-area .comment-respond input[type=number]:focus,
.blog-details-area .comments-area .comment-respond input[type=password]:focus,
.blog-details-area .comments-area .comment-respond input[type=search]:focus,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus,
.blog-details-area .comments-area .comment-respond input[type=text]:focus,
.blog-details-area .comments-area .comment-respond input[type=url]:focus,
.blog-details-area .comments-area .comment-respond input[type=week]:focus,
.blog-details-area .comments-area .comment-respond textarea:focus,
.blog-details-area .widget-area .widget_search form .search-field:focus,
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus,
.nav-area-six .others-option .option-item .search-overlay.search-popup .search-form .search-input:focus {
	border-color: #d80650
}

.nav-area-six .others-option .option-item .search-overlay.search-popup .search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	background: #d80650;
	border: none;
	width: 50px;
	outline: 0;
	color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 0
}

.blog-details-area .widget-area .widget_search form button:hover,
.counter-area-six,
.nav-area-six .others-option .option-item .search-overlay.search-popup .search-form .search-button:hover,
.sidebar-modal .sidebar-follow-us .social-wrap li a:hover i {
	background-color: #0e0129
}

.nav-area-six .others-option .option-item .search-btn {
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
	color: #0e0129;
	font-size: 20px;
	text-align: center
}

.nav-area-six .others-option .option-item .close-btn {
	cursor: pointer;
	display: none;
	-webkit-transition: .5s;
	transition: .5s;
	color: #0e0129;
	font-size: 20px;
	text-align: center
}

.nav-area-six .others-option .option-item .close-btn.active {
	display: block;
	color: #d80650
}

.nav-area-six .others-option .cart-icon {
	display: inline-block;
	margin-right: 50px
}

.nav-area-six .others-option .cart-icon .cart i {
	font-size: 20px;
	position: relative;
	top: -2px;
	color: #0e0129
}

.nav-area-six .others-option .cart-icon .cart span {
	position: absolute;
	top: -6px;
	right: -6px;
	background-color: #d80650;
	width: 15px;
	height: 15px;
	line-height: 16px;
	border-radius: 50%;
	font-size: 10px;
	color: #fff;
	text-align: center
}

.nav-area-six .others-option .sidebar-menu {
	display: inline-block;
	position: relative;
	z-index: 1
}

.nav-area-six .others-option .sidebar-menu::before {
	content: "";
	position: absolute;
	top: -19px;
	right: -122px;
	width: 170px;
	height: 89px;
	background-color: #d80650;
	z-index: -1;
	border-radius: 0 0 0 40px
}

.nav-area-six .others-option .sidebar-menu .burger-menu {
	display: inline-block;
	text-align: center;
	color: #d80650;
	font-size: 25px;
	margin-left: 60px
}

.sidebar-modal {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: 0 0 20px 3px rgba(0, 0, 0, .05);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden
}

.sidebar-modal .sidebar-modal-inner {
	position: absolute;
	right: -100%;
	top: 0;
	max-width: 400px;
	overflow-y: scroll;
	height: 100%;
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1;
	padding: 40px
}

.sidebar-modal .sidebar-header {
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px
}

.sidebar-modal .sidebar-header .close-btn {
	display: inline-block;
	font-size: 20px;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 33px;
	background-color: #d80650;
	color: #fff;
	border-radius: 50%;
	float: left;
	text-align: center;
	position: relative;
	top: -134px;
	left: -30px
}

.blog-details-area .comments-area .comment-respond .form-submit input:focus,
.coming-soon-area .coming-soon-content .newsletter-form button:hover,
.sidebar-modal .sidebar-header .close-btn:hover,
.single-team .image .social li a:hover {
	color: #fff;
	background-color: #d80650
}

.sidebar-modal .sidebar-about .title h2,
.single-team .content h3 {
	margin-bottom: 0;
	font-size: 20px
}

.sidebar-modal .sidebar-about .title p {
	margin-bottom: 0;
	font-size: 15px
}

.sidebar-modal .contact-us h3,
.sidebar-modal .sidebar-follow-us h3 {
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1;
	position: relative;
	padding-left: 10px
}

.sidebar-modal .contact-us h3::before,
.sidebar-modal .sidebar-follow-us h3::before,
.sidebar-modal .sidebar-gallery-feed h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #d80650
}

.blog-details-area .comments-area .comment-list,
.blog-details-area .comments-area ol,
.blog-details-area .comments-area ul,
.blog-details-area .widget-area .widget_categories ul,
.blog-details-area .widget-area .widget_meta ul,
.blog-details-area .widget-area .widget_recent_entries ul,
.sidebar-modal .contact-us ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.sidebar-modal .contact-us ul li {
	position: relative;
	padding-left: 45px;
	margin-bottom: 20px
}

.sidebar-modal .contact-us ul li i {
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 18px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: #d80650;
	text-align: center
}

.sidebar-modal .sidebar-gallery-feed h3 {
	margin-bottom: 25px;
	font-size: 20px;
	position: relative;
	padding-left: 10px;
	line-height: 1
}

.sidebar-modal .sidebar-gallery-feed ul {
	padding: 0;
	margin: -10px -5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none
}

.sidebar-modal .sidebar-gallery-feed ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width: 33%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px
}

.sidebar-modal .sidebar-gallery-feed ul li a {
	display: block;
	position: relative
}

.sidebar-modal .sidebar-gallery-feed ul li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.sidebar-modal .sidebar-gallery-feed ul li a:hover::before {
	opacity: .5;
	visibility: visible
}

.sidebar-modal .sidebar-follow-us .social-wrap {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 1
}

.sidebar-modal .sidebar-follow-us .social-wrap li {
	display: inline-block;
	padding-right: 10px
}

.sidebar-modal .sidebar-follow-us .social-wrap li a i {
	font-size: 18px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: #d80650;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s
}

.banner-area-six .banner-text .default-btn,
.single-serve i {
	border: 1px solid #d80650
}

.sidebar-modal.active {
	opacity: 1;
	visibility: visible;
	background-color: rgba(0, 0, 0, .9)
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn,
.loader-wrapper .loader-section.section-right,
.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn,
.sidebar-modal.active .sidebar-modal-inner {
	right: 0
}

.banner-area-six {
	height: 100%;
	position: relative;
	z-index: 1;
	padding-top: 150px;
	padding-bottom: 70px
}

.banner-area-six .banner-text h1 {
	font-size: 68px;
	margin-bottom: 25px;
	line-height: 1.1
}

.banner-area-six .banner-text p {
	font-size: 16px;
	margin-bottom: 35px
}

.banner-area-six .banner-text .default-btn.active:hover,
.banner-area-six .banner-text .default-btn:hover {
	border-color: #0e0129
}

.banner-area-six .banner-text .default-btn.active i {
	color: #d80650;
	-webkit-transition: .5s;
	transition: .5s
}

.banner-area-six .banner-shape-2 {
	position: absolute;
	top: 100px;
	right: 0;
	z-index: -1;
	-webkit-animation: 1s linear 1s infinite FocuS;
	animation: 1s linear 1s infinite FocuS
}

.choose-us-content .shape-1,
.choose-us-content .shape-3 {
	-webkit-animation: 100s linear infinite rotation;
	position: absolute
}

.services-slider-content h3 {
	margin-bottom: 22px;
	font-size: 35px;
	font-weight: 700
}

.single-counters i,
.single-serve i {
	color: #d80650;
	font-size: 40px;
	width: 70px;
	height: 70px;
	line-height: 70px
}

.services-slider-content .thumbs-wrap {
	text-align: center;
	margin-bottom: 50px
}

.services-slider-content .thumbs-wrap ul li {
	display: inline-block;
	font-weight: 600;
	margin: 0 10px;
	cursor: pointer;
	border-bottom: 2px solid #212121;
	padding-bottom: 4px;
	color: #212121;
	-webkit-transition: .5s;
	transition: .5s
}

.product-details-area .product-details-desc .product-review .rating-count:hover,
.services-slider-content .thumbs-wrap ul li.active,
.services-slider-content .thumbs-wrap ul li:hover {
	color: #d80650;
	border-color: #d80650
}

.services-slider-content .owl-theme .owl-nav .owl-next,
.services-slider-content .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: -50px;
	top: 50%;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	margin: 0
}

.services-slider-content .owl-theme .owl-nav .owl-next i,
.services-slider-content .owl-theme .owl-nav .owl-prev i {
	font-size: 20px;
	color: #0e0129;
	border: 1px solid #d80650;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: .5s;
	transition: .5s
}

.single-counters,
.single-serve {
	-webkit-transition: .5s;
	margin-bottom: 30px;
	position: relative
}

.services-slider-content .owl-theme .owl-nav .owl-next {
	right: -50px;
	left: auto
}

.services-single-item {
	padding-left: 50px
}

.single-serve {
	padding-left: 90px;
	transition: .5s
}

.single-serve i {
	position: absolute;
	top: 7px;
	left: 0;
	border-radius: 4px;
	text-align: center;
	background-color: #fff
}

.single-serve h3 {
	margin-bottom: 10px;
	font-weight: 700;
	color: #d80650
}

.single-counters {
	text-align: center;
	transition: .5s;
	padding: 30px
}

.copy-right-area,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {
	padding-top: 15px
}

.single-counters::before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 1px;
	height: 100%;
	background-color: #232223
}

.single-counters i {
	border: 1px solid #d80650;
	display: block;
	margin: 0 auto 25px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s
}

.single-counters p {
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500
}

.single-counters h2 {
	color: #d80650;
	line-height: 1;
	font-size: 40px;
	margin-top: -8px;
	margin-bottom: 10px
}

.single-counters .target {
	position: relative;
	top: 2px;
	right: 9px
}

.single-counters:hover i {
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	border-color: #fff
}

.choose-us-six-content .tabs li {
	padding: 10px 20px;
	font-weight: 600;
	position: relative;
	background-color: #e7e7e7;
	margin-bottom: 20px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	color: #212121;
	text-align: right;
	display: block
}

.choose-us-six-content .tabs li i {
	float: left;
	position: relative;
	top: -2px;
	left: -8px;
	font-size: 30px
}

.choose-us-content {
	background-color: rgba(216, 6, 80, .9);
	width: 442px;
	height: 442px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50%;
	margin-right: -30px;
	position: relative;
	right: -60px
}

.choose-us-content .choose-us {
	padding: 80px;
	color: #fff
}

.choose-us-content .choose-us h3 {
	color: #fff;
	margin-bottom: 15px;
	font-weight: 700
}

.choose-us-content .shape-1 {
	top: -50px;
	right: 60px;
	animation: 100s linear infinite rotation
}

.choose-us-content .shape-3 {
	bottom: 50px;
	right: 50px;
	animation: 100s linear infinite rotation
}

.choose-us-img {
	position: relative;
	left: -60px;
	z-index: -1
}

.choose-us-img img,
.single-footer-widget .import-link li:hover::before {
	border-radius: 50%
}

.choose-us-img .shape-2 {
	position: absolute;
	bottom: 25px;
	right: 0;
	-webkit-animation: 100s linear infinite rotation;
	animation: 100s linear infinite rotation
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.testimonials-area .section-title-six {
	position: relative;
	z-index: 2
}

.testimonials {
	text-align: center;
	max-width: 810px;
	margin: auto;
	position: relative;
	z-index: 1
}

.testimonials .owl-nav .owl-prev {
	position: absolute;
	left: -100px;
	top: 50%;
	-webkit-transform: translateY(-90px);
	transform: translateY(-90px);
	margin: 0
}

.testimonials .owl-nav .owl-next i,
.testimonials .owl-nav .owl-prev i {
	font-size: 20px;
	color: #0e0129;
	background-color: #fff;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: .5s;
	transition: .5s
}

.testimonials .owl-nav .owl-next {
	position: absolute;
	right: -100px;
	top: 50%;
	-webkit-transform: translateY(-90px);
	transform: translateY(-90px);
	margin: 0
}

.testimonials .owl-carousel .owl-item img {
	width: auto;
	margin: 0 auto 20px;
	border-radius: 50%
}

.testimonials .quote {
	position: absolute;
	top: -175px;
	left: 0;
	right: 0;
	font-size: 350px;
	line-height: 1;
	color: #ebebeb;
	z-index: -1
}

.testimonials-item p {
	margin-bottom: 40px;
	font-size: 20px
}

.testimonials-item .testimonials-view {
	position: relative;
	display: inline-block;
	padding-left: 90px;
	text-align: left
}

.testimonials-item .testimonials-view img {
	position: absolute;
	top: -12px;
	left: 0
}

.testimonials-item .testimonials-view h3 {
	margin-bottom: 5px;
	font-size: 18px
}

.testimonials-item .testimonials-view span {
	color: #d80650;
	font-weight: 400;
	margin-bottom: 0
}

.video-area-six::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #fafafa
}

.video-img-six .video-button,
.video-img-six h3 {
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	position: absolute
}

.video-img-six {
	max-width: 810px;
	margin: auto;
	position: relative
}

.video-img-six .video-button {
	top: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex
}

.video-img-six h3 {
	top: 80px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
	color: #fff;
	font-size: 30px;
	margin-bottom: 0
}

.video-img-six .video-btn {
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5)));
	background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
	-webkit-transition: .5s;
	transition: .5s
}

.video-img-six .video-btn:hover {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d80650), to(#d80650));
	background-image: linear-gradient(to bottom right, #d80650, #d80650)
}

.video-img-six .video-btn::after,
.video-img-six .video-btn::before {
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#fff));
	background-image: linear-gradient(to bottom right, #fff, #fff)
}

.lats-talk-area {
	background-image: url(../../assets/img/home-six/talk-bg.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1
}

.about,
.services,
.versatile-box,
.web-development {
	background-image: url(../../assets/img/about/about-us.webp);
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0
}

.lats-talk-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0e0129;
	opacity: .2;
	z-index: -1
}

.lats-talk-area .lats-talk-content {
	text-align: center;
	max-width: 810px;
	margin: auto
}

.lats-talk-area .lats-talk-content h2 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 40px
}

.lats-talk-area .lats-talk-content p {
	margin: 0 auto 30px;
	color: #fff
}

.blog-details-area .widget-area .widget .post-wrap,
.single-blog-post .blog-content {
	padding-top: 20px
}

.single-blog-post .blog-content ul {
	line-height: 1;
	margin-bottom: 15px
}

.single-blog-post .blog-content ul li {
	display: inline-block;
	margin-right: 10px
}

.single-blog-post .blog-content ul li i {
	margin-right: 5px;
	color: #d80650
}

.single-blog-post .blog-content h3 {
	margin-bottom: 0;
	font-weight: 700
}

.single-footer-widget .logo {
	margin-bottom: 20px;
	margin-top: -20px
}

.single-footer-widget .social-icon li {
	display: inline-block;
	margin-right: 5px
}

.single-footer-widget .social-icon li a i {
	width: 30px;
	height: 30px;
	line-height: 31px;
	color: #fff;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #0e0129;
	border-radius: 50%
}

.single-footer-widget .social-icon li a:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px)
}

.single-footer-widget h3 {
	font-size: 24px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	font-weight: 700
}

.single-footer-widget h3::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	background-color: #b2b2b2
}

.single-footer-widget .address li {
	position: relative;
	margin-bottom: 12px
}

.single-footer-widget .address li i {
	position: absolute;
	color: #d80650;
	left: 0;
	top: 5px;
	font-size: 25px
}

.single-footer-widget .import-link li {
	margin-bottom: 10px;
	position: relative
}

.copy-right-area {
	border-top: 1px solid #e1e2e6;
	padding-bottom: 15px
}

.copy-right-area .footer-menu li {
	display: inline-block;
	margin-right: 25px;
	position: relative
}

.copy-right-area .footer-menu li::before {
	content: "";
	position: absolute;
	top: 12px;
	left: -18px;
	width: 10px;
	height: 2px;
	background-color: #212121
}

.page-title-area {
	position: relative;
	padding-top: 120px;
	padding-bottom: 50px;
	text-align: center;
	z-index: 1;
	background-color: #0e0129
}

.blog {
	padding-top: 240px !important
}

.web-development {
	padding-top: 200px;
	padding-bottom: 220px
}

.Hire-dev {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../assets/img/hire-developers.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.Industries {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../assets/img/industry.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.technologies {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../assets/img/technologies.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.page-title-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-animation: 1s linear 1s infinite FocuS;
	animation: 1s linear 1s infinite FocuS
}

.page-title-area .page-title-content h2 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	text-transform: capitalize
}

.page-title-content h3 {
	margin-bottom: 15px;
	color: #e7cfcf;
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	text-align: center
}

.page-title-area .page-title-content P {
	color: #fff;
	text-align: center;
	font-weight: 300
}

.page-title-area .page-title-content ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0
}

.page-title-area .page-title-content ul li {
	display: inline-block;
	position: relative;
	font-size: 15px;
	font-weight: 500;
	padding-right: 15px;
	padding-left: 15px;
	color: #fff
}

.page-title-area .page-title-content ul li::before {
	content: "";
	position: absolute;
	top: 10px;
	right: -7px;
	background-color: #d80650;
	width: 10px;
	height: 10px
}

.client-area-page .single-client {
	background-color: #fef4f8;
	margin-bottom: 195px;
	-webkit-transition: .5s;
	transition: .5s
}

.client-area-page .single-client::before {
	border-top: 45px solid #fef4f8;
	border-right: 45px solid transparent;
	border-left: 45px solid transparent;
	left: 0;
	right: 0;
	margin: auto
}

.client-area-page .single-client .client-img {
	left: 0;
	right: 0
}

.single-team {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s
}

.single-team .image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	opacity: .5;
	-webkit-transition: .5s;
	transition: .5s
}

.single-team .image .social {
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px
}

.single-team .image .social li {
	display: inline-block;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	visibility: hidden
}

.single-team .image .social li a {
	display: block;
	width: 35px;
	height: 35px;
	background-color: #0e0129;
	text-align: center;
	position: relative;
	font-size: 15px;
	color: #fff;
	border-radius: 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-team .image .social li a i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto
}

.single-team .image .social li:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.single-team .image .social li:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.single-team .image .social li:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.single-team .image .social li:nth-child(4) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.single-team .content {
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 30px;
	position: relative;
	margin: -30px auto 0;
	max-width: 250px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-team .content span {
	display: block;
	color: #d80650;
	font-size: 14px;
	margin-top: 6px;
	font-weight: 600
}

.single-team:hover .content {
	max-width: 100%
}

.single-team:hover .image .social li {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible
}

.faq-accordion .accordion {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0
}

.faq-accordion .accordion .accordion-item {
	border-radius: 5px;
	display: block;
	background-color: #fff;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.faq-accordion .accordion .accordion-title {
	padding: 20px 60px 17px 25px;
	color: #0e0129;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600
}

.faq-accordion .accordion .accordion-title i {
	position: absolute;
	right: 25px;
	top: 20px;
	font-size: 25px;
	-webkit-transition: .5s;
	transition: .5s
}

.faq-accordion .accordion .accordion-title.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.faq-accordion .accordion .accordion-title.active i::before {
	content: "\eaf8"
}

.faq-accordion .accordion .accordion-content {
	display: none;
	position: relative;
	margin-top: -5px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px
}

.faq-accordion .accordion .accordion-content p {
	line-height: 1.8
}

.faq-contact-area #contactForm {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	background-color: #fff;
	padding: 50px
}

.faq-contact-area #contactForm .default-btn {
	margin: 0 auto -8px;
	display: table
}

.faq-contact-area #contactForm #msgSubmit {
	margin-bottom: 0;
	text-align: center;
	margin-top: 30px
}

.faq-contact-area #contactForm .list-unstyled {
	margin-top: 10px;
	color: #dc3545
}

.single-privacy ul li p,
.terms-conditions-area ul li p {
	position: relative;
	padding-left: 35px
}

.single-privacy ul li p strong,
.terms-conditions-area ul li p strong {
	position: absolute;
	left: 0;
	top: 0
}

.user-area-all-style .contact-form-action {
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 40px;
	margin: auto;
	max-width: 570px
}

.user-area-all-style .contact-form-action form .submit-btn {
	margin-top: 24px
}

.user-area-all-style .contact-form-action form .default-btn {
	font-size: 14px;
	padding: 15px 40px;
	margin-bottom: 30px
}

.user-area-all-style .contact-form-action form .default-btn.btn-two {
	display: table;
	margin: 0 auto;
	padding: 15px 40px
}

.user-area-all-style .contact-form-action form .col-lg-4:first-child .default-btn {
	background-color: #db4a39
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn {
	background-color: #3b5998;
	display: table;
	margin: 0 auto 30px
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn {
	background-color: #00acee;
	float: right
}

.checkout-area .order-details .order-table table tbody tr td.order-subtotal-price,
.checkout-area .order-details .order-table table tbody tr td.product-subtotal,
.checkout-area .order-details .order-table table tbody tr td.shipping-price,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong,
.user-area-all-style .contact-form-action .now-log-in .font-q,
.user-area-all-style .contact-form-action form .form-condition .agree-label {
	font-weight: 600
}

.user-area-all-style .contact-form-action .account-desc {
	margin: 25px auto 0;
	display: table;
	font-weight: 600
}

.user-area-all-style .contact-form-action .account-desc a {
	color: #d80650;
	margin-left: 10px;
	font-weight: 600
}

.user-area-all-style .contact-form-action #chb1,
.user-area-all-style .contact-form-action #chb2 {
	position: relative;
	top: 2px;
	margin-right: 4px
}

.user-area-all-style .contact-form-action .forget {
	float: right;
	color: #d80650;
	font-weight: 600
}

.user-area-all-style .contact-form-action .now-register {
	font-weight: 600;
	float: right;
	margin-bottom: 30px
}

.user-area-all-style .contact-form-action .now-log-in {
	color: #d80650;
	font-weight: 600
}

.user-area-all-style .log-in-img,
.user-area-all-style .sign-in-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}

.recover-password-area .contact-form-action {
	max-width: 570px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.recover-password-area .contact-form-action .form-heading h3 {
	font-size: 30px;
	margin-bottom: 20px
}

.coming-soon-area {
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-image: url(../../assets/img/coming-soon-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.coming-soon-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #212121;
	opacity: .4
}

.coming-soon-area .coming-soon-content {
	text-align: center;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	-webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	background-color: #fef4f8;
	padding: 70px 30px
}

.coming-soon-area .coming-soon-content h1 {
	margin-bottom: 0;
	color: #0e0129;
	font-size: 60px;
	margin-top: -18px
}

.coming-soon-area .coming-soon-content p {
	font-size: 16px;
	max-width: 600px;
	margin: 15px auto 0
}

.coming-soon-area .coming-soon-content #timer div {
	display: inline-block;
	color: #0e0129;
	position: relative;
	margin-left: 35px;
	margin-right: 35px;
	font-size: 45px;
	font-weight: 700
}

.coming-soon-area .coming-soon-content #timer div span {
	display: block;
	text-transform: capitalize;
	margin-top: -15px;
	font-size: 16px;
	font-weight: 400
}

.coming-soon-area .coming-soon-content #timer div:first-child {
	margin-left: 0
}

.coming-soon-area .coming-soon-content #timer div::before {
	content: "";
	position: absolute;
	right: -50px;
	top: -10px;
	font-size: 70px;
	color: #fff
}

.coming-soon-area .coming-soon-content .newsletter-form {
	position: relative;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
	display: block;
	width: 100%;
	height: 60px;
	border: 1px solid #0e0129;
	background-color: rgba(255, 255, 255, .3);
	padding-left: 15px;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s;
	color: #212121
}

.coming-soon-area .coming-soon-content .newsletter-form button {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	padding: 0 30px;
	text-transform: uppercase;
	outline: 0;
	color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer
}

.coming-soon-area .coming-soon-content .newsletter-form button::after,
.coming-soon-area .coming-soon-content .newsletter-form button::before {
	border-radius: 0
}

.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: 0 auto
}

.coming-soon-area .coming-soon-content ul li {
	display: inline-block;
	margin: 0 5px
}

.coming-soon-area .coming-soon-content ul li a {
	width: 30px;
	height: 30px;
	line-height: 36px;
	background-color: #d80650;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: .5s;
	transition: .5s
}

.coming-soon-area .coming-soon-content ul li a i {
	font-size: 18px
}

.coming-soon-area #validator-newsletter {
	text-align: left;
	color: #dc3545 !important
}

.error-area {
	padding: 50px 0;
	height: 100vh;
	text-align: center;
	position: relative;
	z-index: 1;
	background-color: #fff
}

.error-area .error-content-wrap {
	z-index: 1;
	position: relative
}

.error-area .error-content-wrap h1 {
	font-size: 300px;
	line-height: 1;
	color: #0e0129
}

.error-area .error-content-wrap h1 .a,
.error-area .error-content-wrap h1 .b {
	-webkit-animation: 3s linear infinite bounce;
	animation: 3s linear infinite bounce;
	display: inline-block
}

.error-area .error-content-wrap h1 .red {
	color: red;
	-webkit-animation: 2s linear infinite bounce;
	animation: 2s linear infinite bounce;
	display: inline-block
}

.error-area .error-content-wrap h3 {
	margin: 30px 0 0;
	position: relative;
	color: red
}

.error-area .error-content-wrap p {
	margin: 20px 0;
	font-size: 19px;
	color: #0e0129
}

.product-area .woocommerce-topbar {
	margin-bottom: 40px
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering {
	text-align: right
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
	background-color: #fff;
	color: #d80650;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	float: unset;
	height: unset;
	line-height: initial;
	padding: 17px 35px 13px 20px;
	font-size: 16px
}

.checkout-area .billing-details .form-group .nice-select .list,
.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	border-radius: 0;
	margin-top: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px
}

.cart-area .coupon-wrap .nice-select .option.selected.focus,
.cart-area .coupon-wrap .nice-select .option:hover,
.cart-area .coupon-wrap select .option.focus {
	background-color: #1089d4 !important;
	color: #fff !important
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
	-webkit-transition: .6s;
	transition: .6s;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}

.checkout-area .billing-details .form-group .nice-select .list .option:hover,
.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
	background-color: #d80650 !important;
	color: #fff
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
	font-weight: 700;
	color: #d80650
}

.checkout-area .billing-details .form-group .nice-select:after,
.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
	right: 20px
}

.product-area .single-product-box {
	text-align: center;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05)
}

.product-area .single-product-box .product-image {
	overflow: hidden;
	position: relative;
	text-align: left
}

.product-area .single-product-box .product-image a img {
	-webkit-transition: .6s;
	transition: .6s
}

.product-area .single-product-box .product-image .add-to-cart-btn {
	position: absolute;
	bottom: -46px;
	left: 0;
	width: 100%;
	background-color: #0e0129;
	color: #fff;
	padding: 18px 20px 13px;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	font-size: 15px;
	font-weight: 700
}

.product-area .single-product-box .product-image .add-to-cart-btn i {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.product-area .single-product-box .product-image .sale-btn {
	position: absolute;
	left: 20px;
	top: 20px;
	background-color: #d80650;
	color: #fff;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px
}

.product-area .single-product-box .product-content {
	padding: 20px
}

.product-area .single-product-box .product-content h3 {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 700
}

.product-area .single-product-box .product-content h3 a {
	display: inline-block;
	color: #0e0129;
	text-decoration: none
}

.product-area .single-product-box .product-content .price {
	color: #0e0129;
	font-weight: 500;
	font-size: 15px
}

.product-area .single-product-box .product-content .price span,
.product-details-area .product-details-desc .price span {
	padding: 0 5px
}

.product-area .single-product-box .product-content .price .old {
	text-decoration: line-through;
	color: #d80650;
	font-size: 14px
}

.product-area .single-product-box .product-content .rating {
	margin-top: 8px;
	color: #ffb708;
	font-size: 15px
}

.product-area .single-product-box .product-content .rating i {
	margin-right: -1px
}

.product-area .single-product-box:hover .product-image .add-to-cart-btn {
	bottom: 0;
	opacity: 1;
	visibility: visible;
	-webkit-transition: .6s;
	transition: .6s;
	text-decoration: none
}

.cart-area .cart-table table thead tr th {
	border-bottom-width: 0;
	vertical-align: middle;
	padding: 0 0 15px;
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	font-size: 15px
}

.cart-area .cart-table table tbody tr td {
	vertical-align: middle;
	color: #666;
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
	border-color: #eaedff;
	border-left: none;
	border-right: none
}

.cart-area .cart-table table tbody tr td.product-thumbnail img {
	width: 60px;
	height: 60px
}

.cart-area .cart-table table tbody tr td.product-name a {
	color: #666;
	font-weight: 600;
	display: inline-block
}

.cart-area .cart-table table tbody tr td.product-price span,
.cart-area .cart-table table tbody tr td.product-subtotal span {
	font-weight: 500
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove {
	color: #666;
	float: right;
	position: relative;
	top: 1px;
	-webkit-transition: .5s;
	transition: .5s
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove i {
	font-size: 22px
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover,
.checkout-area .billing-details .form-group label .required {
	color: red
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter {
	max-width: 130px;
	min-width: 130px;
	text-align: center;
	display: inline-block;
	position: relative
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span {
	position: absolute;
	top: 0;
	background-color: transparent;
	cursor: pointer;
	color: #0e0129;
	width: 40px;
	height: 100%;
	line-height: 48px;
	-webkit-transition: .5s;
	transition: .5s
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn,
.loader-wrapper .loader-section.section-left,
.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {
	left: 0
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {
	height: 45px;
	color: #0e0129;
	outline: 0;
	display: block;
	border: none;
	background-color: #f8f8f8;
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: 500
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
	color: #0e0129
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
	color: #0e0129
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
	color: #0e0129
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
	color: #0e0129
}

.cart-area .cart-totals {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
	border-radius: 0;
	margin: 50px auto auto
}

.cart-area .cart-wraps,
.cart-area .coupon-wrap {
	background-color: #fff;
	padding: 40px;
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08)
}

.cart-area .cart-totals h3 {
	margin-bottom: 25px
}

.cart-area .cart-totals ul {
	padding: 0;
	margin: 0 0 25px;
	list-style-type: none
}

.cart-area .cart-totals ul li {
	border: 1px solid #eaedff;
	padding: 10px 15px;
	color: #323232;
	overflow: hidden;
	font-weight: 600
}

.cart-area .cart-totals ul li:last-child {
	border-top: none
}

.cart-area .cart-totals ul li span {
	float: right;
	color: #666;
	font-weight: 400
}

.cart-area .cart-area .nice-select {
	height: 50px;
	line-height: 49px;
	border-radius: 0;
	width: 100%;
	margin-bottom: 18px
}

.cart-area .cart-wraps {
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08)
}

.cart-area .coupon-wrap {
	margin-top: 50px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08)
}

.cart-area .coupon-wrap .nice-select .list,
.nice-select .list {
	width: 100%
}

.cart-area .coupon-wrap .nice-select .option {
	color: #0e0129 !important
}

.cart-area .coupon-wrap h3 {
	padding-bottom: 25px
}

.cart-area .coupon-wrap .form-group {
	margin-bottom: 18px
}

.cart-area .coupon-wrap .nice-select {
	background-color: #f2f9fc;
	height: 50px;
	width: 100%;
	margin-bottom: 19px;
	border-radius: 0
}

.checkout-area .user-actions {
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
	background: #fff;
	padding: 18px 20px 15px;
	margin-bottom: 65px;
	border-top: 3px solid #d80650;
	position: relative;
	color: #d80650
}

.Partner-slider,
.transform-area-five .transform-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.checkout-area .user-actions::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: -35px;
	width: 100%;
	height: 1px;
	background: #eee
}

.checkout-area .user-actions i {
	color: #d80650;
	margin-right: 2px;
	font-size: 20px;
	position: relative;
	top: 4px
}

.checkout-area .user-actions span {
	display: inline-block;
	font-weight: 500;
	color: #0e0129
}

.checkout-area .user-actions span a {
	display: inline-block;
	color: #d80650;
	font-size: 15px
}

.checkout-area .checkout-area .title {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 700
}

.checkout-area .billing-details,
.checkout-area .order-details .order-table {
	background-color: #fff;
	padding: 30px;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06)
}

.checkout-area .billing-details .form-group label {
	display: block;
	color: #0e0129;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 500
}

.checkout-area .billing-details .form-group .nice-select {
	float: unset;
	line-height: 45px;
	color: #0e0129;
	padding-top: 0;
	padding-bottom: 0
}

.checkout-area .billing-details .form-group .nice-select .list .option {
	-webkit-transition: .5s;
	transition: .5s;
	padding-left: 20px;
	padding-right: 20px
}

.checkout-area .billing-details .form-group .nice-select .option.focus,
.checkout-area .billing-details .form-group .nice-select .option.selected.focus,
.checkout-area .billing-details .form-group .nice-select .option:hover {
	background-color: #d80650 !important;
	color: #fff !important
}

.checkout-area .billing-details .form-group textarea {
	padding-top: 13px
}

.checkout-area .billing-details .form-check .form-check-label,
.checkout-area .order-details .order-table table tbody tr td.product-name a:hover,
.nice-select .option.selected.focus,
.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover,
.services-details .choose-wrap ul li {
	color: #0e0129
}

.checkout-area .billing-details .form-check label {
	position: relative;
	top: 1px;
	font-size: 14px;
	font-weight: 500
}

.checkout-area .order-details .order-table table thead tr th {
	border-bottom-width: 0;
	vertical-align: middle;
	border-color: #eaedff;
	padding: 15px 20px;
	font-weight: 700
}

.checkout-area .order-details .order-table table tbody tr td {
	vertical-align: middle;
	color: #0e0129;
	border-color: #eaedff;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px
}

.checkout-area .order-details .order-table table tbody tr td.product-name a {
	color: #0e0129;
	display: inline-block;
	font-weight: 500;
	font-size: 14px
}

.checkout-area .order-details .order-table table tbody tr td.order-shipping span,
.checkout-area .order-details .order-table table tbody tr td.order-subtotal span,
.checkout-area .order-details .order-table table tbody tr td.total-price span {
	color: #0e0129;
	font-weight: 600
}

.checkout-area .order-details .payment-box {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
	margin-top: 30px;
	padding: 30px
}

.checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label {
	padding-left: 27px;
	cursor: pointer;
	display: block;
	font-weight: 600;
	color: #d80650;
	position: relative;
	margin-bottom: 8px
}

.checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label::before,
.checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff
}

.checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #d80650;
	position: absolute;
	top: 6px;
	left: 3px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label {
	padding-left: 27px;
	cursor: pointer;
	display: block;
	font-weight: 600;
	color: #0e0129;
	position: relative;
	margin-bottom: 8px
}

.checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #d80650;
	position: absolute;
	top: 6px;
	left: 3px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.checkout-area .order-details .payment-box .btn.order-btn {
	display: block;
	margin-top: 25px
}

.checkout-area .order-details .payment-box .default-btn {
	margin-top: 20px;
	display: block;
	text-align: center
}

.product-details-area .product-details-desc h3 {
	margin-bottom: 12px;
	font-weight: 700
}

.product-details-area .product-details-desc .price {
	margin-bottom: 10px;
	color: #333;
	font-weight: 700
}

.product-details-area .product-details-desc .price .old-price {
	text-decoration: line-through;
	color: #828893;
	font-size: 13px
}

.product-details-area .product-details-desc .product-review .rating {
	display: inline-block;
	padding-right: 5px;
	font-size: 14px
}

.product-details-area .product-details-desc .product-review .rating i,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
	color: #ffba0a
}

.product-details-area .product-details-desc .product-review .rating-count {
	display: inline-block;
	color: #333;
	border-bottom: 1px solid #333;
	line-height: initial
}

.job-title,
.product-details-area .product-details-desc .buy-checkbox-btn,
.product-details-area .product-details-desc .custom-payment-options,
.product-details-area .product-details-desc .product-add-to-cart {
	margin-top: 20px
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter {
	max-width: 130px;
	min-width: 130px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	position: relative
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span {
	position: absolute;
	top: 0;
	background-color: transparent;
	cursor: pointer;
	color: #d0d0d0;
	width: 40px;
	height: 100%;
	line-height: 48px;
	-webkit-transition: .5s;
	transition: .5s
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input {
	height: 45px;
	color: #333;
	outline: 0;
	display: block;
	border: none;
	background-color: #f8f8f8;
	text-align: center;
	width: 100%;
	font-size: 17px;
	font-weight: 600
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
	color: #333
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
	color: #333
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
	color: #333
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {
	color: #333
}

.product-details-area .product-details-desc .product-add-to-cart .default-btn {
	border: none;
	cursor: pointer;
	float: right
}

.product-details-area .product-details-desc .product-add-to-cart .btn {
	height: 45px;
	top: -2px;
	position: relative;
	padding-top: 0;
	padding-bottom: 0
}

.product-details-area .product-details-desc .product-add-to-cart .btn i {
	margin-right: 2px
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx {
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #ebebeb;
	-webkit-transition: .5s;
	transition: .5s
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #333;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:last-child {
	padding-left: 4px;
	color: #57647c
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
	border-color: #333
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child {
	background: #333;
	border-color: #333;
	-webkit-animation: .4s wave;
	animation: .4s wave
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child svg {
	stroke-dashoffset: 0
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child:before {
	-webkit-transform: scale(3.5);
	transform: scale(3.5);
	opacity: 0;
	-webkit-transition: .6s;
	transition: .6s
}

.blog-details-area .comments-area .comment-body .reply,
.product-details-area .product-details-desc .buy-checkbox-btn .item:not(:first-child) {
	margin-top: 15px
}

.product-details-area .product-details-desc .buy-checkbox-btn .btn {
	display: block;
	width: 100%
}

.product-details-area .product-details-desc .buy-checkbox-btn .default-btn {
	text-transform: uppercase;
	display: block;
	text-align: center
}

.product-details-area .product-details-desc .custom-payment-options span {
	display: block;
	color: #57647c;
	margin-bottom: 15px
}

.product-details-area .product-details-desc .custom-payment-options .payment-methods a img {
	width: 40px;
	margin-right: 5px
}

.product-details-area .product-details-image {
	text-align: center;
	background-color: #f7f7f7
}

.product-details-area .products-details-tab {
	margin-top: 50px
}

.product-details-area .products-details-tab .tabs {
	list-style-type: none;
	margin-bottom: -1px;
	padding-left: 0
}

.product-details-area .products-details-tab .tabs li {
	display: inline-block;
	line-height: initial;
	margin-right: 5px
}

.product-details-area .products-details-tab .tabs li a {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #eee;
	padding: 15px 30px 15px 48px;
	font-weight: 700
}

.product-details-area .products-details-tab .tabs li a .dot {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 30px;
	width: 12px;
	height: 12px;
	border: 1px solid #333;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 50%
}

.product-details-area .products-details-tab .tabs li a .dot::before {
	position: absolute;
	top: 0;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	margin: 2px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .comments-area .comment-body .reply a:hover,
.product-details-area .products-details-tab .tabs li a:focus,
.product-details-area .products-details-tab .tabs li a:hover,
.product-details-area .products-details-tab .tabs li.current a {
	color: #fff;
	background-color: #d80650;
	border-color: #d80650
}

.product-details-area .products-details-tab .tabs li a:focus .dot,
.product-details-area .products-details-tab .tabs li a:hover .dot {
	border-color: #fff
}

.product-details-area .products-details-tab .tabs li a:focus .dot::before,
.product-details-area .products-details-tab .tabs li a:hover .dot::before,
.product-details-area .products-details-tab .tabs li.current a .dot::before {
	background: #fff
}

.product-details-area .products-details-tab .tabs li.current a .dot {
	border: 1px solid #fff
}

.product-details-area .products-details-tab .tab_content {
	border: 1px solid #eee;
	padding: 30px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p {
	margin-bottom: 20px;
	font-size: 14px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
	border: 1px solid #eee;
	border-bottom: none;
	padding: 10px 15px;
	color: #57647c
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
	border-bottom: 1px solid #eee
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
	display: inline-block;
	width: 30%;
	color: #333;
	font-size: 16px;
	font-weight: 600
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
	margin-bottom: 15px;
	font-weight: 700
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
	color: #ffba0a;
	font-size: 14px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
	margin-bottom: 0;
	display: inline-block;
	padding-left: 5px;
	line-height: initial
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
	position: absolute;
	right: 0;
	bottom: 10px;
	padding: 10px 11px;
	font-size: 11px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #0e0129
}

.blog-details-area .widget-area .widget,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
	margin-top: 35px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
	margin-top: 30px;
	position: relative;
	padding-right: 200px;
	border-top: 1px dashed #eee;
	padding-top: 30px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
	font-size: 14px;
	color: #ffba0a
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
	margin-top: 10px;
	margin-bottom: 10px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
	margin-bottom: 10px;
	font-size: 13px;
	display: block
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
	position: absolute;
	right: 0;
	color: #57647c;
	top: 40px;
	text-decoration: underline
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
	color: #ff4800
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
	color: #444;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600
}

.blog-details-area .comments-area .comment-content p,
.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
	font-size: 14px
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0
}

.blog-details-area .blog-details-desc .article-content {
	margin-top: 0;
	margin-bottom: 30px
}

.blog-details-area .blog-details-desc .article-content .entry-meta {
	margin-bottom: -10px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul {
	padding-left: 0;
	margin-bottom: 15px;
	list-style-type: none
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li {
	position: relative;
	display: inline-block;
	color: #d80650;
	margin-right: 21px;
	font-size: 14px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li span {
	display: inline-block;
	color: #d80650;
	font-weight: 500
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a {
	display: inline-block;
	color: #666;
	font-size: 13px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li i {
	color: #d80650;
	margin-right: 2px
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {
	content: '';
	position: absolute;
	top: 11px;
	right: -15px;
	width: 6px;
	height: 1px;
	background: #d80650
}

.blog-details-area .blog-details-desc .article-content h3 {
	margin-bottom: 30px;
	margin-top: 0;
	font-size: 30px
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {
	padding-left: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px -10px
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding-right: 10px;
	padding-left: 10px
}

.blog-details-area .blog-details-desc .article-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px
}

.blog-details-area .blog-details-desc .article-footer .article-share,
.blog-details-area .blog-details-desc .article-footer .article-tags,
.blog-details-area .post-navigation .navigation-links .nav-previous {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.blog-details-area .blog-details-desc .article-footer .article-tags span {
	display: inline-block;
	color: #d80650;
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 4px
}

.blog-details-area .blog-details-desc .article-footer .article-tags a {
	display: inline-block;
	color: #666;
	font-weight: 600
}

.blog-details-area .blog-details-desc .article-footer .article-share .social {
	padding-left: 0;
	list-style-type: none;
	text-align: right;
	margin-bottom: 0
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li span {
	display: inline-block;
	margin-right: 2px;
	font-weight: 500;
	color: #666
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a {
	display: block;
	color: #fff;
	width: 32px;
	height: 32px;
	line-height: 33px;
	border-radius: 50%;
	background-color: #d80650;
	text-align: center;
	font-size: 14px
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
	-webkit-animation: 1s linear rubberBand;
	animation: 1s linear rubberBand
}

.blog-details-area blockquote {
	overflow: hidden;
	background-color: #f7f7f7;
	padding: 50px !important;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 4px
}

.blog-details-area blockquote p {
	color: #0e0129;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 600;
	font-size: 17px !important;
	text-align: left
}

.blog-details-area blockquote::before {
	color: #d80650;
	content: "\ed67";
	position: absolute;
	left: 50px;
	top: -50px;
	z-index: -1;
	font-family: boxicons;
	font-size: 140px;
	font-weight: 900;
	opacity: .1
}

.blog-details-area blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #d80650;
	margin-top: 20px;
	margin-bottom: 20px
}

.blog-details-area .post-navigation {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-bottom: 20px
}

.blog-details-area .post-navigation .navigation-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.blog-details-area .post-navigation .navigation-links .nav-previous a i {
	margin-right: 0;
	font-size: 20px;
	position: relative;
	top: 4px
}

.blog-details-area .post-navigation .navigation-links .nav-next {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: right
}

.blog-details-area .post-navigation .navigation-links .nav-next a i {
	margin-left: 0;
	font-size: 20px;
	position: relative;
	top: 4px
}

.blog-details-area .post-navigation .navigation-links div a {
	display: inline-block;
	font-weight: 600;
	color: #0e0129
}

.blog-details-area .comments-area {
	padding: 0;
	margin-top: 30px
}

.blog-details-area .comments-area .comments-title {
	position: relative;
	margin-bottom: 30px;
	line-height: initial;
	font-size: 22px
}

.blog-details-area .comments-area .children {
	margin-left: 40px
}

.blog-details-area .comments-area .comment-body {
	border-bottom: 1px solid #eee;
	padding-left: 65px;
	font-size: 14px;
	margin-bottom: 20px;
	padding-bottom: 20px
}

.blog-details-area .comments-area .comment-body.border-none {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.blog-details-area .comments-area .comment-body .reply a {
	border: 1px solid #ded9d9;
	color: #0e0129;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	font-size: 13px;
	font-weight: 500
}

.blog-details-area .comments-area .comment-meta {
	margin-bottom: .8em
}

.blog-details-area .comments-area .comment-author {
	font-size: 16px;
	margin-bottom: .4em;
	position: relative;
	z-index: 2
}

.blog-details-area .comments-area .comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
	border-radius: 50%
}

.blog-details-area .comments-area .comment-author .fn {
	font-weight: 500;
	color: #0e0129;
	font-size: 16px
}

.blog-details-area .comments-area .comment-metadata {
	color: #666;
	letter-spacing: .01em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500
}

.blog-details-area .comments-area .comment-metadata a {
	color: #666;
	font-size: 11px
}

.blog-details-area .comments-area .comment-respond {
	margin-top: 30px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 30px
}

.blog-details-area .comments-area .comment-respond .comment-reply-title {
	margin-bottom: 15px;
	font-size: 22px
}

.blog-details-area .comments-area .comment-respond .comment-form-comment {
	margin-bottom: 30px;
	float: left;
	width: 100%
}

.blog-details-area .comments-area .comment-respond label {
	display: block;
	font-weight: 500;
	color: #0e0129;
	margin-bottom: 5px
}

.blog-details-area .comments-area .comment-respond input[type=datetime-local],
.blog-details-area .comments-area .comment-respond input[type=email],
.blog-details-area .comments-area .comment-respond input[type=month],
.blog-details-area .comments-area .comment-respond input[type=number],
.blog-details-area .comments-area .comment-respond input[type=password],
.blog-details-area .comments-area .comment-respond input[type=search],
.blog-details-area .comments-area .comment-respond input[type=tel],
.blog-details-area .comments-area .comment-respond input[type=text],
.blog-details-area .comments-area .comment-respond input[type=url],
.blog-details-area .comments-area .comment-respond input[type=week],
.blog-details-area .comments-area .comment-respond textarea {
	display: block;
	width: 100%;
	background-color: #f7f7f7;
	border: 1px solid #eee;
	padding: .625em .7375em;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .comments-area .comment-respond .comment-form-author {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-email {
	float: left;
	width: 50%;
	padding-left: 12px;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-url {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
	position: absolute;
	left: 0;
	top: 6px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
	display: inline-block;
	margin: 0;
	color: #666;
	font-weight: 400
}

.blog-details-area .comments-area .comment-respond .form-submit {
	float: left;
	width: 100%
}

.blog-details-area .comments-area .comment-respond .form-submit input {
	background: #d80650;
	border: none;
	color: #fff;
	padding: 14px 30px 12px;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	border-radius: 0;
	text-transform: uppercase;
	-webkit-transition: .5s;
	transition: .5s;
	font-weight: 500;
	font-size: 14px
}

.blog-details-area .comments-area .comment-respond .form-submit input:hover,
.go-top:hover {
	color: #fff;
	background-color: #0e0129
}

.blog-details-area .related-posts {
	margin-bottom: 20px !important;
	font-size: 25px !important
}

.blog-details-area .b-d-s-item {
	position: relative;
	margin-bottom: 0
}

.blog-details-area .b-d-s-item img {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	margin-bottom: 10px
}

.blog-details-area .b-d-s-item .s-date {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	padding: 10px 24px;
	line-height: 1.5;
	display: inline-block
}

.blog-details-area .b-d-s-item h3 {
	font-size: 20px !important;
	margin-bottom: 0 !important
}

.blog-details-area .b-d-s-item p {
	margin-bottom: 12px;
	margin-top: 10px
}

.blog-details-area .widget-area .widget .widget-title {
	text-transform: capitalize;
	font-size: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	color: #0e0129;
	position: relative
}

.blog-details-area .widget-area .widget_search form label {
	display: block;
	margin-bottom: 0
}

.blog-details-area .widget-area .widget_search form .search-field {
	background-color: transparent;
	height: 50px;
	padding: 6px 15px;
	border: 1px solid #eee;
	width: 100%;
	display: block;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .widget-area .widget_search form button {
	position: absolute;
	right: 0;
	outline: 0;
	bottom: 0;
	height: 50px;
	width: 50px;
	border: none;
	color: #fff;
	background-color: #d80650;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer
}

.blog-details-area .widget-area .widget-peru-posts-thumb,
.our-team {
	position: relative;
	overflow: hidden
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item:last-child,
.blog-details-area .widget-area .widget_categories ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 80px;
	margin-right: 15px
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	position: relative;
	background-color: #0e0129
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {
	background-image: url(../../assets/img/blog-details/popular-posts-1.png)
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {
	background-image: url(../../assets/img/blog-details/popular-posts-2.png)
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {
	background-image: url(../../assets/img/blog-details/popular-posts-3.png)
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {
	background-image: url(../../assets/img/blog-details/popular-posts-4.png)
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info span {
	display: block;
	color: #666;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 600
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
	display: inline-block;
	color: #474c40
}

.blog-details-area .widget-area .widget_recent_entries ul li {
	position: relative;
	margin-bottom: 12px;
	color: #666;
	padding-left: 17px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 600
}

.blog-details-area .widget-area .widget_recent_entries ul li::before {
	background: #d80650;
	position: absolute;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 7px
}

.blog-details-area .widget-area .widget_recent_entries ul li .post-date {
	display: block;
	font-size: 13px;
	color: #666;
	margin-top: 4px
}

.blog-details-area .widget-area .widget_categories ul li {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #666;
	padding-left: 20px;
	font-size: 15px;
	font-weight: 600
}

.blog-details-area .widget-area .widget_categories ul li::before {
	background: #d80650;
	position: absolute;
	height: 10px;
	width: 10px;
	content: '';
	left: 0;
	top: 7px;
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.blog-details-area .widget-area .widget_categories ul li a {
	display: block;
	color: #666;
	font-weight: 400;
	font-size: 14px
}

.blog-details-area .widget-area .widget_categories ul li a span {
	float: right;
	font-size: 13px
}

.blog-details-area .widget-area .widget_meta ul li {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #666;
	padding-left: 17px;
	font-size: 15px;
	font-weight: 400;
	border-bottom: 1px solid #efefef
}

.blog-details-area .widget-area .widget_meta ul li a {
	color: #666
}

.blog-details-area .widget-area .widget_meta ul li::before {
	background: #d80650;
	position: absolute;
	height: 10px;
	width: 10px;
	content: '';
	left: 0;
	top: 8px;
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.blog-details-area .widget-area .tagcloud a {
	display: inline-block;
	color: #666;
	font-weight: 400;
	font-size: 14px !important;
	padding: 7px 10px;
	border: 1px dashed #eee;
	margin-top: 10px;
	margin-right: 10px;
	text-transform: capitalize
}

.blog-details-area .widget-area .tagcloud a:focus {
	background-color: #d80650;
	color: #fff;
	border-color: #d80650
}

.blog-details-area .widget-area .widget_download ul,
.blog-details-area .widget-area .widget_services_list ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04);
	box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04);
	background-color: #fff
}

.blog-details-area .widget-area .widget_download ul li a,
.blog-details-area .widget-area .widget_services_list ul li a {
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 15px 35px 15px 15px;
	color: #5d6576;
	z-index: 1;
	font-weight: 500
}

.blog-details-area .widget-area .widget_download ul li a::before,
.blog-details-area .widget-area .widget_services_list ul li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #252920;
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.blog-details-area .widget-area .widget_download ul li a i,
.blog-details-area .widget-area .widget_services_list ul li a i {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.blog-details-area .widget-area .widget_download ul li a.active,
.blog-details-area .widget-area .widget_download ul li a:hover,
.blog-details-area .widget-area .widget_services_list ul li a.active,
.blog-details-area .widget-area .widget_services_list ul li a:hover {
	background-color: #d80650;
	color: #fff;
	padding-left: 20px
}

.blog-details-area .widget-area .widget_download ul li a.active::before,
.blog-details-area .widget-area .widget_download ul li a:hover::before,
.blog-details-area .widget-area .widget_services_list ul li a.active::before,
.blog-details-area .widget-area .widget_services_list ul li a:hover::before {
	opacity: 1;
	visibility: visible;
	width: 5px
}

.blog-details-area .widget-area .info time {
	font-size: 13px;
	color: #929292;
	display: block;
	margin-bottom: 4px
}

.single-contact-info {
	text-align: center;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	background-color: #fff;
	padding: 100px 30px
}

.single-contact-info i {
	font-size: 40px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #d80650;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 15px
}

.single-contact-info h3 {
	margin-bottom: 10px
}

.single-contact-info p {
	margin-bottom: 5px
}

.single-contact-info a {
	display: block;
	margin-bottom: 5px
}

.single-contact-map iframe {
	height: 480px;
	width: 100%
}

.services-details h3 {
	margin-top: 20px;
	font-size: 28px;
	margin-bottom: 20px;
	text-align: center
}

.services-details .choose-wrap {
	background-color: #fcf2f6 !important;
	max-width: unset !important;
	margin-bottom: 20px
}

.services-details .choose-wrap h2 {
	color: #0e0129;
	font-size: 28px
}

.transform-area-five .transform-img {
	background-image: url(../../assets/img/transform-img.webp);
	height: 100%
}

.transform-area-five .transform-content-five {
	padding: 35px;
	margin: 0
}

.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9999
}

.loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #fff;
	z-index: 10
}

.loader:after,
.loader:before {
	content: "";
	position: absolute
}

.go-top,
.go-top::before {
	background-color: #d80650
}

.loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #16a085;
	-webkit-animation: 1.7s linear infinite spin;
	animation: 1.7s linear infinite spin;
	z-index: 11
}

.loader:before {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: .6s linear infinite spin-reverse;
	animation: .6s linear infinite spin-reverse
}

.loader:after {
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: 1s linear infinite spin;
	animation: 1s linear infinite spin
}

.go-top::before,
.go-top:focus i:first-child,
.go-top:hover i:first-child {
	opacity: 0;
	top: 0;
	visibility: hidden
}

.video-btn,
.video-btn::after,
.video-btn::before {
	border-radius: 0;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68))
}

.loaded .loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: .3s ease-out 1s;
	transition: .3s ease-out 1s
}

.loaded .loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .7s cubic-bezier(.645, .045, .355, 1) .3s;
	transition: .7s cubic-bezier(.645, .045, .355, 1) .3s
}

.loaded .loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: .7s cubic-bezier(.645, .045, .355, 1) .3s;
	transition: .7s cubic-bezier(.645, .045, .355, 1) .3s
}

.loaded .loader {
	opacity: 0;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes spin-reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes spin-reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.go-top {
	position: fixed;
	cursor: pointer;
	top: 85%;
	right: -10%;
	z-index: 4;
	width: 40px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .9s;
	transition: .9s
}

.go-top i,
.go-top::before {
	-webkit-transition: .5s;
	position: absolute;
	left: 0
}

.go-top i {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0 auto;
	color: #fff;
	transition: .5s;
	font-size: 20px
}

.go-top i:last-child {
	opacity: 0;
	visibility: hidden;
	top: 60%
}

.go-top::before {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: .5s
}

.go-top:focus::before,
.go-top:hover::before {
	opacity: 1;
	visibility: visible
}

.go-top:focus i:last-child,
.go-top:hover i:last-child {
	opacity: 1;
	visibility: visible;
	top: 50%
}

.go-top.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	right: 3%;
	top: 85%
}

.video-btn {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 89px;
	text-align: center;
	color: #d80650;
	position: relative;
	top: 3px;
	z-index: 1;
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68)
}

.video-btn i {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 0;
	left: 4px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%
}

.video-btn::after,
.video-btn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	-webkit-animation: 1.6s ease-out infinite ripple;
	animation: 1.6s ease-out infinite ripple
}

@-webkit-keyframes ripple {

	0%,
	35% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: .8
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes ripple {

	0%,
	35% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: .8
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

.section-title {
	margin: -12px auto 60px;
	text-align: center;
	position: relative
}

.section-title span {
	color: #d80650;
	display: block;
	margin-bottom: 8px;
	font-weight: 600
}

.section-title h2 {
	font-size: 40px;
	margin-bottom: 15px;
	position: relative;
	display: block;
	text-transform: capitalize
}

.nice-select .option:hover {
	background-color: #0e0129;
	color: #fff
}

.page-navigation-area {
	text-align: center;
	margin: 20px auto 0;
	display: table
}

.clip-icon,
.clip-img {
	margin: 5px;
	height: auto
}

.page-navigation-area .page-link {
	color: #d80650;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px #d0d0d0;
	box-shadow: 0 0 15px #d0d0d0;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	line-height: 24px;
	-webkit-transition: .5s;
	transition: .5s;
	font-weight: 700
}

.page-navigation-area .page-link i {
	margin-right: -4px;
	font-size: 21px
}

.page-navigation-area .page-link:hover {
	color: #fff;
	background-color: #d80650;
	border: 1px solid #d80650
}

.hiring-div,
.work-check {
	border-radius: 50%;
	display: flex
}

.page-navigation-area .page-link:focus {
	z-index: 2;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.page-navigation-area .page-link.page-links i::before {
	margin-left: -4px
}

.page-navigation-area .page-item {
	padding: 0 8px
}

.page-navigation-area .page-item:first-child .page-link,
.page-navigation-area .page-item:last-child .page-link {
	border-radius: none
}

.page-navigation-area .page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #d80650;
	border-color: #d80650
}

.developer_hiring {
	text-align: center;
	padding: 40px 0
}

.developer_hiring p {
	font-size: 19px
}

ul.hiring-work {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 30px 0
}

ul.hiring-work li {
	width: 20%;
	text-align: center
}

ul.hiring-work p {
	padding-top: 20px;
	font-weight: 700;
	font-size: 18px
}

.hiring-div {
	align-items: center;
	justify-content: center;
	background-color: #0cfd74b8;
	position: relative;
	height: 150px;
	width: 150px;
	transition: .5s ease-in-out
}

.hiring-div img {
	width: 50%;
	height: 50%
}

.hiring-div i {
	font-size: 60px
}

.hiring-div:hover {
	transform: scale(1.05)
}

.work-check {
	position: absolute;
	height: 30px;
	width: 30px;
	background-color: #78ac8e;
	bottom: -10px;
	color: #fff;
	justify-content: center;
	align-items: center
}

.services-tab, .work-progress, .work-progress1 {
  background-color: #fbf1f4;
  border: 0px !important;
  box-shadow: 0 3px 10px rgb(0 0 0 / .1);
  text-align: center;
  border-radius: 9px;
}

li.arrow {
	display: flex;
	align-items: center;
	justify-content: center
}

li.arrow i {
	font-size: 30px;
	padding-bottom: 55px
}

.work-check i {
	font-size: 20px
}

.work-progress,
.work-progress1 {
	height: 320px;
	padding: 20px !important
}

.work-progress1 h3 {
	padding-top: 10px
}

.clip-img {
	width: 120px
}

.clip-icon {
	width: 150px
}

.Partner-slider {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-image: url(../../assets/img/about/about-us.webp)
}

.our-services p {
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px
}

.services-tab {
	height: 350px;
	padding: 20px 17px
}

.technology h2 {
	color: #e7cfcf;
	font-size: 30px;
	font-weight: 300;
	text-align: center
}

.technology p {
	color: #e7cfcf;
	font-weight: 200;
	font-size: 14px
}

.technology ul li i {
	position: relative;
	top: 7px;
	left: 0;
	color: #d80650;
	background-color: none;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	font-size: 40px;
	text-align: center
}

.technology {
	flex-basis: 49%;
	border-left: 2px dashed rgba(255, 255, 255, .4);
	box-sizing: border-box;
	margin: -2px -2px 0 0
}

.first-tech {
	border-left: none
}

.single-serve p,
.web-development-content p {
	text-align: justify
}

.serviceBox {
	padding: 35px 20px 35px 90px;
	position: relative;
	background-color: #f2f9fc;
	height: 250px
}

.serviceBox:before {
	content: "";
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px 0 rgba(119, 94, 28, .3);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: scale3d(1.08, 1.08, 1.08);
	transition: .33s
}

.versatile-box .serviceBox:hover:before {
	opacity: 1;
	transform: scale3d(1, 1, 1)
}

.serviceBox .service-icon {
	width: 50px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	color: #ff5e68;
	text-align: center;
	border: 2px solid #0e0129;
	position: absolute;
	top: 55px;
	left: 20px;
	transition: .3s
}

.our-team .title,
.serviceBox .title {
	font-size: 20px;
	text-transform: uppercase
}

.serviceBox:hover .service-icon {
	transform: translateY(20px)
}

.serviceBox .service-icon:after,
.serviceBox .service-icon:before {
	content: "";
	height: 2px;
	background: #0e0129;
	position: absolute;
	top: -20px;
	left: 10px;
	right: 10px;
	transition: .3s
}

.serviceBox .service-icon:after {
	top: auto;
	bottom: -20px;
	left: 10px;
	right: 10px
}

.serviceBox:hover .service-icon:before {
	top: -25px;
	transform: rotate(90deg)
}

.serviceBox:hover .service-icon:after {
	transform: rotate(-90deg);
	bottom: -25px
}

.serviceBox .title {
	display: block;
	font-weight: 700;
	color: #474747;
	margin: 0 0 12px;
	position: relative
}

@media only screen and (max-width:767px) {
	.serviceBox:before {
		transform: scale3d(1, 1, 1)
	}

	.serviceBox .service-icon {
		top: 30px
	}

	.page-title-area {
		padding-top: 100px;
		padding-bottom: 50px
	}
}

@media only screen and (max-width:480px) {
	.serviceBox .service-icon {
		top: 40px
	}
}

.our-team img {
	width: 100%;
	height: 280px;
	transform: scale(1.2, 1.2) translateX(-25px);
	transition: .2s linear
}

.our-team:hover img {
	transform: scale(1.2, 1.2) translateX(0)
}

.our-team .over-layer {
	width: 100%;
	height: 100%;
	background: rgba(14, 1, 41, .8);
	position: absolute;
	top: 0;
	left: 0
}

.our-team .team-content {
	width: 90%;
	position: absolute;
	padding: 0 25px;
	transition: .4s
}

.our-team .title {
	font-weight: 600;
	color: #fd045c;
	margin: 20px 10px
}

.our-team .post {
	display: block;
	font-size: 14px;
	text-align: justify;
	color: #fff;
	margin-bottom: 5px;
	text-transform: capitalize
}

.our-team .description {
	font-size: 15px;
	color: #fff;
	transform: translateY(100%);
	transition: .3s .1s
}

.our-team:hover .description {
	transform: translateY(0)
}

.our-team .social-links {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 10%;
	height: 100%;
	background: #30a5ab;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0
}

.our-team .social-links li {
	margin: 20px 0
}

.our-team .social-links li a {
	color: #fff;
	padding: 10px 0
}

.second-row {
	margin-top: 40px
}

.section-tabs ul li {
	width: 22%;
	text-align: center
}

.section-tabs ul li h3 {
	padding-top: 10px;
	font-size: 25px;
	font-weight: 700
}

.section-tabs ul li .current {
	background-color: #000
}

.section-inner {
	text-align: center;
	padding: 10px
}

.section-inner p {
	text-align: center;
	font-size: 15px
}

.last-section {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 1%;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.versatile-box h2,
.web-development-details h2 {
	color: #e7cfcf
}

.serviceBox1 {
	padding: 35px 20px 25px;
	border: 1px solid #f4f4f4;
	text-align: center;
	position: relative;
	transition: .3s
}

.serviceBox1:hover {
	border-color: #727cb6
}

.serviceBox1:before {
	content: "";
	border-top: 20px solid #f7f7f7;
	border-left: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 7px;
	right: 7px;
	transition: .3s
}

.serviceBox1:hover:before {
	border-top-color: #727cb6
}

.serviceBox1 .service-icon1 {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	color: #064774;
	margin-bottom: 35px;
	z-index: 1;
	position: relative;
	transition: .3s
}

.serviceBox1 .service-icon1:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 3px;
	border: 1px solid #f4f4f4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(45deg);
	transition: .3s
}

.serviceBox1:hover .service-icon1:before {
	border-color: #727cb6;
	background: #727cb6
}

.serviceBox1 .title1 {
	font-size: 20px;
	font-weight: 700;
	color: #064774;
	text-transform: capitalize;
	margin: 0 0 15px
}

.serviceBox1 .description1 {
	font-size: 15px;
	color: #999;
	line-height: 27px;
	margin: 0
}

@media only screen and (max-width:990px) {

	.serviceBox,
	.serviceBox1 {
		margin-bottom: 30px
	}

	.our-team {
		margin-bottom: 20px
	}

	.indexform_page {
		padding: 0
	}
}

@media only screen and (min-width:990px) {
	.indexform_page {
		padding: 0
	}
}

.indexform_page {
	padding: 0 250px
}

.section-title-seven h2 {
	color: #e7cfcf;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 50px
}

.career-job h3,
.job-title h4 {
	color: #212c61;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px
}

.career-job h3 {
	font-size: 20px
}

.job-title h4 {
	font-size: 16px
}

.job-title h4 span,
.job-title p,
.job-title ul li {
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 400
}

.features-details {
	position: relative;
	z-index: 1;
	cursor: pointer;
	background-color: #fef4f8;
	padding: 28px;
	margin: 20px;
	border-radius: 20px;
	-webkit-transition: .5s;
	transition: .5s
}

.features-details:hover::before {
	width: 100%;
	left: 0;
	right: auto;
	border-radius: 20px;
	color: #fff !important
}

.features-details::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
	background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1;
	border-radius: 20px;
	color: #fff !important
}

.features-details:hover h3,
.features-details:hover tr,
.features-details:hover tr h5 {
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1;
	color: #fff !important
}

.features-details tr {
	transition: .1s ease-in-out
}

.features-details tr:hover {
	transform: scale(1.02)
}

.white-color .electronic-content .electronic-tab-wrap .electronic-tab .tabs li a {
	padding-left: 0 !important;
	color: #fff
}

.white-area .single-security p {
	margin-bottom: 10px;
	color: #4a4a4a
}

.white-area .single-security:hover p {
	color: #e7e7e7
}

.alert-success {
	line-height: 45px;
	margin-bottom: 15px;
	text-align: center
}

.single-counter img {
	width: 30%
}

.front-content img {
	width: 35%
}

.our-serve-area {
	background-color: #fbfbfb
}

.bg-img {
	width: 120px;
	padding: 15px;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #f5f5f5
}

.work-flow {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px
}

.font-28 {
	font-size: 28px !important
}

.ecommercefeature span {
	display: block;
	font-size: 18px
}

.widget img {
	border-radius: 5px
}

@media only screen and (max-width:767px) {
	.process {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.clip-icon,
	.clip-icon-1,
	.seo-process-desktop,
	.work-flow .process .arrow-mobile {
		display: none
	}

	.process li {
		padding-bottom: 20px
	}

	.process p {
		padding-top: 10px
	}

	.work-flow .process li {
		width: 50%;
		text-align: center;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.work-flow .process li span {
		position: absolute;
		width: 30px;
		height: 30px;
		background-color: #e04572;
		color: #fff;
		border-radius: 50%;
		display: flex !important;
		align-items: center;
		justify-content: center;
		top: -2px;
		left: 30px
	}

	.mobile-visible {
		display: flex !important
	}

	.mobile-hidden {
		display: none !important
	}

	.bg-img {
		width: 100px
	}

	.seo-process-mobile {
		display: block !important
	}

	.grid-2 {
		grid-template-columns: repeat(2, 1fr) !important
	}
}

.work-flow .process li div {
	border-radius: 50%;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px;
	width: 100px;
	height: 100px
}

.process-icon {
	padding: 0 !important;
	border-radius: 0 !important;
	width: 70px !important;
	background: 0 0 !important;
	margin: 0 auto !important
}

.single-blog img {
	width: 500px;
	height: 200px;
	display: block;
	object-fit: contain
}

.d-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr)
}



/* Preloder */
#preloder {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background:#ffffffbd;
}

.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #056d4d;      
        /* border: 4px solid #f44336; */
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #056d4d;
        /* border: 4px solid #673ab7; */
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #056d4d;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #056d4d;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #056d4d;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #056d4d;
        border-left-color: transparent;
    }
}
.singlehom {
  background-color: #fbf1f4;
  border: 0px !important;
  box-shadow: 0 3px 10px rgb(0 0 0 / .1);
  text-align: center;
  margin-bottom: 20px;
  height: 100%;
  padding: 20px 17px;
}
.singlehom h3 {
  font-size: 22px;
  margin-bottom: 9px;
}