@media only screen and (max-width: 767px) {
	@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");

	:root {
		--fontFamily:
			'Nunito', sans-serif;
		--mainColor: #15d8e1;
		--optionalColor: #000000;
		--whiteColor: #ffffff;
		--blackColor: #080e32;
		--fontSize: 16px;
		--transition: .5s;
	}

	body {
		padding: 0;
		margin: 0;
		font-size: var(--fontSize);
		overflow-x: hidden;
		font-family: var(--fontFamily);
	}

	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 800;
	}

	a {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		text-decoration: none;
		outline: 0 !important;
	}

	a:hover {
		color: var(--mainColor);
		text-decoration: none;
	}

	:focus {
		outline: 0 !important;
	}

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

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

	img {
		max-width: 100%;
		height: auto;
	}

	p {
		color: var(--optionalColor);
		font-size: var(--fontSize);
		margin-bottom: 15px;
		line-height: 1.8;
	}

	p:last-child {
		margin-bottom: 0;
	}

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

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

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

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

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

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

	.bg-f9f9f9 {
		background-color: #f9f9f9;
	}

	/*section-title*/
	.section-title {
		max-width: 870px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}

	.section-title .sub-title {
		border-bottom: 1px solid;
		display: block;
		margin-bottom: 4px;
		/* height: 22px; */
		padding: 1px 0px;
		color: var(--mainColor);
		text-transform: capitalize;
		font-size: 28.5px;
		font-weight: 700;
	}

	.section-title h2 {
		margin-bottom: 0;
		font-size: 42px;
		margin-top: 15px;
	}

	.section-title p {
		/* max-width: 904px; */
		font-size: 16px;
		font-weight: 600;
		margin-left: auto;
		margin-right: auto;
		margin-top: 12px;
	}

	.section-title .learn-more-btn {
		margin-top: 20px;
	}

	/*default-btn*/
	.default-btn {
		text-align: center;
		display: inline-block;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 5px;
		border: none;
		padding: 10px 30px;
		position: relative;
		z-index: 1;
		color: var(--whiteColor);
		background-color: var(--blackColor);
		font-size: 16px;
		font-weight: 900;
	}

	.default-btn::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 5px;
		background-color: var(--mainColor);
		z-index: -1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.default-btn:hover {
		color: var(--whiteColor);
	}

	.default-btn:hover::before {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	/*form-control*/
	.form-control {
		height: 50px;
		color: var(--blackColor);
		-webkit-box-shadow: unset !important;
		box-shadow: unset !important;
		border: 2px solid #f5f5f5;
		background-color: #ffffff;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 13px;
		padding: 1px 0 0 15px;
		font-size: 16px;
		font-weight: 600;
	}

	.form-control::-webkit-input-placeholder {
		color: #7e7e7e;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.form-control:-ms-input-placeholder {
		color: #7e7e7e;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.form-control::-ms-input-placeholder {
		color: #7e7e7e;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.form-control::placeholder {
		color: #7e7e7e;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.form-control:focus {
		border-color: var(--mainColor);
		background-color: transparent;
	}

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

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

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

	.form-control:focus::placeholder {
		color: transparent;
	}

	textarea.form-control {
		height: auto;
		padding-top: 15px;
	}

	/*Button */
	.buy-now-btn {
		right: 87%;
		z-index: 99;
		top: 95%;
		position: fixed;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 30px;
		font-weight: 700 !important;
		display: inline-block;
		/* color: #ffffff; */
		/* background-color: #189d0e; */
		padding: 10px 20px 10px 42px;
		/* -webkit-box-shadow: 0 1px 20px 1px #82b440; */
		/* box-shadow: 0 1px 20px 1px #82b440; */
		font-size: 12px;
		font-weight: 600;
	}

	.buy-now-btn img {
		top: -120px;
		left: 3px;
		width: 43px;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.buy-now-btn:hover {
		background-color: #189d0e;
		color: #ffffff;
	}

	/*================================================
Top Header Area CSS
=================================================*/
	.top-header-area {
		/* background-color: var(--blackColor); */
	}

	.top-header-area .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.top-header-contact-info {
		padding-left: 0;
		margin-bottom: 0px;
		font-size: 5px;
		margin-top: 0px;
		list-style-type: none;
	}

	.top-header-contact-info li {
		display: inline-block;
		margin-right: 15px;
		position: relative;
		color: var(--whiteColor);
		padding-left: 24px;
	}

	.top-header-contact-info li i {
		color: #000000;
		position: absolute;
		left: 0;
		font-size: 19px;
		top: 2px;
	}

	.top-header-contact-info li a {
		color: #000000;
		font-weight: 600;
		font-size: 13px;
	}

	.top-header-contact-info li a:hover {
		color: var(--mainColor);
	}

	.top-header-contact-info li:last-child {
		margin-right: 0;
	}

	.top-header-btn {
		text-align: right;
	}

	.top-header-btn .default-btn {
		border-radius: 0;
		background-color: var(--whiteColor);
	}

	.top-header-btn .default-btn::before,
	.top-header-btn .default-btn::after {
		border-radius: 0;
	}

	.top-header-btn .default-btn:hover {
		color: var(--blackColor);
	}

	/*================================================
Navbar Area CSS
=================================================*/
	.navbar-area {
		position: absolute;
		background-color: transparent;
		top: 42px;
		left: 0;
		/* margin-bottom: 100px; */
		width: 100%;
		/* background: white; */
		height: auto;
		z-index: 999;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.navbar-area.is-sticky {
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		z-index: 999;
		-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
		box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
		background-color: var(--whiteColor) !important;
		-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.navbar-area.navbar-color-white.is-sticky {
		background-color: var(--blackColor) !important;
	}

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

	.dibiz-responsive-nav .logo .white-logo {
		display: none;
	}

	.dibiz-nav .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.dibiz-nav .navbar-brand .white-logo {
		display: none;
	}

	.dibiz-nav .navbar {
		position: inherit;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.dibiz-nav .navbar .navbar-brand {
		font-size: inherit;
		line-height: 1;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		width: 250px;
	}

	.dibiz-nav .navbar ul {
		padding-left: 0;
		list-style-type: none;
		margin-bottom: 0;
	}

	.dibiz-nav .navbar .navbar-nav {
		margin-left: auto;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item {
		position: relative;
		margin-left: 15px;
		margin-right: 20px;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item a {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 15px;
		font-weight: 900;
		padding-left: 0;
		padding-right: 0;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item a i {
		font-size: 20px;
		position: relative;
		top: 3px;
		display: inline-block;
		margin-left: -5px;
		margin-right: -3px;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item:last-child {
		margin-right: 0;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item:first-child {
		margin-left: 0;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item:hover a,
	.dibiz-nav .navbar .navbar-nav .nav-item.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu {
		border: none;
		top: 70px;
		left: 0;
		z-index: 99;
		opacity: 0;
		width: 250px;
		display: block;
		border-radius: 0;
		padding: 10px 0;
		margin-top: 15px;
		position: absolute;
		visibility: hidden;
		background: var(--whiteColor);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border-top: 3px solid var(--mainColor);
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
		margin: 0;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
		padding: 5px 15px;
		position: relative;
		display: block;
		color: var(--blackColor);
		font-size: 14px;
		font-weight: 700;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
		margin: 0;
		position: absolute;
		top: 50%;
		font-size: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 15px;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: -250px;
		margin-top: 15px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: 250px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: -250px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: 250px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: -250px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
		top: 0;
		opacity: 0;
		left: 250px;
		visibility: hidden;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}

	.dibiz-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}

	.dibiz-nav .navbar .others-option {
		background-color: var(--mainColor);
		border-radius: 5px;
		padding: 6px 10px 4px;
		margin-left: 30px;
		box-shadow: rgb(0 0 0 / 45%) 1.95px 1.95px 2.6px;
		border: 1px solid;
	}

	.dibiz-nav .navbar .others-option .option-item {
		margin-left: 15px;
		padding-left: 15px;
		position: relative;
	}

	.dibiz-nav .navbar .others-option .option-item::before {
		content: '';
		position: absolute;
		left: -2px;
		top: -4px;
		background-color: #fa6a45;
		height: 25px;
		width: 1.5px;
		display: none;

	}

	.dibiz-nav .navbar .others-option .option-item:first-child {
		margin-left: 0;
		padding-left: 0;
	}

	.dibiz-nav .navbar .others-option .option-item:first-child::before {
		display: none;
	}

	.dibiz-nav .navbar .others-option .side-menu-btn i {
		cursor: pointer;
		font-size: 15px;
		position: relative;
		/* top: 4px; */
		line-height: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
	}

	.dibiz-nav .navbar .others-option .side-menu-btn i:hover {
		color: var(--whiteColor);
	}

	.dibiz-nav .navbar .others-option .search-box i {
		cursor: pointer;
		font-size: 22px;
		color: var(--whiteColor);
		position: relative;
		top: -2px;
		line-height: 1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-nav .navbar .others-option .search-box i:hover {
		color: var(--whiteColor);
	}

	.dibiz-nav .navbar .others-option .cart-btn a {
		display: inline-block;
		position: relative;
		font-size: 25px;
		color: var(--whiteColor);
		line-height: 1;
		padding-right: 10px;
	}

	.dibiz-nav .navbar .others-option .cart-btn a span {
		position: absolute;
		right: 0;
		top: -3px;
		width: 18px;
		height: 18px;
		text-align: center;
		line-height: 20px;
		border-radius: 50%;
		background-color: var(--blackColor);
		font-size: 14px;
		font-weight: 600;
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item a {
		color: var(--whiteColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item:hover a,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-color-white .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.navbar-style-two {
		position: relative;
		background-color: var(--whiteColor);
	}

	.navbar-style-two.is-sticky {
		position: fixed;
		background-color: var(--whiteColor) !important;
	}

	.others-option-for-responsive {
		display: none;
	}

	.others-option-for-responsive .dot-menu {
		padding: 17px 9px;
		height: 30px;
		cursor: pointer;
		z-index: 9991;
		position: absolute;
		right: 0px;
		top: -48px;
	}

	.others-option-for-responsive .dot-menu .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 30px;
	}

	.others-option-for-responsive .dot-menu .inner .circle {
		height: 5px;
		width: 5px;
		border-radius: 100%;
		margin: 0 2px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: var(--blackColor);
	}

	.others-option-for-responsive .dot-menu:hover .inner .circle {
		background-color: var(--mainColor);
	}

	.others-option-for-responsive .container {
		position: relative;
	}

	.others-option-for-responsive .container .container {
		position: absolute;
		right: 0;
		top: 10px;
		max-width: 290px;
		margin-left: auto;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		z-index: 2;
		padding-left: 15px;
		padding-right: 15px;
	}

	.others-option-for-responsive .container .container.active {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.others-option-for-responsive .option-inner {
		padding: 15px;
		-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
		background-color: var(--whiteColor);
	}

	.others-option-for-responsive .option-inner .others-option {
		background-color: var(--mainColor);
		border-radius: 30px;
		padding: 10px 18px 3px;
	}

	.others-option-for-responsive .option-inner .others-option .option-item {
		margin-left: 15px;
		padding-left: 15px;
		position: relative;
	}

	.others-option-for-responsive .option-inner .others-option .option-item::before {
		content: '';
		position: absolute;
		left: -2px;
		top: -4px;
		background-color: #fa6a45;
		height: 25px;
		width: 1.5px;
	}

	.others-option-for-responsive .option-inner .others-option .option-item:first-child {
		margin-left: 0;
		padding-left: 0;
	}

	.others-option-for-responsive .option-inner .others-option .option-item:first-child::before {
		display: none;
	}

	.others-option-for-responsive .option-inner .others-option .side-menu-btn i {
		cursor: pointer;
		font-size: 35px;
		position: relative;
		top: 4px;
		line-height: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
	}

	.others-option-for-responsive .option-inner .others-option .side-menu-btn i:hover {
		color: var(--whiteColor);
	}

	.others-option-for-responsive .option-inner .others-option .search-box i {
		cursor: pointer;
		font-size: 22px;
		color: var(--whiteColor);
		position: relative;
		top: -2px;
		line-height: 1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.others-option-for-responsive .option-inner .others-option .search-box i:hover {
		color: var(--whiteColor);
	}

	.others-option-for-responsive .option-inner .others-option .cart-btn a {
		display: inline-block;
		position: relative;
		font-size: 25px;
		color: var(--whiteColor);
		line-height: 1;
		padding-right: 10px;
	}

	.others-option-for-responsive .option-inner .others-option .cart-btn a span {
		position: absolute;
		right: 0;
		top: -3px;
		width: 18px;
		height: 18px;
		text-align: center;
		line-height: 20px;
		border-radius: 50%;
		background-color: var(--blackColor);
		font-size: 14px;
		font-weight: 600;
	}

	@media only screen and (max-width: 1199px) {
		.navbar-area {
			padding-top: 12px;
			padding-bottom: 15px;
			margin-top: -16px;
		}

		.navbar-area.is-sticky {
			padding-top: 15px;
			padding-bottom: 15px;
			margin-top: 0px;
		}

		.dibiz-responsive-nav {
			display: block;
		}

		.dibiz-responsive-nav .dibiz-responsive-menu {
			position: relative;
		}

		.dibiz-responsive-nav .dibiz-responsive-menu.mean-container .mean-nav {
			margin-top: 42px;
			text-align: center;
		}

		.dibiz-responsive-nav .dibiz-responsive-menu.mean-container .mean-nav ul {
			font-size: 15px;
			font-weight: 800;
		}

		.dibiz-responsive-nav .dibiz-responsive-menu.mean-container .mean-nav ul li a.active {
			color: var(--mainColor);
		}

		.dibiz-responsive-nav .dibiz-responsive-menu.mean-container .mean-nav ul li li a {
			font-size: 14.5px;
		}

		.dibiz-responsive-nav .dibiz-responsive-menu.mean-container .navbar-nav {
			overflow-y: scroll;
			height: 280px;
			-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		}

		.dibiz-responsive-nav .mean-container a.meanmenu-reveal {
			color: var(--blackColor);
			display: none !important;
		}

		.dibiz-responsive-nav .mean-container a.meanmenu-reveal span {
			background: var(--blackColor);
		}

		.dibiz-responsive-nav .others-option {
			display: none !important;
			background-color: var(--mainColor);
			border-radius: 30px;
			padding: 10px 18px 3px;
		}

		.dibiz-responsive-nav .others-option .option-item {
			margin-left: 15px;
			padding-left: 15px;
			position: relative;
		}

		.dibiz-responsive-nav .others-option .option-item::before {
			content: '';
			position: absolute;
			left: -2px;
			top: -4px;
			background-color: #fa6a45;
			height: 25px;
			width: 1.5px;
		}

		.dibiz-responsive-nav .others-option .option-item:first-child {
			margin-left: 0;
			padding-left: 0;
		}

		.dibiz-responsive-nav .others-option .option-item:first-child::before {
			display: none;
		}

		.dibiz-responsive-nav .others-option .side-menu-btn i {
			cursor: pointer;
			font-size: 35px;
			position: relative;
			top: 4px;
			line-height: 0;
			-webkit-transition: var(--transition);
			transition: var(--transition);
			color: var(--whiteColor);
		}

		.dibiz-responsive-nav .others-option .side-menu-btn i:hover {
			color: var(--whiteColor);
		}

		.dibiz-responsive-nav .others-option .search-box i {
			cursor: pointer;
			font-size: 22px;
			color: var(--whiteColor);
			position: relative;
			top: -2px;
			line-height: 1;
			-webkit-transition: var(--transition);
			transition: var(--transition);
		}

		.dibiz-responsive-nav .others-option .search-box i:hover {
			color: var(--whiteColor);
		}

		.dibiz-responsive-nav .others-option .cart-btn a {
			display: inline-block;
			position: relative;
			font-size: 25px;
			color: var(--whiteColor);
			line-height: 1;
			padding-right: 10px;
		}

		.dibiz-responsive-nav .others-option .cart-btn a span {
			position: absolute;
			right: 0;
			top: -3px;
			width: 18px;
			height: 18px;
			text-align: center;
			line-height: 20px;
			border-radius: 50%;
			background-color: var(--blackColor);
			font-size: 14px;
			font-weight: 600;
		}

		.dibiz-responsive-nav .logo {
			position: relative;
			width: 50%;
			z-index: 999;
		}

		.dibiz-nav {
			display: none;
		}

		.navbar-color-white .dibiz-responsive-nav .mean-container a.meanmenu-reveal {
			color: var(--whiteColor);
		}

		.navbar-color-white .dibiz-responsive-nav .mean-container a.meanmenu-reveal span {
			background: var(--whiteColor);
		}

		.navbar-color-white .others-option-for-responsive .dot-menu .inner .circle {
			background-color: var(--whiteColor);
		}

		.others-option-for-responsive {
			display: block;
		}
	}

	/*================================================
Search Overlay CSS
=================================================*/
	.search-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 99999;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
	}

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

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

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

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

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

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

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

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

	.search-overlay .search-overlay-close:hover .search-overlay-close-line {
		background: var(--mainColor);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

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

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

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

	.search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		letter-spacing: .5px;
		color: var(--blackColor);
	}

	.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		letter-spacing: .5px;
		color: var(--blackColor);
	}

	.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		letter-spacing: .5px;
		color: var(--blackColor);
	}

	.search-overlay .search-overlay-form form .input-search::placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		letter-spacing: .5px;
		color: var(--blackColor);
	}

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

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

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

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

	.search-overlay .search-overlay-form form button {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 50px;
		color: var(--whiteColor);
		height: 50px;
		border-radius: 50%;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border: none;
		font-size: 20px;
		line-height: 45px;
	}

	.search-overlay .search-overlay-form form button:hover {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

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

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

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

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

	/*================================================
Main Banner Area CSS
=================================================*/
	.main-banner-area {
		position: relative;
		z-index: 1;
		padding-top: 95px;
		background-color: #fffbfb;
		background-image: url(../img/banner-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left center;
	}

	.main-banner-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.main-banner-area .container-fluid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.main-banner-area .container-fluid .row .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.main-banner-content {
		padding-top: 200px;
		padding-bottom: 200px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.main-banner-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.main-banner-content h1 {
		margin-bottom: 20px;
		font-size: 60px;
	}

	.main-banner-content p {
		max-width: 630px;
	}

	.main-banner-content .btn-box {
		margin-top: 30px;
	}

	.main-banner-content .btn-box .video-btn {
		margin-left: 25px;
		position: relative;
		padding-left: 55px;
		font-size: 18px;
		font-weight: 700;
	}

	.main-banner-content .btn-box .video-btn i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		font-weight: normal;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		background-color: #4b77e1;
		color: var(--whiteColor);
		font-size: 20px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
	}

	.main-banner-content .btn-box .video-btn:hover {
		color: var(--mainColor);
	}

	.main-banner-content .btn-box .video-btn:hover i {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.main-banner-image {
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../img/banner-img1.jpg);
	}

	.main-banner-image img {
		display: none;
	}

	.home-wrapper-area {
		position: relative;
		z-index: 1;
		background-color: var(--blackColor);
		padding-top: 95px;
		padding-bottom: 280px;
	}

	.home-wrapper-area .container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}

	.home-wrapper-area .shape2 {
		left: 9%;
		top: 17%;
	}

	.home-wrapper-area .shape3 {
		top: 20%;
	}

	.home-wrapper-area .shape4 {
		left: auto;
		bottom: 21%;
		right: 15%;
	}

	.home-wrapper-area .shape8 {
		left: 35%;
		bottom: 35%;
	}

	.home-wrapper-area .shape6 {
		left: 8%;
		bottom: 8%;
	}

	.home-wrapper-area .shape5 {
		left: 10%;
		bottom: 32%;
	}

	.banner-content {
		overflow: hidden;
	}

	.banner-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.banner-content h1 {
		margin-bottom: 20px;
		color: var(--whiteColor);
		font-size: 60px;
	}

	.banner-content p {
		max-width: 630px;
		color: #e1e1e1;
	}

	.banner-content .btn-box {
		margin-top: 30px;
	}

	.banner-content .btn-box .default-btn {
		background-color: var(--whiteColor);
	}

	.banner-content .btn-box .default-btn:hover {
		color: var(--blackColor);
	}

	.banner-content .btn-box .video-btn {
		margin-left: 25px;
		position: relative;
		padding-left: 55px;
		color: var(--whiteColor);
		font-size: 18px;
		font-weight: 700;
	}

	.banner-content .btn-box .video-btn i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		font-weight: normal;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		background-color: #4b77e1;
		color: var(--whiteColor);
		font-size: 20px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
	}

	.banner-content .btn-box .video-btn:hover {
		color: var(--mainColor);
	}

	.banner-content .btn-box .video-btn:hover i {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.banner-image {
		overflow: hidden;
		text-align: center;
	}

	.owl-item.active .banner-content .sub-title {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.owl-item.active .banner-content h1 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}

	.owl-item.active .banner-content p {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.9s;
		animation-delay: 0.9s;
	}

	.owl-item.active .banner-content .btn-box {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
	}

	.owl-item.active .banner-image img {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}

	.home-slides.owl-theme .owl-nav {
		margin-top: 0;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-left: -100px;
		bottom: 0;
	}

	.home-slides.owl-theme .owl-nav [class*=owl-] {
		background-color: transparent;
		border: 1px solid #9b9dac;
		margin: 0 7px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		color: #9b9dac;
		text-align: center;
		line-height: 40px;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
	}

	.home-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.home-slides.owl-theme .owl-dots {
		position: absolute;
		left: 0;
		bottom: 0;
		margin-top: 0;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
	}

	.home-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 8px 0 0;
		background: transparent;
		border: 1px solid #fe9b81;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.home-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--mainColor);
		border-radius: 50%;
		margin: 2px;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.home-slides.owl-theme .owl-dots .owl-dot:hover span,
	.home-slides.owl-theme .owl-dots .owl-dot.active span {
		border-color: var(--mainColor);
	}

	.home-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.home-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	.digital-agency-banner {
		background: linear-gradient(75deg, #65258a 10%, #e80566) !important;
		position: relative;
		z-index: 1;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.digital-agency-banner .banner-content .sub-title {
		color: var(--whiteColor);
	}

	.main-banner {
		position: relative;
		z-index: 1;
		background-color: var(--whiteColor);
		background-image: url(../img/banner-back.png);
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 55px;
		padding-top: 35px !important;
		height: 1338px !important;
	}

	.main-banner .shape2 {
		left: 10%;
		top: 20%;
	}

	.main-banner .shape7 {
		left: 85%;
		bottom: 10%;
	}

	.main-banner .shape6 {
		left: 90%;
		bottom: 85%;
	}

	.main-banner .shape13 {
		left: 67%;
		bottom: 43%;
	}

	.banner-area-content {
		max-width: 100%;
		text-align: center;
		margin-left: auto;
		margin-bottom: 20px;
		margin-right: auto;
	}

	.banner-area-content h1 {
		margin-bottom: 22px;
		font-size: 40px;
		font-weight: 900;
	}

	.banner-area-content p {
		max-width: 100%;
		font-weight: 600;
		font-size: 15px;
		margin-left: auto;
		margin-bottom: 37px;
		margin-right: auto;
	}

	.banner-area-content img {
		margin-top: -35px;
		/* border: 1px solid; */
		/* border-radius: 69px; */
	}

	.banner-area-content form {
		margin-top: 35px;
	}

	.banner-area-content form .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.banner-area-content form .row .col-lg-5,
	.banner-area-content form .row .col-lg-3,
	.banner-area-content form .row .col-lg-4 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.banner-area-content form .form-group {
		margin-bottom: 0;
	}

	.banner-area-content form .form-control {
		background-color: var(--whiteColor);
		height: 55px;
	}

	.banner-area-content form .form-control:focus {
		border-color: var(--mainColor);
	}

	.banner-area-content form .default-btn {
		height: 52px;
		display: block;
		border: 2px solid;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
		border-radius: 5px;
		width: 100%;
		font-weight: 700;
	}

	.banner-section {
		position: relative;
		z-index: 1;
		background-color: #F7F9F8;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.banner-section .shape2 {
		left: 10%;
		top: 20%;
	}

	.banner-section .shape7 {
		left: 85%;
		bottom: 10%;
	}

	.banner-section .shape6 {
		left: 90%;
		bottom: 85%;
	}

	.banner-section .shape13 {
		left: 67%;
		bottom: 43%;
	}

	.banner-section .shape8 {
		left: 60%;
		bottom: auto;
		top: 8%;
	}

	.home-content {
		max-width: 740px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.home-content img {
		display: inline-block !important;
		width: auto !important;
		margin-bottom: 40px;
	}

	.home-content .sub-title {
		display: block;
		margin-bottom: 13px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.home-content h1 {
		margin-bottom: 12px;
		font-size: 55px;
	}

	.home-content p {
		max-width: 630px;
		font-size: 17px;
		margin-left: auto;
		margin-right: auto;
	}

	.home-content .default-btn {
		margin-top: 10px;
	}

	.owl-item.active .home-content img {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.owl-item.active .home-content .sub-title {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}

	.owl-item.active .home-content h1 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 0.9s;
		animation-delay: 0.9s;
	}

	.owl-item.active .home-content p {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
	}

	.owl-item.active .home-content .default-btn {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
	}

	.home-slides-two.owl-theme .owl-nav {
		margin-top: 0;
	}

	.home-slides-two.owl-theme .owl-nav [class*=owl-] {
		background-color: transparent;
		border: 1px solid #9b9dac;
		margin: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		color: #9b9dac;
		text-align: center;
		line-height: 40px;
		position: absolute;
		left: 35px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: 35px;
	}

	.home-slides-two.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.banner-area {
		padding-bottom: 170px;
		padding-top: 240px;
	}

	.banner-area .main-banner-content {
		padding: 0;
		text-align: center;
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area .main-banner-content p {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area .main-banner-content .default-btn {
		margin-top: 10px;
	}

	.banner-area .shape4 {
		left: 85%;
		bottom: 30%;
		z-index: -1;
	}

	.banner-area .shape5 {
		left: 5%;
		bottom: 40%;
	}

	.banner-area .shape6 {
		left: 30%;
		bottom: 35%;
	}

	.banner-area .shape7 {
		left: 75%;
		bottom: 55%;
	}

	.banner-area .shape8 {
		left: auto;
		bottom: auto;
		top: 20%;
		right: 15%;
	}

	.banner-wrapper-area {
		background-color: var(--blackColor);
		position: relative;
		z-index: 1;
	}

	.banner-wrapper-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.banner-wrapper-area .container-fluid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.banner-wrapper-area .container-fluid .row .col-lg-7,
	.banner-wrapper-area .container-fluid .row .col-lg-5 {
		padding-left: 0;
		padding-right: 0;
	}

	.banner-wrapper-area .shape2 {
		left: 3%;
		top: 12%;
	}

	.banner-wrapper-area .shape1 {
		left: 56%;
		top: 10%;
		z-index: 2;
	}

	.banner-wrapper-area .shape3 {
		left: 30%;
		top: 13%;
	}

	.banner-wrapper-area .shape4 {
		left: 57%;
		bottom: 10%;
		z-index: 2;
	}

	.banner-wrapper-area .shape14 img {
		max-width: 350px;
	}

	.banner-wrapper-content {
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.banner-wrapper-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.banner-wrapper-content h1 {
		margin-bottom: 20px;
		font-size: 60px;
		color: var(--whiteColor);
	}

	.banner-wrapper-content p {
		color: #d1d1d1;
	}

	.banner-wrapper-content form {
		background-color: var(--whiteColor);
		border-radius: 5px;
		padding: 10px;
		margin-top: 40px;
	}

	.banner-wrapper-content form .form-group {
		margin-bottom: 0;
	}

	.banner-wrapper-content form .row .col-lg-5,
	.banner-wrapper-content form .row .col-lg-4,
	.banner-wrapper-content form .row .col-lg-3 {
		padding-left: 0;
		padding-right: 0;
	}

	.banner-wrapper-content form .form-control {
		border-radius: 0;
		background-color: var(--whiteColor) !important;
		border: none;
		padding-left: 20px;
	}

	.banner-wrapper-content form .col-lg-5 .form-control {
		border-right: 1px solid #eeeeee;
		padding-left: 5px;
	}

	.banner-wrapper-content form .default-btn {
		height: 50px;
		display: block;
		width: 100%;
	}

	.banner-wrapper-content .content {
		max-width: 675px;
		padding-left: 35px;
	}

	.banner-wrapper-image {
		height: 100%;
		background-image: url(../img/banner-img8.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.banner-wrapper-image img {
		display: none;
	}

	.divider {
		position: absolute;
		z-index: 1;
		top: 0;
		height: 100%;
		width: 8vw;
		left: -1px;
		pointer-events: none;
		-webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
		mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
		-webkit-mask-size: 100% 101%;
		mask-size: 100% 101%;
		background-color: var(--blackColor);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		z-index: 2;
	}

	.shape1 {
		position: absolute;
		left: 46%;
		top: 16%;
		z-index: 1;
	}

	.shape1 img {
		-webkit-animation: movescale 5s linear infinite;
		animation: movescale 5s linear infinite;
	}

	.shape2 {
		position: absolute;
		left: 4%;
		top: 21%;
		z-index: -1;
	}

	.shape2 img {
		-webkit-animation: movebounce 5s linear infinite;
		animation: movebounce 5s linear infinite;
	}

	.shape3 {
		position: absolute;
		left: 25%;
		top: 24%;
		z-index: -1;
	}

	.shape3 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.shape4 {
		position: absolute;
		left: 47%;
		bottom: 10%;
		z-index: 1;
	}

	.shape4 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.shape5 {
		position: absolute;
		left: 9%;
		bottom: 10%;
		z-index: -1;
	}

	.shape5 img {
		-webkit-animation: animationFramesOne 20s infinite linear;
		animation: animationFramesOne 20s infinite linear;
	}

	.shape6 {
		position: absolute;
		left: 25%;
		bottom: 17%;
		z-index: -1;
	}

	.shape6 img {
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.shape7 {
		position: absolute;
		left: 35%;
		bottom: 8%;
		z-index: -1;
	}

	.shape7 img {
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 20s;
		animation-duration: 20s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.shape8 {
		position: absolute;
		left: 38%;
		bottom: 22%;
		z-index: -1;
	}

	.shape8 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.shape13 {
		position: absolute;
		left: 25%;
		bottom: 30%;
		z-index: -1;
	}

	.shape13 img {
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 20s;
		animation-duration: 20s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.shape14 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	@-webkit-keyframes movescale {
		0% {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}

		50% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		100% {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}
	}

	@keyframes movescale {
		0% {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}

		50% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		100% {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}
	}

	@-webkit-keyframes movebounce {
		0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		50% {
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}

		100% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
	}

	@keyframes movebounce {
		0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		50% {
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}

		100% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes moveleftbounce {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}

		50% {
			-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}

		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}
	}

	@keyframes moveleftbounce {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}

		50% {
			-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}

		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}
	}

	@-webkit-keyframes animationFramesOne {
		0% {
			-webkit-transform: translate(0px, 0px) rotate(0deg);
			transform: translate(0px, 0px) rotate(0deg);
		}

		20% {
			-webkit-transform: translate(73px, -1px) rotate(36deg);
			transform: translate(73px, -1px) rotate(36deg);
		}

		40% {
			-webkit-transform: translate(141px, 72px) rotate(72deg);
			transform: translate(141px, 72px) rotate(72deg);
		}

		60% {
			-webkit-transform: translate(83px, 122px) rotate(108deg);
			transform: translate(83px, 122px) rotate(108deg);
		}

		80% {
			-webkit-transform: translate(-40px, 72px) rotate(144deg);
			transform: translate(-40px, 72px) rotate(144deg);
		}

		100% {
			-webkit-transform: translate(0px, 0px) rotate(0deg);
			transform: translate(0px, 0px) rotate(0deg);
		}
	}

	@keyframes animationFramesOne {
		0% {
			-webkit-transform: translate(0px, 0px) rotate(0deg);
			transform: translate(0px, 0px) rotate(0deg);
		}

		20% {
			-webkit-transform: translate(73px, -1px) rotate(36deg);
			transform: translate(73px, -1px) rotate(36deg);
		}

		40% {
			-webkit-transform: translate(141px, 72px) rotate(72deg);
			transform: translate(141px, 72px) rotate(72deg);
		}

		60% {
			-webkit-transform: translate(83px, 122px) rotate(108deg);
			transform: translate(83px, 122px) rotate(108deg);
		}

		80% {
			-webkit-transform: translate(-40px, 72px) rotate(144deg);
			transform: translate(-40px, 72px) rotate(144deg);
		}

		100% {
			-webkit-transform: translate(0px, 0px) rotate(0deg);
			transform: translate(0px, 0px) rotate(0deg);
		}
	}

	@-webkit-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@-webkit-keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(20%, 0, 0);
			transform: translate3d(20%, 0, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(20%, 0, 0);
			transform: translate3d(20%, 0, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@-webkit-keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -10%, 0);
			transform: translate3d(0, -10%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -10%, 0);
			transform: translate3d(0, -10%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}

	/*================================================
Boxes Area CSS
=================================================*/
	.boxes-area {
		margin-top: -180px;
		position: relative;
		z-index: 1;
	}

	.single-boxes-box {
		margin-bottom: 30px;
		text-align: center;
		padding: 50px 30px;
		border-radius: 5px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
	}

	.single-boxes-box .icon {
		background-color: #fae4de;
		position: relative;
		border-radius: 50%;
		width: 90px;
		height: 90px;
		line-height: 90px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-size: 40px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-boxes-box .icon .circles-box {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.single-boxes-box .icon .circles-box .circle-one {
		position: absolute;
		left: 8px;
		bottom: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: var(--mainColor);
	}

	.single-boxes-box h3 {
		font-size: 25px;
		margin-bottom: 12px;
	}

	.single-boxes-box .learn-more-btn {
		margin-top: 10px;
	}

	.single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	.single-boxes-box:hover .icon .circles-box .circle-two {
		opacity: 1;
		visibility: visible;
	}

	.col-lg-4:nth-child(2) .single-boxes-box .icon,
	.col-lg-4:nth-child(8) .single-boxes-box .icon,
	.col-lg-4:nth-child(14) .single-boxes-box .icon {
		background-color: #d8d1e8;
		color: #290390;
	}

	.col-lg-4:nth-child(2) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(8) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(14) .single-boxes-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(2) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(8) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(14) .single-boxes-box .icon .circles-box .circle-one {
		background-color: #290390;
	}

	.col-lg-4:nth-child(2) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(8) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(14) .single-boxes-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(2) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(8) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(14) .single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(3) .single-boxes-box .icon,
	.col-lg-4:nth-child(9) .single-boxes-box .icon,
	.col-lg-4:nth-child(15) .single-boxes-box .icon {
		background-color: #d6ebea;
		color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(9) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(15) .single-boxes-box .icon .circles-box .circle-one {
		background-color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(9) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(15) .single-boxes-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(3) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(9) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(15) .single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(4) .single-boxes-box .icon,
	.col-lg-4:nth-child(10) .single-boxes-box .icon,
	.col-lg-4:nth-child(16) .single-boxes-box .icon {
		background-color: #f3e3f6;
		color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(10) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(16) .single-boxes-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(4) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(10) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(16) .single-boxes-box .icon .circles-box .circle-one {
		background-color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(10) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(16) .single-boxes-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(4) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(10) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(16) .single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(5) .single-boxes-box .icon,
	.col-lg-4:nth-child(11) .single-boxes-box .icon,
	.col-lg-4:nth-child(17) .single-boxes-box .icon {
		background-color: #f9e1f0;
		color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(11) .single-boxes-box .icon .circles-box,
	.col-lg-4:nth-child(17) .single-boxes-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(5) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(11) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(17) .single-boxes-box .icon .circles-box .circle-one {
		background-color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(11) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(17) .single-boxes-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(5) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(11) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(17) .single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(6) .single-boxes-box .icon,
	.col-lg-4:nth-child(12) .single-boxes-box .icon,
	.col-lg-4:nth-child(18) .single-boxes-box .icon {
		background-color: #e6f5e3;
		color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(12) .single-boxes-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(18) .single-boxes-box .icon .circles-box .circle-one {
		background-color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(12) .single-boxes-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(18) .single-boxes-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(6) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(12) .single-boxes-box:hover .icon,
	.col-lg-4:nth-child(18) .single-boxes-box:hover .icon {
		background-color: var(--whiteColor);
	}

	/*================================================
Featured Services Area CSS
=================================================*/
	.single-featured-services-box {
		margin-bottom: 30px;
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #ddd;
		padding: 42px 10px;
		height: 330px;
		border-radius: 25px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.single-featured-services-box .icon {
		background-color: #fae4de;
		position: relative;
		border-radius: 50%;
		width: 90px;
		height: 90px;
		line-height: 90px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-size: 40px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-featured-services-box .icon .circles-box {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.single-featured-services-box .icon .circles-box .circle-one {
		position: absolute;
		left: 8px;
		bottom: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: var(--mainColor);
	}

	.single-featured-services-box .icon .circles-box .circle-two {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
		background-color: #1c17a0;
	}

	.single-featured-services-box h3 {
		font-size: 24px;
		margin-bottom: 12px;
		font-weight: 900;
	}

	.single-featured-services-box .learn-more-btn {
		margin-top: -28px;
	}

	.single-featured-services-box:hover {
		border-radius: 25px;
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		border: 1px solid #1c9bc3;
	}

	.single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	.single-featured-services-box:hover .icon .circles-box .circle-two {
		opacity: 1;
		visibility: visible;
	}

	.learn-more-btn {
		text-align: center;
		display: inline-block;
		color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 5px;
		padding: 9px 25px 9px 55px;
		position: relative;
		font-size: 18px;
		font-weight: 700;
	}

	.learn-more-btn .left-icon {
		display: inline-block;
		width: 45px;
		height: 45px;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 46px;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border-radius: 5px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 30px;
		font-weight: normal;
	}

	.learn-more-btn .right-icon {
		position: absolute;
		right: 20px;
		top: 2px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
		font-size: 28px;
		font-weight: normal;
	}

	.learn-more-btn:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
		padding-left: 25px;
		padding-right: 55px;
	}

	.learn-more-btn:hover .left-icon {
		opacity: 0;
		visibility: hidden;
	}

	.learn-more-btn:hover .right-icon {
		color: var(--whiteColor);
		opacity: 1;
		visibility: visible;
	}

	.col-lg-4:nth-child(2) .single-featured-services-box .icon,
	.col-lg-4:nth-child(8) .single-featured-services-box .icon,
	.col-lg-4:nth-child(14) .single-featured-services-box .icon {
		background-color: #d8d1e8;
		color: #290390;
	}

	.col-lg-4:nth-child(2) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(8) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(14) .single-featured-services-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(2) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(8) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(14) .single-featured-services-box .icon .circles-box .circle-one {
		background-color: #290390;
	}

	.col-lg-4:nth-child(2) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(8) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(14) .single-featured-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(2) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(8) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(14) .single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(3) .single-featured-services-box .icon,
	.col-lg-4:nth-child(9) .single-featured-services-box .icon,
	.col-lg-4:nth-child(15) .single-featured-services-box .icon {
		background-color: #d6ebea;
		color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(9) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(15) .single-featured-services-box .icon .circles-box .circle-one {
		background-color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(9) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(15) .single-featured-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(3) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(9) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(15) .single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(4) .single-featured-services-box .icon,
	.col-lg-4:nth-child(10) .single-featured-services-box .icon,
	.col-lg-4:nth-child(16) .single-featured-services-box .icon {
		background-color: #f3e3f6;
		color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(10) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(16) .single-featured-services-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(4) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(10) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(16) .single-featured-services-box .icon .circles-box .circle-one {
		background-color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(10) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(16) .single-featured-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(4) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(10) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(16) .single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(5) .single-featured-services-box .icon,
	.col-lg-4:nth-child(11) .single-featured-services-box .icon,
	.col-lg-4:nth-child(17) .single-featured-services-box .icon {
		background-color: #f9e1f0;
		color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(11) .single-featured-services-box .icon .circles-box,
	.col-lg-4:nth-child(17) .single-featured-services-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(5) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(11) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(17) .single-featured-services-box .icon .circles-box .circle-one {
		background-color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(11) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(17) .single-featured-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(5) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(11) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(17) .single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(6) .single-featured-services-box .icon,
	.col-lg-4:nth-child(12) .single-featured-services-box .icon,
	.col-lg-4:nth-child(18) .single-featured-services-box .icon {
		background-color: #e6f5e3;
		color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(12) .single-featured-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(18) .single-featured-services-box .icon .circles-box .circle-one {
		background-color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(12) .single-featured-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(18) .single-featured-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(6) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(12) .single-featured-services-box:hover .icon,
	.col-lg-4:nth-child(18) .single-featured-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	@-webkit-keyframes rotateme {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes rotateme {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-webkit-keyframes rotatemetwo {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
		}
	}

	@keyframes rotatemetwo {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
		}
	}

	/*================================================
About Area CSS
=================================================*/
	.about-area {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.about-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.about-area .container-fluid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.about-area .container-fluid .row .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.about-image {
		height: 100%;
		margin-right: 20px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		/* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
		border-color: red;
		padding: 5px 10px;
		background-position: center center;
		border: 1px solid #ddd;
		border-radius: 14px;
		/* background-size: contain; */
		/* background-repeat: no-repeat; */
		background-image: url(../img/about-img1.jpg);
	}

	.about-image img {
		display: none;
	}

	.about-content .content {
		/* max-width: 600px; */
		padding-top: 15px;
		padding-bottom: 50px;
		padding-left: 20px;
	}

	.about-content .text {
		max-width: 600px;
		padding-left: 20px;
	}

	.about-content .sub-title {
		display: block;
		margin-bottom: 0px;
		color: var(--mainColor);
		text-transform: capitalize;
		border-bottom: 1px dotted;
		font-size: 24.5px;
		/* border-color: red; */
		font-weight: 700;
	}

	.about-content h2 {
		margin-bottom: 7px;
		font-size: 32px;
		margin-top: 20px;
	}

	.about-content p {
		margin-top: 12px;
	}

	.about-content .funfacts-list {
		padding-left: 0;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 0;
		margin-top: 30px;
	}

	.about-content .funfacts-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.about-content .funfacts-list li .list {
		position: relative;
		margin-bottom: 20px;
	}

	.about-content .funfacts-list li .list i {
		position: absolute;
		left: 13px;
		top: 15px;
		color: var(--mainColor);
		font-size: 31px;
		line-height: 1;
	}

	.about-content .funfacts-list li .list h3 {
		font-size: 25px;
		line-height: 31px;
		margin-bottom: 5px;
		margin-top: 13px;
		padding-left: 55px;
	}

	.about-content .funfacts-list li .list p {
		display: block;
		line-height: initial;
		padding-right: 14px;
		margin: 5px 12px;
		font-size: 16px;
		font-weight: 600;
	}

	.about-content .funfacts-list li .list .odometer-formatting-mark {
		display: none;
	}

	.about-content .default-btn {
		margin-top: 10px;
	}

	.about-content .features-list {
		padding-left: 0;
		list-style-type: none;
		margin-top: 30px;
		margin-bottom: 0;
	}

	.about-content .features-list li {
		margin-bottom: 20px;
		position: relative;
		color: var(--optionalColor);
		padding-left: 60px;
		font-size: 16px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 33px;
	}

	.about-content .features-list li i {
		position: absolute;
		left: 0;
		top: 0;
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border-radius: 50%;
		line-height: 45px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

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

	.about-content .features-list li:hover i {
		background-color: var(--whiteColor);
		color: var(--mainColor);
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	.about-img {
		text-align: center;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		width: 580px;
		/* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
		border-radius: 30px;
	}

	.shape15 {
		position: absolute;
		right: 0;
		top: 10%;
		text-align: right;
		z-index: -1;
	}

	.shape15 img {
		-webkit-animation: movebounce 5s linear infinite;
		animation: movebounce 5s linear infinite;
		max-width: 50%;
	}

	/*================================================
What We Do Area CSS
=================================================*/
	.what-we-do-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: capitalize;
		font-size: 17.5px;
		font-weight: 700;
	}

	.what-we-do-content h2 {
		margin-bottom: 0;
		font-size: 42px;
	}

	.what-we-do-content p {
		margin-top: 12px;
	}

	.what-we-do-content .skills-item {
		position: relative;
		margin-top: 25px;
	}

	.what-we-do-content .skills-item .skills-header {
		position: relative;
		margin-bottom: 12px;
	}

	.what-we-do-content .skills-item .skills-header .skills-title {
		margin-bottom: 0;
		font-size: 18px;
	}

	.what-we-do-content .skills-item .skills-header .skills-percentage {
		position: absolute;
		right: 0;
		top: -2px;
		color: var(--mainColor);
		font-size: 18px;
		font-weight: 600;
	}

	.what-we-do-content .skills-item .skills-bar {
		position: relative;
		width: 100%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner {
		position: relative;
		width: 100%;
		border-radius: 30px;
		border-top: 2px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner .bar {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 4px;
		background: var(--mainColor);
		-webkit-transition: all 2000ms ease;
		transition: all 2000ms ease;
		border-radius: 30px;
		margin-top: -2px;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="50"] {
		width: 50%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="55"] {
		width: 55%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="60"] {
		width: 60%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="65"] {
		width: 65%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="70"] {
		width: 70%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="75"] {
		width: 75%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="80"] {
		width: 80%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="85"] {
		width: 85%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="90"] {
		width: 90%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="95"] {
		width: 95%;
	}

	.what-we-do-content .skills-item .skills-bar .bar-inner [data-width="100"] {
		width: 100%;
	}

	.what-we-do-content-accordion {
		padding-left: 50px;
		margin-top: 20px;
		margin-bottom: 17px;
		border-radius: 19px;
		border: 1px solid #ddd;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		padding: 22px 13px;
	}

	.what-we-do-content-accordion:hover {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
		box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		transition: transform 1.2s;
		/* Animation */
		border: 1px solid #1c9bc3;
	}

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

	.what-we-do-content-accordion .accordion .accordion-item {
		display: block;
		margin-bottom: 25px;
		border: none;
	}

	.what-we-do-content-accordion .accordion .accordion-item:last-child {
		margin-bottom: 0;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-title {
		padding: 0;
		background-color: transparent;
		border: none;
		position: relative;
		color: var(--blackColor);
		padding-left: 55px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 20px;
		font-weight: 700;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-title i {
		position: absolute;
		left: 0;
		top: 4px;
		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 5px !important;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		line-height: 40px;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-title.active i::before {
		content: "\f104";
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-content {
		display: none;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-top: 18px;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-content.show {
		display: block;
	}

	.what-we-do-content-accordion .accordion .accordion-item:nth-child(2) .accordion-title i,
	.what-we-do-content-accordion .accordion .accordion-item:nth-child(5) .accordion-title i {
		background-color: #000000;
		color: var(--whiteColor);
	}

	.what-we-do-content-accordion .accordion .accordion-item:nth-child(3) .accordion-title i,
	.what-we-do-content-accordion .accordion .accordion-item:nth-child(6) .accordion-title i {
		background-color: #1fa299;
		color: var(--whiteColor);
	}

	/*================================================
Services Area CSS
=================================================*/
	.single-services-box {
		margin-bottom: 30px;
		background-color: var(--whiteColor);
		height: 477px;
		padding: 50px 35px;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		border: 1px solid #ddd;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.single-services-box .icon {
		background-color: #ffe9e3;
		position: relative;
		border-radius: 50%;
		width: 90px;
		text-align: center;
		height: 90px;
		line-height: 90px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-size: 40px;
		margin-bottom: 30px;
	}

	.single-services-box .icon .circles-box {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.single-services-box .icon .circles-box .circle-one {
		position: absolute;
		left: 8px;
		bottom: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: var(--mainColor);
	}

	.single-services-box .icon .circles-box .circle-two {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: #1c17a0;
	}

	.single-services-box h3 {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.single-services-box .learn-more-btn {
		margin-top: 10px;
	}

	.single-services-box:hover {
		border-radius: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.single-services-box:hover .icon {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	.col-lg-4:nth-child(2) .single-services-box .icon,
	.col-lg-4:nth-child(8) .single-services-box .icon,
	.col-lg-4:nth-child(14) .single-services-box .icon {
		background-color: #e5e0f2;
		color: #290390;
	}

	.col-lg-4:nth-child(2) .single-services-box .icon .circles-box,
	.col-lg-4:nth-child(8) .single-services-box .icon .circles-box,
	.col-lg-4:nth-child(14) .single-services-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-one {
		background-color: #290390;
	}

	.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(2) .single-services-box:hover .icon,
	.col-lg-4:nth-child(8) .single-services-box:hover .icon,
	.col-lg-4:nth-child(14) .single-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(3) .single-services-box .icon,
	.col-lg-4:nth-child(9) .single-services-box .icon,
	.col-lg-4:nth-child(15) .single-services-box .icon {
		background-color: #e4f4f3;
		color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-one {
		background-color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(3) .single-services-box:hover .icon,
	.col-lg-4:nth-child(9) .single-services-box:hover .icon,
	.col-lg-4:nth-child(15) .single-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(4) .single-services-box .icon,
	.col-lg-4:nth-child(10) .single-services-box .icon,
	.col-lg-4:nth-child(16) .single-services-box .icon {
		background-color: #f3e3f6;
		color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-one {
		background-color: #9916b1;
	}

	.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(4) .single-services-box:hover .icon,
	.col-lg-4:nth-child(10) .single-services-box:hover .icon,
	.col-lg-4:nth-child(16) .single-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(5) .single-services-box .icon,
	.col-lg-4:nth-child(11) .single-services-box .icon,
	.col-lg-4:nth-child(17) .single-services-box .icon {
		background-color: #f9e1f0;
		color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-services-box .icon .circles-box,
	.col-lg-4:nth-child(11) .single-services-box .icon .circles-box,
	.col-lg-4:nth-child(17) .single-services-box .icon .circles-box {
		-webkit-animation-name: rotatemetwo;
		animation-name: rotatemetwo;
	}

	.col-lg-4:nth-child(5) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(11) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(17) .single-services-box .icon .circles-box .circle-one {
		background-color: #cb0680;
	}

	.col-lg-4:nth-child(5) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(11) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(17) .single-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(5) .single-services-box:hover .icon,
	.col-lg-4:nth-child(11) .single-services-box:hover .icon,
	.col-lg-4:nth-child(17) .single-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

	.col-lg-4:nth-child(6) .single-services-box .icon,
	.col-lg-4:nth-child(12) .single-services-box .icon,
	.col-lg-4:nth-child(18) .single-services-box .icon {
		background-color: #e6f5e3;
		color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(12) .single-services-box .icon .circles-box .circle-one,
	.col-lg-4:nth-child(18) .single-services-box .icon .circles-box .circle-one {
		background-color: #2eb01c;
	}

	.col-lg-4:nth-child(6) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(12) .single-services-box .icon .circles-box .circle-two,
	.col-lg-4:nth-child(18) .single-services-box .icon .circles-box .circle-two {
		background-color: var(--mainColor);
	}

	.col-lg-4:nth-child(6) .single-services-box:hover .icon,
	.col-lg-4:nth-child(12) .single-services-box:hover .icon,
	.col-lg-4:nth-child(18) .single-services-box:hover .icon {
		background-color: var(--whiteColor);
	}

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

	.services-area .single-featured-services-box {
		background-color: var(--whiteColor);
	}

	.services-area .shape3 {
		left: 85%;
		top: 20%;
	}

	.services-area .shape6 {
		left: 85%;
		bottom: 17%;
	}

	/*================================================
Services Details Area CSS
=================================================*/
	.overview-box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
		margin-bottom: 60px;
	}

	.overview-box:last-child {
		margin-bottom: 0;
	}

	.overview-box .overview-content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.overview-box .overview-content .content {
		padding-right: 30px;
	}

	.overview-box .overview-content .content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: initial;
		border-bottom: 1px solid;
		font-size: 20.5px;
		font-weight: 700;
	}

	.overview-box .overview-content .content h2 {
		margin-bottom: 15px;
		font-size: 35px;
	}

	.overview-box .overview-content .content .features-text {
		margin-top: 25px;
	}

	.overview-box .overview-content .content .features-text h4 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.overview-box .overview-content .content.right-content {
		padding-left: 30px;
		padding-right: 0;
	}

	.overview-box .overview-content .content .features-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		list-style-type: none;
		margin-bottom: 0;
		margin-top: 10px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.overview-box .overview-content .content .features-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.overview-box .overview-content .content .features-list li span {
		display: block;
		background-color: #F8FAFF;
		border-radius: 5px;
		padding: 13px 12px 10px 40px;
		z-index: 1;
		position: relative;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-weight: 800;
		font-size: 13.5px;
	}

	.overview-box .overview-content .content .features-list li span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		border-radius: 5px;
		background-color: var(--mainColor);
		z-index: -1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.overview-box .overview-content .content .features-list li span i {
		font-size: 18px;
		color: var(--whiteColor);
		background-color: var(--mainColor);
		width: 23px;
		height: 23px;
		line-height: 23px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		text-align: center;
		border-radius: 3px;
		position: absolute;
		left: 8px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.overview-box .overview-content .content .features-list li span:hover {
		color: var(--whiteColor);
	}

	.overview-box .overview-content .content .features-list li span:hover::before {
		width: 100%;
	}

	.overview-box .overview-content .content .features-list li span:hover i {
		background-color: var(--whiteColor);
		color: var(--blackColor);
	}

	.overview-box .overview-image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.overview-box .overview-image .image {
		text-align: center;
		border: 1px solid #ddd;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	/*================================================
Testimonials Area CSS
=================================================*/
	.testimonials-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.testimonials-area .container-fluid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.testimonials-area .container-fluid .row .col-lg-7,
	.testimonials-area .container-fluid .row .col-lg-5 {
		padding-left: 0;
		padding-right: 0;
	}

	.testimonials-content {
		max-width: 758px;
		margin-left: auto;
		padding-top: 100px;
		padding-bottom: 100px;
		padding-right: 150px;
	}

	.testimonials-content .sub-title {
		display: block;
		margin-bottom: 15px;
		color: var(--mainColor);
		text-transform: capitalize;
		border-bottom: 1px dotted;
		font-size: 20.5px;
		font-weight: 700;
	}

	.testimonials-content h2 {
		margin-bottom: 0;
		font-size: 35px;
		padding-right: 36px;
	}

	.testimonials-content .testimonials-slides {
		margin-top: 20px;
	}

	.single-testimonials-item {
		position: relative;
		z-index: 1;
	}

	.single-testimonials-item p {
		font-weight: 600;
	}

	.single-testimonials-item .client-info {
		margin-top: 25px;
	}

	.single-testimonials-item .client-info img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.single-testimonials-item .client-info .title {
		margin-left: 15px;
	}

	.single-testimonials-item .client-info .title h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.single-testimonials-item .client-info .title span {
		display: block;
		font-weight: 600;
		margin-top: 3px;
	}

	.single-testimonials-item::before {
		content: "\f118";
		font-family: Flaticon;
		position: absolute;
		right: 220px;
		bottom: -12px;
		color: #fff1ed;
		line-height: 1;
		font-size: 90px;
		z-index: -1;
	}

	.testimonials-slides.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
		text-align: left;
	}

	.testimonials-slides.owl-theme .owl-dots {
		margin-top: 30px !important;
		margin-left: 2px;
	}

	.testimonials-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 8px 0 0;
		background: transparent;
		border: 1px solid #fe9b81;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--mainColor);
		border-radius: 50%;
		margin: 2px;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span,
	.testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
		border-color: var(--mainColor);
	}

	.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	.testimonials-image {
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../img/testimonials-img.jpg);
	}

	.testimonials-image img {
		display: none;
	}

	.feedback-area {
		position: relative;
		z-index: 1;
		margin-bottom: 80px;
		background-color: var(--blackColor);
	}

	.feedback-image {
		position: relative;
		width: 400px;
		height: 400px;
		text-align: center;
		z-index: 1;
		border-radius: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.feedback-image img {
		border-radius: 50%;
		border: 1.5px dashed #072a50;
		padding: 5px;
	}

	.feedback-image img:nth-child(1) {
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.feedback-image img:nth-child(2) {
		position: absolute;
		left: 0;
		top: 0;
	}

	.feedback-image img:nth-child(3) {
		position: absolute;
		right: -50px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.feedback-image img:nth-child(4) {
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.feedback-image::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
		border-radius: 50%;
		border: 6px dashed #141a3c;
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 100s;
		animation-duration: 100s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.feedback-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
		border-bottom: 1px solid;
	}

	.feedback-content h2 {
		margin-bottom: 0;
		font-size: 42px;
		color: var(--whiteColor);
	}

	.feedback-content .feedback-slides {
		margin-top: 20px;
	}

	.single-feedback-item {
		position: relative;
		color: var(--whiteColor);
		z-index: 1;
	}

	.single-feedback-item p {
		color: var(--whiteColor);
		font-weight: 600;
	}

	.single-feedback-item .client-info {
		margin-top: 25px;
	}

	.single-feedback-item .client-info img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.single-feedback-item .client-info .title {
		margin-left: 15px;
	}

	.single-feedback-item .client-info .title h3 {
		font-size: 20px;
		color: var(--whiteColor);
		margin-bottom: 0;
	}

	.single-feedback-item .client-info .title span {
		display: block;
		font-weight: 600;
		margin-top: 3px;
		color: #e3e3e3;
	}

	.single-feedback-item::before {
		content: "\f118";
		font-family: Flaticon;
		position: absolute;
		right: 220px;
		bottom: -12px;
		color: #2a172f;
		line-height: 1;
		z-index: -1;
		font-size: 90px;
	}

	.feedback-slides.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
		text-align: left;
	}

	.feedback-slides.owl-theme .owl-dots {
		margin-top: 30px !important;
		margin-left: 2px;
	}

	.feedback-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 8px 0 0;
		background: transparent;
		border: 1px solid #fe9b81;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.feedback-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--mainColor);
		border-radius: 50%;
		margin: 2px;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.feedback-slides.owl-theme .owl-dots .owl-dot:hover span,
	.feedback-slides.owl-theme .owl-dots .owl-dot.active span {
		border-color: var(--mainColor);
	}

	.feedback-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.feedback-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	.shape16 {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	/*================================================
Partner Area CSS
=================================================*/
	.partner-area {
		position: relative;
		z-index: 1;
	}

	.partner-area.ptb-70 {
		padding-bottom: 12px;
		margin-top: 38px;
		/* background: white; */
	}

	.single-partner-item {
		text-align: center;
		margin-bottom: 30px;
		width: 224px;
	}

	/*================================================
History Area CSS
=================================================*/
	.history-timeline {
		position: relative;
		list-style-type: none;
		padding-left: 0;
		z-index: 1;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}

	.history-timeline::before {
		content: '';
		width: 1px;
		height: 100%;
		background-color: #ebebeb;
		top: 0;
		left: 130px;
		position: absolute;
	}

	.history-timeline .timeline-block {
		position: relative;
		padding-left: 165px;
		margin-bottom: 30px;
	}

	.history-timeline .timeline-block:last-child {
		margin-bottom: 0;
	}

	.history-timeline .timeline-block:last-child::before {
		display: none;
	}

	.history-timeline .timeline-block::before {
		content: "\ea17";
		position: absolute;
		left: 116px;
		color: var(--mainColor);
		bottom: -25px;
		-webkit-animation: fade-down 1.5s infinite linear;
		animation: fade-down 1.5s infinite linear;
		font-family: "boxicons" !important;
		font-size: 30px;
	}

	.history-timeline .timeline-block .timeline-date {
		/* text-align: center; */
		position: absolute;
		left: 65px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: var(--optionalColor);
		font-size: 16px;
	}

	.history-timeline .timeline-block .timeline-date span {
		display: block;
		margin-bottom: 3px;
		color: var(--blackColor);
		font-weight: 700;
	}

	.history-timeline .timeline-block .timeline-date sup {
		color: var(--blackColor);
		font-weight: 600;
	}

	.history-timeline .timeline-block .timeline-icon {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 126px;
	}

	.history-timeline .timeline-block .timeline-icon .dot-badge {
		background-color: var(--mainColor);
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
	}

	.history-timeline .timeline-block .timeline-content {
		background-color: var(--whiteColor);
		padding: 30px;
	}

	.history-timeline .timeline-block .timeline-content .content {
		padding-left: 5px;
		padding-right: 15px;
	}

	.history-timeline .timeline-block .timeline-content .content h3 {
		margin-bottom: 15px;
		font-size: 25px;
	}

	/*================================================
Portfolio Area CSS
=================================================*/
	.portfolio-area {
		overflow: hidden;
	}

	.portfolio-area .section-title {
		text-align: left;
		max-width: 655px;
		margin-left: 0;
		margin-right: 0;
	}

	.portfolio-area .section-title p {
		max-width: 500px;
		margin-left: 0;
		margin-right: 0;
	}

	.portfolio-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.portfolio-area.section-title-center .section-title {
		text-align: center;
		max-width: 695px;
		margin-left: auto;
		margin-right: auto;
	}

	.portfolio-area.section-title-center .section-title p {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.portfolio-area.no-space .row {
		margin-left: 0;
		margin-right: 0;
	}

	.portfolio-area.no-space .row .col-lg-4 {
		padding-left: 0;
		padding-right: 0;
	}

	.portfolio-area.no-space .single-portfolio-item {
		margin-bottom: 0;
		border-radius: 0;
	}

	.portfolio-area.no-space .single-portfolio-item .image {
		border-radius: 0;
	}

	.portfolio-area.no-space .single-portfolio-item .image img {
		border-radius: 0;
	}

	.portfolio-area.no-space .single-portfolio-item .content {
		border-radius: 0;
		border-right: 1px solid #ECF5FE;
	}

	.portfolio-area.no-space .single-portfolio-box {
		border-radius: 0;
		margin-bottom: 0;
	}

	.portfolio-area.no-space .single-portfolio-box .image {
		border-radius: 0;
	}

	.portfolio-area.no-space .single-portfolio-box .image img {
		border-radius: 0;
	}

	.portfolio-area.no-space .single-portfolio-box .content {
		border-radius: 0;
		border-right: 1px solid #ECF5FE;
	}

	.single-portfolio-item {
		margin-bottom: 30px;
		text-align: center;
		border-radius: 5px;
	}

	.single-portfolio-item .image {
		border-radius: 5px 5px 0 0;
	}

	.single-portfolio-item .image img {
		border-radius: 5px 5px 0 0;
		width: 100%;
	}

	.single-portfolio-item .content {
		background-color: #f9f9f9;
		text-align: left;
		padding: 30px 25px 25px;
		border-radius: 0 0 5px 5px;
		position: relative;
	}

	.single-portfolio-item .content h3 {
		margin-bottom: 0;
		font-size: 24px;
	}

	.single-portfolio-item .content .link-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
		border-radius: 3px;
		position: absolute;
		font-size: 25px;
		right: 20px;
		top: -20px;
		display: inline-block;
	}

	.single-portfolio-item .content .link-btn:hover {
		color: var(--whiteColor);
		background-color: var(--blackColor);
	}

	.single-portfolio-box {
		margin-bottom: 30px;
		text-align: center;
		background-color: #f9f9f9;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 5px;
	}

	.single-portfolio-box .image {
		border-radius: 5px 5px 0 0;
	}

	.single-portfolio-box .image img {
		border-radius: 5px 5px 0 0;
		width: 100%;
	}

	.single-portfolio-box .content {
		text-align: left;
		padding: 25px 25px 20px;
		border-radius: 0 0 5px 5px;
		position: relative;
	}

	.single-portfolio-box .content h3 {
		margin-bottom: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 25px;
	}

	.single-portfolio-box .content span {
		display: block;
		color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-weight: 600;
		margin-top: 6px;
	}

	.single-portfolio-box .content .link-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
		border-radius: 3px;
		position: absolute;
		font-size: 25px;
		right: 20px;
		top: -20px;
		display: inline-block;
	}

	.single-portfolio-box:hover {
		background-color: var(--mainColor);
	}

	.single-portfolio-box:hover .content h3 {
		color: var(--whiteColor);
	}

	.single-portfolio-box:hover .content h3 a {
		color: var(--whiteColor);
	}

	.single-portfolio-box:hover .content span {
		color: var(--whiteColor);
	}

	.single-portfolio-box:hover .content .link-btn {
		color: var(--whiteColor);
		background-color: var(--blackColor);
	}

	.portfolio-slides {
		left: calc((100% - 1280px) / 2);
		position: relative;
	}

	.portfolio-slides.owl-theme .owl-nav {
		margin-top: 0;
		position: absolute;
		top: -105px;
		right: 21%;
	}

	.portfolio-slides.owl-theme .owl-nav [class*=owl-] {
		background-color: transparent;
		border: 1px solid var(--mainColor);
		margin: 0 7px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		color: var(--mainColor);
		text-align: center;
		line-height: 39px;
	}

	.portfolio-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		margin-right: 0;
	}

	.portfolio-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}

	/*================================================
Portfolio Details Area CSS
=================================================*/
	.portfolio-details-image {
		position: relative;
		margin-bottom: 30px;
	}

	.portfolio-details-image .video-btn {
		position: absolute;
		left: 50%;
		top: 50%;
		display: inline-block;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		width: 78px;
		line-height: 75px;
		height: 78px;
		border-radius: 50%;
		background-color: var(--whiteColor);
		text-align: center;
		color: var(--mainColor);
		z-index: 1;
		font-size: 35px;
	}

	.portfolio-details-image .video-btn::after,
	.portfolio-details-image .video-btn::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		bottom: 0;
		left: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		border: 1px solid var(--whiteColor);
	}

	.portfolio-details-image .video-btn::before {
		-webkit-animation: ripple 2s linear infinite;
		animation: ripple 2s linear infinite;
	}

	.portfolio-details-image .video-btn::after {
		-webkit-animation: ripple 2s linear 1s infinite;
		animation: ripple 2s linear 1s infinite;
	}

	.portfolio-details-image .video-btn:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.portfolio-details-image .video-btn:hover::after,
	.portfolio-details-image .video-btn:hover::before {
		border-color: var(--mainColor);
	}

	.portfolio-details-image-slides.owl-theme {
		margin-bottom: 30px;
	}

	.portfolio-details-image-slides.owl-theme .owl-nav {
		margin-top: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.portfolio-details-image-slides.owl-theme .owl-nav [class*=owl-] {
		color: #87a1c1;
		font-size: 18px;
		margin: 0;
		padding: 0;
		background: var(--whiteColor);
		width: 45px;
		height: 45px;
		line-height: 40px;
		position: absolute;
		left: 20px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		border-style: solid;
		border-color: var(--whiteColor);
		border-width: 1.5px;
	}

	.portfolio-details-image-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: 20px;
	}

	.portfolio-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border-color: var(--mainColor);
	}

	.portfolio-details-image-slides.owl-theme:hover .owl-nav {
		opacity: 1;
		visibility: visible;
	}

	.portfolio-details-desc .sub-title {
		display: block;
		margin-bottom: -20px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.portfolio-details-desc h3 {
		margin-bottom: 15px;
		margin-top: 30px;
		font-size: 26px;
	}

	.portfolio-details-desc .image {
		padding-right: 15px;
		border-radius: 5px;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.portfolio-details-desc .image img {
		border-radius: 5px;
	}

	.portfolio-details-desc .content {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.portfolio-details-desc .content h3 {
		font-size: 25px;
		margin-top: 0;
	}

	.portfolio-details-desc .content ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.portfolio-details-desc .content ul li {
		margin-bottom: 12px;
		font-weight: 600;
		color: var(--optionalColor);
		position: relative;
		padding-left: 20px;
	}

	.portfolio-details-desc .content ul li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: var(--mainColor);
	}

	.portfolio-details-desc .content ul li:last-child {
		margin-bottom: 0;
	}

	.portfolio-details-info {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1);
		box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		border-top: 3px solid var(--mainColor);
		padding: 40px 30px;
		margin-left: 15px;
	}

	.portfolio-details-info ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.portfolio-details-info ul li {
		margin-bottom: 20px;
		border-bottom: 1px solid #eeeeee;
		position: relative;
		color: var(--optionalColor);
		font-weight: 600;
		font-size: 16.5px;
		padding-left: 35px;
		padding-bottom: 20px;
	}

	.portfolio-details-info ul li span {
		color: var(--blackColor);
		display: block;
		margin-bottom: 8px;
		font-size: 20px;
		font-weight: 800;
	}

	.portfolio-details-info ul li a {
		display: block;
		color: var(--optionalColor);
		margin-bottom: 8px;
	}

	.portfolio-details-info ul li a:last-child {
		margin-bottom: 0;
	}

	.portfolio-details-info ul li a:hover {
		color: var(--mainColor);
	}

	.portfolio-details-info ul li .icon {
		position: absolute;
		left: 0;
		top: 3px;
		color: var(--mainColor);
		font-weight: normal;
		font-size: 25px;
	}

	.portfolio-details-info ul li:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	/*================================================
SEO Analysis Area CSS
=================================================*/
	.analysis-img {
		text-align: center;
		padding-right: 15px;
		border: 1px solid #ddd;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	.analysis-form {
		padding-left: 15px;
	}

	.analysis-form .sub-title {
		display: block;
		margin-bottom: 4px;
		color: var(--mainColor);
		text-transform: capitalize;
		border-bottom: 1px solid;
		font-size: 18.5px;
		font-weight: 700;
	}

	.analysis-form h2 {
		margin-bottom: 0;
		font-size: 42px;
		margin-top: 15px;
	}

	.analysis-form p {
		margin-top: 12px;
	}

	.analysis-form form {
		margin-top: 25px;
		display: grid;
	}

	.analysis-form form .form-group {
		margin-bottom: 15px;
	}

	.analysis-form form .default-btn {
		margin-top: 5px;
	}

	/*================================================
How It's Work Area CSS
=================================================*/
	.how-its-work-area {
		background-color: var(--blackColor);
	}

	.how-its-work-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.how-its-work-content h2 {
		margin-bottom: 15px;
		font-size: 42px;
		color: var(--whiteColor);
	}

	.how-its-work-content p {
		color: #e1e1e1;
	}

	.how-its-work-content .inner-box {
		margin-top: 35px;
	}

	.how-its-work-content .inner-box .single-item {
		position: relative;
		z-index: 1;
		padding-left: 100px;
		padding-bottom: 30px;
	}

	.how-its-work-content .inner-box .single-item .count-box {
		width: 65px;
		height: 65px;
		position: absolute;
		left: 5px;
		top: 5px;
		line-height: 65px;
		text-align: center;
		color: var(--whiteColor);
		border-radius: 50%;
		background-color: var(--blackColor);
		-webkit-box-shadow: #edf1fe 0 0 0 5px;
		box-shadow: #edf1fe 0 0 0 5px;
		font-size: 30px;
		font-weight: 800;
		font-style: italic;
	}

	.how-its-work-content .inner-box .single-item h3 {
		margin-bottom: 8px;
		color: var(--whiteColor);
		font-size: 25px;
	}

	.how-its-work-content .inner-box .single-item::before {
		content: '';
		position: absolute;
		top: 3px;
		width: 1px;
		height: 100%;
		background-color: var(--whiteColor);
		z-index: -1;
		left: 40px;
	}

	.how-its-work-content .inner-box .single-item::after {
		content: "\ea17";
		position: absolute;
		left: 26px;
		color: var(--whiteColor);
		bottom: 10px;
		-webkit-animation: fade-down 1.5s infinite linear;
		animation: fade-down 1.5s infinite linear;
		font-family: "boxicons" !important;
		font-size: 30px;
	}

	.how-its-work-content .inner-box .single-item:last-child {
		padding-bottom: 0;
	}

	.how-its-work-content .inner-box .single-item:last-child::before {
		display: none;
	}

	.how-its-work-content .inner-box .single-item:last-child::after {
		display: none;
	}

	.how-its-work-image {
		text-align: center;
	}

	/*================================================
Team Area CSS
=================================================*/
	.team-area {
		position: relative;
		z-index: 1;
	}

	.team-area .section-title {
		text-align: left;
		padding-left: 70px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	.team-area .row {
		margin-left: 0;
		margin-right: 0;
	}

	.team-area .row .col-lg-3,
	.team-area .row .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.team-area .shape3 {
		left: 85%;
		top: 20%;
	}

	.single-team-box {
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.single-team-box .content {
		position: absolute;
		left: 0;
		bottom: -20px;
		right: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: #f9f9f9;
		text-align: left;
		padding: 15px 30px;
	}

	.single-team-box .content h3 {
		margin-bottom: 0;
		font-size: 24px;
	}

	.single-team-box .content span {
		margin-top: 6px;
		display: block;
		font-weight: 600;
		color: var(--mainColor);
	}

	.single-team-box .social-link {
		position: absolute;
		right: 20px;
		top: 20px;
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.single-team-box .social-link li {
		display: block;
		margin-bottom: 8px;
	}

	.single-team-box .social-link li:last-child {
		margin-bottom: 0;
	}

	.single-team-box .social-link li a {
		width: 32px;
		height: 32px;
		text-align: center;
		color: var(--blackColor);
		background-color: var(--whiteColor);
		font-size: 18px;
		position: relative;
		border-radius: 2px;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: .4s;
		transition: .4s;
	}

	.single-team-box .social-link li a i {
		position: absolute;
		left: 0;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-48%);
		transform: translateY(-48%);
	}

	.single-team-box .social-link li a:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.single-team-box .social-link li:nth-child(2) a,
	.single-team-box .social-link li:nth-child(4) a,
	.single-team-box .social-link li:nth-child(6) a,
	.single-team-box .social-link li:nth-child(8) a {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	.single-team-box:hover .content {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}

	.single-team-box:hover .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.single-team-member {
		text-align: center;
		margin-bottom: 30px;
		position: relative;
		overflow: hidden;
	}

	.single-team-member .content {
		background-color: #f9f9f9;
		text-align: left;
		padding: 25px 25px 15px;
		position: relative;
	}

	.single-team-member .content h3 {
		margin-bottom: 0;
		font-size: 24px;
	}

	.single-team-member .content span {
		margin-top: 6px;
		display: block;
		font-weight: 600;
		color: var(--mainColor);
	}

	.single-team-member .content i {
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
		border-radius: 2px;
		position: absolute;
		right: 20px;
		top: -16px;
		display: inline-block;
	}

	.single-team-member .image {
		position: relative;
	}

	.single-team-member .image .social-link {
		position: absolute;
		right: 20px;
		bottom: 25px;
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.single-team-member .image .social-link li {
		display: block;
		margin-bottom: 8px;
	}

	.single-team-member .image .social-link li:last-child {
		margin-bottom: 0;
	}

	.single-team-member .image .social-link li a {
		width: 32px;
		height: 32px;
		text-align: center;
		color: var(--blackColor);
		background-color: var(--whiteColor);
		font-size: 18px;
		position: relative;
		border-radius: 2px;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: .4s;
		transition: .4s;
	}

	.single-team-member .image .social-link li a i {
		position: absolute;
		left: 0;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-48%);
		transform: translateY(-48%);
	}

	.single-team-member .image .social-link li a:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.single-team-member .image .social-link li:nth-child(2) a,
	.single-team-member .image .social-link li:nth-child(4) a,
	.single-team-member .image .social-link li:nth-child(6) a,
	.single-team-member .image .social-link li:nth-child(8) a {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	.single-team-member:hover .content i {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

	.single-team-member:hover .image .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.team-slides.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
	}

	.team-slides.owl-theme .owl-dots {
		margin-top: 10px !important;
	}

	.team-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 8px 0 0;
		background: transparent;
		border: 1px solid #fe9b81;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.team-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: var(--mainColor);
		border-radius: 50%;
		margin: 2px;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.team-slides.owl-theme .owl-dots .owl-dot:hover span,
	.team-slides.owl-theme .owl-dots .owl-dot.active span {
		border-color: var(--mainColor);
	}

	.team-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.team-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

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

	.team-area-two .section-title {
		max-width: 660px;
	}

	.team-area-two .shape3 {
		left: 85%;
		top: 20%;
	}

	.team-area-two .shape6 {
		left: 85%;
		bottom: 17%;
	}

	.shape17 {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}

	/*================================================
Pricing Area CSS
=================================================*/
	.pricing-area {
		position: relative;
		z-index: 1;
	}

	.pricing-area .shape3 {
		left: 85%;
		top: 20%;
	}

	.pricing-area .shape6 {
		left: 85%;
		bottom: 17%;
	}

	.single-pricing-box {
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
		text-align: center;
		border-radius: 5px;
		background-color: var(--whiteColor);
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.single-pricing-box .pricing-header .icon {
		background-color: #ffe9e3;
		position: relative;
		border-radius: 50%;
		width: 90px;
		text-align: center;
		height: 90px;
		line-height: 90px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-size: 40px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-pricing-box .pricing-header .icon .circles-box {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.single-pricing-box .pricing-header .icon .circles-box .circle-one {
		position: absolute;
		left: 8px;
		bottom: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: var(--mainColor);
	}

	.single-pricing-box .pricing-header .icon .circles-box .circle-two {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 12px;
		height: 12px;
		z-index: 1;
		border-radius: 50%;
		background-color: #1c17a0;
	}

	.single-pricing-box .pricing-header h3 {
		margin-bottom: 0;
		background-color: #f9f9f9;
		font-size: 24px;
		padding-top: 15px;
		padding-bottom: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.single-pricing-box .pricing-features {
		margin-bottom: 20px;
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.single-pricing-box .pricing-features ul {
		padding-left: 37px;
		margin-bottom: 0;
		list-style-type: inherit;
	}

	.single-pricing-box .pricing-features ul li {
		margin-bottom: 5px;
		color: #000000;
		font-size: 16px;
		font-weight: 600;
	}

	.single-pricing-box .pricing-features ul li:last-child {
		margin-bottom: 0;
	}

	.single-pricing-box .price {
		font-size: 30px;
		font-weight: 800;
	}

	.single-pricing-box .price span {
		display: block;
		color: #4b5280;
		margin-top: -3px;
		font-size: 18px;
		font-weight: 600;
	}

	.single-pricing-box .default-btn {
		margin-top: 20px;
		padding: 9px;
	}

	.col-lg-4:nth-child(2) .single-pricing-box .pricing-header .icon {
		background-color: #e5e0f2;
		color: #290390;
	}

	.col-lg-4:nth-child(2) .single-pricing-box .pricing-header .icon .circles-box .circle-one {
		background-color: #290390;
	}

	.col-lg-4:nth-child(2) .single-pricing-box .default-btn {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.col-lg-4:nth-child(2) .single-pricing-box .default-btn::before {
		background-color: #290390;
	}

	.col-lg-4:nth-child(2) .single-pricing-box .default-btn:hover {
		color: var(--whiteColor);
	}

	.col-lg-4:nth-child(3) .single-pricing-box .pricing-header .icon {
		background-color: #e4f4f3;
		color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-pricing-box .pricing-header .icon .circles-box .circle-one {
		background-color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-pricing-box .default-btn {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.col-lg-4:nth-child(3) .single-pricing-box .default-btn::before {
		background-color: #1fa299;
	}

	.col-lg-4:nth-child(3) .single-pricing-box .default-btn:hover {
		color: var(--whiteColor);
	}

	/*================================================
Gallery Area CSS
=================================================*/
	.single-gallery-item {
		position: relative;
		margin-bottom: 30px;
		z-index: 1;
		border-radius: 5px;
		overflow: hidden;
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}

	.single-gallery-item a {
		display: block;
		border-radius: 5px;
	}

	.single-gallery-item a img {
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.single-gallery-item:hover a img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-filter: blur(2px);
		filter: blur(2px);
	}

	/*================================================
Subscribe Area CSS
=================================================*/
	.subscribe-area {
		position: relative;
		z-index: 1;
		background: #f9f9f9;
	}

	.subscribe-content {
		max-width: 720px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.subscribe-content .sub-title {
		display: block;
		margin-bottom: 10px;
		color: var(--mainColor);
		text-transform: capitalize;
		font-size: 20.5px;
		font-weight: 700;
		border-bottom: 1px solid;
	}

	.subscribe-content h2 {
		margin-bottom: 0;
		font-size: 42px;
	}

	.subscribe-content p {
		max-width: 600px;
		font-size: 17px;
		font-weight: 600;
		margin-left: auto;
		margin-right: auto;
		margin-top: 12px;
	}

	.subscribe-content .newsletter-form {
		position: relative;
		max-width: 600px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.subscribe-content .newsletter-form .input-newsletter {
		display: block;
		width: 100%;
		border: 1px solid #ddd;
		/* background-color: #ffffff; */
		color: var(--blackColor);
		height: 50px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		padding-left: 18px;
		border-radius: 5px;
		font-size: 16px;
		font-weight: 400;
	}

	.subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.subscribe-content .newsletter-form .input-newsletter::placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
		color: transparent;
	}

	.subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
		color: transparent;
	}

	.subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
		color: transparent;
	}

	.subscribe-content .newsletter-form .validation-danger {
		color: red;
		margin-top: 15px;
	}

	.subscribe-content .newsletter-form .validation-success {
		margin-top: 15px;
	}

	.subscribe-content .newsletter-form .default-btn {
		position: absolute;
		right: 0;
		top: 0;
		height: 50px;
	}

	.subscribe-content .newsletter-form .default-btn i {
		top: 12px;
	}

	.shape9 {
		position: absolute;
		left: 17%;
		bottom: 30%;
		z-index: -1;
	}

	.shape9 img {
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 40s;
		animation-duration: 40s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.shape10 {
		position: absolute;
		left: 20%;
		bottom: 45%;
		z-index: -1;
	}

	.shape10 img {
		-webkit-animation: movescale 5s linear infinite;
		animation: movescale 5s linear infinite;
	}

	.shape11 {
		position: absolute;
		right: 14%;
		bottom: 15%;
		z-index: -1;
	}

	.shape11 img {
		-webkit-animation-name: rotateme;
		animation-name: rotateme;
		-webkit-animation-duration: 40s;
		animation-duration: 40s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	.shape12 {
		position: absolute;
		right: 11%;
		bottom: 33%;
		z-index: -1;
	}

	.shape12 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	/*================================================
Project Start Area CSS
=================================================*/
	.project-start-area {
		position: relative;
		z-index: 1;
	}

	.project-start-area .shape3 {
		left: 85%;
		top: 20%;
	}

	.project-start-area .shape6 {
		left: 85%;
		bottom: 17%;
	}

	.project-start-content {
		padding-left: 30px;
	}

	.project-start-content .sub-title {
		display: block;
		margin-bottom: 12px;
		color: var(--mainColor);
		text-transform: uppercase;
		font-size: 15.5px;
		font-weight: 700;
	}

	.project-start-content h2 {
		margin-bottom: 0;
		font-size: 42px;
	}

	.project-start-content p {
		margin-top: 12px;
	}

	.project-start-content .default-btn {
		margin-top: 5px;
	}

	/*================================================
Blog Area CSS
=================================================*/
	.single-blog-post {
		margin-bottom: 30px;
		padding: 12px 12px 25px;
		border-radius: 5px;
		background-color: var(--whiteColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.single-blog-post .image {
		border-radius: 5px;
	}

	.single-blog-post .image a {
		border-radius: 5px;
	}

	.single-blog-post .image a img {
		border-radius: 5px;
		width: 100%;
	}

	.single-blog-post .content {
		padding-top: 25px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.single-blog-post .content h3 {
		margin-bottom: 0;
		font-size: 20px;
		line-height: 1.5;
	}

	.single-blog-post .content .d-flex {
		margin-top: 20px;
	}

	.single-blog-post .content .d-flex img {
		width: 55px;
		height: 55px;
		border-radius: 50%;
	}

	.single-blog-post .content .d-flex .info {
		margin-left: 15px;
	}

	.single-blog-post .content .d-flex .info h5 {
		margin-bottom: 0;
		font-size: 18px;
	}

	.single-blog-post .content .d-flex .info span {
		display: block;
		color: var(--optionalColor);
		margin-top: 3px;
	}

	.single-blog-post:hover {
		-webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.owl-item .single-blog-post {
		background-color: #f9f9f9;
		-webkit-box-shadow: unset !important;
		box-shadow: unset !important;
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}

	.blog-slides.owl-theme .owl-nav {
		margin-top: 10px;
	}

	.blog-slides.owl-theme .owl-nav [class*=owl-] {
		-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		width: 34px;
		height: 34px;
		line-height: 34px;
		margin: 0 5px;
		padding: 0;
		background-color: var(--whiteColor);
	}

	.blog-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	/*================================================
Blog Details Area CSS
=================================================*/
	.blog-details-desc {
		background-color: var(--whiteColor);
		padding: 25px;
	}

	.blog-details-desc .article-image img {
		width: 100%;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav {
		margin-top: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-] {
		color: #87a1c1;
		font-size: 18px;
		margin: 0;
		padding: 0;
		background: var(--whiteColor);
		width: 45px;
		height: 45px;
		line-height: 40px;
		position: absolute;
		left: 20px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		border-style: solid;
		border-color: var(--whiteColor);
		border-width: 1.5px;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: 20px;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border-color: var(--mainColor);
	}

	.blog-details-desc .article-image-slides.owl-theme:hover .owl-nav {
		opacity: 1;
		visibility: visible;
	}

	.blog-details-desc .article-video iframe {
		width: 100%;
		height: 400px;
		border: none !important;
	}

	.blog-details-desc .article-content {
		margin-top: 30px;
	}

	.blog-details-desc .article-content .entry-meta ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.blog-details-desc .article-content .entry-meta ul li {
		margin-right: 20px;
		position: relative;
		display: inline-block;
		border-right: 1px solid #eeeeee;
		font-weight: 600;
		padding-right: 20px;
		padding-left: 45px;
	}

	.blog-details-desc .article-content .entry-meta ul li i {
		font-size: 32px;
		color: #cfcfcf;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.blog-details-desc .article-content .entry-meta ul li span {
		display: block;
		color: var(--mainColor);
		text-transform: uppercase;
		margin-bottom: 2px;
		font-size: 14px;
		font-weight: 600;
	}

	.blog-details-desc .article-content .entry-meta ul li:last-child {
		padding-right: 0;
		margin-right: 0;
		border-right: none;
	}

	.blog-details-desc .article-content h3 {
		margin-bottom: 15px;
		margin-top: 25px;
		font-size: 25px;
	}

	.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-right: -10px;
		margin-left: -10px;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.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-desc .article-content .wp-block-gallery.columns-3 li figure {
		margin-bottom: 0;
	}

	.blog-details-desc .article-content .features-list {
		padding-left: 0;
		list-style-type: none;
		margin-top: 25px;
		margin-bottom: 30px;
	}

	.blog-details-desc .article-content .features-list li {
		margin-bottom: 15px;
		position: relative;
		padding-left: 26px;
		font-weight: 600;
		color: var(--optionalColor);
	}

	.blog-details-desc .article-content .features-list li i {
		color: var(--mainColor);
		display: inline-block;
		font-size: 20px;
		position: absolute;
		left: 0;
		top: 1px;
	}

	.blog-details-desc .article-content .features-list li:last-child {
		margin-bottom: 0;
	}

	.blog-details-desc .article-footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 1px solid #eeeeee;
		padding-top: 30px;
		margin-top: 30px;
	}

	.blog-details-desc .article-footer .article-tags {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		color: var(--optionalColor);
	}

	.blog-details-desc .article-footer .article-tags span {
		display: inline-block;
		color: var(--blackColor);
		margin-right: 3px;
		position: relative;
		top: 3px;
		font-size: 20px;
	}

	.blog-details-desc .article-footer .article-tags a {
		display: inline-block;
		font-weight: 700;
	}

	.blog-details-desc .article-footer .article-share {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.blog-details-desc .article-footer .article-share .social {
		padding-left: 0;
		list-style-type: none;
		text-align: right;
		margin-bottom: 0;
	}

	.blog-details-desc .article-footer .article-share .social li {
		display: inline-block;
	}

	.blog-details-desc .article-footer .article-share .social li span {
		display: inline-block;
		margin-right: 3px;
		font-weight: 700;
		position: relative;
		top: -1px;
	}

	.blog-details-desc .article-footer .article-share .social li a {
		display: block;
		width: 32px;
		height: 32px;
		line-height: 34px;
		border-radius: 50%;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border: 1px solid var(--mainColor);
		text-align: center;
		font-size: 17px;
		margin-left: 2px;
	}

	.blog-details-desc .article-footer .article-share .social li a:hover,
	.blog-details-desc .article-footer .article-share .social li a:focus {
		color: var(--mainColor);
		background-color: transparent;
	}

	.blog-details-desc .article-footer .article-share .social li a.facebook {
		background-color: #3b5998;
		border-color: #3b5998;
		color: var(--whiteColor);
	}

	.blog-details-desc .article-footer .article-share .social li a.facebook:hover,
	.blog-details-desc .article-footer .article-share .social li a.facebook:focus {
		color: #3b5998;
		background-color: transparent;
	}

	.blog-details-desc .article-footer .article-share .social li a.twitter {
		background-color: #1da1f2;
		border-color: #1da1f2;
		color: var(--whiteColor);
	}

	.blog-details-desc .article-footer .article-share .social li a.twitter:hover,
	.blog-details-desc .article-footer .article-share .social li a.twitter:focus {
		color: #1da1f2;
		background-color: transparent;
	}

	.blog-details-desc .article-footer .article-share .social li a.linkedin {
		background-color: #007bb5;
		border-color: #007bb5;
		color: var(--whiteColor);
	}

	.blog-details-desc .article-footer .article-share .social li a.linkedin:hover,
	.blog-details-desc .article-footer .article-share .social li a.linkedin:focus {
		color: #007bb5;
		background-color: transparent;
	}

	.blog-details-desc .article-footer .article-share .social li a.instagram {
		background-color: #c13584;
		border-color: #c13584;
		color: var(--whiteColor);
	}

	.blog-details-desc .article-footer .article-share .social li a.instagram:hover,
	.blog-details-desc .article-footer .article-share .social li a.instagram:focus {
		color: #c13584;
		background-color: transparent;
	}

	.blog-details-desc .article-author {
		margin-top: 30px;
		border-radius: 5px;
		background: #fdfcfc;
	}

	.blog-details-desc .article-author .author-profile-header {
		height: 115px;
		border-radius: 5px 5px 0 0;
		background-color: var(--mainColor);
		background-image: url(../img/bg.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.blog-details-desc .article-author .author-profile {
		padding: 0 25px 25px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title {
		position: relative;
		z-index: 1;
		margin-top: -45px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title img {
		display: inline-block;
		border: 3px solid var(--whiteColor);
		width: 100px;
		height: 100px;
		margin-bottom: 25px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title h4 {
		margin-bottom: 5px;
		font-size: 22px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title span {
		display: block;
		margin-bottom: 12px;
		font-size: 16px;
		color: var(--optionalColor);
	}

	.blog-details-desc .article-author .author-profile .author-profile-title p {
		font-size: 16px;
	}

	blockquote,
	.blockquote {
		overflow: hidden;
		background-color: #fafafa;
		padding: 50px !important;
		position: relative;
		text-align: center;
		z-index: 1;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	blockquote p,
	.blockquote p {
		color: var(--blackColor);
		line-height: 1.6;
		margin-bottom: 0;
		font-style: italic;
		font-weight: 700;
		font-size: 22px !important;
	}

	blockquote cite,
	.blockquote cite {
		display: none;
	}

	blockquote::before,
	.blockquote::before {
		color: #efefef;
		position: absolute;
		-webkit-animation: fade-up 1.5s infinite linear;
		animation: fade-up 1.5s infinite linear;
		left: 50px;
		top: -50px;
		z-index: -1;
		content: "\f118";
		font-family: Flaticon;
		font-size: 135px;
	}

	blockquote::after,
	.blockquote::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 3px;
		background-color: var(--mainColor);
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.dibiz-post-navigation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
	}

	.prev-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 15px;
	}

	.prev-link-wrapper a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.prev-link-wrapper a:hover .image-prev::after {
		opacity: 1;
		visibility: visible;
	}

	.prev-link-wrapper a:hover .image-prev .post-nav-title {
		opacity: 1;
		visibility: visible;
	}

	.prev-link-wrapper a:hover .prev-link-info-wrapper {
		color: var(--mainColor);
	}

	.prev-link-wrapper .image-prev {
		display: inline-block;
		min-width: 100px;
		width: 100px;
		border-radius: 5px;
		overflow: hidden;
		vertical-align: top;
		margin-right: 20px;
		position: relative;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.prev-link-wrapper .image-prev img {
		border-radius: 5px;
	}

	.prev-link-wrapper .image-prev::after {
		display: block;
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 5px;
		opacity: 0;
		background-color: var(--mainColor);
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.prev-link-wrapper .image-prev .post-nav-title {
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		margin: 0 auto;
		text-align: center;
		text-transform: uppercase;
		z-index: 2;
		color: var(--whiteColor);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: var(--fontSize);
		font-weight: 700;
	}

	.prev-link-wrapper .prev-link-info-wrapper {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.prev-link-wrapper .prev-title {
		display: inline-block;
		font-weight: 800;
		font-size: 17px;
	}

	.prev-link-wrapper .meta-wrapper {
		display: block;
		color: var(--optionalColor);
		text-transform: capitalize;
		margin-top: 7px;
		font-weight: 600;
		font-size: 16px;
	}

	.next-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		text-align: right;
		padding-left: 15px;
	}

	.next-link-wrapper a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.next-link-wrapper a:hover .image-next::after {
		opacity: 1;
		visibility: visible;
	}

	.next-link-wrapper a:hover .image-next .post-nav-title {
		opacity: 1;
		visibility: visible;
	}

	.next-link-wrapper a:hover .next-link-info-wrapper {
		color: var(--mainColor);
	}

	.next-link-wrapper .image-next {
		display: inline-block;
		min-width: 100px;
		width: 100px;
		border-radius: 5px;
		overflow: hidden;
		vertical-align: top;
		margin-left: 20px;
		position: relative;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.next-link-wrapper .image-next img {
		border-radius: 5px;
	}

	.next-link-wrapper .image-next::after {
		display: block;
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 5px;
		opacity: 0;
		background-color: var(--mainColor);
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.next-link-wrapper .image-next .post-nav-title {
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		margin: 0 auto;
		text-align: center;
		text-transform: uppercase;
		z-index: 2;
		color: var(--whiteColor);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: var(--fontSize);
		font-weight: 700;
	}

	.next-link-wrapper .next-link-info-wrapper {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--blackColor);
	}

	.next-link-wrapper .next-title {
		display: inline-block;
		font-weight: 800;
		font-size: 17px;
	}

	.next-link-wrapper .meta-wrapper {
		display: block;
		color: var(--optionalColor);
		text-transform: capitalize;
		margin-top: 7px;
		font-weight: 600;
		font-size: 16px;
	}

	.comments-area {
		margin-top: 30px;
	}

	.comments-area .comments-title {
		line-height: initial;
		margin-bottom: 30px;
		font-size: 25px;
	}

	.comments-area ol,
	.comments-area ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.comments-area .comment-list {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.comments-area .children {
		margin-left: 20px;
	}

	.comments-area .comment-body {
		border-bottom: 1px dashed #eeeeee;
		padding-left: 70px;
		color: var(--blackColor);
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.comments-area .comment-body .reply {
		margin-top: 15px;
	}

	.comments-area .comment-body .reply a {
		border: 1px dashed #ded9d9;
		color: var(--blackColor);
		display: inline-block;
		padding: 6px 20px 3px;
		border-radius: 30px;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 800;
	}

	.comments-area .comment-body .reply a:hover {
		color: var(--whiteColor);
		background-color: var(--mainColor);
		border-color: var(--mainColor);
	}

	.comments-area .comment-author {
		font-size: 18px;
		margin-bottom: 8px;
		position: relative;
		z-index: 2;
	}

	.comments-area .comment-author .avatar {
		height: 50px;
		left: -65px;
		position: absolute;
		width: 50px;
		top: 4px;
		border-radius: 15px;
	}

	.comments-area .comment-author .fn {
		font-weight: 800;
	}

	.comments-area .comment-author .says {
		display: none;
	}

	.comments-area .comment-metadata {
		margin-bottom: .8em;
		color: var(--optionalColor);
		letter-spacing: 0.01em;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 400;
	}

	.comments-area .comment-metadata a {
		display: inline-block;
		color: var(--optionalColor);
	}

	.comments-area .comment-metadata a:hover {
		color: var(--mainColor);
	}

	.comments-area .comment-respond {
		margin-top: 30px;
	}

	.comments-area .comment-respond .comment-reply-title {
		margin-bottom: 0;
		font-size: 25px;
	}

	.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
		display: inline-block;
	}

	.comments-area .comment-respond .comment-form {
		overflow: hidden;
	}

	.comments-area .comment-respond .comment-notes {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.comments-area .comment-respond .comment-notes .required {
		color: red;
	}

	.comments-area .comment-respond .comment-form-comment {
		float: left;
		width: 100%;
	}

	.comments-area .comment-respond label {
		display: none;
	}

	.comments-area .comment-respond input[type="date"],
	.comments-area .comment-respond input[type="time"],
	.comments-area .comment-respond input[type="datetime-local"],
	.comments-area .comment-respond input[type="week"],
	.comments-area .comment-respond input[type="month"],
	.comments-area .comment-respond input[type="text"],
	.comments-area .comment-respond input[type="email"],
	.comments-area .comment-respond input[type="url"],
	.comments-area .comment-respond input[type="password"],
	.comments-area .comment-respond input[type="search"],
	.comments-area .comment-respond input[type="tel"],
	.comments-area .comment-respond input[type="number"],
	.comments-area .comment-respond textarea {
		display: block;
		width: 100%;
		background-color: #f4f4f4;
		border: none;
		padding: 1px 0 0 15px;
		height: 50px;
		outline: 0;
		border-radius: 3px;
		color: var(--blackColor);
		font-size: 16px;
	}

	.comments-area .comment-respond input[type="date"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="time"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="week"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="month"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="text"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="email"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="url"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="password"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="search"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="number"]::-webkit-input-placeholder,
	.comments-area .comment-respond textarea::-webkit-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--optionalColor);
	}

	.comments-area .comment-respond input[type="date"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="time"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="week"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="month"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="text"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="email"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="url"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="password"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="search"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="tel"]:-ms-input-placeholder,
	.comments-area .comment-respond input[type="number"]:-ms-input-placeholder,
	.comments-area .comment-respond textarea:-ms-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--optionalColor);
	}

	.comments-area .comment-respond input[type="date"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="time"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="week"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="month"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="text"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="email"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="url"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="password"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="search"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="tel"]::-ms-input-placeholder,
	.comments-area .comment-respond input[type="number"]::-ms-input-placeholder,
	.comments-area .comment-respond textarea::-ms-input-placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--optionalColor);
	}

	.comments-area .comment-respond input[type="date"]::placeholder,
	.comments-area .comment-respond input[type="time"]::placeholder,
	.comments-area .comment-respond input[type="datetime-local"]::placeholder,
	.comments-area .comment-respond input[type="week"]::placeholder,
	.comments-area .comment-respond input[type="month"]::placeholder,
	.comments-area .comment-respond input[type="text"]::placeholder,
	.comments-area .comment-respond input[type="email"]::placeholder,
	.comments-area .comment-respond input[type="url"]::placeholder,
	.comments-area .comment-respond input[type="password"]::placeholder,
	.comments-area .comment-respond input[type="search"]::placeholder,
	.comments-area .comment-respond input[type="tel"]::placeholder,
	.comments-area .comment-respond input[type="number"]::placeholder,
	.comments-area .comment-respond textarea::placeholder {
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--optionalColor);
	}

	.comments-area .comment-respond input[type="date"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="time"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="week"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="month"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="text"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="email"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="url"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="password"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="search"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="tel"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond input[type="number"]:focus::-webkit-input-placeholder,
	.comments-area .comment-respond textarea:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.comments-area .comment-respond input[type="date"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="time"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="week"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="month"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="text"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="email"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="url"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="password"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="search"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="tel"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond input[type="number"]:focus:-ms-input-placeholder,
	.comments-area .comment-respond textarea:focus:-ms-input-placeholder {
		color: transparent;
	}

	.comments-area .comment-respond input[type="date"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="time"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="datetime-local"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="week"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="month"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="text"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="email"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="url"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="password"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="search"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="tel"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond input[type="number"]:focus::-ms-input-placeholder,
	.comments-area .comment-respond textarea:focus::-ms-input-placeholder {
		color: transparent;
	}

	.comments-area .comment-respond input[type="date"]:focus::placeholder,
	.comments-area .comment-respond input[type="time"]:focus::placeholder,
	.comments-area .comment-respond input[type="datetime-local"]:focus::placeholder,
	.comments-area .comment-respond input[type="week"]:focus::placeholder,
	.comments-area .comment-respond input[type="month"]:focus::placeholder,
	.comments-area .comment-respond input[type="text"]:focus::placeholder,
	.comments-area .comment-respond input[type="email"]:focus::placeholder,
	.comments-area .comment-respond input[type="url"]:focus::placeholder,
	.comments-area .comment-respond input[type="password"]:focus::placeholder,
	.comments-area .comment-respond input[type="search"]:focus::placeholder,
	.comments-area .comment-respond input[type="tel"]:focus::placeholder,
	.comments-area .comment-respond input[type="number"]:focus::placeholder,
	.comments-area .comment-respond textarea:focus::placeholder {
		color: transparent;
	}

	.comments-area .comment-respond textarea {
		height: auto !important;
		padding-top: 15px;
	}

	.comments-area .comment-respond .comment-form-author {
		float: left;
		width: 50%;
		padding-right: 10px;
		margin-bottom: 20px;
	}

	.comments-area .comment-respond .comment-form-email {
		float: left;
		width: 50%;
		padding-left: 12px;
		margin-bottom: 20px;
	}

	.comments-area .comment-respond .comment-form-url {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.comments-area .comment-respond .comment-form-cookies-consent {
		width: 100%;
		float: left;
		position: relative;
		padding-left: 20px;
		margin-bottom: 20px;
		margin-top: 15px;
	}

	.comments-area .comment-respond .comment-form-cookies-consent input {
		position: absolute;
		left: 0;
		top: 6px;
	}

	.comments-area .comment-respond .comment-form-cookies-consent label {
		display: inline-block;
		margin: 0;
		color: var(--optionalColor);
		font-weight: normal;
		font-size: var(--fontSize);
	}

	.comments-area .comment-respond .form-submit {
		float: left;
		width: 100%;
	}

	.comments-area .comment-respond .form-submit input {
		background: var(--mainColor);
		border: none;
		color: var(--whiteColor);
		padding: 12px 30px 10px;
		display: inline-block;
		cursor: pointer;
		text-transform: capitalize;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 0;
		font-weight: 700;
		font-size: 16px;
	}

	.comments-area .comment-respond .form-submit input:hover,
	.comments-area .comment-respond .form-submit input:focus {
		color: var(--whiteColor);
		background: var(--blackColor);
	}

	/*================================================
Products Area CSS
=================================================*/
	.single-products-box {
		position: relative;
		margin-bottom: 30px;
		border: 1px solid #ddd;
		border-radius: 15px;
		box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
		padding: 13px 21px;
	}

	.single-products-box .products-image {
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.single-products-box .products-image a {
		position: relative;
		display: block;
	}

	.single-products-box .products-image a img {
		-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
		transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	}

	.single-products-box .products-image .products-button {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 1;
	}

	.single-products-box .products-image .products-button ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.single-products-box .products-image .products-button ul li {
		margin-bottom: 10px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.single-products-box .products-image .products-button ul li a {
		display: inline-block;
		font-size: 20px;
		line-height: 1;
		color: var(--blackColor);
		position: relative;
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
		background-color: var(--whiteColor);
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 45px;
		border-radius: 50%;
	}

	.single-products-box .products-image .products-button ul li a .tooltip-label {
		right: 110%;
		top: 5px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		position: absolute;
		padding: 0 10px;
		visibility: hidden;
		white-space: nowrap;
		opacity: 0;
		color: transparent;
		background-color: transparent;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		line-height: 28px;
		font-size: 12px;
		font-weight: 800;
	}

	.single-products-box .products-image .products-button ul li a .tooltip-label::before {
		content: '';
		background-color: var(--mainColor);
		top: 50%;
		position: absolute;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		right: -1px;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
	}

	.single-products-box .products-image .products-button ul li a:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.single-products-box .products-image .products-button ul li a:hover .tooltip-label {
		visibility: visible;
		opacity: 1;
		right: 135%;
	}

	.single-products-box .products-image .products-button ul li:last-child {
		margin-bottom: 0;
	}

	.single-products-box .products-image .products-button ul li:nth-child(1) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.single-products-box .products-image .products-button ul li:nth-child(2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.single-products-box .products-image .products-button ul li:nth-child(3) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.single-products-box .products-image .sale-tag {
		position: absolute;
		left: 20px;
		top: 20px;
		background-color: red;
		color: var(--whiteColor);
		width: 55px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		border-radius: 50%;
		z-index: 2;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
	}

	.single-products-box .products-image .new-tag {
		position: absolute;
		left: 20px;
		top: 20px;
		background-color: green;
		color: var(--whiteColor);
		text-align: center;
		z-index: 2;
		padding: 1px 7px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
	}

	.single-products-box .products-content {
		margin-top: 25px;
		position: relative;
	}

	.single-products-box .products-content h3 {
		margin-bottom: 0;
		font-size: 23px;
	}

	.single-products-box .products-content h3 a {
		display: inline-block;
		font-size: 18px;
		text-align: center;
		margin-bottom: 8px;
	}

	.single-products-box .products-content .price {
		margin-top: 13px;
		font-size: 16px;
		font-weight: 800;
	}

	.single-products-box .products-content .price .old-price {
		text-decoration: line-through;
		color: #999999;
		font-weight: 700;
	}

	.single-products-box .products-content .add-to-cart {
		position: absolute;
		right: 0;
		bottom: 0;
		border: 1px solid #ddd;
		text-transform: uppercase;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		display: inline-block;
		color: var(--optionalColor);
		padding: 6px 27px;
		font-size: 14px;
		font-weight: 800;
	}

	.single-products-box .products-content .add-to-cart:hover {
		color: var(--mainColor);
	}

	.single-products-box:hover .products-image a img {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
		transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
	}

	.single-products-box:hover .products-image .products-button ul li {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}

	.dibiz-grid-sorting {
		margin-bottom: 40px;
	}

	.dibiz-grid-sorting .result-count p {
		font-weight: 500;
	}

	.dibiz-grid-sorting .result-count p .count {
		font-weight: 700;
		color: var(--blackColor);
	}

	.dibiz-grid-sorting .ordering {
		text-align: right;
	}

	.dibiz-grid-sorting .ordering label {
		display: inline-block;
		margin-bottom: 0;
		color: var(--optionalColor);
		margin-right: 5px;
		font-weight: 700;
	}

	.dibiz-grid-sorting .ordering .nice-select {
		display: inline-block;
		width: 215px;
		float: unset;
		background: #f8f8f8;
		border-color: #eeeeee;
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		padding: 0 0 0 12px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		font-weight: 700;
	}

	.dibiz-grid-sorting .ordering .nice-select .list {
		background-color: var(--whiteColor);
		border-radius: 5px;
		-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		list-style-type: none;
		border: none;
		width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option {
		line-height: 38px;
		min-height: 38px;
		color: var(--blackColor);
		position: relative;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		padding-left: 32px;
		padding-right: 25px;
		font-size: 16.5px;
		font-weight: 700;
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option:hover {
		background-color: var(--mainColor) !important;
		color: var(--whiteColor);
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option:hover::before {
		color: var(--whiteColor);
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option.focus,
	.dibiz-grid-sorting .ordering .nice-select .list .option.selected.focus {
		background-color: transparent !important;
		color: var(--blackColor);
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option::before {
		content: "\ea0f";
		position: absolute;
		left: 10px;
		top: -3px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-family: 'boxicons';
		font-size: 20px;
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option.selected::before {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option.selected:hover {
		background-color: var(--mainColor) !important;
		color: var(--whiteColor);
	}

	.dibiz-grid-sorting .ordering .nice-select .list .option.selected:hover::before {
		color: var(--whiteColor);
	}

	.dibiz-grid-sorting .ordering .nice-select:after {
		border-color: var(--blackColor);
		height: 8px;
		width: 8px;
		margin-top: -5px;
	}

	.dibiz-grid-sorting .ordering .nice-select:hover {
		border-color: var(--mainColor);
		background-color: transparent;
	}

	/*================================================
Products Details Area CSS
=================================================*/
	.products-details-image {
		border-radius: 5px;
	}

	.products-details-image a {
		display: block;
		border-radius: 5px;
	}

	.products-details-image a img {
		border-radius: 5px;
	}

	.products-details-desc {
		padding-left: 30px;
	}

	.products-details-desc h3 {
		margin-bottom: 15px;
		font-size: 30px;
	}

	.products-details-desc .price {
		margin-bottom: 15px;
		color: var(--mainColor);
		font-size: 15.5px;
		font-weight: 700;
	}

	.products-details-desc .price .old-price {
		text-decoration: line-through;
		color: #828893;
		font-weight: normal;
	}

	.products-details-desc .products-review {
		margin-bottom: 18px;
	}

	.products-details-desc .products-review .rating {
		display: inline-block;
		padding-right: 5px;
		font-size: 18px;
	}

	.products-details-desc .products-review .rating i {
		color: #ffba0a;
		display: inline-block;
		margin-right: -2px;
	}

	.products-details-desc .products-review .rating-count {
		display: inline-block;
		color: var(--blackColor);
		border-bottom: 1px solid var(--blackColor);
		line-height: initial;
		position: relative;
		top: -3px;
		font-weight: 600;
	}

	.products-details-desc .products-review .rating-count:hover {
		color: var(--mainColor);
		border-color: var(--mainColor);
	}

	.products-details-desc .products-meta {
		margin-top: 20px;
	}

	.products-details-desc .products-meta span {
		display: block;
		color: var(--blackColor);
		margin-bottom: 10px;
		font-weight: 700;
	}

	.products-details-desc .products-meta span span {
		display: inline-block;
		margin-bottom: 0;
		font-weight: 600;
	}

	.products-details-desc .products-meta span span.sku {
		color: var(--mainColor);
	}

	.products-details-desc .products-meta span span.in-stock {
		color: var(--optionalColor);
	}

	.products-details-desc .products-meta span a {
		display: inline-block;
		color: var(--optionalColor);
		font-weight: 600;
	}

	.products-details-desc .products-meta span a:hover,
	.products-details-desc .products-meta span a:focus {
		color: var(--mainColor);
	}

	.products-details-desc .products-meta span:last-child {
		margin-bottom: 0;
	}

	.products-details-desc .products-add-to-cart {
		margin-top: 25px;
	}

	.products-details-desc .products-add-to-cart .input-counter {
		max-width: 130px;
		min-width: 130px;
		margin-right: 10px;
		text-align: center;
		display: inline-block;
		position: relative;
	}

	.products-details-desc .products-add-to-cart .input-counter span {
		position: absolute;
		top: 0;
		background-color: transparent;
		cursor: pointer;
		color: #d0d0d0;
		width: 50px;
		height: 100%;
		line-height: 55px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 25px;
	}

	.products-details-desc .products-add-to-cart .input-counter span.minus-btn {
		left: 0;
		top: 13px;
	}

	.products-details-desc .products-add-to-cart .input-counter span.plus-btn {
		right: 0;
		top: 13px;
	}

	.products-details-desc .products-add-to-cart .input-counter span:hover {
		color: var(--mainColor);
	}

	.products-details-desc .products-add-to-cart .input-counter input {
		height: 50px;
		color: var(--blackColor);
		outline: 0;
		display: block;
		border: none;
		background-color: #f8f8f8;
		text-align: center;
		width: 100%;
		font-size: 17px;
		font-weight: 600;
	}

	.products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder {
		color: var(--blackColor);
	}

	.products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder {
		color: var(--blackColor);
	}

	.products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder {
		color: var(--blackColor);
	}

	.products-details-desc .products-add-to-cart .input-counter input::placeholder {
		color: var(--blackColor);
	}

	.products-details-desc .products-add-to-cart .default-btn {
		top: -2px;
		padding-top: 12.5px;
		padding-bottom: 12.5px;
	}

	.products-details-desc .products-share {
		margin-top: 30px;
	}

	.products-details-desc .products-share .social {
		padding-left: 0;
		list-style-type: none;
		margin-bottom: 0;
	}

	.products-details-desc .products-share .social li {
		display: inline-block;
	}

	.products-details-desc .products-share .social li span {
		display: inline-block;
		margin-right: 3px;
		font-weight: 700;
		position: relative;
		top: -2px;
	}

	.products-details-desc .products-share .social li a {
		display: block;
		width: 32px;
		height: 32px;
		line-height: 34px;
		border-radius: 50%;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		border: 1px solid var(--mainColor);
		text-align: center;
		font-size: 17px;
		margin-top: 0px;
		margin-left: 2px;
	}

	.products-details-desc .products-share .social li a:hover,
	.products-details-desc .products-share .social li a:focus {
		color: var(--mainColor);
		background-color: transparent;
	}

	.products-details-desc .products-share .social li a.facebook {
		background-color: #3b5998;
		border-color: #3b5998;
		color: var(--whiteColor);
		margin-top: 0px;
	}

	.products-details-desc .products-share .social li a.facebook:hover,
	.products-details-desc .products-share .social li a.facebook:focus {
		color: #3b5998;
		background-color: transparent;
	}

	.products-details-desc .products-share .social li a.twitter {
		background-color: #1da1f2;
		border-color: #1da1f2;
		color: var(--whiteColor);
	}

	.products-details-desc .products-share .social li a.twitter:hover,
	.products-details-desc .products-share .social li a.twitter:focus {
		color: #1da1f2;
		background-color: transparent;
	}

	.products-details-desc .products-share .social li a.linkedin {
		background-color: #007bb5;
		border-color: #007bb5;
		color: var(--whiteColor);
	}

	.products-details-desc .products-share .social li a.linkedin:hover,
	.products-details-desc .products-share .social li a.linkedin:focus {
		color: #007bb5;
		background-color: transparent;
	}

	.products-details-desc .products-share .social li a.instagram {
		background-color: #c13584;
		border-color: #c13584;
		color: var(--whiteColor);
	}

	.products-details-desc .products-share .social li a.instagram:hover,
	.products-details-desc .products-share .social li a.instagram:focus {
		color: #c13584;
		background-color: transparent;
	}

	.products-details-tabs {
		margin-top: 50px;
	}

	.products-details-tabs .nav {
		text-align: center;
		padding-left: 0;
		margin-bottom: 40px;
		/* list-style-type: none; */
		display: block;
	}

	.products-details-tabs .nav .nav-item {
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}

	.products-details-tabs .nav .nav-item .nav-link {
		color: #000000;
		border: none;
		border: 1px solid #eeeeee;
		padding: 10px 52px;
		background-color: transparent;
		position: relative;
		padding-bottom: 2px;
		font-size: 15px !important;
		margin-bottom: 6px;
		margin-top: 7px;
		font-weight: 700 !important;
	}

	.products-details-tabs .nav .nav-item .nav-link::before {
		content: '';
		position: absolute;
		left: 0;
		width: 0;
		height: 3px;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		bottom: -1px;
	}

	.products-details-tabs .nav .nav-item .nav-link:hover,
	.products-details-tabs .nav .nav-item .nav-link.active {
		color: var(--blackColor);
	}

	.products-details-tabs .nav .nav-item .nav-link:hover::before,
	.products-details-tabs .nav .nav-item .nav-link.active::before {
		width: 100%;
	}

	.products-details-tabs .tab-content .tab-pane {
		max-width: 910px;
		margin-left: auto;
		margin-right: auto;
	}

	.products-details-tabs .tab-content .tab-pane p {
		line-height: 1.8;
	}

	.products-details-tabs .tab-content .tab-pane ul {
		padding-left: 0;
		list-style-type: none;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.products-details-tabs .tab-content .tab-pane ul li {
		margin-bottom: 12px;
		position: relative;
		color: var(--optionalColor);
		text-align: left;
		padding-left: 15px;
		font-weight: 700;
		font-size: 15px;
	}

	.products-details-tabs .tab-content .tab-pane ul li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 8px;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background-color: var(--blackColor);
	}

	.products-details-tabs .tab-content .tab-pane ul li:last-child {
		margin-bottom: 0;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
		margin-bottom: 0;
		display: inline-block;
		margin-right: 15px;
		font-size: 25px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating {
		display: inline-block;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
		font-size: 17px;
		color: #cecfd2;
		margin-right: -2px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating span.checked {
		color: orange;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span {
		display: block;
		color: var(--optionalColor);
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .row {
		overflow: hidden;
		margin-left: 0;
		margin-right: 0;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side {
		float: left;
		width: 9%;
		margin-top: 10px;
		padding-left: 0;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
		font-weight: 700;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .middle {
		margin-top: 14px;
		float: left;
		width: 82%;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .right {
		text-align: right;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-container {
		width: 100%;
		background-color: #f1f1f1;
		text-align: center;
		color: var(--whiteColor);
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-5 {
		width: 100%;
		height: 18px;
		background-color: #4CAF50;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-4 {
		width: 75%;
		height: 18px;
		background-color: #2196F3;
		border-radius: 5px;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-3 {
		width: 50%;
		height: 18px;
		background-color: #00bcd4;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-2 {
		width: 25%;
		height: 18px;
		background-color: #ff9800;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .bar-1 {
		width: 0;
		height: 18px;
		background-color: #f44336;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments {
		margin-top: 40px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
		border-bottom: 1px solid #f3f3f3;
		padding-bottom: 10px;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 24px;
		font-weight: 800;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
		border-bottom: 1px solid #f3f3f3;
		padding: 20px 0 20px 110px;
		position: relative;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
		position: absolute;
		left: 0;
		top: 20px;
		width: 90px;
		height: 90px;
		border-radius: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .sub-comment {
		margin-bottom: 8px;
		font-weight: 700;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating {
		display: block;
		margin-bottom: 8px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars {
		display: inline-block;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i {
		color: #cecfd2;
		font-size: 18px;
		display: inline-block;
		margin-right: -3px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i.checked {
		color: orange;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
		color: var(--blackColor);
		position: relative;
		top: -2px;
		font-weight: 800;
		margin-left: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper {
		margin-top: 30px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
		margin-bottom: 10px;
		font-size: 24px;
		font-weight: 800;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper .comment-notes span {
		color: red;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form {
		margin-top: 20px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
		margin-bottom: 25px;
		text-align: left;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating {
		text-align: left;
		overflow: hidden;
		max-width: 115px;
		margin-top: -5px;
		margin-bottom: 20px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label {
		float: right;
		position: relative;
		width: 23px;
		height: 23px;
		cursor: pointer;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:not(:first-of-type) {
		padding-right: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:before {
		content: "\2605";
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 27px;
		color: #CCCCCC;
		line-height: 1;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input {
		display: none;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input:checked~label:before,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover:before,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover~label:before {
		color: #f6b500;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent {
		text-align: left;
		margin-bottom: 0;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) {
		display: none;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label {
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		margin-bottom: 0;
		color: var(--optionalColor);
		font-weight: 600;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 19px;
		height: 19px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		border: 1px solid #f5f5f5;
		border-radius: 3px;
		background: #f5f5f5;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after,
	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
		content: '';
		width: 8px;
		height: 8px;
		background: var(--mainColor);
		position: absolute;
		top: 5.5px;
		left: 6px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover+label:before {
		border-color: var(--mainColor);
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before {
		border-color: var(--mainColor);
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
		margin-top: 22px;
		border: none;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		color: var(--whiteColor);
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 5px;
		padding: 11px 40px;
		font-weight: 700;
		font-size: 17px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button:hover {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

	/*================================================
Cart Area CSS
=================================================*/
	.cart-table table {
		margin-bottom: 0;
	}

	.cart-table table thead tr th {
		border-bottom-width: 0px;
		vertical-align: middle;
		padding: 20px 0 30px;
		text-transform: uppercase;
		border: none;
		white-space: nowrap;
		font-size: 16px;
		font-weight: 800;
	}

	.cart-table table tbody tr td {
		vertical-align: middle;
		color: var(--optionalColor);
		white-space: nowrap;
		font-weight: 700;
		font-size: 16px;
		padding-left: 0;
		padding-right: 0;
		border-color: #eaedff;
		border-left: none;
		border-right: none;
	}

	.cart-table table tbody tr td.product-thumbnail a {
		display: block;
	}

	.cart-table table tbody tr td.product-thumbnail a img {
		width: 80px;
	}

	.cart-table table tbody tr td.product-name a {
		display: inline-block;
	}

	.cart-table table tbody tr td.product-subtotal .remove {
		color: red;
		float: right;
		position: relative;
		top: -1px;
		font-size: 18px;
	}

	.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-table table tbody tr td.product-quantity .input-counter span {
		position: absolute;
		top: 0;
		background-color: transparent;
		cursor: pointer;
		color: #d0d0d0;
		width: 40px;
		height: 100%;
		line-height: 50px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 22px;
	}

	.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
		left: 0;
		margin-top: 12px;
	}

	.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
		right: 0;
		margin-top: 13px;
	}

	.cart-table table tbody tr td.product-quantity .input-counter span:hover {
		color: var(--mainColor);
	}

	.cart-table table tbody tr td.product-quantity .input-counter input {
		height: 45px;
		color: var(--blackColor);
		outline: 0;
		display: block;
		border: none;
		background-color: #f8f8f8;
		text-align: center;
		width: 100%;
		font-size: 17px;
		font-weight: 600;
	}

	.cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
		color: var(--blackColor);
	}

	.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
		color: var(--blackColor);
	}

	.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
		color: var(--blackColor);
	}

	.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
		color: var(--blackColor);
	}

	.cart-table table tbody tr td.product-subtotal {
		overflow: hidden;
	}

	.cart-table table.table> :not(:first-child) {
		border-top: none;
	}

	.cart-buttons {
		margin-top: 30px;
		text-align: right;
	}

	.cart-buttons .shopping-coupon-code {
		position: relative;
		max-width: 530px;
	}

	.cart-buttons .shopping-coupon-code button {
		position: absolute;
		right: 0;
		top: 0;
		height: 50px;
		background: var(--blackColor);
		color: var(--whiteColor);
		border: none;
		padding: 0 25px;
		line-height: 48px;
		outline: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 16px;
		font-weight: 700;
	}

	.cart-buttons .shopping-coupon-code button:hover {
		background-color: var(--mainColor);
	}

	.cart-totals {
		background: var(--whiteColor);
		padding: 40px;
		max-width: 650px;
		-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
		box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
		border-radius: 5px;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
	}

	.cart-totals h3 {
		margin-bottom: 25px;
		font-size: 25px;
	}

	.cart-totals ul {
		padding-left: 0;
		margin: 0 0 25px;
		list-style-type: none;
	}

	.cart-totals ul li {
		border: 1px solid #eaedff;
		padding: 15px 15px;
		color: var(--blackColor);
		overflow: hidden;
		font-weight: 700;
		font-size: 16px;
	}

	.cart-totals ul li:first-child {
		border-bottom: none;
	}

	.cart-totals ul li:last-child {
		font-size: 19px;
		border-top: none;
	}

	.cart-totals ul li:last-child span {
		color: var(--blackColor);
		font-weight: 600;
	}

	.cart-totals ul li span {
		float: right;
		color: var(--optionalColor);
		font-weight: normal;
	}

	/*================================================
Checkout Area CSS
=================================================*/
	.user-actions {
		-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
		box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
		background: var(--whiteColor);
		padding: 15px 20px;
		border-top: 3px solid var(--mainColor);
		position: relative;
		margin-bottom: 40px;
	}

	.user-actions i {
		color: var(--mainColor);
		margin-right: 2px;
		font-size: 20px;
		position: relative;
		top: 3px;
	}

	.user-actions span {
		display: inline-block;
		color: var(--mainColor);
		font-weight: 700;
		font-size: 14px;
	}

	.user-actions span a {
		display: inline-block;
	}

	.billing-details .title {
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #eeeeee;
		font-size: 25px;
	}

	.billing-details .title::before {
		content: '';
		position: absolute;
		background: var(--mainColor);
		bottom: -1px;
		left: 0;
		width: 50px;
		height: 1px;
	}

	.billing-details .form-group {
		margin-bottom: 25px;
	}

	.billing-details .form-group label {
		display: block;
		margin-bottom: 8px;
		font-weight: 700;
		font-size: 15px;
	}

	.billing-details .form-group label .required {
		color: red;
	}

	.billing-details .form-group .nice-select {
		display: block;
		float: unset;
		background: #f8f8f8;
		border-color: #eeeeee;
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		padding: 0 0 0 12px;
		height: 45px;
		line-height: 45px;
		width: 100%;
		font-size: 16px;
		font-weight: 700;
	}

	.billing-details .form-group .nice-select .list {
		background-color: var(--whiteColor);
		border-radius: 5px;
		-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		list-style-type: none;
		border: none;
		width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.billing-details .form-group .nice-select .list .option {
		line-height: 38px;
		min-height: 38px;
		color: var(--blackColor);
		position: relative;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		padding-left: 32px;
		padding-right: 25px;
		font-size: 16.5px;
		font-weight: 700;
	}

	.billing-details .form-group .nice-select .list .option:hover {
		background-color: var(--mainColor) !important;
		color: var(--whiteColor);
	}

	.billing-details .form-group .nice-select .list .option:hover::before {
		color: var(--whiteColor);
	}

	.billing-details .form-group .nice-select .list .option.focus,
	.billing-details .form-group .nice-select .list .option.selected.focus {
		background-color: transparent !important;
		color: var(--blackColor);
	}

	.billing-details .form-group .nice-select .list .option::before {
		content: "\ea0f";
		position: absolute;
		left: 10px;
		top: -3px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--mainColor);
		font-family: 'boxicons';
		font-size: 20px;
	}

	.billing-details .form-group .nice-select .list .option.selected::before {
		opacity: 1;
		visibility: visible;
	}

	.billing-details .form-group .nice-select .list .option.selected:hover {
		background-color: var(--mainColor) !important;
		color: var(--whiteColor);
	}

	.billing-details .form-group .nice-select .list .option.selected:hover::before {
		color: var(--whiteColor);
	}

	.billing-details .form-group .nice-select:after {
		border-color: var(--blackColor);
		height: 8px;
		width: 8px;
		margin-top: -5px;
	}

	.billing-details .form-group .nice-select:hover {
		border-color: var(--mainColor);
		background-color: transparent;
	}

	.billing-details .form-check {
		margin-bottom: 20px;
	}

	.billing-details .form-check .form-check-label {
		color: var(--blackColor);
		font-weight: 600;
	}

	.billing-details .form-check label {
		position: relative;
		left: -3px;
		top: 0;
		font-weight: 500;
	}

	.billing-details .col-lg-12:last-child .form-group {
		margin-bottom: 0;
	}

	.order-details .title {
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #eeeeee;
		font-size: 25px;
	}

	.order-details .title::before {
		content: '';
		position: absolute;
		background: var(--mainColor);
		bottom: -1px;
		left: 0;
		width: 50px;
		height: 1px;
	}

	.order-details .order-table table {
		margin-bottom: 0;
	}

	.order-details .order-table table thead tr th {
		border-bottom-width: 0;
		vertical-align: middle;
		border-color: #eaedff;
		padding: 12px 20px 10px;
		white-space: nowrap;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 16px;
	}

	.order-details .order-table table tbody tr td {
		vertical-align: middle;
		color: var(--optionalColor);
		white-space: nowrap;
		border-color: #eaedff;
		font-size: 15px;
		font-weight: 700;
		padding-left: 11px;
		padding-right: 6px;
		padding-top: 14px;
		padding-bottom: 9px;
	}

	.order-details .order-table table tbody tr td.product-name a {
		display: inline-block;
	}

	.order-details .order-table table tbody tr td.order-subtotal span,
	.order-details .order-table table tbody tr td.order-shipping span,
	.order-details .order-table table tbody tr td.total-price span {
		color: var(--blackColor);
		font-weight: 800;
	}

	.order-details .order-table table tbody tr td.shipping-price,
	.order-details .order-table table tbody tr td.order-subtotal-price,
	.order-details .order-table table tbody tr td.product-subtotal {
		color: var(--blackColor);
		font-weight: 800;
	}

	.order-details .payment-box {
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
		margin-top: 30px;
		padding: 30px;
	}

	.order-details .payment-box .payment-method p [type="radio"]:checked,
	.order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
		display: none;
	}

	.order-details .payment-box .payment-method p [type="radio"]:checked+label,
	.order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label {
		padding-left: 27px;
		cursor: pointer;
		display: block;
		color: var(--blackColor);
		position: relative;
		margin-bottom: 8px;
		font-weight: 800;
	}

	.order-details .payment-box .payment-method p [type="radio"]:checked+label::before,
	.order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::before {
		content: '';
		position: absolute;
		left: 0;
		top: 4px;
		width: 18px;
		height: 18px;
		border: 1px solid #dddddd;
		border-radius: 50%;
		background: var(--whiteColor);
	}

	.order-details .payment-box .payment-method p [type="radio"]:checked+label::after,
	.order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::after {
		content: '';
		width: 12px;
		height: 12px;
		background: var(--mainColor);
		position: absolute;
		top: 7px;
		left: 3px;
		border-radius: 50%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::after {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.order-details .payment-box .payment-method p [type="radio"]:checked+label::after {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.order-details .payment-box .default-btn {
		margin-top: 15px;
		-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
		box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
	}

	/*================================================
Page Title Area CSS
=================================================*/
	.page-title-area {
		background-color: var(--blackColor);
		position: relative;
		z-index: 1;
		padding-bottom: 100px;
		margin-top: 13px;
		padding-top: 180px;
	}

	.page-title-area .shape8 {
		left: 90%;
	}

	.page-title-area .shape3 {
		left: auto;
		top: 10%;
		right: 8%;
	}

	.page-title-area .shape6 {
		left: 40%;
		bottom: 55%;
	}

	.page-title-area.page-title-style-two {
		padding-top: 190px;
		padding-bottom: 100px;
		margin-top: 0px;
	}

	.page-title-content {
		text-align: center;
	}

	.page-title-content h1 {
		margin-bottom: 0;
		color: var(--whiteColor);
		font-size: 45px;
	}

	.lines {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		margin: auto;
		width: 90vw;
		z-index: -1;
	}

	.lines .line {
		position: absolute;
		width: 1px;
		height: 100%;
		top: 0;
		left: 50%;
		background: rgba(255, 255, 255, 0.1);
		overflow: hidden;
	}

	.lines .line::after {
		content: "";
		display: block;
		position: absolute;
		height: 15vh;
		width: 100%;
		top: -50%;
		left: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, var(--whiteColor)), to(var(--whiteColor)));
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--whiteColor) 75%, var(--whiteColor) 100%);
		-webkit-animation: run 7s 0s infinite;
		animation: run 7s 0s infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
		animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
	}

	.lines .line:nth-child(1) {
		margin-left: -25%;
	}

	.lines .line:nth-child(1)::after {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}

	.lines .line:nth-child(3) {
		margin-left: 25%;
	}

	.lines .line:nth-child(3)::after {
		-webkit-animation-delay: 2.5s;
		animation-delay: 2.5s;
	}

	@-webkit-keyframes run {
		0% {
			top: -50%;
		}

		100% {
			top: 110%;
		}
	}

	@keyframes run {
		0% {
			top: -50%;
		}

		100% {
			top: 110%;
		}
	}

	/*================================================
Pagination CSS
=================================================*/
	.pagination-area {
		margin-top: 35px;
	}

	.pagination-area .page-numbers {
		width: 40px;
		height: 40px;
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0 0 15px 2px #e4e4ee;
		box-shadow: 0 0 15px 2px #e4e4ee;
		color: var(--blackColor);
		text-align: center;
		display: inline-block;
		border-radius: 0;
		padding: 5px 10px;
		line-height: 42px;
		position: relative;
		margin-left: 5px;
		margin-right: 5px;
		font-weight: 800;
		font-size: 25px;
	}

	.pagination-area .page-numbers:hover,
	.pagination-area .page-numbers.current {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.pagination-area .page-numbers i {
		position: relative;
		top: 1.5px;
	}

	/*================================================
Widget Sidebar CSS
=================================================*/
	.widget-area {
		padding-left: 10px;
	}

	.widget-area.widget-left-sidebar {
		padding-right: 10px;
		padding-left: 0;
	}

	.widget-area .widget {
		margin-bottom: 30px;
		background-color: var(--whiteColor);
		padding: 25px;
	}

	.widget-area .widget:last-child {
		margin-bottom: 0;
	}

	.widget-area .widget .widget-title {
		margin-bottom: 25px;
		position: relative;
		padding-bottom: 7px;
		border-bottom: 1px solid #eeeeee;
		font-size: 22px;
	}

	.widget-area .widget .widget-title::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50px;
		height: 1px;
		bottom: -1px;
		background-color: var(--mainColor);
	}

	.widget-area .widget_search form {
		position: relative;
	}

	.widget-area .widget_search form .screen-reader-text {
		display: none;
	}

	.widget-area .widget_search form label {
		display: block;
		margin-bottom: 0;
	}

	.widget-area .widget_search form .search-field {
		height: 50px;
		color: var(--blackColor);
		background-color: #f2f4f5;
		display: block;
		width: 100%;
		border-radius: 5px;
		padding: 0 0 0 15px;
		border: none;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-weight: 600;
	}

	.widget-area .widget_search form .search-field::-webkit-input-placeholder {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.widget-area .widget_search form .search-field:-ms-input-placeholder {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.widget-area .widget_search form .search-field::-ms-input-placeholder {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.widget-area .widget_search form .search-field::placeholder {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.widget-area .widget_search form .search-field:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.widget-area .widget_search form .search-field:focus:-ms-input-placeholder {
		color: transparent;
	}

	.widget-area .widget_search form .search-field:focus::-ms-input-placeholder {
		color: transparent;
	}

	.widget-area .widget_search form .search-field:focus::placeholder {
		color: transparent;
	}

	.widget-area .widget_search form button {
		border: none;
		background-color: var(--whiteColor);
		color: var(--mainColor);
		height: 40px;
		width: 40px;
		position: absolute;
		right: 5px;
		padding: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		top: 5px;
		font-size: 20px;
	}

	.widget-area .widget_search form button i {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.widget-area .widget_search form button:hover,
	.widget-area .widget_search form button:focus {
		border-radius: 5px;
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.widget-area .widget_dibiz_posts_thumb {
		position: relative;
		overflow: hidden;
	}

	.widget-area .widget_dibiz_posts_thumb .item {
		overflow: hidden;
		margin-bottom: 15px;
	}

	.widget-area .widget_dibiz_posts_thumb .item:last-child {
		margin-bottom: 0;
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb {
		float: left;
		height: 80px;
		overflow: hidden;
		display: block;
		position: relative;
		width: 80px;
		margin-right: 15px;
		z-index: 1;
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb .fullimage {
		width: 80px;
		height: 80px;
		display: inline-block;
		border-radius: 5px;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center center !important;
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb .fullimage.bg1 {
		background-image: url(../img/blog/blog-img8.jpg);
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb .fullimage.bg2 {
		background-image: url(../img/blog/blog-img7.jpg);
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb .fullimage.bg3 {
		background-image: url(../img/blog/blog-img6.jpg);
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb::before,
	.widget-area .widget_dibiz_posts_thumb .item .thumb::after {
		-webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
		transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
		content: '';
		background-color: var(--whiteColor);
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		opacity: 0;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb::before {
		width: 40px;
		height: 1px;
		left: 100%;
	}

	.widget-area .widget_dibiz_posts_thumb .item .thumb::after {
		height: 40px;
		width: 1px;
		top: 0;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info {
		overflow: hidden;
		margin-top: 5px;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info span {
		display: block;
		color: var(--optionalColor);
		text-transform: uppercase;
		margin-top: -2px;
		margin-bottom: 5px;
		font-size: 13px;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info .title {
		margin-bottom: 0;
		line-height: 1.4;
		font-size: 17px;
		font-weight: 800;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info .title a {
		display: inline-block;
	}

	.widget-area .widget_dibiz_posts_thumb .item:hover .thumb::before,
	.widget-area .widget_dibiz_posts_thumb .item:hover .thumb::after {
		opacity: 1;
		top: 50%;
		left: 50%;
	}

	.widget-area .widget_categories ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.widget-area .widget_categories ul li {
		position: relative;
		margin-bottom: 12px;
		overflow: hidden;
		color: var(--blackColor);
		padding-left: 18px;
		font-weight: 700;
		font-size: 15.5px;
	}

	.widget-area .widget_categories ul li:last-child {
		margin-bottom: 0;
	}

	.widget-area .widget_categories ul li::before {
		background: var(--mainColor);
		height: 8px;
		width: 8px;
		content: '';
		border-radius: 50%;
		left: 0;
		top: 7px;
		position: absolute;
	}

	.widget-area .widget_categories ul li a {
		color: var(--blackColor);
		display: inline-block;
	}

	.widget-area .widget_categories ul li a:hover {
		color: var(--mainColor);
	}

	.widget-area .widget_categories ul li .post-count {
		font-size: 14px;
		display: inline-block;
		position: relative;
		top: 1px;
	}

	.widget-area .widget_tag_cloud .widget-title {
		margin-bottom: 17px;
	}

	.widget-area .tagcloud a {
		display: inline-block;
		background: #f5f5f5;
		color: var(--blackColor);
		padding: 7px 15px;
		border: none;
		border-radius: 3px;
		font-weight: 700;
		font-size: 14.5px !important;
		margin-top: 8px;
		margin-right: 4px;
	}

	.widget-area .tagcloud a:hover,
	.widget-area .tagcloud a:focus {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.widget-area .widget_instagram ul {
		padding-left: 0;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: -10px;
	}

	.widget-area .widget_instagram ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
	}

	.widget-area .widget_instagram ul li .box {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.widget-area .widget_instagram ul li .box .link-btn {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 3;
	}

	.widget-area .widget_instagram ul li .box i {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 30px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
		color: var(--whiteColor);
		z-index: 2;
	}

	.widget-area .widget_instagram ul li .box img {
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.widget-area .widget_instagram ul li .box::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
	}

	.widget-area .widget_instagram ul li .box:hover::before {
		opacity: 0.5;
		visibility: visible;
	}

	.widget-area .widget_instagram ul li .box:hover img {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.widget-area .widget_instagram ul li .box:hover i {
		opacity: 1;
		visibility: visible;
	}

	.widget-area .widget_insight ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.widget-area .widget_insight ul li {
		margin-bottom: -1px;
	}

	.widget-area .widget_insight ul li a {
		position: relative;
		display: block;
		padding: 15px 25px 15px 40px;
		color: var(--blackColor);
		border: 1px solid #eeeeee;
		font-weight: 700;
		font-size: 18px;
	}

	.widget-area .widget_insight ul li a::before {
		width: 5px;
		height: 5px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: var(--optionalColor);
		content: '';
		position: absolute;
		left: 25px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
	}

	.widget-area .widget_insight ul li a:hover,
	.widget-area .widget_insight ul li a.active {
		border-color: var(--mainColor);
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.widget-area .widget_insight ul li a:hover::before,
	.widget-area .widget_insight ul li a.active::before {
		background-color: var(--whiteColor);
	}

	.widget-area .widget_insight ul li.active a {
		border-color: var(--mainColor);
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.widget-area .widget_insight ul li.active a::before {
		background-color: var(--whiteColor);
	}

	/*================================================
Profile Authentication Area CSS
=================================================*/
	.login-form {
		padding: 40px 50px;
		border-radius: 5px;
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.1);
		box-shadow: 0 0 10px rgba(51, 51, 51, 0.1);
		margin-right: 30px;
	}

	.login-form h2 {
		margin-bottom: 25px;
		font-size: 35px;
	}

	.login-form form .form-group {
		margin-bottom: 25px;
	}

	.login-form form .form-group label {
		display: block;
		margin-bottom: 10px;
		color: var(--blackColor);
		font-weight: 700;
	}

	.login-form form .remember-me-wrap {
		margin-bottom: 0;
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked,
	.login-form form .remember-me-wrap [type="checkbox"]:not(:checked) {
		display: none;
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked+label,
	.login-form form .remember-me-wrap [type="checkbox"]:not(:checked)+label {
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		font-size: 14px;
		line-height: 20px;
		display: inline-block;
		margin-bottom: 0;
		color: var(--optionalColor);
		font-weight: 600;
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked+label:before,
	.login-form form .remember-me-wrap [type="checkbox"]:not(:checked)+label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 19px;
		height: 19px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		border: 1px solid #f5f5f5;
		border-radius: 3px;
		background: #f5f5f5;
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked+label:after,
	.login-form form .remember-me-wrap [type="checkbox"]:not(:checked)+label:after {
		content: '';
		width: 8px;
		height: 8px;
		background: var(--mainColor);
		position: absolute;
		top: 5.5px;
		left: 6px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.login-form form .remember-me-wrap [type="checkbox"]:not(:checked)+label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked+label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.login-form form .remember-me-wrap [type="checkbox"]:hover+label:before {
		border-color: var(--mainColor);
	}

	.login-form form .remember-me-wrap [type="checkbox"]:checked+label:before {
		border-color: var(--mainColor);
	}

	.login-form form .lost-your-password-wrap {
		text-align: right;
	}

	.login-form form .lost-your-password-wrap a {
		display: inline-block;
		position: relative;
		font-weight: 600;
		line-height: 1.3;
		font-size: 14px !important;
	}

	.login-form form .lost-your-password-wrap a::before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		content: '';
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: #eeeeee;
	}

	.login-form form .lost-your-password-wrap a::after {
		width: 0;
		height: 1px;
		position: absolute;
		left: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		bottom: 0;
		content: '';
		background-color: var(--mainColor);
	}

	.login-form form .lost-your-password-wrap a:hover::before {
		width: 0;
	}

	.login-form form .lost-your-password-wrap a:hover::after {
		width: 100%;
	}

	.login-form form button {
		margin-top: 22px;
		border: none;
		display: block;
		text-align: center;
		overflow: hidden;
		color: var(--whiteColor);
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		width: 100%;
		border-radius: 5px;
		padding: 14.5px 30px;
		font-weight: 700;
	}

	.login-form form button:hover {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

	.register-form {
		padding-top: 30px;
		padding-left: 30px;
	}

	.register-form h2 {
		margin-bottom: 25px;
		font-size: 35px;
	}

	.register-form form .form-group {
		margin-bottom: 25px;
	}

	.register-form form .form-group label {
		display: block;
		margin-bottom: 10px;
		color: var(--blackColor);
		font-weight: 700;
	}

	.register-form form .description {
		font-style: italic;
		font-size: 13.5px;
		margin-top: -10px;
		margin-bottom: 0;
	}

	.register-form form button {
		margin-top: 22px;
		border: none;
		display: block;
		text-align: center;
		overflow: hidden;
		color: var(--whiteColor);
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		width: 100%;
		border-radius: 5px;
		padding: 14.5px 30px;
		font-weight: 700;
	}

	.register-form form button:hover {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

	/*================================================
404 Error Area CSS
=================================================*/
	.error-content {
		text-align: center;
	}

	.error-content h3 {
		margin-bottom: 20px;
		margin-top: 45px;
		font-size: 40px;
	}

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

	.error-content .default-btn {
		margin-top: 30px;
	}

	/*================================================
Terms of Service Area CSS
=================================================*/
	.terms-of-service-content img {
		margin-bottom: 30px;
		width: 100%;
		border-radius: 5px;
	}

	.terms-of-service-content h3 {
		margin-bottom: 15px;
		margin-top: 25px;
		font-size: 25px;
	}

	.terms-of-service-content .blockquote,
	.terms-of-service-content blockquote {
		margin-bottom: 30px;
		background-color: #e6f2f5;
		text-align: left !important;
		padding: 25px !important;
	}

	.terms-of-service-content .blockquote p,
	.terms-of-service-content blockquote p {
		margin-bottom: 0;
		line-height: 1.8;
		font-size: 17px !important;
		font-weight: 600;
	}

	.terms-of-service-content .blockquote::after,
	.terms-of-service-content blockquote::after {
		display: none;
	}

	.terms-of-service-content .blockquote::before,
	.terms-of-service-content blockquote::before {
		display: none;
	}

	.terms-of-service-content ol,
	.terms-of-service-content ul {
		margin-top: 20px;
	}

	.terms-of-service-content ol li,
	.terms-of-service-content ul li {
		margin-bottom: 10px;
		color: var(--optionalColor);
		line-height: 1.8;
		font-weight: 600;
	}

	/*================================================
Privacy Policy Area CSS
=================================================*/
	.privacy-policy-content img {
		margin-bottom: 30px;
		width: 100%;
		border-radius: 5px;
	}

	.privacy-policy-content h3 {
		margin-bottom: 15px;
		margin-top: 25px;
		font-size: 25px;
	}

	.privacy-policy-content .blockquote,
	.privacy-policy-content blockquote {
		margin-bottom: 30px;
		background-color: #e6f2f5;
		text-align: left !important;
		padding: 25px !important;
	}

	.privacy-policy-content .blockquote p,
	.privacy-policy-content blockquote p {
		margin-bottom: 0;
		line-height: 1.8;
		font-size: 17px !important;
		font-weight: 600;
	}

	.privacy-policy-content .blockquote::after,
	.privacy-policy-content blockquote::after {
		display: none;
	}

	.privacy-policy-content .blockquote::before,
	.privacy-policy-content blockquote::before {
		display: none;
	}

	.privacy-policy-content ol,
	.privacy-policy-content ul {
		margin-top: 20px;
	}

	.privacy-policy-content ol li,
	.privacy-policy-content ul li {
		margin-bottom: 10px;
		color: var(--optionalColor);
		line-height: 1.8;
		font-weight: 600;
	}

	/*================================================
Coming Soon Area CSS
=================================================*/
	.coming-soon-area {
		height: 100vh;
		position: relative;
		z-index: 1;
		background: #f6f7fb;
		background-image: url(../img/coming-soon-bg.jpg);
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.coming-soon-content {
		max-width: 700px;
		background: var(--whiteColor);
		border-radius: 5px;
		overflow: hidden;
		text-align: center;
		padding: 40px 60px;
		-webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
		box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
		margin-left: auto;
		margin-right: auto;
	}

	.coming-soon-content .logo {
		display: inline-block;
	}

	.coming-soon-content h2 {
		font-size: 48px;
		margin-top: 30px;
		margin-bottom: 0;
	}

	.coming-soon-content #timer {
		margin-top: 40px;
	}

	.coming-soon-content #timer div {
		background-color: var(--blackColor);
		color: var(--whiteColor);
		width: 100px;
		height: 105px;
		border-radius: 5px;
		font-size: 40px;
		font-weight: 800;
		margin-left: 10px;
		margin-right: 10px;
	}

	.coming-soon-content #timer div span {
		display: block;
		margin-top: -2px;
		font-size: 17px;
		font-weight: 600;
	}

	.coming-soon-content form {
		position: relative;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}

	.coming-soon-content form .form-group {
		margin-bottom: 25px;
		width: 100%;
		position: relative;
	}

	.coming-soon-content form .form-group .label-title {
		margin-bottom: 0;
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		pointer-events: none;
		width: 100%;
		height: 100%;
		color: var(--blackColor);
	}

	.coming-soon-content form .form-group .label-title i {
		position: absolute;
		left: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		top: 9px;
		font-size: 22px;
	}

	.coming-soon-content form .form-group .label-title::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background: var(--mainColor);
	}

	.coming-soon-content form .form-group .input-newsletter {
		border-radius: 0;
		border: none;
		border-bottom: 2px solid #eeeeee;
		padding: 0 0 0 32px;
		color: var(--blackColor);
		height: 45px;
		display: block;
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size: 16px;
		font-weight: 400;
	}

	.coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder {
		color: #A1A1A1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {
		color: #A1A1A1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {
		color: #A1A1A1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.coming-soon-content form .form-group .input-newsletter::placeholder {
		color: #A1A1A1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder {
		color: transparent;
	}

	.coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder {
		color: transparent;
	}

	.coming-soon-content form .form-group .input-newsletter:focus::placeholder {
		color: transparent;
	}

	.coming-soon-content form .default-btn {
		border-radius: 0;
	}

	.coming-soon-content form .default-btn::before {
		border-radius: 0;
	}

	.coming-soon-content form .validation-danger {
		margin-top: 15px;
		color: red;
	}

	.coming-soon-content form .validation-success {
		margin-top: 15px;
	}

	.coming-soon-content form p {
		margin-bottom: 0;
		margin-top: 20px;
	}

	/*================================================
FAQ Area CSS
=================================================*/
	.faq-item {
		margin-bottom: 30px;
	}

	.faq-item h3 {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 1.4;
	}

	/*================================================
Contact Area CSS
=================================================*/
	.contact-info-box {
		margin-bottom: 30px;
		position: relative;
		padding-left: 100px;
		z-index: 1;
	}

	.contact-info-box .icon {
		width: 75px;
		height: 85px;
		background-color: #f7f7f7;
		border-radius: 3px;
		position: absolute;
		text-align: center;
		left: 0;
		font-size: 40px;
		color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.contact-info-box .icon i {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.contact-info-box h3 {
		margin-bottom: 10px;
		font-size: 25px;
	}

	.contact-info-box p {
		margin-bottom: 3px;
		font-weight: 600;
	}

	.contact-info-box p:last-child {
		margin-bottom: 0;
	}

	.contact-info-box .back-icon {
		position: absolute;
		right: 0;
		bottom: -15px;
		z-index: -1;
		color: var(--blackColor);
		line-height: 1;
		opacity: .04;
		font-size: 100px;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	.contact-info-box:hover .icon {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.contact-image {
		margin-top: 20px;
		text-align: center;
	}

	.contact-form {
		padding: 40px;
		margin-left: 15px;
		-webkit-box-shadow: 0 0 20px rgba(158, 158, 158, 0.16);
		box-shadow: 0 0 20px rgba(158, 158, 158, 0.16);
		background-color: var(--whiteColor);
	}

	.contact-form form .form-group {
		margin-bottom: 15px;
	}

	.contact-form form .form-group textarea.form-control {
		height: auto;
	}

	.contact-form form .help-block ul {
		margin-bottom: 0;
		margin-top: 12px;
	}

	.contact-form form .help-block ul li {
		color: red;
	}

	.contact-form form .default-btn {
		margin-top: 5px;
	}

	.contact-form form #msgSubmit {
		margin: 0 !important;
	}

	.contact-form form #msgSubmit.text-danger,
	.contact-form form #msgSubmit.text-success {
		margin-top: 15px !important;
	}

	#map iframe {
		width: 100%;
		height: 500px;
		margin-bottom: -7px;
		border: none;
	}

	/*================================================
Footer Area CSS
=================================================*/
	.footer-area {
		padding-top: 70px;
		position: relative;
		z-index: 1;
		padding-bottom: 10px;
		background-color: #100f1f;
	}

	.single-footer-widget {
		margin-bottom: 30px;
	}

	.single-footer-widget .logo {
		margin-bottom: 10px;
		font-size: 15px;
		display: inline-block;
	}

	.single-footer-widget .social-link {
		padding-left: 0;
		list-style-type: none;
		margin-bottom: 0;
		margin-top: 20px;
	}

	.single-footer-widget .social-link li {
		display: inline-block;
		margin-right: 5px;
	}

	.single-footer-widget .social-link li:last-child {
		margin-right: 0;
	}

	.single-footer-widget .social-link li a {
		width: 32px;
		height: 32px;
		text-align: center;
		color: var(--whiteColor);
		background-color: #27aac3;
		font-size: 18px;
		position: relative;
		border-radius: 2px;
	}

	.single-footer-widget .social-link li a i {
		position: absolute;
		left: 0;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-48%);
		transform: translateY(-48%);
	}

	.single-footer-widget .social-link li a:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.single-footer-widget h3 {
		margin-bottom: 25px;
		font-size: 19px;
		padding-left: 54px;
		color: var(--whiteColor);
	}

	.single-footer-widget p {
		color: #ededed;
		text-align: justify;
	}

	.single-footer-widget .footer-links-list {
		padding-left: 55px;
		margin-bottom: 0;
		list-style-type: none;
	}

	.single-footer-widget .footer-links-list li {
		margin-bottom: 12px;
		color: #ededed;
		font-weight: 600;
	}

	.single-footer-widget .footer-links-list li a {
		color: #ededed;
		display: inline-block;
	}

	.single-footer-widget .footer-links-list li a:hover {
		color: var(--mainColor);
	}

	.single-footer-widget .footer-links-list li:last-child {
		margin-bottom: 0;
	}

	.single-footer-widget .footer-contact-info {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.single-footer-widget .footer-contact-info li {
		margin-bottom: 13px;
		color: #ededed;
		position: relative;
		padding-left: 23px;
		font-weight: 600;
	}

	.single-footer-widget .footer-contact-info li a {
		color: #ededed;
		display: inline-block;
	}

	.single-footer-widget .footer-contact-info li a:hover {
		color: var(--mainColor);
	}

	.single-footer-widget .footer-contact-info li:last-child {
		margin-bottom: 0;
	}

	.single-footer-widget .footer-contact-info li i {
		position: absolute;
		left: 0;
		color: var(--mainColor);
		top: 4px;
	}

	.single-footer-widget .footer-contact-info li i.bxs-inbox {
		top: 3px;
	}

	.footer-bottom-area {
		margin-top: 11px;
		border-top: 1px solid #181726;
		padding-top: -35px;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.footer-bottom-area p {
		color: #ededed;
	}

	.footer-bottom-area p i {
		position: relative;
		top: 1.4px;
	}

	.footer-bottom-area p a {
		color: var(--mainColor);
		font-weight: 700;
	}

	.footer-bottom-area p a:hover {
		color: var(--whiteColor);
	}

	.footer-bottom-area p strong {
		color: var(--whiteColor);
	}

	.footer-bottom-area ul {
		text-align: right;
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

	.footer-bottom-area ul li {
		color: #ededed;
		position: relative;
		display: inline-block;
		margin-right: 20px;
	}

	.footer-bottom-area ul li:last-child {
		margin-right: 0;
	}

	.footer-bottom-area ul li:last-child::before {
		display: none;
	}

	.footer-bottom-area ul li::before {
		content: '';
		position: absolute;
		right: -12px;
		top: 5.2px;
		width: 1px;
		height: 14px;
		background-color: #ededed;
	}

	.footer-bottom-area ul li a {
		display: block;
		color: #ededed;
	}

	.footer-bottom-area ul li a:hover {
		color: var(--mainColor);
	}

	/*================================================
Go Top CSS
=================================================*/
	.go-top {
		position: fixed;
		cursor: pointer;
		bottom: 20px;
		right: 20px;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		z-index: 4;
		width: 43px;
		text-align: center;
		height: 45px;
		opacity: 0;
		visibility: hidden;
		font-size: 27px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	}

	.go-top i {
		position: absolute;
		right: 0;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.go-top.active {
		opacity: 1;
		visibility: visible;
		bottom: 75px;
		margin-left: 8px;
		margin-right: -17px;
	}

	.go-top:hover {
		background-color: var(--blackColor);
		color: var(--whiteColor);
	}

	/*================================================
Sidebar Modal CSS
=================================================*/
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 420px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}

	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
		background-color: var(--whiteColor);
		border: none;
		border-radius: 0;
	}

	.modal.right .modal-content button.close {
		float: unset;
		position: absolute;
		right: 15px;
		top: 15px;
		background-color: transparent;
		color: var(--blackColor);
		z-index: 2;
		opacity: 1;
		border: none;
		text-shadow: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
		font-size: 40px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.modal.right .modal-content button.close:hover {
		color: red;
	}

	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		transition: opacity 0.3s linear, right 0.3s ease-out;
	}

	.modal.right.fade.show .modal-dialog {
		right: 0;
	}

	.sidebarModal.modal .modal-body {
		text-align: center;
		padding: 80px 30px;
	}

	.sidebarModal.modal .modal-body .instagram-list {
		margin-top: 70px;
	}

	.sidebarModal.modal .modal-body .instagram-list .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.sidebarModal.modal .modal-body .instagram-list .row .col-lg-4 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.sidebarModal.modal .modal-body .instagram-list .box {
		position: relative;
		z-index: 1;
		overflow: hidden;
		margin-top: 10px;
	}

	.sidebarModal.modal .modal-body .instagram-list .box .link-btn {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 3;
	}

	.sidebarModal.modal .modal-body .instagram-list .box i {
		position: absolute;
		left: 0;
		right: 0;
		color: var(--whiteColor);
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 30px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
		z-index: 2;
	}

	.sidebarModal.modal .modal-body .instagram-list .box img {
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.sidebarModal.modal .modal-body .instagram-list .box::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
	}

	.sidebarModal.modal .modal-body .instagram-list .box:hover::before {
		opacity: 0.5;
		visibility: visible;
	}

	.sidebarModal.modal .modal-body .instagram-list .box:hover img {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.sidebarModal.modal .modal-body .instagram-list .box:hover i {
		opacity: 1;
		visibility: visible;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info {
		margin-top: 80px;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info h2 {
		margin-bottom: 0;
		font-size: 30px;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info h2 span {
		display: block;
		font-size: var(--fontSize);
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.sidebarModal.modal .modal-body .social-list {
		list-style-type: none;
		padding-left: 0;
		margin-bottom: 0;
		margin-top: 15px;
	}

	.sidebarModal.modal .modal-body .social-list li {
		display: inline-block;
		margin-right: 8px;
	}

	.sidebarModal.modal .modal-body .social-list li span {
		display: block;
		color: var(--mainColor);
		font-weight: 600;
	}

	.sidebarModal.modal .modal-body .social-list li a {
		position: relative;
		top: 3px;
		font-size: 20px;
	}

	.sidebarModal.modal .modal-body .social-list li:last-child {
		margin-right: 0;
	}

	/*
New Demo CSS
======================================================*/
	.pb-75 {
		padding-bottom: 75px;
	}

	.section-title.with-gradient-color h2 {
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	/* default-btn-with-radius */
	.default-btn-with-radius {
		text-align: center;
		display: inline-block;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 30px;
		border: none;
		padding: 15px 55px 15.5px 25px;
		position: relative;
		z-index: 1;
		color: var(--whiteColor) !important;
		background-color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: bold;
		position: relative;
	}

	.default-btn-with-radius i {
		position: absolute;
		right: 7px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		display: inline-block;
		height: 33px;
		width: 33px;
		line-height: 33px;
		color: var(--mainColor);
		border-radius: 50%;
		background-color: var(--whiteColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.default-btn-with-radius:hover {
		color: var(--whiteColor);
		background-color: var(--blackColor);
	}

	/* Dibiz New Navbar Area CSS */
	.dibiz-new-navbar-area.is-sticky {
		background-color: var(--blackColor) !important;
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item a {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item:hover a,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: 3.5px;
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item {
		padding-left: 0;
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item::before {
		display: none;
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .side-menu-btn {
		position: relative;
		top: 2.8px;
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .side-menu-btn i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .side-menu-btn i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .search-box i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .search-box i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .cart-btn a {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .dibiz-nav .navbar .others-option .option-item .cart-btn a:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .dibiz-responsive-nav .mean-container a.meanmenu-reveal {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .dibiz-responsive-nav .mean-container a.meanmenu-reveal span {
		background: var(--whiteColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .dot-menu .inner .circle {
		background-color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .dot-menu:hover .inner .circle {
		background-color: var(--mainColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .container .container {
		max-width: 230px;
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner {
		background-color: var(--mainColor);
		border-radius: 30px;
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: 3.5px;
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item {
		padding-left: 0;
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item::before {
		display: none;
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .side-menu-btn i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .side-menu-btn i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .search-box i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .search-box i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two {
		position: relative;
		background-color: var(--whiteColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: 3.5px;
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item {
		padding-left: 0;
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item::before {
		display: none;
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .side-menu-btn {
		position: relative;
		top: 2.8px;
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .side-menu-btn i {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .side-menu-btn i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .search-box i {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .search-box i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .cart-btn a {
		color: var(--blackColor);
	}

	.dibiz-new-navbar-area-style-two .dibiz-nav .navbar .others-option .option-item .cart-btn a:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .container .container {
		max-width: 230px;
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner {
		background-color: var(--mainColor);
		border-radius: 30px;
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: 3.5px;
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item {
		padding-left: 0;
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item::before {
		display: none;
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .side-menu-btn i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .side-menu-btn i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .search-box i {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .search-box i:hover {
		color: var(--mainColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a {
		color: var(--whiteColor);
	}

	.dibiz-new-navbar-area-style-two .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a:hover {
		color: var(--mainColor);
	}

	/* New Main Banner Area CSS */
	.new-main-banner-area {
		background-color: #121A48;
		padding-top: 150px;
		padding-bottom: 100px;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	.new-main-banner-area .container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}

	.new-main-banner-area.banner-with-gradient-color {
		background: -webkit-gradient(linear, left top, left bottom, from(#F2F3FF), to(rgba(242, 243, 255, 0)));
		background: linear-gradient(180deg, #F2F3FF 0%, rgba(242, 243, 255, 0) 100%);
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.new-main-banner-area.banner-with-gradient-color .new-main-banner-content {
		padding-right: 30px;
	}

	.new-main-banner-area.banner-with-gradient-color .new-main-banner-content h1 {
		color: var(--blackColor);
	}

	.new-main-banner-area.banner-with-gradient-color .new-main-banner-content p {
		color: var(--optionalColor);
	}

	.new-main-banner-content .sub-title {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.new-main-banner-content h1 {
		font-size: 80px;
		margin-bottom: 20px;
		color: var(--whiteColor);
	}

	.new-main-banner-content p {
		color: var(--whiteColor);
		margin-bottom: 0;
	}

	.new-main-banner-content .btn-box {
		margin-top: 30px;
	}

	.new-main-banner-image {
		text-align: end;
	}

	.new-main-banner-image img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.new-main-banner-shape-1 {
		position: absolute;
		top: 20%;
		left: 5%;
		z-index: -1;
		-webkit-transform: translateY(-20%) translateX(-5%);
		transform: translateY(-20%) translateX(-5%);
	}

	.new-main-banner-shape-1 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.new-main-banner-shape-2 {
		position: absolute;
		bottom: 15%;
		left: 25%;
		z-index: -1;
		-webkit-transform: translateY(-15%) translateX(-25%);
		transform: translateY(-15%) translateX(-25%);
	}

	.new-main-banner-shape-2 img {
		-webkit-animation: movescale 5s linear infinite;
		animation: movescale 5s linear infinite;
	}

	.new-main-banner-wrap-area {
		background: #F7F8FF;
		padding-bottom: 80px;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	.new-main-banner-wrap-area .container-fluid {
		padding-left: 40px;
		padding-right: 0;
	}

	.new-main-banner-wrap-content {
		padding-right: 35px;
		margin-top: 70px;
	}

	.new-main-banner-wrap-content .sub-title {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.new-main-banner-wrap-content h1 {
		font-size: 80px;
		margin-bottom: 20px;
		font-weight: 900;
	}

	.new-main-banner-wrap-content h1 span {
		-webkit-filter: url("#stroke-text");
		filter: url("#stroke-text");
	}

	.new-main-banner-wrap-content p {
		margin-bottom: 0;
	}

	.new-main-banner-wrap-content .btn-box {
		margin-top: 30px;
	}

	.new-main-banner-wrap-content .btn-box .contact-btn {
		position: relative;
		margin-left: 15px;
		padding-left: 55px;
		font-size: 20px;
		font-weight: 600;
		color: var(--blackColor);
	}

	.new-main-banner-wrap-content .btn-box .contact-btn i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		font-weight: normal;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #04C8EB), to(#5945D2));
		background: linear-gradient(270deg, #04C8EB -12.37%, #5945D2 100%);
		color: var(--whiteColor);
		font-size: 20px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
	}

	.new-main-banner-wrap-image {
		margin-top: -185px;
		margin-right: -210px;
		position: relative;
		z-index: 1;
	}

	.new-main-banner-wrap-image .wrap-circle-shape {
		position: absolute;
		right: 30px;
		bottom: -20px;
		z-index: -1;
	}

	.new-main-banner-wrap-shape {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: -1;
	}

	.new-main-banner-wrap-shape img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	/* Dibiz Features Area CSS */
	.dibiz-features-area {
		overflow: hidden;
		position: relative;
		z-index: 11;
	}

	.dibiz-features-card {
		margin-bottom: 25px;
		max-width: 350px;
	}

	.dibiz-features-card .features-image {
		margin-bottom: 28px;
	}

	.dibiz-features-card .features-image a img {
		display: inline-block;
	}

	.dibiz-features-card h3 {
		font-size: 25px;
		margin-bottom: 18px;
	}

	.dibiz-features-card h3 a {
		color: var(--blackColor);
	}

	.dibiz-features-card p {
		color: var(--optionalColor);
		margin-bottom: 25px;
	}

	.dibiz-features-card .features-btn {
		color: var(--blackColor);
		font-weight: 700;
		position: relative;
		padding-right: 45px;
	}

	.dibiz-features-card .features-btn i {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		display: inline-block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		color: var(--blackColor);
		border-radius: 50%;
		background-color: #FFEDE8;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-features-card:hover .features-btn {
		color: var(--mainColor);
	}

	.dibiz-features-card:hover .features-btn i {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.dibiz-features-inner-box {
		background: #EAEAF9;
		border-radius: 15px;
		padding-top: 50px;
		padding-bottom: 25px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.dibiz-features-box {
		max-width: 350px;
		margin: 0 auto 25px;
		text-align: center;
		position: relative;
	}

	.dibiz-features-box::before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -28.8px;
		width: 1px;
		height: 100%;
		background-color: #B4B4EB;
	}

	.dibiz-features-box .features-image {
		margin-bottom: 28px;
	}

	.dibiz-features-box .features-image a img {
		display: inline-block;
	}

	.dibiz-features-box h3 {
		font-size: 25px;
		margin-bottom: 18px;
	}

	.dibiz-features-box h3 a {
		color: var(--blackColor);
	}

	.dibiz-features-box p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.col-lg-4:last-child .dibiz-features-box::before {
		display: none;
	}

	/* Dibiz About Area CSS */
	.dibiz-about-area {
		position: relative;
		z-index: 11;
	}

	.dibiz-about-content {
		padding-left: 45px;
	}

	.dibiz-about-content span {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.dibiz-about-content h3 {
		font-size: 42px;
		margin-bottom: 20px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-about-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-about-content .about-list {
		padding: 0;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.dibiz-about-content .about-list li {
		list-style-type: none;
		margin-bottom: 15px;
		color: var(--blackColor);
		font-size: 18px;
		font-weight: 600;
		list-style-type: none;
	}

	.dibiz-about-content .about-list li span {
		margin-bottom: 0;
		font-size: 20px;
		font-weight: 600;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-about-image {
		position: relative;
	}

	.dibiz-about-image .wrap-content {
		position: absolute;
		right: 0;
		bottom: 30px;
		content: "";
		width: 252px;
		height: 252px;
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #FE881C), to(#FE4C1C));
		background: linear-gradient(270deg, #FE881C -12.37%, #FE4C1C 100%);
		border: 8px solid var(--whiteColor);
		border-radius: 50%;
		padding: 75px 20px;
		text-align: center;
	}

	.dibiz-about-image .wrap-content p {
		color: var(--whiteColor);
	}

	/* Dibiz What We Do Area CSS */
	.dibiz-what-we-do-area {
		position: relative;
		z-index: 1;
	}

	.dibiz-what-we-do-area.bg-F7F8FF {
		background-color: #F7F8FF;
		overflow: hidden;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .container-fluid {
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-content {
		max-width: 630px;
		margin-left: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-image {
		background-image: url(../img/more-home/what-we-do/what-we-do-3.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		border-radius: 30% 0 0 30%;
	}

	.dibiz-what-we-do-content span {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.dibiz-what-we-do-content h3 {
		font-size: 42px;
		margin-bottom: 20px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-what-we-do-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-what-we-do-content .accordion {
		padding-left: 0;
		margin-top: 30px;
		margin-bottom: 0;
		list-style-type: none;
	}

	.dibiz-what-we-do-content .accordion .accordion-item {
		display: block;
		margin-bottom: 30px;
		border: none;
		background-color: transparent;
	}

	.dibiz-what-we-do-content .accordion .accordion-item:last-child {
		margin-bottom: 0;
	}

	.dibiz-what-we-do-content .accordion .accordion-item .accordion-title {
		padding: 0;
		background-color: transparent;
		border: none;
		position: relative;
		color: var(--blackColor);
		padding-left: 55px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 18px;
		font-weight: 700;
	}

	.dibiz-what-we-do-content .accordion .accordion-item .accordion-title i {
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 8px !important;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		line-height: 40px;
		font-size: 15px;
	}

	.dibiz-what-we-do-content .accordion .accordion-item .accordion-title.active i::before {
		content: "\f104";
	}

	.dibiz-what-we-do-content .accordion .accordion-item .accordion-content {
		display: none;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-top: 18px;
	}

	.dibiz-what-we-do-content .accordion .accordion-item .accordion-content.show {
		display: block;
	}

	.dibiz-what-we-do-content .accordion .accordion-item:nth-child(2) .accordion-title i,
	.dibiz-what-we-do-content .accordion .accordion-item:nth-child(5) .accordion-title i {
		background-color: #290390;
		color: var(--whiteColor);
	}

	.dibiz-what-we-do-content .accordion .accordion-item:nth-child(3) .accordion-title i,
	.dibiz-what-we-do-content .accordion .accordion-item:nth-child(6) .accordion-title i {
		background-color: #1fa299;
		color: var(--whiteColor);
	}

	.dibiz-what-we-do-image {
		text-align: end;
	}

	.dibiz-what-we-do-image.with-some-left {
		padding-left: 45px;
	}

	.dibiz-what-we-do-shape {
		position: absolute;
		right: 0;
		bottom: 180px;
		z-index: -1;
		margin: auto;
	}

	/* Dibiz Services Area CSS */
	.dibiz-services-area {
		background-color: #0B1137;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.dibiz-services-area .section-title p {
		color: var(--whiteColor);
	}

	.dibiz-services-area.bg-F3ECEA {
		background-color: #F3ECEA;
	}

	.dibiz-services-card {
		margin-bottom: 25px;
		max-width: 255px;
	}

	.dibiz-services-card .icon {
		margin-bottom: 35px;
		position: relative;
		z-index: 1;
	}

	.dibiz-services-card .icon::before {
		position: absolute;
		content: "";
		height: 100px;
		width: 100px;
		line-height: 100px;
		border: 1px solid var(--mainColor);
		border-radius: 20px 30px 30px 30px;
		top: 5px;
		left: 5px;
		z-index: -1;
	}

	.dibiz-services-card .icon i {
		display: inline-block;
		height: 100px;
		width: 100px;
		line-height: 100px;
		text-align: center;
		font-size: 55px;
		background: linear-gradient(130.72deg, #F79719 2.44%, #FAC55E 96%);
		border-radius: 20px 30px 30px 30px;
		color: var(--whiteColor);
	}

	.dibiz-services-card .icon.color-two i {
		background: linear-gradient(130.72deg, #EE4645 2.44%, #FA9F8E 96%);
	}

	.dibiz-services-card .icon.color-three i {
		background: linear-gradient(130.72deg, #0FB684 2.44%, #79E8A0 96%);
	}

	.dibiz-services-card .icon.color-four i {
		background: linear-gradient(130.72deg, #4B53E9 2.44%, #5791F4 96%);
	}

	.dibiz-services-card h3 {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.dibiz-services-card h3 a {
		color: var(--whiteColor);
	}

	.dibiz-services-card p {
		color: var(--whiteColor);
		margin-bottom: 25px;
		font-size: 15px;
	}

	.dibiz-services-card .services-btn {
		color: var(--whiteColor);
		font-weight: 700;
		position: relative;
		padding-right: 45px;
	}

	.dibiz-services-card .services-btn i {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		display: inline-block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		color: var(--whiteColor);
		border-radius: 50%;
		background-color: #202444;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-services-card:hover .services-btn {
		color: var(--mainColor);
	}

	.dibiz-services-card:hover .services-btn i {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	.dibiz-services-slides.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
	}

	.dibiz-services-slides.owl-theme .owl-dots {
		margin-top: 20px !important;
		margin-left: 2px;
	}

	.dibiz-services-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 10px 0 0;
		background: #04C8EB;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.dibiz-services-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #04C8EB), to(#5945D2));
		background: linear-gradient(270deg, #04C8EB -12.37%, #5945D2 100%);
		border-radius: 50%;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.dibiz-services-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.dibiz-services-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-services-shape {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -1;
	}

	.dibiz-services-shape img {
		-webkit-animation: movebounce 5s linear infinite;
		animation: movebounce 5s linear infinite;
	}

	.dibiz-services-box {
		background-color: var(--whiteColor);
		padding: 45px 35px;
		border-radius: 15px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		margin-bottom: 25px;
	}

	.dibiz-services-box .icon {
		margin-bottom: 28px;
		display: inline-block;
		height: 100px;
		width: 100px;
		line-height: 100px;
		text-align: center;
		font-size: 55px;
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #04C8EB), to(#5945D2));
		background: linear-gradient(270deg, #04C8EB -12.37%, #5945D2 100%);
		border-radius: 20px 30px 30px 30px;
		color: var(--whiteColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-services-box h3 {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.dibiz-services-box h3 a {
		color: var(--blackColor);
	}

	.dibiz-services-box p {
		color: var(--optionalColor);
		margin-bottom: 25px;
		font-size: 15px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-services-box .services-btn {
		color: var(--blackColor);
		font-weight: 700;
		position: relative;
		padding-right: 45px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-services-box .services-btn i {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		display: inline-block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		color: var(--whiteColor);
		border-radius: 50%;
		background-color: #212529;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-services-box:hover {
		background-color: var(--mainColor);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	.dibiz-services-box:hover .icon {
		-webkit-animation: jackInTheBox 0.5s;
		animation: jackInTheBox 0.5s;
	}

	.dibiz-services-box:hover h3 a {
		color: var(--whiteColor);
	}

	.dibiz-services-box:hover p {
		color: var(--whiteColor);
	}

	.dibiz-services-box:hover .services-btn {
		color: var(--whiteColor);
	}

	.dibiz-services-box:hover .services-btn i {
		color: var(--mainColor);
		background-color: var(--whiteColor);
	}

	.dibiz-services-box.with-border {
		border: 1px solid #EAEAF9;
		background-color: var(--whiteColor);
		border-radius: 0;
	}

	.dibiz-services-box.with-border .services-btn i {
		color: var(--blackColor);
		background-color: #f5f5f5;
	}

	.dibiz-services-box.with-border:hover {
		-webkit-box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08);
		box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08);
	}

	.dibiz-services-box.with-border:hover .icon {
		border-radius: 50%;
	}

	.dibiz-services-box.with-border:hover h3 a {
		color: var(--blackColor);
	}

	.dibiz-services-box.with-border:hover p {
		color: var(--optionalColor);
	}

	.dibiz-services-box.with-border:hover .services-btn {
		color: var(--mainColor);
	}

	.dibiz-services-box.with-border:hover .services-btn i {
		color: var(--whiteColor);
		background-color: var(--mainColor);
	}

	/* Dibiz Team Area CSS */
	.dibiz-team-card {
		margin-bottom: 25px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-team-card .team-image {
		position: relative;
	}

	.dibiz-team-card .team-image img {
		border-radius: 30px;
	}

	.dibiz-team-card .team-image .social-link {
		position: absolute;
		right: 30px;
		bottom: 55px;
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
	}

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

	.dibiz-team-card .team-image .social-link li:last-child {
		margin-bottom: 0;
	}

	.dibiz-team-card .team-image .social-link li a {
		width: 32px;
		height: 32px;
		text-align: center;
		color: var(--blackColor);
		background-color: var(--whiteColor);
		font-size: 18px;
		position: relative;
		border-radius: 50px;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: .4s;
		transition: .4s;
	}

	.dibiz-team-card .team-image .social-link li a i {
		position: absolute;
		left: 0;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-48%);
		transform: translateY(-48%);
	}

	.dibiz-team-card .team-image .social-link li a:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-team-card .team-image .social-link li:nth-child(2) a,
	.dibiz-team-card .team-image .social-link li:nth-child(4) a,
	.dibiz-team-card .team-image .social-link li:nth-child(6) a,
	.dibiz-team-card .team-image .social-link li:nth-child(8) a {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

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

	.dibiz-team-card .team-content h3 {
		font-size: 22px;
		margin-bottom: 0;
		color: var(--blackColor);
		font-weight: 700;
	}

	.dibiz-team-card .team-content span {
		display: inline-block;
		margin-top: 15px;
		color: #4B5280;
	}

	.dibiz-team-card:hover .team-image .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.dibiz-team-bottom-text {
		text-align: center;
		margin-top: 20px;
	}

	.dibiz-team-bottom-text a {
		color: var(--optionalColor);
		border-bottom: 1px solid var(--optionalColor);
		font-weight: 600;
	}

	.dibiz-team-bottom-text a:hover {
		color: var(--mainColor);
		border-bottom: 1px solid var(--mainColor);
		letter-spacing: 1px;
	}

	.dibiz-team-slides.owl-theme .owl-nav {
		margin-top: 30px;
		text-align: start;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-] {
		background-color: transparent;
		border: 1px solid var(--mainColor);
		margin: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		color: var(--mainColor);
		text-align: center;
		line-height: 39.5px;
		position: absolute;
		left: -50px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		right: -50px;
		left: auto;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}

	/* Dibiz Video Area CSS */
	.dibiz-video-area {
		position: relative;
		margin-bottom: -250px;
	}

	.dibiz-video-content {
		text-align: center;
		position: relative;
	}

	.dibiz-video-content .with-border-radius {
		border-radius: 25px;
	}

	.dibiz-video-content .video-btn {
		z-index: 1;
		width: 100px;
		height: 100px;
		font-size: 40px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		border-radius: 50%;
		display: inline-block;
		color: var(--whiteColor);
		background-color: var(--mainColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-video-content .video-btn i {
		left: 0;
		right: 0;
		top: 50%;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: auto;
	}

	.dibiz-video-content .video-btn::after,
	.dibiz-video-content .video-btn::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		bottom: 0;
		left: 0;
		border-radius: 50%;
		border: 1px solid var(--mainColor);
	}

	.dibiz-video-content .video-btn::before {
		-webkit-animation: ripple 2s linear infinite;
		animation: ripple 2s linear infinite;
	}

	.dibiz-video-content .video-btn::after {
		-webkit-animation: ripple 2s linear 1s infinite;
		animation: ripple 2s linear 1s infinite;
	}

	.dibiz-video-content .video-btn:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	@-webkit-keyframes ripple {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		75% {
			-webkit-transform: scale(1.75);
			transform: scale(1.75);
			opacity: 1;
		}

		100% {
			-webkit-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		}
	}

	@keyframes ripple {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		75% {
			-webkit-transform: scale(1.75);
			transform: scale(1.75);
			opacity: 1;
		}

		100% {
			-webkit-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		}
	}

	/* Dibiz Partner Area CSS */
	.dibiz-partner-area {
		background-image: url(../img/more-home/partner/partner-bg.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 350px;
		padding-bottom: 75px;
	}

	.dibiz-partner-area.bg-F3ECEA {
		background-color: #F3ECEA;
		background-image: unset;
	}

	.dibiz-partner-item {
		text-align: center;
		margin-bottom: 25px;
	}

	.dibiz-partner-item a {
		display: inline-block;
		padding: 25px;
		border-radius: 10px;
		background-color: var(--whiteColor);
	}

	.dibiz-partner-item a img {
		display: inline-block;
	}

	.dibiz-partner-area-with-color {
		background: #EAEAF9;
	}

	/* Dibiz Pricing Area CSS */
	.dibiz-pricing-card {
		padding: 30px;
		background: linear-gradient(130.72deg, #6B5089 2.44%, #A587C1 96%);
		border-radius: 20px 30px 30px 30px;
		position: relative;
		margin-right: 5px;
		margin-bottom: 25px;
	}

	.dibiz-pricing-card::before {
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
		border: 1px solid var(--mainColor);
		border-radius: 20px 30px 30px 30px;
		top: 5px;
		left: 5px;
		z-index: -1;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card .pricing-header {
		margin-bottom: 20px;
	}

	.dibiz-pricing-card .pricing-header h3 {
		font-size: 25px;
		font-weight: 600;
		margin-bottom: 0;
		color: var(--whiteColor);
	}

	.dibiz-pricing-card .pricing-price {
		font-size: 42px;
		font-weight: bold;
		color: var(--whiteColor);
	}

	.dibiz-pricing-card .pricing-price span {
		font-size: 14px;
		font-weight: 400;
		color: var(--whiteColor);
		position: relative;
		top: -2px;
	}

	.dibiz-pricing-card .pricing-list {
		padding: 0;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.dibiz-pricing-card .pricing-list li {
		list-style-type: none;
		font-size: var(--fontSize);
		font-weight: 400;
		color: var(--whiteColor);
		margin-bottom: 18px;
		position: relative;
		padding-left: 30px;
	}

	.dibiz-pricing-card .pricing-list li:last-child {
		margin-bottom: 0;
	}

	.dibiz-pricing-card .pricing-list li i {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 1px;
		display: inline-block;
		height: 20px;
		width: 20px;
		line-height: 20px;
		font-size: 15px;
		background-color: var(--whiteColor);
		color: var(--mainColor);
		text-align: center;
		border-radius: 50px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card .pricing-list li:hover i {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-pricing-card .pricing-btn {
		margin-top: 25px;
	}

	.dibiz-pricing-card.active {
		background: linear-gradient(130.72deg, #5275F0 2.44%, #578FF4 96%);
	}

	.dibiz-pricing-card.with-style-two {
		margin-right: 0;
		background: #EAEAF9;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two::before {
		display: none;
	}

	.dibiz-pricing-card.with-style-two .pricing-header h3 {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two .pricing-price {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two .pricing-price span {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two .pricing-list {
		margin-top: 0;
	}

	.dibiz-pricing-card.with-style-two .pricing-list li {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two .pricing-btn {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.dibiz-pricing-card.with-style-two .pricing-btn .default-btn-with-radius {
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-style-two:hover {
		background-color: var(--mainColor);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-header h3 {
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-price {
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-price span {
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-list {
		margin-top: 0;
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-list li {
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-btn .default-btn-with-radius {
		background: var(--whiteColor);
		color: var(--mainColor) !important;
	}

	.dibiz-pricing-card.with-style-two:hover .pricing-btn .default-btn-with-radius i {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-border-style {
		background: var(--whiteColor);
		border: 1px solid #EAEAF9;
		margin-left: 0;
		border-radius: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-border-style::before {
		display: none;
	}

	.dibiz-pricing-card.with-border-style .pricing-header h3 {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-border-style .pricing-price {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-border-style .pricing-price span {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-border-style .pricing-list {
		margin-top: 0;
	}

	.dibiz-pricing-card.with-border-style .pricing-list li {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-pricing-card.with-border-style .pricing-list li i {
		background: #4B5280;
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-border-style .pricing-btn {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.dibiz-pricing-card.with-border-style .pricing-btn .default-btn-with-radius {
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background: transparent;
		color: var(--optionalColor) !important;
		border: 1px solid var(--mainColor);
	}

	.dibiz-pricing-card.with-border-style .pricing-btn .default-btn-with-radius i {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-pricing-card.with-border-style:hover {
		-webkit-box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08);
		box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08);
	}

	.dibiz-pricing-card.with-border-style:hover .pricing-btn .default-btn-with-radius {
		background: var(--mainColor);
		color: var(--whiteColor) !important;
		border: 1px solid var(--mainColor);
	}

	.dibiz-pricing-card.with-border-style:hover .pricing-btn .default-btn-with-radius i {
		background-color: var(--whiteColor);
		color: var(--mainColor);
	}

	/* Dibiz Clients Area CSS */
	.dibiz-clients-area {
		background-color: #070C2F;
	}

	.dibiz-clients-area.bg-F7F8FF {
		background-color: #F7F8FF;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card {
		text-align: center;
		background-color: var(--whiteColor);
		border: 1px solid #EAEAF9;
		padding: 30px 40px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .client-info {
		margin-bottom: 20px;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .client-info img {
		margin: 0 auto 20px;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .client-info .title {
		margin-left: 0;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .client-info .title h3 {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .client-info .title span {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card p {
		color: var(--optionalColor);
		margin-bottom: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .rating {
		padding: 0;
		margin-top: 15px;
		margin-bottom: 0;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .rating li {
		list-style-type: none;
		margin-right: 2px;
		display: inline-block;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .rating li:last-child {
		margin-right: 0;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card .rating li i {
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #FE881C), to(#FE4C1C));
		background: linear-gradient(270deg, #FE881C -12.37%, #FE4C1C 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card:hover {
		-webkit-box-shadow: 0px 12px 35px rgba(33, 37, 41, 0.08);
		box-shadow: 0px 12px 35px rgba(33, 37, 41, 0.08);
	}

	.dibiz-clients-card {
		background: #0B1137;
		border-radius: 15px;
		padding: 30px;
		margin-bottom: 25px;
		position: relative;
	}

	.dibiz-clients-card .client-info {
		margin-bottom: 25px;
	}

	.dibiz-clients-card .client-info img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.dibiz-clients-card .client-info .title {
		margin-left: 15px;
	}

	.dibiz-clients-card .client-info .title h3 {
		font-size: 22px;
		color: var(--whiteColor);
		margin-bottom: 0;
		font-weight: 600;
	}

	.dibiz-clients-card .client-info .title span {
		display: block;
		font-weight: 400;
		margin-top: 10px;
		color: var(--whiteColor);
		font-size: 14px;
	}

	.dibiz-clients-card p {
		color: var(--whiteColor);
		margin-bottom: 0;
	}

	.dibiz-clients-card .icon {
		position: absolute;
		right: 30px;
		top: 15px;
	}

	.dibiz-clients-card .icon i {
		font-size: 50px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-clients-slides.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
		display: none;
	}

	.dibiz-clients-slides.owl-theme .owl-dots {
		margin-top: 20px !important;
		margin-left: 2px;
	}

	.dibiz-clients-slides.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		margin: 0 10px 0 0;
		background: #04C8EB;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		position: relative;
	}

	.dibiz-clients-slides.owl-theme .owl-dots .owl-dot span::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #04C8EB), to(#5945D2));
		background: linear-gradient(270deg, #04C8EB -12.37%, #5945D2 100%);
		border-radius: 50%;
		opacity: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		visibility: hidden;
	}

	.dibiz-clients-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.dibiz-clients-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	.dibiz-clients-area-with-white-color {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.dibiz-clients-area-with-white-color::before {
		content: "";
		position: absolute;
		width: 1420px;
		height: 378px;
		bottom: 0;
		left: 0;
		right: 0;
		background: #F3ECEA;
		border-radius: 15px;
		z-index: -1;
		margin: auto;
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card {
		background: var(--whiteColor);
		border: 1px solid #EAEAF9;
		border-radius: 15px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card .client-info .title h3 {
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card .client-info .title span {
		color: var(--optionalColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card p {
		color: var(--optionalColor);
		margin-bottom: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card .icon i {
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card:hover {
		background-color: var(--mainColor);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card:hover .client-info .title h3 {
		color: var(--whiteColor);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card:hover .client-info .title span {
		color: var(--whiteColor);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card:hover p {
		color: var(--whiteColor);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-card:hover .icon i {
		background: var(--whiteColor);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-slides.owl-theme .owl-dots .owl-dot span {
		background: #FE4C1C;
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-slides.owl-theme .owl-dots .owl-dot span::before {
		background: linear-gradient(130.72deg, #D64B4B 2.44%, #F27E7C 96%);
	}

	.dibiz-clients-area-with-white-color .dibiz-clients-slides.owl-theme .owl-dots .owl-dot:hover span::before,
	.dibiz-clients-area-with-white-color .dibiz-clients-slides.owl-theme .owl-dots .owl-dot.active span::before {
		opacity: 1;
		visibility: visible;
	}

	/* Dibiz Blog Area CSS */
	.dibiz-blog-area {
		position: relative;
		z-index: 11;
	}

	.dibiz-blog-card {
		margin-bottom: 25px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-blog-card .blog-image a img {
		display: inline-block;
	}

	.dibiz-blog-card .blog-content {
		margin-top: 25px;
		margin-left: 15px;
	}

	.dibiz-blog-card .blog-content h3 {
		font-size: 25px;
		line-height: 1.5;
	}

	.dibiz-blog-card .blog-content h3 a {
		color: var(--blackColor);
	}

	.dibiz-blog-card .blog-content .blog-info {
		margin-top: 20px;
	}

	.dibiz-blog-card .blog-content .blog-info img {
		width: 45px;
		height: 45px;
		border-radius: 50%;
	}

	.dibiz-blog-card .blog-content .blog-info .info {
		margin-left: 10px;
	}

	.dibiz-blog-card .blog-content .blog-info .info h5 {
		margin-bottom: 0;
		font-size: 18px;
		font-weight: 600;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date {
		margin-left: 30px;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date span {
		color: var(--optionalColor);
		font-size: 15px;
		font-weight: 600;
		position: relative;
		padding-left: 22px;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date span i {
		font-size: 15px;
		color: var(--mainColor);
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

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

	.dibiz-blog-card.with-border-radius .blog-image a img {
		border-radius: 25px;
	}

	.dibiz-blog-card.with-border-radius .blog-content {
		margin-left: 0;
	}

	.dibiz-blog-card.without-border-radius .blog-image a img {
		border-radius: 0;
	}

	.dibiz-blog-card.without-border-radius .blog-content {
		margin-left: 0;
	}

	.dibiz-blog-card.without-border-radius .blog-content .blog-info {
		margin-top: 0;
		margin-bottom: 20px;
	}

	/* Dibiz Subscribe Area CSS */
	.dibiz-subscribe-area {
		position: relative;
		z-index: 1;
	}

	.dibiz-subscribe-area.bg-F7F8FF {
		background-color: #F7F8FF;
	}

	.dibiz-subscribe-content {
		max-width: 720px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.dibiz-subscribe-content .sub-title {
		display: block;
		margin-bottom: 15px;
		color: var(--mainColor);
		font-size: 15.5px;
		font-weight: 700;
	}

	.dibiz-subscribe-content h2 {
		margin-bottom: 0;
		font-size: 42px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-subscribe-content p {
		max-width: 600px;
		font-size: 17px;
		font-weight: 600;
		margin-left: auto;
		margin-right: auto;
		margin-top: 12px;
	}

	.dibiz-subscribe-content .newsletter-form {
		position: relative;
		max-width: 650px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter {
		display: block;
		width: 100%;
		border: 1px solid #EAEAF9;
		background-color: var(--whiteColor);
		color: var(--blackColor);
		height: 60px;
		padding-left: 18px;
		border-radius: 30px;
		font-size: 16px;
		font-weight: 400;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter::placeholder {
		color: #999999;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
		color: transparent;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
		color: transparent;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
		color: transparent;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
		color: transparent;
	}

	.dibiz-subscribe-content .newsletter-form .validation-danger {
		color: red;
		margin-top: 15px;
	}

	.dibiz-subscribe-content .newsletter-form .validation-success {
		margin-top: 15px;
	}

	.dibiz-subscribe-content .newsletter-form .default-btn-with-radius {
		position: absolute;
		right: 5px;
		top: 5px;
		height: 50px;
	}

	.dibiz-subscribe-vector-shape {
		position: absolute;
		left: 0;
		bottom: 100px;
		z-index: -1;
	}

	.dibiz-subscribe-shape-1 {
		position: absolute;
		left: 100px;
		top: 100px;
		z-index: -1;
	}

	.dibiz-subscribe-shape-1 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	.dibiz-subscribe-shape-2 {
		position: absolute;
		right: 100px;
		bottom: 100px;
		z-index: -1;
	}

	.dibiz-subscribe-shape-2 img {
		-webkit-animation: moveleftbounce 5s linear infinite;
		animation: moveleftbounce 5s linear infinite;
	}

	/* Dibiz Case Studies Area CSS */
	.dibiz-case-studies-area {
		background-color: #EAEAF9;
		overflow: hidden;
	}

	.dibiz-case-studies-area .container-fluid {
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		left: calc((100% - 1300px)/2);
	}

	.dibiz-case-studies-section-content {
		max-width: 480px;
	}

	.dibiz-case-studies-section-content span {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.dibiz-case-studies-section-content h3 {
		font-size: 42px;
		margin-bottom: 20px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-case-studies-section-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-case-studies-card {
		margin-bottom: 25px;
	}

	.dibiz-case-studies-card a img {
		display: inline-block;
		border-radius: 10px 10px 0 0;
	}

	.dibiz-case-studies-card .content {
		background-color: var(--whiteColor);
		padding: 30px 70px 30px 20px;
		border-radius: 0 0 10px 10px;
		position: relative;
	}

	.dibiz-case-studies-card .content h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.dibiz-case-studies-card .content h3 a {
		color: var(--blackColor);
	}

	.dibiz-case-studies-card .content .icon {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.dibiz-case-studies-card .content .icon a i {
		display: inline-block;
		height: 35px;
		width: 35px;
		line-height: 35px;
		background-color: var(--mainColor);
		color: var(--whiteColor);
		font-size: 18px;
		text-align: center;
		border-radius: 50px;
	}

	.dibiz-case-studies-card.with-style-two {
		position: relative;
		border-radius: 10px;
	}

	.dibiz-case-studies-card.with-style-two::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		border-radius: 10px;
	}

	.dibiz-case-studies-card.with-style-two img {
		border-radius: 10px;
	}

	.dibiz-case-studies-card.with-style-two .content {
		border-radius: 0;
		background-color: transparent;
		position: absolute;
		bottom: 5px;
		width: 100%;
		padding: 30px 90px 30px 35px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-case-studies-card.with-style-two .content h3 a {
		color: var(--whiteColor);
	}

	.dibiz-case-studies-card.with-style-two .content .icon {
		right: 30px;
	}

	.dibiz-case-studies-card.with-style-two .content .icon a i {
		background: var(--whiteColor);
		color: var(--blackColor);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-case-studies-card.with-style-two:hover .content {
		bottom: 10px;
	}

	.dibiz-case-studies-card.with-style-two:hover .content h3 a {
		color: var(--mainColor);
	}

	.dibiz-case-studies-card.with-style-two:hover .content .icon {
		right: 30px;
	}

	.dibiz-case-studies-card.with-style-two:hover .content .icon a i {
		background: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-case-studies-slides.owl-theme .owl-nav {
		margin-top: 10px;
		text-align: start;
	}

	.dibiz-case-studies-slides.owl-theme .owl-nav [class*=owl-] {
		background-color: transparent;
		border: 1px solid var(--mainColor);
		margin: 0 7px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		color: var(--mainColor);
		text-align: center;
		line-height: 39.5px;
	}

	.dibiz-case-studies-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		margin-right: 0;
	}

	.dibiz-case-studies-slides.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-case-studies-bottom-text {
		text-align: center;
		margin-top: 20px;
	}

	.dibiz-case-studies-bottom-text a {
		color: var(--optionalColor);
		border-bottom: 1px solid var(--optionalColor);
		font-weight: 600;
	}

	.dibiz-case-studies-bottom-text a:hover {
		color: var(--mainColor);
		border-bottom: 1px solid var(--mainColor);
		letter-spacing: 1px;
	}

	/* Dibiz Get Started Area CSS */
	.dibiz-get-started-area {
		background-color: #EAEAF9;
		overflow: hidden;
	}

	.dibiz-get-started-content span {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.dibiz-get-started-content h3 {
		font-size: 42px;
		margin-bottom: 20px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-get-started-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-get-started-content .get-started-btn {
		margin-top: 30px;
	}

	/* Dibiz Overview Area CSS */
	.dibiz-overview-area {
		overflow: hidden;
	}

	.dibiz-overview-area .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.overview-animate-text {
		-webkit-animation: text-scrolling 20s linear infinite;
		animation: text-scrolling 20s linear infinite;
		text-align: center;
		animation-direction: reverse;
	}

	.overview-animate-text span {
		display: inline-block;
		min-width: 100%;
		font-weight: 900;
		color: var(--blackColor);
		font-size: 60px;
		-webkit-transform: scale(1.7);
		transform: scale(1.7);
	}

	.overview-animate-text span strong {
		-webkit-filter: url("#stroke-text");
		filter: url("#stroke-text");
		letter-spacing: 2px;
	}

	@-webkit-keyframes text-scrolling {
		0% {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}

		100% {
			-webkit-transform: translate3d(120%, 0, 0);
			transform: translate3d(120%, 0, 0);
		}
	}

	@keyframes text-scrolling {
		0% {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}

		100% {
			-webkit-transform: translate3d(120%, 0, 0);
			transform: translate3d(120%, 0, 0);
		}
	}

	/* Dibiz Solutions Area CSS */
	.dibiz-solutions-area {
		overflow: hidden;
	}

	.dibiz-solutions-area .container-fluid {
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
	}

	.dibiz-solutions-image {
		position: relative;
	}

	.dibiz-solutions-image .video-btn {
		z-index: 1;
		width: 100px;
		height: 100px;
		font-size: 40px;
		position: absolute;
		right: 0;
		bottom: 90px;
		text-align: center;
		border-radius: 50%;
		display: inline-block;
		color: var(--whiteColor);
		background: -webkit-gradient(linear, right top, left top, color-stop(-12.37%, #FE881C), to(#FE4C1C));
		background: linear-gradient(270deg, #FE881C -12.37%, #FE4C1C 100%);
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.dibiz-solutions-image .video-btn i {
		left: 0;
		right: 0;
		top: 50%;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: auto;
	}

	.dibiz-solutions-image .video-btn::after,
	.dibiz-solutions-image .video-btn::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		bottom: 0;
		left: 0;
		border-radius: 50%;
		border: 1px solid var(--mainColor);
	}

	.dibiz-solutions-image .video-btn::before {
		-webkit-animation: ripple 2s linear infinite;
		animation: ripple 2s linear infinite;
	}

	.dibiz-solutions-image .video-btn::after {
		-webkit-animation: ripple 2s linear 1s infinite;
		animation: ripple 2s linear 1s infinite;
	}

	.dibiz-solutions-image .video-btn:hover {
		background-color: var(--mainColor);
		color: var(--whiteColor);
	}

	.dibiz-solutions-content {
		max-width: 650px;
		padding-left: 50px;
	}

	.dibiz-solutions-content span {
		color: var(--mainColor);
		font-size: var(--fontSize);
		font-weight: 500;
		display: inline-block;
		margin-bottom: 18px;
	}

	.dibiz-solutions-content h3 {
		font-size: 42px;
		margin-bottom: 20px;
		background: -webkit-gradient(linear, right top, left top, from(#04c8eb), color-stop(#00aff3), color-stop(#0092f6), color-stop(#0071ed), to(#5945d2));
		background: linear-gradient(to left, #04c8eb, #00aff3, #0092f6, #0071ed, #5945d2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.dibiz-solutions-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-solutions-content .solutions-inner-content {
		padding: 25px 35px;
		margin-top: 25px;
		border-radius: 5px;
		border-top: 1px solid #EAEAF9;
		border-bottom: 1px solid #EAEAF9;
		border-right: 1px solid #EAEAF9;
		border-left: 2px solid var(--mainColor);
	}

	.dibiz-solutions-content .solutions-inner-content h4 {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.dibiz-solutions-content .solutions-inner-content p {
		color: var(--optionalColor);
		margin-bottom: 0;
	}

	.dibiz-solutions-content .solutions-inner-content.color-two {
		border-left: 2px solid #04C8EB;
	}


	.user-profile {
		font-size: 15px !important;
		margin-bottom: 3px;
	}

	.cart-bten {
		border-right: 1px solid;
		padding: 2px 8px;
	}

	.icon-bar {
		position: fixed;
		top: 65%;
		display: none;
		-webkit-transform: translateY(-50%);
		z-index: 31;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.icon-bar a {
		display: block;
		text-align: center;
		padding: 16px;
		transition: all 0.3s ease;
		color: white;
		font-size: 20px;
	}

	.icon-bar a:hover {
		background-color: #000;
	}

	.facebook {
		background: #3B5998;
		color: white;
	}

	.twitter {
		background: #55ACEE;
		color: white;
	}

	.google {
		background: #dd4b39;
		color: white;
	}

	.linkedin {
		background: #007bb5;
		color: white;
	}

	.youtube {
		background: #bb0000;
		color: white;
	}

	.Registerd {
		font-weight: 900;
		color: orange;
		padding: 2px 5px;
		font-size: 16px;
		border-radius: 72px;
	}

	.Checkhow {
		font-size: 32px !important;
		margin-top: 15px;
	}

	.Cruzenigital {
		font-size: 32px !important;
		margin-top: 5px;
		padding-top: 12px;
	}

	.completedproject {
		font-size: 10px;
	}

	.hovertext {
		position: relative;
		/* border-bottom: 1px dotted black; */
	}

	.hovertext:before {
		content: attr(data-hover);
		visibility: hidden;
		opacity: 0;
		width: 140px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		padding: 5px 0;
		transition: opacity 1s ease-in-out;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 110%;
	}

	.hovertext:hover:before {
		opacity: 1;
		visibility: visible;
	}

	.accordion-para {
		text-align: justify;
		font-size: 14px;
	}

	.sinel-dinf {
		text-align: justify;
	}

	.payments {
		width: 70px;
		padding: 2px 4px;
		margin-bottom: 5px;
		margin-top: 8px;
	}

	.payment-text {
		text-align: center;
	}

	.buttonpay-1 {
		background-color: #5f259f;
		border: none;
		color: white;
		border-radius: 66px;
		padding: 6px 46px;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		/*margin: 15px 5px;*/
		cursor: pointer;
	}

	.buttonpay-2 {
		background-color: #3A81F1;
		border: none;
		color: white;
		border-radius: 66px;
		padding: 6px 43px;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		/*margin: 15px 5px;*/
		cursor: pointer;
	}

	.buttonpay-3 {
		background-color: #042e6f;
		border: none;
		color: white;
		border-radius: 66px;
		padding: 6px 63px;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		/* margin: 15px 5px;*/
		cursor: pointer;
	}

	.Digitalmarketing {
		text-align: justify;
	}

	.heading-sub-md {
		font-size: 20px;
	}

	.creationaccount {
		text-align: justify;
	}

	.getlog {
		background: black !important;
	}

	/* CSS */
	.button-6 {
		align-items: center;
		background-color: #2b2626;
		border: 2px solid #15D8E1;
		border-radius: 12px;
		box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
		box-sizing: border-box;
		/* color: rgb(255 255 255 / 85%); */
		color: white;
		cursor: pointer;
		display: inline-flex;
		font-family: system-ui, -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 700;
		justify-content: center;
		line-height: 1.25;
		margin: 0;
		min-height: 54px;
		/* padding: calc(.875rem - 0px) calc(0.5rem - 1px); */
		position: relative;
		text-decoration: none;
		transition: all 250ms;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		vertical-align: baseline;
		width: 100%;
	}

	.button-6:hover,
	.button-6:focus {
		border-color: rgba(0, 0, 0, 0.15);
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
		color: white;
	}

	.button-6:hover {
		transform: translateY(-1px);
	}

	.button-6:active {
		background-color: #F0F0F1;
		border-color: rgba(0, 0, 0, 0.15);
		box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
		color: white;
		transform: translateY(0);
	}

	.spancolor {
		background: -webkit-linear-gradient(#15D8E1, black);

		-webkit-text-fill-color: #ffffff00;

	}

	.gradient-text {
		background-image: linear-gradient(#15D8E1, black);
		background-clip: text;
		color: orange;
		font-size: 45px;
		-webkit-background-clip: text;
	}

	.sakhna {
		font-size: 22px;
		border: 2px solid;
		padding: 3px 9px;
		border-radius: 100%;
	}

	.sakhna-1 {
		font-size: 15px;
		border: 2px solid #15d8e1;
		padding: 7px 11px;
		margin-right: -15px;
		margin-left: 8px;
		border-radius: 100%;
	}

	.image-icon {
		margin-top: 7px;
	}

	.btn-whatsapp-pulse {
		background: #f00707;
		color: white;
		position: fixed;
		z-index: 94;
		bottom: 52px;
		font-size: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
		/* top: -81px; */
		margin-bottom: 31px;
		width: 0;
		height: 0;
		padding: 20px;
		text-decoration: none;
		margin-left: 13px;
		border-radius: 50%;
		animation-name: pulse;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
	}

	@keyframes pulse {
		0% {
			box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
		}

		80% {
			box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
		}
	}

	.btn-whatsapp-pulse-border {
		bottom: 120px;
		right: 20px;
		animation-play-state: paused;
	}

	.btn-whatsapp-pulse-border::before {
		content: "";
		position: absolute;
		border-radius: 50%;
		padding: 25px;
		border: 5px solid #25d366;
		opacity: 0.75;
		animation-name: pulse-border;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
	}

	@keyframes pulse-border {
		0% {
			padding: 25px;
			opacity: 0.75;
		}

		75% {
			padding: 50px;
			opacity: 0;
		}

		100% {
			opacity: 0;
		}
	}

	.senuy {
		height: 270px !important;
	}

	.blogimage {
		height: 280px;
	}

	.begins {
		text-align: justify;
	}

	.box-new-hi {
		height: 220px !important;
	}

	.Login {
		font-size: 17px;
		color: white;
		font-weight: 800;
	}

	.dumm {
		margin-top: 15px;
		box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
		border-radius: 240px;
	}

	.dumm:hover {

		-webkit-box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);

		box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);

		-webkit-transform: translateY(-10px);

		transform: translateY(-10px);

		transition: transform 1.2s;
		/* Animation */

		border: 1px solid #000000;

		animation-name: rotate;

		animation-duration: 5s;

		animation-iteration-count: infinite;

		animation-timing-function: linear;
	}

	.testimonialsimage {
		border: 1px solid #ddd;
		margin-top: 20px;
		box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
		width: auto;
		border-radius: 316px;
	}

	.seemingly {
		border-radius: 30px;
	}

	.frequently {
		border-radius: 316px;
	}

	.listin {
		height: 500px !important;
	}

	.eliminate {
		font-size: 14px;
		font-weight: 900;
		color: #15d8e1;
	}

	.analyze {
		margin-bottom: 10px !important;
		text-transform: capitalize;
	}

	.block--header {
		margin: 0 auto;
		padding: 80px 0;
		max-width: 780px;
	}

	.method-block-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-width: 1360px;
		margin: 0 auto;
		padding: 0 30px 16px;
	}

	.method-block-row .method-block-col {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 33%;
		padding: 0 10px;
	}

	.method-block-row .method-block-col.center-col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.method-block-row .method-block-col {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%;
		padding: 0 10px;
	}

	.method-block-row .method-block-col .method-content {
		text-align: center;
		margin-bottom: 80px;
	}

	.method-block-row .method-block-col .method-content .item-header .icon-wrapper {
		display: none;
	}

	.block--header-title {
		text-align: center;
	}

	.block--header-description {
		text-align: center;
	}

	.mission {
		color: #15d8e1;
		/* background: black; */
		font-weight: bolder;
	}

	.shadow-effect {
		background: #fff;
		padding: 20px;
		border-radius: 4px;
		text-align: center;
		border: 1px solid #00d5e6;
		box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
	}

	#customers-testimonials .shadow-effect p {
		font-family: sans-serif;
		font-size: 14px;
		line-height: 1.5;
		margin: 0 0 15px 0;
		font-weight: 300;
	}

	.testimonial-name {
		margin: -12px auto 0;
		display: table;
		width: auto;
		font-weight: bold;
		background: #15d8e1;
		padding: 4px 22px;
		border-radius: 12px;
		text-align: center;
		font-size: 16px;
		color: #000;
		box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
	}

	#customers-testimonials .item {
		text-align: center;
		padding: 35px;
		margin-bottom: 0px;
		opacity: .2;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#customers-testimonials .owl-item.active.center .item {
		opacity: 1;
		-webkit-transform: scale3d(1.0, 1.0, 1);
		transform: scale3d(1.0, 1.0, 1);
	}

	.owl-carousel .owl-item img {
		transform-style: preserve-3d;
		max-width: 91px;
		margin: 0 auto 17px;
		border-radius: 70px;
	}

	#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
	#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		background: #3190E7;
		transform: translate3d(0px, -50%, 0px) scale(0.7);
	}

	#customers-testimonials.owl-carousel .owl-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	#customers-testimonials.owl-carousel .owl-dots .owl-dot {
		display: inline-block;
	}

	#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
		background: #3190E7;
		display: inline-block;
		border-radius: 62px;
		height: 15px;
		margin: 0 1px 1px;
		transform: translate3d(0px, -50%, 0px) scale(0.3);
		transform-origin: 50% 50% 0;
		transition: all 250ms ease-out 0s;
		width: 15px;
	}

	.CLients {
		margin-top: 55px;
	}

	.happy {
		margin-top: 10px;
	}

	.partnerl {
		border: 1px solid #000;
		background: white;
		margin-bottom: 25px;
		border-radius: 12px;
		box-shadow: rgb(16 187 204 / 30%) 0px 0px 0px 3px;
		margin-top: 14px;
	}

	.happy-sad {
		margin-top: -15px;
	}

	.partnerl:hover {
		border-radius: 25px;
		background-color: var(--whiteColor);
		-webkit-box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
		box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		transition: transform 1.2s;
		/* Animation */
		border: 1px solid #1c9bc3;
	}

	.Focused {
		text-align: justify;
	}

	.dumm {
		margin-top: -40px;
		box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px;
		margin-bottom: 40px;
		border-radius: 240px;
	}

	.method-block-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-width: 1360px;
		margin: 0 auto;
		padding: 0 10px 0px;
	}

	.block-our-methods {
		padding: 11px 24px;
		margin-top: -45px;
	}

	.partnerl {
		border: 1px solid #000;
		background: white;
		margin-bottom: 25px;
		padding: 1px 78px;
		border-radius: 12px;
		box-shadow: rgb(16 187 204 / 30%) 0px 0px 0px 3px;
		margin-top: 14px;
	}

	.analyze {
		margin-bottom: 10px !important;
		font-weight: 600;
		font-size: 15px;
		text-transform: capitalize;
	}

	.Login {
		font-size: 12px;
		color: black;
		padding: 7px 21px;
		/* background: aqua; */
		margin-top: 29px;
		border-radius: 10px;
		border: 1px solid #cfc3c3;
		font-weight: 600;
	}

	.single-footer-widget .footer-links-list li {
		padding-left: 0px;
		margin-left: -40px;
	}

	.buy-now-btn {
		right: 83%;
		/* z-index: 99; */
		top: 94%;
		display: none;
		/* position: fixed; */
		/* -webkit-transform: translateY(-50%); */
		/* transform: translateY(-50%); */
		/* border-radius: 30px; */
		/* font-weight: 700 !important; */
		/* display: inline-block; */
		/* color: #ffffff; */
		/* background-color: #189d0e; */
		/* padding: 10px 20px 10px 42px; */
		/* -webkit-box-shadow: 0 1px 20px 1px #82b440; */
		/* box-shadow: 0 1px 20px 1px #82b440; */
		/* font-size: 11px; */
		/* font-weight: 600; */
	}

	.gradient-text {
		font-size: 40px !important;
	}

	body {
		font-size: 14px;
	}

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

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

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

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

	.pt-70 {
		padding-top: 30px;
	}

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

	p {
		font-size: 14px;
	}

	.default-btn {
		padding: 10px 20px;
		width: 100%;
		font-size: 14px;
	}

	.section-title {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.section-title .sub-title {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.section-title h2 {
		font-size: 18px;
	}

	.section-title p {
		max-width: 100%;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	.container {
		max-width: 95%;
	}

	.form-control {
		height: 50px;
		padding: 1px 0 0 12px;
		font-size: 14px;
	}

	.search-overlay .search-overlay-form {
		max-width: 290px;
		width: 290px;
	}

	.search-overlay .search-overlay-form form .input-search {
		height: 50px;
		padding: 0 0 0 15px;
	}

	.search-overlay .search-overlay-form form button {
		right: 5px;
		top: 5px;
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 38px;
	}

	.modal.right .modal-dialog {
		width: 100%;
	}

	.sidebarModal.modal .modal-body {
		padding: 70px 20px 20px;
	}

	.sidebarModal.modal .modal-body .instagram-list {
		margin-top: 40px;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info {
		margin-top: 40px;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info h2 {
		font-size: 22px;
	}

	.sidebarModal.modal .modal-body .sidebar-contact-info h2 span {
		margin-top: 10px;
		margin-bottom: 8px;
		font-size: 14px;
	}

	.main-banner-area {
		padding-top: 150px;
	}

	.main-banner-content {
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0;
		padding-bottom: 40px;
	}

	.main-banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.main-banner-content h1 {
		margin-bottom: 15px;
		font-size: 30px;
	}

	.main-banner-content .btn-box {
		margin-top: 25px;
	}

	.main-banner-content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.main-banner-content .btn-box .video-btn {
		margin-left: 15px;
		padding-left: 48px;
		font-size: 15px;
	}

	.main-banner-content .btn-box .video-btn i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}

	.main-banner-image {
		background-image: unset !important;
		height: auto;
	}

	.main-banner-image img {
		display: inline-block;
	}

	.home-wrapper-area {
		padding-top: 150px;
		padding-bottom: 120px;
	}

	.home-wrapper-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-content {
		text-align: center;
	}

	.banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.banner-content h1 {
		margin-bottom: 15px;
		font-size: 30px;
	}

	.banner-content p {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-content .btn-box {
		margin-top: 25px;
	}

	.banner-content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.banner-content .btn-box .video-btn {
		margin-left: 15px;
		padding-left: 48px;
		font-size: 15px;
	}

	.banner-content .btn-box .video-btn i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}

	.banner-image {
		margin-top: 30px;
	}

	.home-slides.owl-theme .owl-dots {
		text-align: left;
		margin-top: 0;
		bottom: 4px;
	}

	.home-slides.owl-theme .owl-nav {
		position: relative;
		left: 0;
		-webkit-transform: unset;
		transform: unset;
		margin-left: 0;
		bottom: 0;
		text-align: right;
		margin-top: 25px;
	}

	.digital-agency-banner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.main-banner {
		padding-top: 60px;
		margin-bottom: -53px;
		height: auto;
	}

	.banner-area-content {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.banner-area-content h1 {
		margin-bottom: 11px;
		font-size: 37px;
	}

	.banner-area-content p {
		max-width: 100%;
		font-size: 14.5px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area-content img {
		margin-top: -80px;
	}

	.banner-area-content form {
		margin-top: 15px;
	}

	.banner-area-content form .form-group {
		margin-top: 15px;
		margin-bottom: 0;
	}

	.banner-area-content form .form-control {
		height: 50px;
	}

	.banner-area-content form .default-btn {
		height: 68px;
		margin-top: 14px;
	}

	.banner-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.home-content {
		max-width: 100%;
	}

	.home-content img {
		margin-bottom: 30px;
	}

	.home-content .sub-title {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.home-content h1 {
		margin-bottom: 13px;
		font-size: 30px;
	}

	.home-content p {
		max-width: 100%;
		font-size: 14.5px;
	}

	.home-slides-two.owl-theme .owl-nav [class*=owl-] {
		margin: 0;
		width: 38px;
		height: 38px;
		line-height: 38px;
		left: 15px;
		top: auto;
		-webkit-transform: unset;
		transform: unset;
		bottom: 62px;
	}

	.home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: 15px;
	}

	.banner-area {
		padding-bottom: 100px;
		padding-top: 160px;
	}

	.banner-area .main-banner-content {
		max-width: 100%;
	}

	.banner-area .main-banner-content p {
		max-width: 100%;
	}

	.shape1,
	.shape2,
	.shape3,
	.shape4,
	.shape5,
	.shape6,
	.shape7,
	.shape8,
	.shape9,
	.shape10,
	.shape11,
	.shape12,
	.shape13,
	.shape14,
	.shape15,
	.shape16,
	.shape17 {
		display: none;
	}

	.boxes-area {
		margin-top: -60px;
	}

	.single-boxes-box {
		padding: 25px 20px;
	}

	.single-boxes-box .icon {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 30px;
		margin-bottom: 30px;
	}

	.single-boxes-box .icon .circles-box .circle-one {
		left: 5px;
		bottom: 5px;
	}

	.single-boxes-box .icon .circles-box .circle-two {
		top: 5px;
		right: 5px;
	}

	.single-boxes-box h3 {
		font-size: 19px;
		margin-bottom: 12px;
	}

	.single-featured-services-box {
		padding: 6px 8px;
		margin: 20px;
		height: auto;
	}

	.single-featured-services-box .icon {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 30px;
		margin-bottom: 30px;
	}

	.single-featured-services-box .icon .circles-box .circle-one {
		left: 5px;
		bottom: 5px;
	}

	.single-featured-services-box .icon .circles-box .circle-two {
		top: 5px;
		right: 5px;
	}

	.single-featured-services-box h3 {
		font-size: 21px;
		margin-bottom: 12px;
	}

	.learn-more-btn {
		padding: 8px 20px 8px 48px;
		font-size: 15px;
	}

	.learn-more-btn .left-icon {
		width: 38px;
		height: 38px;
		line-height: 39px;
		font-size: 26px;
	}

	.learn-more-btn .right-icon {
		right: 20px;
		top: 1.5px;
		font-size: 24px;
	}

	.learn-more-btn:hover {
		padding-left: 20px;
		padding-right: 48px;
	}

	.about-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.about-image {
		height: auto;
		margin-right: 0;
		background-image: unset !important;
		margin-bottom: 30px;
	}

	.about-image img {
		display: inline-block;
	}

	.about-content {
		text-align: center;
	}

	.about-content .content {
		max-width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	.about-content .sub-title {
		margin-bottom: -10px;
		font-size: 13px;
		font-size: 20px;
	}

	.about-content h2 {
		font-size: 28px !important;
	}

	.about-content .funfacts-list {
		margin-top: 25px;
		text-align: left;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.about-content .funfacts-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.about-content .funfacts-list li .list i {
		top: 3px;
		font-size: 22px;
	}

	.about-content .funfacts-list li .list h3 {
		font-size: 20px;
		margin-top: -1px;
		padding-left: 41px;
	}

	.about-content .funfacts-list li .list p {
		padding-right: 0px;
		font-size: 9px;
		/* margin-top: -5px; */
		font-weight: 900;
		padding-left: 0px;
	}

	.about-content .default-btn {
		margin-top: 5px;
	}

	.about-content .text {
		max-width: 100%;
		padding-left: 0;
	}

	.about-content .features-list {
		text-align: left;
		margin-top: 25px;
	}

	.about-content .features-list li {
		padding-left: 55px;
	}

	.about-content .features-list li i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.about-img {
		margin-bottom: 35px;
		width: auto;
	}

	.what-we-do-content {
		text-align: center;
	}

	.what-we-do-content .sub-title {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.what-we-do-content h2 {
		font-size: 28px;
	}

	.what-we-do-content .skills-item {
		text-align: left;
	}

	.what-we-do-content .skills-item .skills-header .skills-title {
		font-size: 14.5px;
	}

	.what-we-do-content .skills-item .skills-header .skills-percentage {
		font-size: 15px;
	}

	.what-we-do-content-accordion {
		padding-left: 0;
		padding: 20px 27px;
		margin-top: 17px;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-content {
		padding-top: 15px;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-title {
		font-size: 15px;
		padding-left: 33px;
		padding-top: 4px;
		margin-left: 10px;
		padding-bottom: 4px;
	}

	.what-we-do-content-accordion .accordion .accordion-item .accordion-title i {
		width: 25px;
		height: 23px;
		line-height: 24px;
		font-size: 14px;
	}

	.single-services-box {
		padding: 25px 20px;
	}

	.single-services-box .icon {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 30px;
		margin-bottom: 27px;
	}

	.single-services-box .icon .circles-box .circle-one {
		left: 5px;
		bottom: 5px;
	}

	.single-services-box .icon .circles-box .circle-two {
		top: 5px;
		right: 5px;
	}

	.single-services-box h3 {
		font-size: 19px;
		margin-bottom: 12px;
	}

	.single-services-box .learn-more-btn {
		margin-top: 5px;
	}

	.overview-box {
		margin-bottom: 40px;
	}

	.overview-box .overview-content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.overview-box .overview-content .content {
		padding-right: 0;
		text-align: center;
	}

	.overview-box .overview-content .content .sub-title {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.overview-box .overview-content .content h2 {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.overview-box .overview-content .content .features-text h4 {
		margin-bottom: 8px;
		font-size: 17px;
	}

	.overview-box .overview-content .content .features-list {
		text-align: left;
	}

	.overview-box .overview-content .content .features-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.overview-box .overview-content .content .features-list li span {
		font-size: 14px;
	}

	.overview-box .overview-content .content.right-content {
		padding-left: 0;
	}

	.overview-box .overview-image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		max-width: 100%;
		margin-bottom: 35px;
	}

	.testimonials-area {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.testimonials-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.testimonials-content {
		text-align: center;
		max-width: 100%;
		margin-left: 0;
		padding-top: 0;
		padding-bottom: 30px;
		padding-right: 0;
	}

	.testimonials-content .sub-title {
		margin-bottom: 10px;
		font-size: 19px;
	}

	.testimonials-content h2 {
		font-size: 28px;
		padding-right: 0;
	}

	.single-testimonials-item {
		text-align: center;
	}

	.single-testimonials-item::before {
		right: 0;
		bottom: -13px;
		font-size: 90px;
	}

	.single-testimonials-item .client-info {
		text-align: left;
	}

	.single-testimonials-item .client-info .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.single-testimonials-item .client-info img {
		width: 55px;
		height: 55px;
	}

	.single-testimonials-item .client-info .title h3 {
		font-size: 17px;
		margin-bottom: 0;
	}

	.testimonials-image {
		height: auto;
		background-image: unset !important;
	}

	.testimonials-image img {
		display: inline-block !important;
	}

	.testimonials-slides.owl-theme .owl-nav.disabled+.owl-dots {
		text-align: center;
	}

	.feedback-image {
		width: 250px;
		height: 250px;
	}

	.feedback-image img:nth-child(1) {
		max-width: 135px;
	}

	.feedback-image img:nth-child(3) {
		right: -20px;
		max-width: 60px;
	}

	.feedback-image img:nth-child(2) {
		max-width: 70px;
	}

	.feedback-image img:nth-child(4) {
		max-width: 70px;
	}

	.feedback-image::before {
		-webkit-animation: unset !important;
		animation: unset !important;
	}

	.feedback-content {
		text-align: center;
		margin-top: 35px;
	}

	.feedback-content .sub-title {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.feedback-content h2 {
		font-size: 28px;
		padding-right: 0;
	}

	.single-feedback-item {
		text-align: center;
	}

	.single-feedback-item::before {
		right: 0;
		bottom: -13px;
		font-size: 90px;
	}

	.single-feedback-item .client-info {
		text-align: left;
	}

	.single-feedback-item .client-info .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.single-feedback-item .client-info img {
		width: 55px;
		height: 55px;
	}

	.single-feedback-item .client-info .title h3 {
		font-size: 17px;
		margin-bottom: 0;
	}

	.feedback-slides.owl-theme .owl-nav.disabled+.owl-dots {
		text-align: center;
	}

	.partner-area.ptb-70 {
		padding-bottom: 10px;
	}

	.team-area .col-lg-6 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.team-area .section-title {
		text-align: center;
		max-width: 100%;
		padding-left: 0;
		margin-top: 35px;
	}

	.single-team-box .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.single-team-box .content {
		text-align: center;
		padding: 15px;
	}

	.single-team-box .content h3 {
		font-size: 19px;
	}

	.single-team-member .content {
		padding: 25px 20px 20px;
	}

	.single-team-member .content h3 {
		font-size: 19px;
	}

	.single-team-member .image .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.team-slides.owl-theme .owl-dots {
		margin-top: 5px !important;
	}

	.portfolio-area .section-title {
		text-align: center;
		max-width: 100%;
	}

	.portfolio-area .section-title p {
		max-width: 100%;
	}

	.portfolio-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.portfolio-area.section-title-center .section-title {
		max-width: 100%;
	}

	.portfolio-area.section-title-center .section-title p {
		max-width: 100%;
	}

	.portfolio-slides {
		left: 0;
	}

	.portfolio-slides.owl-theme .owl-nav {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 30px;
	}

	.portfolio-slides.owl-theme .owl-nav [class*=owl-] {
		margin: 0 5px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	.single-portfolio-item .content {
		padding: 25px 20px 20px;
	}

	.single-portfolio-item .content h3 {
		font-size: 19px;
	}

	.single-portfolio-item .content .link-btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 19px;
		right: 15px;
		top: -15px;
	}

	.single-portfolio-box .content {
		padding: 25px 20px 20px;
	}

	.single-portfolio-box .content h3 {
		font-size: 19px;
	}

	.single-portfolio-box .content .link-btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 19px;
		right: 15px;
		top: -15px;
	}

	.portfolio-details-image .col-lg-6 {
		margin-bottom: 30px;
	}

	.portfolio-details-image .col-lg-6:last-child {
		margin-bottom: 0;
	}

	.portfolio-details-desc .sub-title {
		font-size: 13px;
	}

	.portfolio-details-desc h3 {
		font-size: 20px;
	}

	.portfolio-details-desc .content {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.portfolio-details-desc .content h3 {
		font-size: 20px;
	}

	.portfolio-sidebar-sticky {
		margin-top: 30px;
	}

	.portfolio-details-info {
		margin-left: 0;
		padding: 20px 15px;
	}

	.portfolio-details-info ul li {
		font-size: 14.5px;
	}

	.portfolio-details-info ul li span {
		font-size: 17px;
	}

	.how-its-work-content {
		text-align: center;
	}

	.how-its-work-content .sub-title {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.how-its-work-content h2 {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.how-its-work-content .inner-box {
		margin-top: 30px;
		text-align: left;
	}

	.how-its-work-content .inner-box .single-item {
		padding-left: 80px;
		padding-bottom: 25px;
	}

	.how-its-work-content .inner-box .single-item .count-box {
		width: 50px;
		height: 50px;
		-webkit-box-shadow: #edf1fe 0 0 0 3px;
		box-shadow: #edf1fe 0 0 0 3px;
		left: 3px;
		top: 3px;
		line-height: 50px;
		font-size: 20px;
	}

	.how-its-work-content .inner-box .single-item h3 {
		font-size: 19px;
	}

	.how-its-work-content .inner-box .single-item::before {
		left: 25px;
	}

	.how-its-work-content .inner-box .single-item::after {
		left: 11px;
		font-size: 30px;
		top: 50%;
	}

	.how-its-work-image {
		margin-top: 30px;
	}

	.single-pricing-box {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 13px;
	}

	.single-pricing-box .pricing-header .icon {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 30px;
		margin-bottom: 25px;
	}

	.single-pricing-box .pricing-header .icon .circles-box .circle-one {
		left: 5px;
		bottom: 5px;
	}

	.single-pricing-box .pricing-header h3 {
		font-size: 22px;
		padding-top: 13px;
		padding-bottom: 10px;
	}

	.single-pricing-box .pricing-features ul li {
		font-size: 15px;
	}

	.single-pricing-box .price {
		font-size: 28px;
	}

	.single-pricing-box .price span {
		margin-top: 0;
		font-size: 15px;
	}

	.analysis-img {
		padding-right: 0;
	}

	.analysis-form {
		padding-left: 0;
		margin-top: 30px;
		text-align: center;
	}

	.analysis-form .sub-title {
		margin-bottom: 10px;
		font-size: 12px;
		margin-top: 60px;
	}

	.analysis-form h2 {
		font-size: 27px;
		padding-right: 0;
		/* text-align: initial; */
		text-align: center;
		text-transform: capitalize;
	}

	.subscribe-content {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.subscribe-content .sub-title {
		margin-bottom: 14px;
		font-size: 15px;
	}

	.subscribe-content h2 {
		font-size: 28px;
		padding-right: 0;
	}

	.subscribe-content p {
		max-width: 100%;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	.subscribe-content .newsletter-form .input-newsletter {
		height: 48px;
		padding-left: 15px;
		font-size: 14px;
	}

	.subscribe-content .newsletter-form .default-btn {
		position: relative;
		display: block;
		width: 100%;
		margin-top: 15px;
		height: 47px;
	}

	.project-start-image {
		margin-bottom: 35px;
		text-align: center;
	}

	.project-start-content {
		padding-left: 0;
		text-align: center;
	}

	.project-start-content .sub-title {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.project-start-content h2 {
		font-size: 28px;
		padding-right: 0;
	}

	.single-blog-post .content h3 {
		font-size: 19px;
	}

	.single-blog-post .content .d-flex .info h5 {
		font-size: 16px;
	}

	.blog-details-desc {
		padding: 15px;
	}

	.blog-details-desc .article-content .entry-meta ul {
		margin-bottom: -15px;
	}

	.blog-details-desc .article-content .entry-meta ul li {
		display: inline-block;
		border-right: none;
		font-size: 13px;
		padding-right: 0;
		margin-bottom: 13px;
		margin-right: 13px;
	}

	.blog-details-desc .article-content .entry-meta ul li:last-child {
		margin-right: 0;
	}

	.blog-details-desc .article-content h3 {
		font-size: 19px;
		line-height: 1.4;
	}

	.blog-details-desc .article-footer {
		text-align: center;
	}

	.blog-details-desc .article-footer .article-tags {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.blog-details-desc .article-footer .article-share {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.blog-details-desc .article-footer .article-share .social {
		text-align: center;
		margin-top: 15px;
	}

	.blog-details-desc .article-video iframe {
		height: 145px;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav {
		opacity: 1;
		visibility: visible;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-] {
		font-size: 15px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		left: 10px;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: 10px;
	}

	.blog-details-desc .article-author .author-profile {
		padding: 0 15px 15px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title h4 {
		font-size: 19px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title p {
		font-size: 13px;
	}

	blockquote,
	.blockquote {
		padding: 20px !important;
	}

	blockquote p,
	.blockquote p {
		font-size: 17px !important;
	}

	.prev-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}

	.prev-link-wrapper .prev-title {
		font-size: 15px;
	}

	.prev-link-wrapper .meta-wrapper {
		font-size: 13px;
	}

	.next-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}

	.next-link-wrapper .next-title {
		font-size: 15px;
	}

	.next-link-wrapper .meta-wrapper {
		font-size: 13px;
	}

	.comments-area .comments-title {
		font-size: 19px;
		margin-bottom: 25px;
	}

	.comments-area .comment-author {
		font-size: 15px;
	}

	.comments-area .comment-author .avatar {
		height: 50px;
		left: 0;
		position: relative;
		width: 50px;
		display: block;
		margin-bottom: 15px;
	}

	.comments-area .comment-body {
		padding-left: 0;
	}

	.comments-area .comment-body .reply a {
		padding: 5px 20px 3px;
		font-size: 12px;
	}

	.comments-area .comment-content p {
		font-size: 15px;
	}

	.comments-area .comment-respond .comment-reply-title {
		font-size: 19px;
	}

	.comments-area .comment-respond .comment-form-author {
		width: 100%;
		padding-right: 0;
	}

	.comments-area .comment-respond .comment-form-email {
		width: 100%;
		padding-left: 0;
	}

	.comments-area .comment-respond .form-submit input {
		font-size: 15px;
	}

	.comments-area .comment-respond input[type="date"],
	.comments-area .comment-respond input[type="time"],
	.comments-area .comment-respond input[type="datetime-local"],
	.comments-area .comment-respond input[type="week"],
	.comments-area .comment-respond input[type="month"],
	.comments-area .comment-respond input[type="text"],
	.comments-area .comment-respond input[type="email"],
	.comments-area .comment-respond input[type="url"],
	.comments-area .comment-respond input[type="password"],
	.comments-area .comment-respond input[type="search"],
	.comments-area .comment-respond input[type="tel"],
	.comments-area .comment-respond input[type="number"],
	.comments-area .comment-respond textarea {
		font-size: 14px;
	}

	.history-timeline::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.history-timeline .timeline-block {
		padding-left: 0;
		margin-bottom: 40px;
	}

	.history-timeline .timeline-block .timeline-date {
		text-align: center;
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: unset;
		transform: unset;
		font-size: 16px;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}

	.history-timeline .timeline-block .timeline-date span {
		margin-bottom: 2px;
		font-weight: 700;
	}

	.history-timeline .timeline-block .timeline-icon {
		display: none;
	}

	.history-timeline .timeline-block .timeline-content {
		text-align: center;
		padding: 20px;
	}

	.history-timeline .timeline-block .timeline-content .content {
		margin-bottom: 25px;
		padding-left: 0;
		padding-right: 0;
	}

	.history-timeline .timeline-block .timeline-content .content h3 {
		margin-bottom: 10px;
		font-size: 19px;
	}

	.history-timeline .timeline-block::before {
		display: none;
	}

	.page-title-area {
		padding-bottom: 40px;
		padding-top: 72px;
		margin-top: 36px;
	}

	.page-title-area.page-title-style-two {
		padding-top: 90px;
		padding-bottom: 40px;
	}

	.page-title-content h1 {
		font-size: 30px;
	}

	.dibiz-grid-sorting {
		text-align: center;
	}

	.dibiz-grid-sorting .result-count {
		margin-bottom: 13px;
	}

	.dibiz-grid-sorting .ordering {
		text-align: center;
	}

	.dibiz-grid-sorting .ordering label {
		font-size: 14px;
	}

	.single-products-box .products-content h3 {
		font-size: 19px;
	}

	.single-products-box .products-content .price {
		font-size: 15px;
	}

	.single-products-box .products-content .add-to-cart {
		font-size: 13px;
	}

	.cart-table table thead tr th {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.cart-table table thead tr th:first-child {
		padding-left: 0;
	}

	.cart-table table thead tr th:last-child {
		padding-right: 60px;
	}

	.cart-table table tbody tr td {
		font-size: 14.5px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.cart-table table tbody tr td:first-child {
		padding-left: 0;
	}

	.cart-buttons .shopping-coupon-code {
		text-align: center;
	}

	.cart-buttons .shopping-coupon-code button {
		position: relative;
		right: 0;
		top: 0;
		height: auto;
		padding: 12px 25px;
		line-height: initial;
		font-size: 14px;
		border-radius: 5px;
		margin-top: 15px;
	}

	.cart-buttons .text-right {
		text-align: center !important;
		margin-top: 15px;
	}

	.cart-totals {
		padding: 25px 20px;
		max-width: 100%;
		margin-top: 40px;
	}

	.cart-totals h3 {
		font-size: 19px;
	}

	.cart-totals ul {
		margin-bottom: 20px;
	}

	.cart-totals ul li {
		font-size: 14px;
	}

	.cart-totals ul li:last-child {
		font-size: 16px;
	}

	.billing-details .title {
		font-size: 19px;
	}

	.order-details {
		margin-top: 40px;
	}

	.order-details .title {
		font-size: 19px;
	}

	.order-details .order-table table thead tr th {
		font-size: 13.5px;
	}

	.order-details .order-table table tbody tr td {
		font-size: 13px;
	}

	.order-details .payment-box {
		padding: 20px;
	}

	.order-details .order-table table tbody tr td.order-subtotal span,
	.order-details .order-table table tbody tr td.order-shipping span,
	.order-details .order-table table tbody tr td.total-price span {
		font-size: 13px;
	}

	.products-details-desc {
		padding-left: 0;
		margin-top: 35px;
	}

	.products-details-desc h3 {
		font-size: 19px;
	}

	.products-details-desc .products-review .rating {
		font-size: 16px;
	}

	.products-details-desc .products-review .rating .rating-count {
		top: -2px;
	}

	.products-details-desc .products-meta span {
		font-size: 15px;
	}

	.products-details-desc .products-add-to-cart .input-counter {
		max-width: 110px;
		min-width: 110px;
	}

	.products-details-desc .products-add-to-cart .input-counter input {
		height: 47px;
		font-size: 16px;
	}

	.products-details-tabs .nav {
		margin-bottom: 40px;
		margin-top: -28px;
	}

	.products-details-tabs .nav .nav-item {
		margin-left: 0px;
		margin-right: 0px;
	}

	.products-details-tabs .nav .nav-item .nav-link {
		font-size: 11px;
		font-weight: 800;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
		font-size: 19px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating {
		top: 2px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
		font-size: 17px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side {
		width: 20%;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
		font-size: 15px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .middle {
		width: 60%;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
		padding-bottom: 10px;
		font-size: 19px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
		padding-left: 0;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 15px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
		display: block !important;
		top: 0;
		font-size: 17px;
		margin-left: 0;
		margin-top: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
		font-size: 19px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
		margin-top: 20px;
		padding: 12px 45px;
		font-size: 15px;
	}

	.faq-item h3 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.error-content h3 {
		font-size: 28px;
		margin-top: 40px;
		margin-bottom: 15px;
	}

	.error-content p {
		max-width: 100%;
	}

	.error-content .default-btn {
		margin-top: 20px;
	}

	.coming-soon-area {
		height: 100%;
		padding-top: 120px;
		padding-bottom: 120px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.coming-soon-content {
		padding: 30px 20px;
	}

	.coming-soon-content h2 {
		margin-top: 25px;
		font-size: 28px;
	}

	.coming-soon-content #timer {
		margin-top: 10px;
	}

	.coming-soon-content #timer div {
		width: 95px;
		height: 100px;
		font-size: 35px;
		margin-top: 20px;
	}

	.coming-soon-content #timer div span {
		font-size: 14px;
	}

	.coming-soon-content form {
		max-width: 100%;
		margin-top: 40px;
	}

	.login-form {
		padding: 30px 20px;
		margin-right: 0;
	}

	.login-form h2 {
		margin-bottom: 20px;
		text-align: center;
		font-size: 27px;
	}

	.login-form form .lost-your-password-wrap {
		text-align: left;
		margin-top: 15px;
	}

	.login-form form button {
		padding: 13px 30px;
		font-size: 15px;
	}

	.register-form {
		margin-top: 40px;
		border-top: 1px solid #eeeeee;
		padding-left: 0;
		padding-top: 30px;
	}

	.register-form h2 {
		margin-bottom: 20px;
		text-align: center;
		font-size: 27px;
	}

	.register-form form .lost-your-password-wrap {
		text-align: left;
		margin-top: 15px;
	}

	.register-form form button {
		padding: 13px 30px;
		font-size: 15px;
	}

	.privacy-policy-content img {
		margin-bottom: 25px;
	}

	.privacy-policy-content h3 {
		margin-bottom: 12px;
		font-size: 19px;
	}

	.privacy-policy-content ul li,
	.privacy-policy-content ol li {
		font-size: 15px;
	}

	.privacy-policy-content .blockquote p,
	.privacy-policy-content blockquote p {
		font-size: 15px !important;
	}

	.terms-of-service-content img {
		margin-bottom: 25px;
	}

	.terms-of-service-content h3 {
		margin-bottom: 12px;
		font-size: 19px;
	}

	.terms-of-service-content ul li,
	.terms-of-service-content ol li {
		font-size: 14px;
	}

	.terms-of-service-content .blockquote p,
	.terms-of-service-content blockquote p {
		font-size: 15px !important;
	}

	.pagination-area {
		margin-top: 20px;
	}

	.pagination-area .page-numbers {
		width: 35px;
		height: 35px;
		line-height: 37px;
		font-size: 15px;
	}

	.widget-area {
		padding-left: 0;
		margin-top: 40px;
	}

	.widget-area .widget {
		padding: 15px;
	}

	.widget-area .widget .widget-title {
		font-size: 19px;
	}

	.widget-area .widget_insight ul li a {
		font-size: 15px;
		padding: 12px 15px 12px 30px;
	}

	.widget-area .widget_insight ul li a::before {
		left: 15px;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info .title {
		font-size: 15px;
	}

	.widget-area .widget_categories ul li {
		font-size: 14px;
	}

	.widget-area .tagcloud a {
		font-size: 13px !important;
	}

	.widget-area.widget-left-sidebar {
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 40px;
	}

	.contact-info-box {
		padding-left: 80px;
	}

	.contact-info-box h3 {
		font-size: 19px;
	}

	.contact-info-box .icon {
		width: 60px;
		height: 80px;
		font-size: 35px;
	}

	.contact-form {
		padding: 25px 20px;
		margin-left: 0;
		margin-top: 30px;
	}

	.contact-form form .form-group .form-control {
		height: 50px;
	}

	.footer-area {
		padding-top: 60px;
	}

	.single-footer-widget.pl-5,
	.single-footer-widget.px-5 {
		padding-left: 0 !important;
	}

	.single-footer-widget.pl-2,
	.single-footer-widget.px-2 {
		padding-left: 0 !important;
	}

	.single-footer-widget h3 {
		margin-bottom: 20px;
		padding-left: 15px;
		font-size: 19px;
	}

	.footer-bottom-area {
		margin-top: 5px;
		text-align: center;
	}

	.footer-bottom-area ul {
		text-align: center;
		margin-top: 15px;
	}

	.footer-bottom-area ul li::before {
		height: 12px;
	}

	.go-top {
		width: 24px;
		height: 26px;
		font-size: 18px;
	}

	.top-header-area {
		text-align: -webkit-auto;
		padding-top: 0px;
		padding-bottom: 39px;
	}

	.top-header-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
		/* margin-top: 140px; */
	}

	.top-header-btn {
		text-align: center;
		margin-top: 15px;
	}

	.banner-wrapper-area {
		padding-top: 100px;
	}

	.banner-wrapper-content {
		text-align: center;
		padding-top: 0;
		padding-bottom: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-wrapper-content .content {
		max-width: 100%;
		padding-left: 0;
	}

	.banner-wrapper-content .sub-title {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.banner-wrapper-content h1 {
		margin-bottom: 15px;
		font-size: 30px;
	}

	.banner-wrapper-content form {
		margin-top: 25px;
		padding: 0 15px 15px;
	}

	.banner-wrapper-content form .form-control {
		padding-left: 0 !important;
	}

	.banner-wrapper-content form .col-lg-5 .form-control {
		border-bottom: 1px solid #eeeeee;
		border-right: none;
	}

	.banner-wrapper-image {
		height: auto;
		background-image: unset !important;
	}

	.banner-wrapper-image img {
		display: inline-block;
	}

	.banner-wrapper-image .divider {
		display: none;
	}

	.blog-slides.owl-theme .owl-nav {
		margin-top: 5px;
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	.pb-75 {
		padding-bottom: 35px;
	}

	.new-main-banner-area {
		padding-top: 115px;
		padding-bottom: 50px;
	}

	.new-main-banner-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 540px;
	}

	.new-main-banner-content .sub-title {
		font-size: 14px;
	}

	.new-main-banner-content h1 {
		font-size: 30px;
	}

	.new-main-banner-image {
		text-align: center;
		margin-top: 30px;
	}

	.new-main-banner-shape-1 {
		display: none;
	}

	.new-main-banner-shape-2 {
		display: none;
	}

	.dibiz-features-card h3 {
		font-size: 20px;
	}

	.dibiz-about-image {
		text-align: center;
	}

	.dibiz-about-content {
		padding-left: 0;
		margin-top: 30px;
	}

	.dibiz-about-content span {
		font-size: 14px;
	}

	.dibiz-about-content h3 {
		font-size: 20px !important;
	}

	.dibiz-about-content .about-list li {
		font-size: 15px;
	}

	.dibiz-about-content .about-list li span {
		font-size: 15px;
	}

	.dibiz-what-we-do-content span {
		font-size: 14px;
	}

	.dibiz-what-we-do-content h3 {
		font-size: 28px;
	}

	.dibiz-what-we-do-shape {
		display: none;
	}

	.dibiz-what-we-do-image {
		text-align: center;
		margin-top: 30px;
	}

	.dibiz-services-slides.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}

	.dibiz-services-card .icon {
		margin-bottom: 28px;
	}

	.dibiz-services-card .icon::before {
		height: 80px;
		width: 80px;
		line-height: 80px;
	}

	.dibiz-services-card .icon i {
		height: 80px;
		width: 80px;
		line-height: 80px;
		font-size: 40px;
	}

	.dibiz-partner-area {
		padding-top: 150px;
		padding-bottom: 35px;
	}

	.dibiz-video-area {
		margin-bottom: -100px;
	}

	.dibiz-video-content .video-btn {
		width: 70px;
		height: 70px;
		font-size: 22px;
	}

	.dibiz-pricing-card {
		padding: 20px;
	}

	.dibiz-pricing-card .pricing-header h3 {
		font-size: 20px;
	}

	.dibiz-pricing-card .pricing-price {
		font-size: 30px;
	}

	.dibiz-pricing-card .pricing-list li {
		font-size: 15px;
	}

	.dibiz-clients-card {
		padding: 20px;
	}

	.dibiz-clients-card .icon {
		display: none;
	}

	.dibiz-blog-card .blog-content h3 {
		font-size: 22px;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date {
		display: none;
	}

	.dibiz-subscribe-content .sub-title {
		font-size: 14.5px;
	}

	.dibiz-subscribe-content h2 {
		font-size: 28px;
	}

	.dibiz-subscribe-content .newsletter-form .input-newsletter {
		height: 50px;
	}

	.dibiz-subscribe-content .newsletter-form .default-btn-with-radius {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 15px;
	}

	.dibiz-subscribe-vector-shape {
		display: none;
	}

	.dibiz-subscribe-image {
		text-align: center;
		margin-top: 30px;
	}

	.new-main-banner-area.banner-with-gradient-color {
		padding-top: 55px;
		padding-bottom: 70px;
	}

	.dibiz-features-inner-box {
		padding-left: 20px;
		padding-right: 20px;
	}

	.dibiz-features-inner-box .dibiz-features-box::before {
		display: none;
	}

	.dibiz-features-inner-box .dibiz-features-box h3 {
		font-size: 20px;
	}

	.dibiz-services-box {
		padding: 40px 20px;
	}

	.dibiz-services-box .icon {
		margin-bottom: 20px;
		height: 70px;
		width: 70px;
		line-height: 70px;
		font-size: 35px;
	}

	.dibiz-what-we-do-image.with-some-left {
		padding-left: 0;
	}

	.dibiz-case-studies-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		left: 0;
		max-width: 540px;
	}

	.dibiz-case-studies-section-content {
		margin-bottom: 30px;
	}

	.dibiz-case-studies-section-content span {
		font-size: 14px;
	}

	.dibiz-case-studies-section-content h3 {
		font-size: 28px;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
		left: auto;
	}

	.dibiz-get-started-image {
		text-align: center;
	}

	.dibiz-get-started-content {
		margin-top: 30px;
	}

	.dibiz-get-started-content span {
		font-size: 14px;
	}

	.dibiz-get-started-content h3 {
		font-size: 28px;
	}

	.dibiz-clients-area-with-white-color::before {
		height: 225px;
		border-radius: 0;
	}

	.new-main-banner-wrap-area {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.new-main-banner-wrap-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 540px;
	}

	.new-main-banner-wrap-content {
		padding-right: 0;
		margin-top: 0;
	}

	.new-main-banner-wrap-content .sub-title {
		font-size: 14px;
	}

	.new-main-banner-wrap-content h1 {
		font-size: 35px;
	}

	.new-main-banner-wrap-content .btn-box .contact-btn {
		margin-left: 5px;
		font-size: 16.5px;
		display: block;
		margin-top: 30px;
	}

	.new-main-banner-wrap-image {
		margin-top: 30px;
		margin-right: 0;
		text-align: center;
	}

	.new-main-banner-wrap-image .wrap-circle-shape {
		display: none;
	}

	.new-main-banner-wrap-shape {
		display: none;
	}

	.overview-animate-text span {
		font-size: 25px;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.dibiz-about-image .wrap-content {
		display: none;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-content {
		padding-top: 50px;
		padding-bottom: 50px;
		max-width: 540px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-image {
		height: 450px;
		margin-top: 0;
	}

	.dibiz-case-studies-card.with-style-two .content {
		padding: 20px 90px 20px 25px;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card {
		padding: 20px;
	}

	.dibiz-solutions-image .video-btn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 25px;
		right: 50px;
		bottom: 20px;
	}

	.dibiz-solutions-content {
		margin-top: 30px;
		max-width: 540px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dibiz-solutions-content span {
		font-size: 14px;
	}

	.dibiz-solutions-content h3 {
		font-size: 28px;
	}

	.dibiz-solutions-content .solutions-inner-content h4 {
		font-size: 20px;
	}

	.dibiz-subscribe-shape-1 {
		display: none;
	}

	.dibiz-subscribe-shape-2 {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.container {
		max-width: 540px;
	}

	.dibiz-responsive-nav .container-fluid {
		max-width: 540px;
	}

	.main-banner-content {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.home-wrapper-area .container-fluid {
		max-width: 540px;
	}

	.banner-area-content {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.about-area .container-fluid {
		max-width: 540px;
	}

	.about-content .funfacts-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.testimonials-area .container-fluid {
		max-width: 540px;
	}

	.subscribe-content .newsletter-form .default-btn {
		position: absolute;
		display: inline-block;
		width: auto;
		margin-top: 0;
		height: 48px;
	}

	.portfolio-area .container-fluid {
		max-width: 540px;
	}

	.overview-box .overview-content .content .features-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.blog-details-desc .article-footer {
		text-align: left;
	}

	.blog-details-desc .article-footer .article-tags {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.blog-details-desc .article-footer .article-share {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.blog-details-desc .article-footer .article-share .social {
		text-align: right;
		margin-top: 0;
	}

	.prev-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 5px;
	}

	.prev-link-wrapper .image-prev {
		min-width: 60px;
		width: 60px;
	}

	.next-link-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 0;
		padding-left: 5px;
	}

	.next-link-wrapper .image-next {
		min-width: 60px;
		width: 60px;
	}

	.cart-buttons .text-right {
		text-align: right !important;
		margin-top: 0;
	}

	.top-header-area .container-fluid {
		max-width: 100%;
	}

	.banner-wrapper-content .content {
		max-width: 510px;
		margin-left: auto;
		margin-right: auto;
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	.new-main-banner-wrap-content .btn-box .contact-btn {
		margin-left: 20px;
		font-size: 18px;
		display: inline-block;
		margin-top: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 15px;
	}

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

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

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

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

	.pt-70 {
		padding-top: 60px;
	}

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

	.container {
		max-width: 720px;
	}

	p {
		font-size: 15px;
	}

	.default-btn {
		font-size: 16px;
	}

	.section-title {
		max-width: 600px;
		margin-bottom: 50px;
	}

	.section-title .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.section-title h2 {
		font-size: 35px;
	}

	.section-title p {
		max-width: 550px;
		font-size: 16px;
		margin-top: 10px;
	}

	.dibiz-responsive-nav .others-option {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		position: absolute;
		right: 65px;
		top: -1px;
	}

	.dibiz-responsive-nav .container-fluid {
		max-width: 720px;
	}

	.others-option-for-responsive {
		display: none;
	}

	.main-banner-area {
		padding-top: 150px;
	}

	.main-banner-area .container-fluid {
		max-width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.main-banner-content {
		text-align: center;
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 40px;
	}

	.main-banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.main-banner-content h1 {
		margin-bottom: 20px;
		font-size: 40px;
	}

	.main-banner-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto;
	}

	.main-banner-content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.main-banner-content .btn-box .video-btn {
		font-size: 17px;
	}

	.main-banner-image {
		height: auto;
		background-image: unset !important;
	}

	.main-banner-image img {
		display: inline-block;
	}

	.home-wrapper-area {
		padding-top: 160px;
		padding-bottom: 160px;
	}

	.home-wrapper-area .container-fluid {
		max-width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-content {
		text-align: center;
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.banner-content h1 {
		margin-bottom: 20px;
		font-size: 40px;
	}

	.banner-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.banner-content .btn-box .video-btn {
		font-size: 17px;
	}

	.banner-image {
		margin-top: 35px;
	}

	.home-slides.owl-theme .owl-dots {
		text-align: left;
		margin-top: 0;
		bottom: 4px;
	}

	.home-slides.owl-theme .owl-nav {
		position: relative;
		left: 0;
		-webkit-transform: unset;
		transform: unset;
		margin-left: 0;
		bottom: 0;
		text-align: right;
		margin-top: 25px;
	}

	.main-banner {
		padding-top: 170px;
	}

	.banner-area-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.banner-area-content h1 {
		margin-bottom: 15px;
		font-size: 40px;
	}

	.banner-area-content p {
		max-width: 545px;
		font-size: 15.5px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area-content form {
		margin-top: 15px;
	}

	.banner-area-content form .form-group {
		margin-top: 15px;
	}

	.banner-area-content form .default-btn {
		display: inline-block;
		width: auto;
	}

	.home-content {
		max-width: 610px;
	}

	.home-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.home-content h1 {
		margin-bottom: 15px;
		font-size: 40px;
	}

	.home-content p {
		max-width: 545px;
		font-size: 15.5px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-area {
		padding-bottom: 130px;
		padding-top: 170px;
	}

	.shape1,
	.shape2,
	.shape3,
	.shape4,
	.shape5,
	.shape6,
	.shape7,
	.shape8,
	.shape9,
	.shape10,
	.shape11,
	.shape12,
	.shape13,
	.shape14,
	.shape15,
	.shape17 {
		display: none;
	}

	.boxes-area {
		margin-top: -60px;
	}

	.single-boxes-box {
		padding: 40px 20px;
	}

	.single-boxes-box .icon {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 35px;
	}

	.single-boxes-box .icon .circles-box .circle-one {
		left: 6px;
		bottom: 6px;
	}

	.single-boxes-box .icon .circles-box .circle-two {
		top: 6px;
		right: 6px;
	}

	.single-boxes-box h3 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.single-featured-services-box {
		padding: 40px 20px;
	}

	.single-featured-services-box .icon {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 35px;
	}

	.single-featured-services-box .icon .circles-box .circle-one {
		left: 6px;
		bottom: 6px;
	}

	.single-featured-services-box .icon .circles-box .circle-two {
		top: 6px;
		right: 6px;
	}

	.single-featured-services-box h3 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.about-area .container-fluid {
		max-width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.about-image {
		margin-right: 0;
		height: auto;
		background-image: unset !important;
	}

	.about-image img {
		display: inline-block;
	}

	.about-img {
		margin-bottom: 35px;
	}

	.about-content {
		text-align: center;
	}

	.about-content .content {
		max-width: 100%;
		padding-top: 30px;
		padding-bottom: 0;
		padding-left: 0;
	}

	.about-content .text {
		max-width: 100%;
		padding-left: 0;
	}

	.about-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.about-content h2 {
		font-size: 35px;
	}

	.about-content .funfacts-list {
		text-align: left;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
	}

	.about-content .funfacts-list li .list i {
		font-size: 30px;
	}

	.about-content .funfacts-list li .list h3 {
		font-size: 35px;
		padding-left: 40px;
	}

	.about-content .funfacts-list li .list p {
		padding-right: 0;
		font-size: 17px;
	}

	.about-content .default-btn {
		margin-top: 5px;
	}

	.about-content .features-list {
		text-align: left;
	}

	.what-we-do-content {
		text-align: center;
	}

	.what-we-do-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.what-we-do-content h2 {
		font-size: 35px;
	}

	.what-we-do-content .skills-item {
		text-align: left;
	}

	.what-we-do-content-accordion {
		padding-left: 0;
		margin-top: 30px;
	}

	.single-services-box {
		padding: 40px 30px;
	}

	.single-services-box .icon {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 35px;
		margin-bottom: 25px;
	}

	.single-services-box .icon .circles-box .circle-one {
		left: 6px;
		bottom: 6px;
	}

	.single-services-box .icon .circles-box .circle-two {
		top: 6px;
		right: 6px;
	}

	.single-services-box h3 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.learn-more-btn {
		padding: 9px 25px 9px 55px;
		font-size: 16px;
	}

	.learn-more-btn .left-icon {
		width: 42px;
		height: 42px;
		line-height: 43px;
		font-size: 28px;
	}

	.learn-more-btn .right-icon {
		font-size: 25px;
	}

	.overview-box {
		margin-bottom: 40px;
	}

	.overview-box .overview-content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		max-width: 100%;
	}

	.overview-box .overview-content .content {
		padding-right: 0;
		text-align: center;
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
	}

	.overview-box .overview-content .content .sub-title {
		font-size: 14.5px;
	}

	.overview-box .overview-content .content h2 {
		margin-bottom: 15px;
		font-size: 32px;
	}

	.overview-box .overview-content .content .features-text h4 {
		font-size: 19px;
	}

	.overview-box .overview-content .content.right-content {
		padding-left: 0;
	}

	.overview-box .overview-image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		max-width: 100%;
		margin-bottom: 40px;
	}

	.testimonials-area {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.testimonials-area .container-fluid {
		max-width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.testimonials-content {
		max-width: 100%;
		margin-left: 0;
		padding-top: 0;
		padding-bottom: 30px;
		padding-right: 0;
	}

	.testimonials-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.testimonials-content h2 {
		font-size: 35px;
	}

	.testimonials-content .testimonials-slides {
		margin-top: 15px;
	}

	.testimonials-image {
		background-image: unset !important;
		height: auto;
	}

	.testimonials-image img {
		display: inline-block;
	}

	.feedback-content {
		text-align: center;
		margin-top: 40px;
	}

	.feedback-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.feedback-content h2 {
		font-size: 35px;
	}

	.single-feedback-item {
		text-align: center;
	}

	.single-feedback-item .client-info .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.feedback-slides.owl-theme .owl-nav.disabled+.owl-dots {
		text-align: center;
	}

	.feedback-slides.owl-theme .owl-dots {
		margin-top: 40px !important;
		margin-left: 0;
	}

	.portfolio-area .section-title {
		text-align: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

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

	.portfolio-area .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.portfolio-area.section-title-center .section-title {
		max-width: 600px;
	}

	.portfolio-area.section-title-center .section-title p {
		max-width: 550px;
	}

	.portfolio-slides {
		left: 0;
	}

	.portfolio-slides.owl-theme .owl-nav {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 30px;
	}

	.portfolio-slides.owl-theme .owl-nav [class*=owl-] {
		margin: 0 5px;
	}

	.single-portfolio-item .content h3 {
		font-size: 22px;
	}

	.single-portfolio-box .content h3 {
		font-size: 22px;
	}

	.portfolio-details-desc .sub-title {
		font-size: 14.5px;
	}

	.portfolio-details-desc h3 {
		font-size: 24px;
	}

	.portfolio-details-desc .content h3 {
		font-size: 22px;
	}

	.portfolio-sidebar-sticky {
		margin-top: 35px;
	}

	.portfolio-details-info {
		margin-left: 0;
		padding: 30px 20px;
	}

	.portfolio-details-info ul li {
		font-size: 15.5px;
	}

	.portfolio-details-info ul li span {
		font-size: 18px;
	}

	.team-area .col-lg-6 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.team-area .section-title {
		text-align: center;
		padding-left: 0;
		max-width: 560px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-team-box .content h3 {
		font-size: 22px;
	}

	.single-team-box .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.single-team-member .content h3 {
		font-size: 22px;
	}

	.single-team-member .image .social-link li a {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	.single-pricing-box .pricing-header h3 {
		font-size: 22px;
	}

	.single-pricing-box .price {
		font-size: 30px;
	}

	.single-pricing-box .price span {
		margin-top: 0;
		font-size: 16px;
	}

	.subscribe-content {
		max-width: 600px;
	}

	.subscribe-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.subscribe-content h2 {
		font-size: 35px;
	}

	.subscribe-content p {
		max-width: 550px;
		font-size: 16px;
		margin-top: 10px;
	}

	.project-start-image {
		text-align: center;
		margin-bottom: 35px;
	}

	.project-start-content {
		padding-left: 0;
		text-align: center;
	}

	.project-start-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.project-start-content h2 {
		font-size: 35px;
	}

	.project-start-content p {
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}

	.analysis-img {
		padding-right: 0;
		margin-bottom: 35px;
	}

	.analysis-form {
		text-align: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.analysis-form .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.analysis-form h2 {
		font-size: 35px;
	}

	.analysis-form p {
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}

	.how-its-work-content {
		text-align: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.how-its-work-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.how-its-work-content h2 {
		font-size: 35px;
	}

	.how-its-work-content p {
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}

	.how-its-work-content .inner-box {
		text-align: left;
	}

	.how-its-work-content .inner-box .single-item h3 {
		font-size: 22px;
	}

	.how-its-work-image {
		margin-top: 35px;
	}

	.single-blog-post .content h3 {
		font-size: 21px;
	}

	.single-blog-post .content .d-flex .info h5 {
		font-size: 16px;
	}

	.blog-details-desc .article-content h3 {
		font-size: 22px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title h4 {
		font-size: 20px;
	}

	.blog-details-desc .article-video iframe {
		height: 360px;
	}

	.blog-details-desc .article-image-slides.owl-theme .owl-nav {
		opacity: 1;
		visibility: visible;
	}

	blockquote,
	.blockquote {
		padding: 30px !important;
	}

	blockquote p,
	.blockquote p {
		font-size: 20px !important;
	}

	.prev-link-wrapper .prev-title {
		font-size: 16px;
	}

	.next-link-wrapper .next-title {
		font-size: 16px;
	}

	.comments-area .comments-title {
		font-size: 22px;
	}

	.comments-area .comment-respond .comment-reply-title {
		font-size: 22px;
	}

	.comments-area .comment-respond .form-submit input {
		font-size: 15.5px;
	}

	.page-title-area {
		padding-bottom: 100px;
		padding-top: 165px;
	}

	.page-title-content h1 {
		font-size: 38px;
	}

	.history-timeline .timeline-block .timeline-content .content {
		margin-bottom: 30px;
		padding-left: 0;
		padding-right: 0;
	}

	.history-timeline .timeline-block .timeline-content .content h3 {
		font-size: 22px;
	}

	.single-products-box .products-content h3 {
		font-size: 20px;
	}

	.single-products-box .products-content .price {
		font-size: 15.5px;
	}

	.cart-table table thead tr th {
		font-size: 14.5px;
	}

	.cart-totals h3 {
		font-size: 22px;
	}

	.cart-totals h3:last-child {
		font-size: 18px;
	}

	.billing-details .title {
		font-size: 22px;
	}

	.order-details {
		margin-top: 30px;
	}

	.order-details .title {
		font-size: 22px;
	}

	.products-details-desc {
		margin-top: 35px;
		padding-left: 0;
	}

	.products-details-desc h3 {
		font-size: 22px;
	}

	.products-details-tabs .nav .nav-item .nav-link {
		font-size: 17px;
	}

	.products-details-tabs .tab-content .tab-pane {
		max-width: 645px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
		font-size: 22px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
		font-size: 22px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
		font-size: 22px;
	}

	.faq-item h3 {
		font-size: 19px;
	}

	.privacy-policy-content h3 {
		font-size: 22px;
	}

	.terms-of-service-content h3 {
		font-size: 22px;
	}

	.error-content h3 {
		font-size: 35px;
	}

	.coming-soon-area {
		height: auto;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.coming-soon-content {
		max-width: 650px;
	}

	.coming-soon-content h2 {
		font-size: 35px;
	}

	.login-form {
		margin-right: 0;
	}

	.login-form h2 {
		font-size: 30px;
	}

	.register-form {
		margin-top: 40px;
		padding-top: 0;
		padding-left: 0;
	}

	.register-form h2 {
		font-size: 30px;
	}

	.widget-area {
		padding-left: 0;
		margin-top: 40px;
	}

	.widget-area.widget-left-sidebar {
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 40px;
	}

	.contact-info-box h3 {
		font-size: 22px;
	}

	.contact-form {
		margin-left: 0;
		margin-top: 30px;
	}

	.footer-area {
		padding-top: 90px;
	}

	.single-footer-widget h3 {
		font-size: 22px;
	}

	.footer-bottom-area {
		margin-top: 60px;
	}

	.top-header-area .container-fluid {
		max-width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-wrapper-area {
		padding-top: 130px;
	}

	.banner-wrapper-area .container-fluid {
		max-width: 720px;
	}

	.banner-wrapper-content {
		text-align: center;
		padding-top: 0;
		padding-bottom: 35px;
	}

	.banner-wrapper-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.banner-wrapper-content h1 {
		margin-bottom: 15px;
		font-size: 40px;
	}

	.banner-wrapper-content form .form-group {
		margin-bottom: 20px;
	}

	.banner-wrapper-image {
		height: auto;
		background-image: unset !important;
	}

	.banner-wrapper-image img {
		display: inline-block;
	}

	.banner-wrapper-image .divider {
		display: none;
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	.pb-75 {
		padding-bottom: 65px;
	}

	.new-main-banner-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 720px;
	}

	.new-main-banner-content h1 {
		font-size: 50px;
	}

	.new-main-banner-image {
		text-align: center;
		margin-top: 30px;
	}

	.new-main-banner-shape-1 {
		display: none;
	}

	.new-main-banner-shape-2 {
		display: none;
	}

	.dibiz-features-card h3 {
		font-size: 20px;
	}

	.dibiz-about-image {
		text-align: center;
	}

	.dibiz-about-content {
		padding-left: 0;
		margin-top: 30px;
	}

	.dibiz-about-content span {
		font-size: 14px;
	}

	.dibiz-about-content h3 {
		font-size: 28px;
	}

	.dibiz-about-content .about-list li {
		font-size: 15px;
	}

	.dibiz-about-content .about-list li span {
		font-size: 15px;
	}

	.dibiz-what-we-do-content span {
		font-size: 14px;
	}

	.dibiz-what-we-do-content h3 {
		font-size: 28px;
	}

	.dibiz-what-we-do-shape {
		display: none;
	}

	.dibiz-what-we-do-image {
		text-align: center;
		margin-top: 30px;
	}

	.dibiz-services-card .icon {
		margin-bottom: 28px;
	}

	.dibiz-services-card .icon::before {
		height: 80px;
		width: 80px;
		line-height: 80px;
	}

	.dibiz-services-card .icon i {
		height: 80px;
		width: 80px;
		line-height: 80px;
		font-size: 40px;
	}

	.dibiz-team-card .team-image img {
		width: 100%;
	}

	.dibiz-partner-area {
		padding-top: 330px;
		padding-bottom: 66px;
	}

	.dibiz-video-content .video-btn {
		width: 70px;
		height: 70px;
		font-size: 22px;
	}

	.dibiz-pricing-card .pricing-header h3 {
		font-size: 20px;
	}

	.dibiz-pricing-card .pricing-price {
		font-size: 30px;
	}

	.dibiz-pricing-card .pricing-list li {
		font-size: 15px;
	}

	.dibiz-clients-card .icon i {
		font-size: 30px;
	}

	.dibiz-blog-card .blog-content h3 {
		font-size: 22px;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date {
		display: none;
	}

	.dibiz-subscribe-content .sub-title {
		font-size: 14.5px;
	}

	.dibiz-subscribe-content h2 {
		font-size: 28px;
	}

	.dibiz-subscribe-vector-shape {
		display: none;
	}

	.dibiz-subscribe-image {
		text-align: center;
		margin-top: 30px;
	}

	.dibiz-features-inner-box {
		padding-left: 20px;
		padding-right: 20px;
	}

	.dibiz-features-inner-box .dibiz-features-box::before {
		display: none;
	}

	.dibiz-features-inner-box .dibiz-features-box h3 {
		font-size: 20px;
	}

	.dibiz-services-box {
		padding: 40px 20px;
	}

	.dibiz-services-box .icon {
		margin-bottom: 20px;
		height: 70px;
		width: 70px;
		line-height: 70px;
		font-size: 35px;
	}

	.dibiz-what-we-do-image.with-some-left {
		padding-left: 0;
	}

	.dibiz-case-studies-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		left: 0;
		max-width: 720px;
	}

	.dibiz-case-studies-section-content {
		margin-bottom: 30px;
	}

	.dibiz-case-studies-section-content span {
		font-size: 14px;
	}

	.dibiz-case-studies-section-content h3 {
		font-size: 28px;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
		left: auto;
	}

	.dibiz-get-started-image {
		text-align: center;
	}

	.dibiz-get-started-content {
		margin-top: 30px;
	}

	.dibiz-get-started-content span {
		font-size: 14px;
	}

	.dibiz-get-started-content h3 {
		font-size: 28px;
	}

	.dibiz-clients-area-with-white-color::before {
		height: 225px;
		border-radius: 0;
	}

	.new-main-banner-wrap-area {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.new-main-banner-wrap-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 720px;
	}

	.new-main-banner-wrap-content {
		padding-right: 0;
		margin-top: 0;
	}

	.new-main-banner-wrap-content h1 {
		font-size: 55px;
	}

	.new-main-banner-wrap-image {
		margin-top: 30px;
		margin-right: 0;
		text-align: center;
	}

	.new-main-banner-wrap-image .wrap-circle-shape {
		display: none;
	}

	.new-main-banner-wrap-shape {
		display: none;
	}

	.overview-animate-text span {
		font-size: 55px;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.dibiz-about-image .wrap-content {
		display: none;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-content {
		padding-top: 50px;
		padding-bottom: 50px;
		max-width: 740px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-image {
		height: 450px;
		margin-top: 0;
	}

	.dibiz-case-studies-card.with-style-two .content {
		padding: 20px 90px 20px 25px;
	}

	.dibiz-clients-area.bg-F7F8FF .dibiz-clients-card {
		padding: 20px;
	}

	.dibiz-solutions-image .video-btn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 25px;
		right: 50px;
		bottom: 20px;
	}

	.dibiz-solutions-content {
		margin-top: 30px;
		max-width: 740px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dibiz-solutions-content span {
		font-size: 14px;
	}

	.dibiz-solutions-content h3 {
		font-size: 28px;
	}

	.dibiz-solutions-content .solutions-inner-content h4 {
		font-size: 20px;
	}

	.dibiz-subscribe-shape-1 {
		display: none;
	}

	.dibiz-subscribe-shape-2 {
		display: none;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.gradient-text{
		font-size: 28px;
	}
	body{
		overflow-x: hidden;
	}
	.dterew{
		display: none;
	}
	.main-logo{
		width: 186px;
	}
	.diwali10{
		display: none;
	}
	..navbar-area{
		top: -19px;
	}
	.dibiz-responsive-nav .others-option .side-menu-btn i {
		cursor: pointer;
		font-size: 15px;
		position: relative;
		top: 1px;
		line-height: 0;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		color: var(--whiteColor);
	}
	.importantclass{
		display: none;
	}
	
	.container {
		max-width: 960px;
	}

	.section-title .sub-title {
		font-size: 14.5px;
	}

	.section-title h2 {
		font-size: 38px;
	}

	.section-title p {
		font-size: 16px;
	}

	.navbar-area {
		padding-top: 25px;
		margin-top: -72px;
	}

	.navbar-area.is-sticky {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar-style-two {
		padding-top: 20px;
		padding-bottom: 19px;
	}

	.dibiz-responsive-nav .container-fluid {
		padding-left: 25px;
		padding-right: 25px;
	}

	.dibiz-responsive-nav .others-option {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		position: absolute;
		right: 65px;
		top: -1px;
	}

	.others-option-for-responsive {
		display: none;
	}

	.main-banner-area {
		padding-top: 90px;
	}

	.main-banner-content {
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.main-banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.main-banner-content h1 {
		margin-bottom: 15px;
		font-size: 45px;
	}

	.main-banner-content p {
		max-width: 100%;
	}

	.main-banner-content .btn-box {
		margin-top: 25px;
	}

	.main-banner-content .btn-box .video-btn {
		margin-left: 25px;
		position: relative;
		padding-left: 55px;
		font-size: 17px;
		font-weight: 700;
	}

	.home-wrapper-area .container-fluid {
		padding-left: 25px;
		padding-right: 0;
	}

	.banner-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.banner-content h1 {
		margin-bottom: 15px;
		font-size: 45px;
	}

	.banner-content p {
		max-width: 100%;
	}

	.banner-content .btn-box {
		margin-top: 25px;
	}

	.banner-content .btn-box .video-btn {
		margin-left: 25px;
		position: relative;
		padding-left: 55px;
		font-size: 17px;
		font-weight: 700;
	}

	.home-slides.owl-theme .owl-nav {
		margin-left: -50px;
	}

	.home-slides.owl-theme .owl-nav [class*=owl-] {
		margin: 0 5px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}

	.home-slides.owl-theme .owl-dots {
		display: none;
	}

	.main-banner {
		padding-top: 140px;
	}

	.banner-area-content h1 {
		margin-bottom: 15px;
		font-size: 24px;
	}

	.banner-area-content p {
		max-width: 600px;
		font-size: 16px;
	}

	.home-content .sub-title {
		font-size: 14.5px;
	}

	.home-content h1 {
		font-size: 45px;
	}

	.home-content p {
		max-width: 600px;
		font-size: 16px;
	}

	.banner-area {
		padding-bottom: 130px;
		padding-top: 200px;
	}

	.shape1,
	.shape2,
	.shape3,
	.shape4,
	.shape5,
	.shape6,
	.shape7,
	.shape8,
	.shape9,
	.shape10,
	.shape11,
	.shape12,
	.shape13,
	.shape14,
	.shape15,
	.shape17 {
		display: none;
	}

	.single-boxes-box {
		padding: 40px 20px;
	}

	.single-boxes-box h3 {
		font-size: 23px;
	}

	.single-featured-services-box {
		padding: 40px 20px;
	}

	.single-featured-services-box h3 {
		font-size: 23px;
	}

	.about-content .content {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.about-content .text {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.about-content .sub-title {
		font-size: 14.5px;
	}

	.about-content h2 {
		font-size: 38px;
	}

	.about-content .default-btn {
		margin-top: 5px;
	}

	.about-content .funfacts-list li .list i {
		top: 2px;
		font-size: 34px;
	}

	.about-content .funfacts-list li .list h3 {
		font-size: 39px;
		padding-left: 47px;
	}

	.about-content .funfacts-list li .list p {
		padding-right: 0;
		font-size: 17px;
	}

	.what-we-do-content .sub-title {
		font-size: 14.5px;
	}

	.what-we-do-content h2 {
		font-size: 38px;
	}

	.what-we-do-content-accordion {
		padding-left: 20px;
	}

	.single-services-box {
		padding: 40px 22px;
	}

	.single-services-box h3 {
		font-size: 22.5px;
	}

	.testimonials-content {
		max-width: 100%;
		margin-left: 0;
		padding-right: 30px;
		padding-left: 30px;
	}

	.testimonials-content .sub-title {
		font-size: 14.5px;
	}

	.testimonials-content h2 {
		font-size: 38px;
	}

	.feedback-image {
		width: 370px;
		height: 370px;
	}

	.feedback-area {
		overflow: hidden;
	}

	.feedback-content .sub-title {
		font-size: 14.5px;
	}

	.feedback-content h2 {
		font-size: 38px;
	}

	.portfolio-area .container-fluid {
		max-width: 960px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.portfolio-slides {
		left: 0;
	}

	.portfolio-slides.owl-theme .owl-nav {
		top: -108px;
		right: 0;
	}

	.single-portfolio-item .content h3 {
		font-size: 23px;
	}

	.single-portfolio-box .content h3 {
		font-size: 23px;
	}

	.team-area .section-title {
		padding-left: 40px;
	}

	.single-team-box .content {
		padding: 20px;
	}

	.single-team-box .content h3 {
		font-size: 23px;
	}

	.single-team-member .content {
		padding: 25px 20px 15px;
	}

	.single-team-member .content h3 {
		font-size: 22px;
	}

	.project-start-content .sub-title {
		font-size: 14.5px;
	}

	.project-start-content h2 {
		font-size: 38px;
	}

	.single-pricing-box .pricing-header h3 {
		font-size: 23px;
	}

	.single-pricing-box .price {
		font-size: 35px;
	}

	.single-pricing-box .price span {
		margin-top: -2px;
		font-size: 17px;
	}

	.subscribe-content .sub-title {
		font-size: 14.5px;
	}

	.subscribe-content h2 {
		font-size: 38px;
	}

	.analysis-form .sub-title {
		font-size: 14.5px;
	}

	.analysis-form h2 {
		font-size: 38px;
	}

	.single-blog-post .content h3 {
		font-size: 23px;
	}

	.how-its-work-content .sub-title {
		font-size: 14.5px;
	}

	.how-its-work-content h2 {
		font-size: 38px;
	}

	.how-its-work-content .inner-box .single-item h3 {
		font-size: 23px;
	}

	.page-title-area {
		padding-bottom: 105px;
		padding-top: 185px;
	}

	.page-title-content h1 {
		font-size: 40px;
	}

	.history-timeline .timeline-block .timeline-content .content h3 {
		font-size: 23px;
	}

	.overview-box .overview-content .content {
		padding-right: 0;
	}

	.overview-box .overview-content .content.right-content {
		padding-left: 0;
	}

	.overview-box .overview-content .content .sub-title {
		font-size: 14.5px;
	}

	.overview-box .overview-content .content .features-list li span {
		font-size: 14.5px;
	}

	.overview-box .overview-content .content h2 {
		font-size: 35px;
	}

	.overview-box .overview-content .content .features-text h4 {
		margin-bottom: 8px;
		font-size: 18px;
	}

	.single-products-box .products-content h3 {
		font-size: 21px;
	}

	.cart-totals h3 {
		font-size: 23px;
	}

	.billing-details .title {
		font-size: 23px;
	}

	.order-details .title {
		font-size: 23px;
	}

	.products-details-desc {
		padding-left: 0;
	}

	.products-details-desc h3 {
		font-size: 23px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
		font-size: 23px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
		font-size: 23px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
		font-size: 23px;
	}

	.blog-details-desc .article-content h3 {
		font-size: 23px;
	}

	.blog-details-desc .article-author .author-profile .author-profile-title h4 {
		font-size: 21px;
	}

	.comments-area .comments-title {
		font-size: 23px;
	}

	.comments-area .comment-respond .comment-reply-title {
		font-size: 23px;
	}

	.widget-area {
		padding-left: 0;
	}

	.widget-area .widget {
		padding: 20px;
	}

	.widget-area .widget .widget-title {
		font-size: 21px;
	}

	.widget-area .widget_dibiz_posts_thumb .item .info .title {
		font-size: 15px;
	}

	.widget-area.widget-left-sidebar {
		padding-right: 0;
	}

	.contact-info-box {
		padding-left: 85px;
	}

	.contact-info-box .icon {
		width: 65px;
		height: 85px;
		font-size: 35px;
	}

	.contact-info-box h3 {
		font-size: 22px;
	}

	.contact-info-box p {
		font-size: 15px;
	}

	.single-footer-widget h3 {
		font-size: 23px;
	}

	.top-header-area .container-fluid {
		padding-left: 25px;
		padding-right: 25px;
	}

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

	.banner-wrapper-content .sub-title {
		margin-bottom: 12px;
		font-size: 14.5px;
	}

	.banner-wrapper-content h1 {
		margin-bottom: 15px;
		font-size: 45px;
	}

	.banner-wrapper-content .content {
		max-width: 525px;
		padding-left: 25px;
	}

	.banner-wrapper-content form .default-btn {
		font-size: 15px;
		padding: 10px 20px;
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	.new-main-banner-content h1 {
		font-size: 50px;
	}

	.dibiz-features-card h3 {
		font-size: 22px;
	}

	.dibiz-about-content h3 {
		font-size: 35px;
	}

	.dibiz-what-we-do-content h3 {
		font-size: 35px;
	}

	.dibiz-pricing-card {
		padding: 25px;
	}

	.dibiz-clients-card .icon {
		display: none;
	}

	.dibiz-blog-card .blog-content .blog-info .info-date {
		display: none;
	}

	.dibiz-features-inner-box {
		padding-left: 20px;
		padding-right: 20px;
	}

	.dibiz-features-box h3 {
		font-size: 20px;
	}

	.dibiz-features-box::before {
		right: -13.8px;
	}

	.dibiz-services-box {
		padding: 35px 25px;
	}

	.dibiz-case-studies-area .container-fluid {
		left: calc((100% - 960px)/2);
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
	}

	.new-main-banner-wrap-content h1 {
		font-size: 45px;
	}

	.overview-animate-text span {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-content {
		max-width: 460px;
	}

	.dibiz-solutions-content {
		padding-right: 15px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.testimonials-content {
		max-width: 660px;
	}

	.portfolio-slides {
		left: calc((100% - 1110px) / 2);
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	.new-main-banner-content h1 {
		font-size: 60px;
	}

	.dibiz-features-box::before {
		right: -20.8px;
	}

	.dibiz-case-studies-area .container-fluid {
		left: calc((100% - 1115px)/2);
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.dibiz-team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
		left: auto;
	}

	.new-main-banner-wrap-content h1 {
		font-size: 55px;
	}

	.overview-animate-text span {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.dibiz-what-we-do-area.bg-F7F8FF .dibiz-what-we-do-content {
		max-width: 540px;
	}

	.dibiz-solutions-content {
		padding-right: 15px;
	}
}

@media only screen and (min-width: 1550px) {
	.top-header-area .container-fluid {
		padding-left: 135px;
		padding-right: 135px;
	}

	.dibiz-nav .container-fluid {
		padding-left: 135px;
		padding-right: 135px;
	}

	.main-banner-content {
		padding-top: 250px;
		padding-bottom: 250px;
		padding-left: 140px;
		padding-right: 30px;
	}

	.home-wrapper-area .container-fluid {
		padding-left: 140px;
		padding-right: 140px;
	}

	.shape15 {
		top: auto;
		bottom: 20px;
	}

	.shape15 img {
		max-width: 100%;
	}

	.shape1 {
		left: 47%;
	}

	.portfolio-slides.owl-theme .owl-nav {
		right: 37%;
	}

	.banner-wrapper-content .content {
		max-width: 779px;
		padding-left: 135px;
	}

	.testimonials-content {
		max-width: 795px;
	}

	/*
    New Demo Responsive CSS
    ======================================================*/
	/* New Main Banner Area CSS */
	.new-main-banner-area .container-fluid {
		padding-left: 140px;
		padding-right: 140px;
	}

	.new-main-banner-wrap-area .container-fluid {
		padding-left: 140px;
		padding-right: 0;
	}

	.new-main-banner-wrap-content {
		margin-top: 0;
	}

	/* Dibiz Overview Area CSS */
	.overview-animate-text span {
		font-size: 85px;
	}

	/* Dibiz Solutions Area CSS */
	.dibiz-solutions-image .video-btn {
		right: 95px;
	}

	.dibiz-solutions-content {
		padding-left: 0;
	}
}

/*# sourceMappingURL=responsive.css.map */
@media screen and (max-width: 767px) {
    .structures {
    margin-top: 210px;
}
    .amazonf {
    width: 12px;
}
    .iuytrew {
    font-weight: 700;
    font-size: 10px;
}
    .cookie {
    width: 375px;
    height: 67px;
    background-color: #fff;
    z-index: 47;
    position: fixed;
    bottom: 65px;
    border-radius: 10px;
    left: 0%;
    padding: 10px 20px;
}
    .cookie .accept {
    background-color: #15d8e1;
    color: #ffffff !important;
    border-radius: 32px;
    padding: 3px 23px;
    /* align-self: center; */
    font-size: 13px;
    margin-top: 2.5%;
    margin-left: 3%;
    font-weight: 800;
}
    .probably {
    margin-bottom: 0;
    font-size: 20px !important;
    margin-top: 15px;
}
    .accordionpagal .content-container.active .answer {
    height: 204px;
    font-size: 18px;
}
    .claim {
    font-size: 20px;
    font-weight: 800;
    color: #000;
    line-height: normal;
    margin-bottom: 11px;
    text-transform: capitalize;
}
    .btnddd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    background: #fcd209;
    border-radius: 8px;
    border: none;
    font-weight: 800;
    font-size: 20px;
    color: #000;
}
    .vs-sticky-footer-mob {
    position: fixed;
    bottom: 0;
    display: flex !important;
    background: #fff;
    box-shadow: 0 -2px 4px rgb(0 0 0 / 13%);
    text-align: center;
    height: 75px;
    width: 100%;
    z-index: 999;
}
.vs-sticky-footer-mob .footer-cta-btn {
    width: 100%;
    margin: 10px;
    padding: 15px 20px;
    background: #fdd106;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 900;
    color: #000;
    border: none;
}
    .lllpregistra {
    padding-bottom: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -6px !important;
    /* font-family: Roboto; */
    font-style: normal;
    font-weight: 900 !important;
    font-size: 27px !important;
    line-height: 35px;
    padding-bottom: 10px;
    margin: 0;
}
    .partnerlq {
    /* border: 1px solid #000; */
    background: white;
    margin-bottom: 25px;
    border-radius: 12px;
    margin-left: 55px;
    /* box-shadow: rgb(16 187 204 / 30%) 0px 0px 0px 3px; */
    margin-top: 14px;
}
    .c2c {
    width: 341px;
    left: 370px;
    margin-top: -15px;
    padding: 24px 32px;
    flex-shrink: 0;
    display: none;
    border: 1px solid #ddd;
    height: auto;
    background: #fff;
    box-shadow: 0 4px 65px hsl(0deg 0% 75% / 25%);
    border-radius: 8px;
}
    .registrationss {
    font-size: 19px !important;
    font-weight: 800 !important;
}
    .pnetks {
    /* position: relative; */
    z-index: 1;
    /* background-color: var(--whiteColor); */
    height: 1000px;
    background-image: url(../../assets/pay.png);
    background-position: bottom center;
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    padding-top: 17px !important;
    margin-bottom: -64px;
}
    .vaki {
    margin-top: 10px !important;
    margin-left: -60px;
    display: none;
}
    .sidebar {
    width: 28%;
    height: 474px;
    min-height: 200px;
        display: none;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
}
    .combines {
    padding: 1px 18px;
    width: 100%;
}
    .Incorporating {
    text-align: center;
    padding: 8px 40px;
    border-radius: 8px;
    font-weight: 800;
    margin-bottom: 26px !important;
    background: #f0f1f3;
    font-size: 13px;
    line-height: 19px;
    color: #000;
    margin-top: 68px;
}
    .registrationutr {
    margin-left: -7px;
    margin-top: 25px;
}
    .c2 {
    /* background-color: white; */
    width: 357px;
    height: 365px;
    /* border-radius: 15px; */
    /* position: absolute; */
    left: 370px;
    margin-top: -15px;
    padding: 24px 32px;
    margin-left: -3px;
    flex-shrink: 0;
    /* width: 408px; */
    height: auto;
    background: #fff;
    box-shadow: 0 4px 65px hsl(0deg 0% 75% / 25%);
    border-radius: 8px;
    /* border: 1px solid; */
    /* display: inline-block; */
}
    .pony {
    /* border: 1px solid #ddd; */
    padding: 33px 10px;
    background: white;
    border-radius: 10px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
    .consectetur{
        margin-top: 10px;
    }
    .ribbon-2 {
    --f: 6px;
    --r: 17px;
    width: 90%;
    margin-bottom: 26px;
    padding: 12px 36px !important;
    --t: 0px;
    /* padding-bottom: 46px !important; */
    position: absolute;
    font-weight: 900;
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 3px 17px var(--f) calc(10px + var(--r));
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2));
    background: #ffe901;
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
    /* margin-bottom: 143px; */
    color: black;
}
    .munda {
    font-size: 20px;
    font-weight: 900;
    margin-top: 25px;
}
    .want {
    font-size: 13px;
}
    .bannerityu {
    width: 30px;
    margin-top: 20px !important;
    margin-left: -10px;
    margin-bottom: 5px;
}
    .Commercearts {
    margin-top: -30px;
    margin-left: 53px !important;
    font-size: 13px !important;
    color: red;
    font-weight: 900 !important;
}
    .susb_heading {
    font-size: 21px !important;
    color: #1d1d1d;
    font-weight: 900 !important;
    margin-top: -16px;
    margin-bottom: 8px !important;
    padding-bottom: 0;
    padding-top: -42px;
}
	.dekhlo {
		display: block;
	}

	.float {
		position: fixed;
		width: 53px;
		height: 52px;
		display: none;
		/* padding: 11px; */
		bottom: 65px;
		right: 5px;
		z-index: 253;
		background-color: #000000;
		/* color: #FFF; */
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		box-shadow: 2px 2px 3px #999;
		/* z-index: 100; */
		margin-top: -143px;
	}

	.floatter {
		position: fixed;
		/* width: 38px; */
		/* height: 34px; */
		padding: 5px;
		bottom: 88px;
		right: 19px;
		z-index: 549;
		z-index: 180;
		font-weight: 700;
		display: none;
		background-color: #fdfdfd;
		/* color: #FFF; */
		/* border: 1px solid #ddd; */
		border-radius: 171px;
		/* text-align: center; */
		font-size: 20px;
		/* box-shadow: 2px 2px 3px #999; */
		/* z-index: 100; */
		/* margin-top: -143px; */
	}

	.dazzling {
		text-align: justify;
		font-weight: 500;
	}

	.desbtrma {
		text-align: center;
		font-size: 14px;
		text-transform: capitalize;
	}

	.monile {
		display: flex;
		margin-top: -50px;
	}

	.Amazonasas {
		padding: 8px 16px !important;
		margin-top: 4px;
		margin-bottom: 10px;
	}

	.amafont {
		font-size: 15px !important;
		color: #c7c4c4 !important;
		font-weight: 700 !important;
	}

	.Amazonasas:hover {
		margin-top: 22px;
	}

	.desbtr {
		padding: 10px;
	}

	.dterew {
		/* display: none; */
		margin-bottom: 0px;
	}

	.foterer {
		font-weight: 600;
		font-size: 12px;
		/* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
		color: black;
		padding: 8px 12px;
		/* border: 1px solid white; */
		margin-right: 7px;
		margin-left: 1px;
	}

	.footear {
		position: fixed;
		left: 0;
		display: flex;
		bottom: 0;
		padding: 6px 3px;
		width: 100%;
		background-color: white;
		color: white;
		text-align: center;
	}

	.cloyuj {
		font-size: 15px;
		font-weight: 600;
		color: black
	}

	.fixed-sidebar {
		height: 275px;
		top: 90px;
		bottom: auto;
		position: inherit;
	}

	.qituy {
		font-size: 20px;
		margin-top: 7px;
		margin-left: 35px;
		margin-right: 35px;
	}

	.produt {
		margin-top: -65px !important;
	}

	.adse {
		padding-top: 5px;
		margin-top: -110px;
		padding-bottom: 0px;
	}

	.Categoryad {
		font-size: 20px;
		margin-top: -42px;
		text-align: center;
		margin-bottom: 25px;
	}
    .mkhyt {
    width: 65%;
    box-sizing: border-box;
    border: 1px solid #3f3f3f;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    border-radius: 9px;
    font-weight: 600;
    font-size: 15px;
    margin-left: 166px;
    margin-top: -5px;
    background-color: white;
    /* background-image: url(searchicon.png); */
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 3px 7px 3px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
    .retr {
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    padding: 2px;
    margin-top: -20px;
}
    .ohloa{
        display: none;
    }
    .hytcruz{
        display: none;
    }
    .desktop{
        display: none;
    }
    .mobilecontact{
        display: flex;
        margin-top: 50px;
    }
    .cart .items .cartSection p.stockStatus {
    color: #2ad000;
    font-weight: bold;
    border: 1px solid;
    padding: 4px 1px !important;
    font-size: 9px !important;
    /* padding: 0.5em 0 0 1em; */
    text-transform: capitalize;
}
    .cart .items {
    display: block;
    width: 103% !important;
    vertical-align: middle;
    padding: 21px  8px !important;
    border-bottom: 1px solid #b6b6b6;
}
    .dekhlo{
        /* display: none; */
    }
}
@media screen and (min-device-width: 414px) and (max-device-width: 414px) { 
    .footear {
    position: fixed;
    left: 0;
    display: flex;
    bottom: 0;
    padding: 6px 3px;
    width: 100%;
    background-color: white;
    color: white;
    text-align: center;
}
    .foterer {
    font-weight: 600;
    font-size: 12px;
    /* box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px; */
    color: black;
    padding: 8px 12px;
    /* border: 1px solid white; */
    margin-right: 19px;
    margin-left: 1px;
}
    .Commercearts {
    /* margin-top: -30px; */
    margin-left: 80px !important;
    font-size: 13px !important;
    color: red;
    font-weight: 900 !important;
}
    .want{
        margin-left: 10px;
    }
    .about-content .funfacts-list li .list {
    position: relative;
    margin-bottom: 40px;
}
    .fixed-sidebar {
    height: 340px;
    top: 90px;
    bottom: auto;
    position: inherit;
}
}
@media screen and (min-device-width: 412px) and (max-device-width: 412px){
    .Commercearts {
    margin-top: -30px;
    margin-left: 81px !important;
    font-size: 13px !important;
    color: red;
    font-weight: 900 !important;
}
    .want {
    font-size: 13px;
    margin-left: 6px;
}
    .foterer {
    font-weight: 600;
    font-size: 12px;
    color: black;
    padding: 8px 12px;
    /* border: 1px solid white; */
    margin-right: 17px;
    margin-left: 1px;
}
    .gradient-text {
    font-size: 47px !important;
}
    .banner-area-content h1 {
    margin-bottom: 11px;
    font-size: 31px;
}
    .fixed-sidebar {
    height: 340px;
    top: 90px;
    bottom: auto;
    position: inherit;
}
    .top-header-contact-info li a {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}
}
@media only screen and (max-width: 600px) {
  .mdknfks {
    margin-top: 16px !important;
    margin-bottom: 2px;
    padding: 11px 10px;
    font-size: 21px;
    border: 1px solid black;
    color: white;
    width: 100% !important;
}
.imagefront{
 width: 50% !important;
}
.importantclass{
	display: flex !important;
}
.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff;
    font-weight: 900;
    border-left: 1px solid;
	border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: none;
}
}

.imagefront{
	width: 15%;
}