/**
*
* -----------------------------------------------------------------------------
*
* Template : DaktarZone - Medical & Healthcare HTML5 Website Template
* Author : coderxpress
* Version: 1.0.0
* Author URI : https://codersexpress.xyz/
*
* ------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS  Here 
02. Button style
03. ScrollUp CSS Here
04. Banner Section CSS Here
05. Header  CSS Here
06. Mobile Menu Css Here
07. Main Slider Section CSS Here
08. Banner Section CSS Here
09. Services Section CSS Here
10. About Section CSS Here
11. Featured Section CSS
12. Counter Section CSS Here 
13. Support Section CSS Here
14. Services Section two CSS Here
15. Team Section CSS Here 
16. Testimonial Section CSS Here
17. Blog Section CSS Here  
18. Subscribe Section CSS Here
19. Footer Section CSS Here
20. Breadcrumbs CSS Here
21. Profile Section CSS Here
22. Blog Details Page CSS
23. FAQ Page CSS
24. Eroro Page CSS Here 
25. Service Details Section CSS Here  
26. Pagination CSS Here
27. Product Details Section CSS Here  
28. Product Cart Page Css Here
29. Product Checkout Page Css Here
30. Preloader CSS Here
32. Login CSS Here 


--------------------------------------------------------*/
/*****************************************************
    01. General CSS  Here 
******************************************************/
:root {
	--body-font-family: 'DM Sans', sans-serif;
	--heading-font-family: 'Poppins', sans-serif;
	--primary-color: #2aabe2;
	--secondary-color: #0a0e21;
	--body-font-color: #61657E;
	--heading-font-color: #1C1C1C;
	--paragraph-color: #61657E;
	--menu-color: #0C1239;
	--body-font-size: 16px;
	--body-font-weight: 400;
	--text-white: #ffffff;
	--text-gray: #F4F6FF;
	--heading-font-weight: 700;
	--body-line-height: 1.62;
	--heading-line-height: 1.2;
}

body {
	font-family: var(--body-font-family);
	font-weight: var(--body-font-weight);
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
	color: var(--body-font-color);
	font-style: normal;
}

@import url('css2.css');

img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.fix {
	overflow: hidden
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../image/preloader.gif);
	background-size: 80px;
}

a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}

a:focus,
.btn:focus,
button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: var(--primary-color);
	text-decoration: none;
}

a,
button {
	color: var(--primary-color);
	outline: medium none;
	text-decoration: none;
}

.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font-family);
	color: var(--heading-font-color);
	margin-top: 0px;
	margin-bottom: .7rem;
	font-style: normal;
	line-height: var(--heading-line-height);
	font-weight: var(--heading-font-weight);
	text-transform: inherit;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

.list-wrap {
	margin: 0px;
	padding: 0px;
}

.list-wrap li {
	list-style: none
}

p {
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	color: var(--paragraph-color);
	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid var(--primary-color);
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}

label {
	color: var(--body-font-color);
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
}

*::-moz-selection {
	background: var(--primary-color);
	color: var(--text-white);
	text-shadow: none;
}

::-moz-selection {
	background: var(--primary-color);
	color: var(--text-white);
	text-shadow: none;
}

::selection {
	background: var(--primary-color);
	color: var(--text-white);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--body-font-color);
	font-size: var(--body-font-size);
	opacity: 1;
}

*::placeholder {
	color: var(--body-font-color);
	font-size: var(--body-font-size);
	opacity: 1;
}

.theme-overlay {
	position: relative
}

.theme-overlay::before {
	background: var(--primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.custom-container {
	padding-left: 15px;
	padding-right: 15px;
}

/* Deafult Margin & Padding */
.section-padding {
	padding: 130px 0;
}

.section-padding-t {
	padding-top: 70px;
}

.section-padding-b {
	padding-bottom: 90px;
}

/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-85 {
	margin-bottom: 85px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-95 {
	margin-bottom: 95px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-105 {
	margin-bottom: 105px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-115 {
	margin-bottom: 115px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-125 {
	margin-bottom: 125px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-135 {
	margin-bottom: 135px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-145 {
	margin-bottom: 145px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-165 {
	margin-bottom: 165px;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-185 {
	margin-bottom: 185px;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-195 {
	margin-bottom: 195px;
}

.mb-200 {
	margin-bottom: 200px;
}

/*-- Padding Top --*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Bottom --*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*-- Padding Left --*/
.pl-0 {
	padding-left: 0px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 35px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-55 {
	padding-left: 55px;
}

.pl-60 {
	padding-left: 60px;
}

.pl-65 {
	padding-left: 65px;
}

.pl-70 {
	padding-left: 70px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-80 {
	padding-left: 80px;
}

.pl-85 {
	padding-left: 80px;
}

.pl-90 {
	padding-left: 90px;
}

.pl-95 {
	padding-left: 95px;
}

.pl-100 {
	padding-left: 100px;
}


/*-- Padding Right --*/
.pr-0 {
	padding-right: 0px;
}

.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 35px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-55 {
	padding-right: 55px;
}

.pr-60 {
	padding-right: 60px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-70 {
	padding-right: 70px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-80 {
	padding-right: 80px;
}

.pr-85 {
	padding-right: 80px;
}

.pr-90 {
	padding-right: 90px;
}

.pr-95 {
	padding-right: 95px;
}

.pr-100 {
	padding-right: 100px;
}

/* font weight */
.f-700 {
	font-weight: 700;
}

.f-600 {
	font-weight: 600;
}

.f-500 {
	font-weight: 500;
}

.f-400 {
	font-weight: 400;
}

.f-300 {
	font-weight: 300;
}

/* Background Color */

.gray-bg {
	background: #f7f7fd;
}

.white-bg {
	background: #fff;
}

.black-bg {
	background: #222;
}

.theme-bg {
	background: #222;
}

.primary-bg {
	background: #222;
}

/* Color */

.white-color {
	color: #fff;
}

.black-color {
	color: #222;
}

.theme-color {
	color: #222;
}

.primary-color {
	color: #222;
}

/* black overlay */

[data-overlay] {
	position: relative;
}

[data-overlay]::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

[data-overlay="3"]::before {
	opacity: 0.3;
}

[data-overlay="4"]::before {
	opacity: 0.4;
}

[data-overlay="5"]::before {
	opacity: 0.5;
}

[data-overlay="6"]::before {
	opacity: 0.6;
}

[data-overlay="7"]::before {
	opacity: 0.7;
}

[data-overlay="8"]::before {
	opacity: 0.8;
}

[data-overlay="9"]::before {
	opacity: 0.9;
}

/*****************************************************
    02. Button style CSS Here 
******************************************************/
.button-one {
	user-select: none;
	-moz-user-select: none;
	background: var(--primary-color) none repeat scroll 0 0;
	border: medium none;
	color: var(--text-white);
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 31px;
	text-align: center;
	text-transform: none;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 4px;
	font-family: var(--heading-font-family);
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.button-one::before {
	content: "";
	position: absolute;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	width: 200%;
	height: 200%;
	top: 110%;
	left: 50%;
	background: var(--secondary-color);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
}

.button-one:hover:before {
	top: -40%;
}

.button-one:hover {
	color: var(--text-white);
}

/*****************************************************
    03. scrollUp CSS Here 
******************************************************/
.scroll-top {
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	bottom: -10%;
	right: 50px;
	font-size: var(--body-font-size);
	border-radius: 6px;
	z-index: 99;
	color: var(--text-white);
	text-align: center;
	cursor: pointer;
	background: var(--primary-color);
	transition: 1s ease;
	border: none;
}

.scroll-top.open {
	bottom: 30px;
}

.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
	background: var(--secondary-color);
}

/*****************************************************
    04. Header CSS Here 
******************************************************/
.transparent-header {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 9;
	height: auto;
}

.logo img {
	max-width: 205px;
}

.sticky-menu .logo.d-none {
	display: block !important;
}

.sticky-menu .logo.different-logo {
	display: none;
}

.menu-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.navbar-wrap {
	position: relative;
	display: flex;
	flex-grow: 1;
}

.navbar-wrap ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 0;
	margin: 0 auto;
}

.navbar-wrap ul li {
	list-style: none;
	display: block;
	/* position: relative; */
}

.navbar-wrap ul li a {
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--menu-color);
	font-family: var(--heading-font-family);
	padding: 42px 22px;
	display: block;
	line-height: 1;
	/* position: relative; */
	z-index: 1;
}

.navbar-wrap>ul>li.menu-item-has-children>a::after {
	content: "\f078";
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	margin-left: 5px;
}

.navbar-wrap>ul>li.active>a,
.navbar-wrap>ul>li:hover>a {
	color: var(--primary-color);
}

.main-menu .navigation li.menu-item-has-children .dropdown-btn {
	display: none;
}

.header-action>ul {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.header-action>ul li {
	/* position: relative; */
	margin-left: 30px;
}

.header-action ul li:first-child {
	margin-left: 0;
}

.header-action ul li a {
	color: var(--heading-font-color);
	font-size: 14px;
}

.header-action .header-btn .button-one {
	color: var(--text-white);
	font-size: 13px;
}

.navbar-wrap ul li .sub-menu {
	position: absolute;
	left: 0%;
	right: 0;
	top: 100%;
	min-width: 1200px;
	border: 1px solid #f5f5f5;
	background: var(--text-white);
	margin: 0 0;
	transform: scale(1, 0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	-moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	border-radius: 0 0 8px 8px;
	padding: 18px 0;
	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}

.navbar-wrap ul li .sub-menu .sub-menu {
	right: auto;
	left: 100%;
	top: 0;
}

.navbar-wrap ul li .sub-menu li {
	margin-left: 0;
	text-align: left;
	display: block;
}

.navbar-wrap ul li .sub-menu li a {
	padding: 9px 15px 9px 25px;
	line-height: 1.4;
	font-weight: 500;
	color: var(--menu-color);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar-wrap ul li .sub-menu li a:hover,
.navbar-wrap ul li .sub-menu li.active a {
	color: var(--primary-color);
}

.navbar-wrap ul li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.sticky-menu {
	position: fixed;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
	z-index: 99;
	background: var(--text-white);
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}

#header-fixed-height.active-height {
	display: block;
	height: 100px;
}

/* header-one */
.header-top-wrap {
	background: #0A0E21;
	padding: 12px 0;
}

.header-top-left .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 60px;
}

.header-top-left .list-wrap li {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-white);
	position: relative;
}

.header-top-left .list-wrap li::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 26px;
	background: var(--primary-color);
	opacity: .5;
}

.header-top-left .list-wrap li:first-child::before {
	display: none;
}

.header-top-left .list-wrap li i {
	color: var(--primary-color);
	font-size: 16px;
	margin-right: 10px;
}

.header-top-left .list-wrap li a {
	color: var(--text-white);
}

.header-top-left .list-wrap li a:hover {
	color: var(--primary-color);
}

.header-top-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px 45px;
}

.header-lang .dropdown>button {
	border: none;
	background: transparent;
	padding: 0;
	color: var(--text-white);
	font-weight: 400;
	font-size: 14px;
}

.header-lang img {
	max-width: 19px;
	margin-right: 7px;
	border-radius: 1px;
}

.header-lang .dropdown-toggle::after {
	margin-left: .255em;
	vertical-align: middle;
	content: "\f078";
	border: none !important;
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
}

.header-lang .dropdown-menu {
	font-size: 14px;
	color: var(--text-white);
}

.header-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}

.header-social .list-wrap li {
	position: relative;
}

.header-social .list-wrap li::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 26px;
	background: var(--primary-color);
	opacity: .5;
}

.header-social .list-wrap li:first-child::before {
	display: none;
}

.header-social .list-wrap li a {
	font-size: 20px;
	color: var(--text-white);
	line-height: 1;
}

.header-social .list-wrap li a:hover {
	color: var(--primary-color);
}

.menu-area-one .navbar-wrap ul {
	margin: 0 0 0 80px;
}

/* header-four */
.menu-area-four .menu-wrap {
	background: var(--text-white);
	padding: 0 30px;
	border-radius: 4px;
}

.menu-area-four .logo img {
	max-width: 120px;
}

.menu-area-four .navbar-wrap ul li a {
	padding: 32px 22px;
}

.menu-area-four .navbar-wrap ul {
	margin: 0 0 0 70px;
}

.menu-area-four.transparent-header {
	top: 30px;
}

.menu-area-four.transparent-header.sticky-menu {
	top: 0;
}

/*****************************************************
    05. Mobile Menu Css Here 
******************************************************/
.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: var(--text-white);
	margin-right: 30px;
	top: 15px;
}

.nav-logo img {
	width: 150px;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	z-index: 99;
	border-radius: 0px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)e;
	-o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .navigation li.current>a:before {
	height: 100%;
}

.menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.5);
}

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

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: var(--text-white);
	padding: 0px 0px;
	z-index: 5;
	box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}

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

.mobile-menu .close-btn {
	position: absolute;
	right: 15px;
	top: 28px;
	line-height: 30px;
	width: 35px;
	text-align: center;
	font-size: 20px;
	color: var(--primary-color);
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.mobile-menu .navigation ul {
	padding: 0;
	margin: 0;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 60px 10px 25px;
	font-size: 15px;
	font-weight: 600;
	color: var(--menu-color);
	font-family: var(--heading-font-family);
	text-transform: capitalize;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
}

.mobile-menu .navigation li ul li>a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-menu .navigation li ul li ul li a {
	margin-left: 40px;
}

.mobile-menu .navigation li ul li ul li ul li a {
	margin-left: 60px;
}

.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: var(--text-white);
	background: var(--primary-color);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn i {
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: var(--primary-color);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .social-links ul {
	display: flex;
	position: relative;
	text-align: center;
	padding: 30px 20px 20px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 6px 10px;
}

.mobile-menu .social-links li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: var(--heading-font-color);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 1px solid var(--text-gray);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.mobile-menu .social-links li a:hover {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: var(--text-white);
}

.menu-area .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 30px;
	cursor: pointer;
	line-height: 1;
	color: var(--primary-color);
	display: none;
	margin-top: 7px;
}

/*****************************************************
    06. Main Slider Css Here 
******************************************************/

.main-slider {
	position: relative;
}

.main-slider-image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 100%;
}

.main-slider-image-layer:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .4;
	/*background-color: var(--primary-color);*/
}

.main-slider .active .main-slider-image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.main-slider .slide {
	position: relative;
	padding: 150px 0px 150px;
}

.main-slider .owl-dots {
	display: none;
}

.main-slider .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	opacity: 0;
	right: 0px;
	width: 100%;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-slider:hover .owl-nav {
	opacity: 1;
}

.main-slider .owl-nav .owl-prev {
	position: absolute;
	left: 30px;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	line-height: 48px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	color: var(--text-white);
	transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	font-family: 'Font Awesome 5 Pro';
	border: 1px solid var(--text-white);
}

.main-slider .owl-nav .owl-next {
	position: absolute;
	right: 30px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	font-size: 20px;
	color: var(--text-white);
	transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	font-family: 'Font Awesome 5 Pro';
	border: 1px solid var(--text-white);
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
	color: var(--text-white);
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.main-slider-content {
	position: relative;
	z-index: 1;
}

.main-slider-inner {
	position: relative;
}

.main-slider-title {
	opacity: 0;
	transform: scale(1, 0.2);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	font-weight: 700;
	padding: 10px 26px;
	display: inline-block;
	font-size: 18px;
	color: var(--primary-color);
	opacity: .5;
	background-color: var(--text-white);
	font-family: var(--body-font-family);
}

.main-slider .active .main-slider-title {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.main-slider-heading {
	opacity: 0;
	transform: scale(1, 0.2);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	font-weight: 700;
	color: var(--text-white);
	margin-top: 30px;
	font-family: var(--body-font-family);
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10);
}

.main-slider .active .main-slider-heading {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider-text {
	opacity: 0;
	transform: scale(1, 0.2);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	font-weight: 400;
	line-height: 30px;
	color: var(--text-white);
	font-size: 16px;
	margin-top: 20px;
	font-family: var(--body-font-family);
	margin-bottom: 40px;
}

.main-slider .active .main-slider-text {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider .main-slider-button-box {
	position: relative;
	opacity: 0;
	transform: scale(1, 0.2);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.main-slider .active .main-slider-button-box {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

/*Slider Two*/
.hero-banner-two {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	position: relative;
	z-index: 1;
}

.hero-banner-two::before {
	background: var(--primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
}

.hero-banner-two-content h6 {
	font-weight: 700;
	padding: 10px 26px;
	display: inline-block;
	font-size: 18px;
	color: var(--primary-color);
	background-color: var(--text-white);
	font-family: var(--body-font-family);
}

.hero-banner-two-content h1 {
	font-weight: 700;
	color: var(--text-white);
	font-size: 64px;
	margin-top: 30px;
	font-family: var(--body-font-family);
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10);
}

.hero-banner-two-content p {
	font-weight: 400;
	line-height: 30px;
	color: var(--text-white);
	font-size: 16px;
	margin-top: 20px;
	font-family: var(--body-font-family);
	margin-bottom: 40px;
}

.video-banner {
	position: relative;
	background-color: black;
	width: 100%;
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
}

.video-banner::before {
	background: var(--primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
}

.video-banner video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -2;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

/*****************************************************
    07. Banner One Css Here 
******************************************************/
.hero-banner-dotted {
	position: relative;
	text-align: center;
	padding: 80px 0px 0px;
	background-color: rgb(246, 248, 255);
}

.hero-banner-dotted-shadow-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.hero-banner-dotted-icons {
	position: absolute;
	left: -30px;
	top: 0px;
	right: 0px;
	bottom: 30px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.hero-banner-dotted-heading {
	position: relative;
	line-height: 72px;
	font-size: 60px;
	color: var(--color-thirtyfour);
}

.hero-banner-dotted-heading span {
	color: var(--primary-color);
}


.hero-banner-dotted-image {
	position: relative;
	z-index: 1;
}

.hero-banner-dotted-circles {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

/** bubble-dotted **/

.bubble-dotted {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.bubble-dotted .dotted {
	position: absolute;
	border-radius: 50%;
}

.bubble-dotted .dotted-1 {
	width: 11px;
	height: 11px;
	left: 100px;
	top: 50%;
	-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-2 {
	width: 7px;
	height: 7px;
	left: 240px;
	top: 40%;
	-webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-3 {
	width: 11px;
	height: 11px;
	left: 460px;
	top: 30%;
	-webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-4 {
	width: 16px;
	height: 16px;
	left: 430px;
	top: 90%;
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-5 {
	width: 6px;
	height: 6px;
	left: 50%;
	top: 50%;
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-6 {
	width: 9px;
	height: 9px;
	left: 70%;
	top: 230px;
	-webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-7 {
	width: 6px;
	height: 6px;
	left: 65%;
	top: 30%;
	-webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-8 {
	width: 6px;
	height: 6px;
	left: 85%;
	top: 35%;
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-9 {
	width: 13px;
	height: 13px;
	left: 90%;
	top: 40%;
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-10 {
	width: 12px;
	height: 12px;
	left: 80%;
	top: 70%;
	-webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-1 {
	background: -webkit-linear-gradient(0deg, #58f106, #23c10e 50%);
}

.bubble-dotted .dotted-2 {
	background: -webkit-linear-gradient(0deg, #862ff1, #163fae 50%);
}

.bubble-dotted .dotted-3 {
	background: -webkit-linear-gradient(0deg, #ff5d06, #ffc806 50%);
}

.bubble-dotted .dotted-4 {
	background: -webkit-linear-gradient(0deg, #d406b7, #fc1a66 50%);
}

.bubble-dotted .dotted-5 {
	background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}

.bubble-dotted .dotted-6 {
	background: -webkit-linear-gradient(0deg, #d622bf, #fb196a 50%);
}

.bubble-dotted .dotted-7 {
	background: -webkit-linear-gradient(0deg, #60f112, #30c719 50%);
}

.bubble-dotted .dotted-8 {
	background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}

.bubble-dotted .dotted-9 {
	background: -webkit-linear-gradient(0deg, #842af1, #0f40aa 50%);
}

.bubble-dotted .dotted-10 {
	background: -webkit-linear-gradient(0deg, #58f106, #23c10f 50%);
}

@-webkit-keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	100% {
		margin-top: -30%
	}
}

@-moz-keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	100% {
		margin-top: -30%
	}
}

@keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	100% {
		margin-top: -30%
	}
}

@-webkit-keyframes sideWays {
	0% {
		margin-left: 0
	}

	100% {
		margin-left: 25px
	}
}

@-moz-keyframes sideWays {
	0% {
		margin-left: 0
	}

	100% {
		margin-left: 25px
	}
}

@keyframes sideWays {
	0% {
		margin-left: 0
	}

	100% {
		margin-left: 25px
	}
}

/*****************************************************
    08. Services Section Css Here 
******************************************************/

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

.section-title span {
	display: block;
	color: var(--primary-color);
	text-transform: uppercase;
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 15px;
}

.section-title-separator {
	padding-top: 30px;
	margin: 0 auto;
	position: relative;
	width: 270px;
	height: 3px;
	border-bottom: 1px solid #d9d9d9;

}

.section-title-separator:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -3px;
	width: 70px;
	height: 4px;
	border-radius: 50px;
	transform: translateX(-50%);
	background-color: var(--primary-color);
}

.section-title h2 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
}

.section-title p {
	max-width: 520px;
	margin-bottom: 0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.services-section {
	position: relative;
	padding: 70px 0px 120px;
	background-color: var(--text-white);
}

.services-section.style-two {
	background-color: var(--text-white);
}

.services-section .owl-nav {
	position: relative;
	text-align: center;
}

.services-section .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.services-section .owl-dots .owl-dot {
	position: relative;
	width: 10px;
	height: 10px;
	margin: 0px 10px;
	display: inline-block;
	border-radius: 50px;
	padding: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background-color: #bbbcbc;
}

.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active {
	background-color: var(--primary-color);
}

.services-section .owl-dots .owl-dot::before {
	position: absolute;
	content: '';
	left: -5px;
	top: -5px;
	right: -5px;
	bottom: -5px;
	border-radius: 50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 5px solid #99b0ce;
}

.services-section .owl-dots .owl-dot.active::before,
.services-section .owl-dots .owl-dot:hover::before {
	border-color: var(--primary-color);
}

.services-section .owl-nav {
	display: none;
}

.service-block-one {
	position: relative;
	margin-bottom: 30px;
}

.service-block_one.style-two .service-block_one-inner {
	border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.service-block-one-inner {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	background-color: var(--text-color);
}

.service-block-one-inner:hover::before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.service-block-one-inner::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: var(--primary-color);

	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.service-block-one-upper-box {
	position: relative;
	padding: 40px 25px 22px;
}

.service-block-one-title {
	position: relative;
	font-weight: 500;
	margin-top: 30px;
}

.service-block-one-title a {
	position: relative;
	color: var(--secondary-color);

	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.service-block-one-inner:hover .service-block-one-more,
.service-block-one-inner:hover .service-block-one-text,
.service-block-one-inner:hover .service-block-one-title a {
	color: var(--text-white);
}

.service-block-one-inner:hover .service-block-one-icon {
	color: var(--text-white);
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.service-block-one-icon {
	position: relative;
	line-height: 1em;
	display: inline-block;
	color: var(--primary-color);
	font-size: 64px;
	font-family: "Font Awesome 5 Pro";
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.service-block-one-text {
	line-height: 28px;
	color: var(--color-three);
	font-size: 16px;
	margin-top: 15px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.service-block-one-lower-box {
	position: relative;
	padding: 23px 25px;
	border-top: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.service-block-one-more {
	position: relative;
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	color: var(--color-three);
	font-size: 16px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	padding-right: 20px;
}

.service-block-one-more::before {
	position: absolute;
	content: "\f061";
	right: 0px;
	right: 0px;
	font-size: 14px;
	font-family: 'Font Awesome 5 Pro';
}

/*****************************************************
    09. About Section  Css Here 
******************************************************/

.section-title-two {
	margin-bottom: 30px;
	margin-top: -6px;
}

.section-title-two span {
	position: relative;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	background: #5F2DEE;
	background: -webkit-gradient(linear, left top, right top, from(var(--secondary-color)), to(var(--primary-color)));
	background: linear-gradient(to right, #5F2DEE, #256AD7);
	background-clip: border-box;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	padding-left: 22px;
}

.section-title-two span::before {
	position: absolute;
	left: 0;
	bottom: 3px;
	content: "//";
	background: #5F2DEE;
	background: -webkit-gradient(linear, left top, right top, from(var(--secondary-color)), to(var(--primary-color)));
	background: linear-gradient(to right, #5F2DEE, #256AD7);
	background-clip: border-box;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 18px;
}

.section-title-two h2 {
	font-size: 36px;
	text-transform: capitalize;
}

.about-section-info i {
	color: var(--primary-color);
	font-size: 65px;
	padding-bottom: 17px;
}

.about-section-info h3 {
	font-size: 18px;
}

.about-images {
	position: relative;
}

.about-images img:first-of-type {
	padding-right: 90px;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.about-images img:first-of-type {
		padding-right: 40px;
	}
}

.about-images img+img {
	position: relative;
	float: right;
	margin-top: -100px;
	max-width: 80%;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.about-images img+img {
		padding-right: 10px;
		padding-left: 10px;
		float: none;
		overflow: hidden;
	}
}

/*****************************************************
    10. Features Section  Css Here 
******************************************************/
.features-area {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.overview-box {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 30px;
}

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

.overview-box .image {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

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

.overview-box .content h3 {
	margin-bottom: 8px;
	font-size: 30px;
	font-weight: 700;
}

.overview-box .content .features-list {
	display: -ms-flexbox;
	display: -webkit-box;
	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 .content .features-list li {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.overview-box .content .features-list li span {
	display: block;
	background-color: var(--text-white);
	border-radius: 5px;
	padding: 8px 12px 8px 42px;
	z-index: 1;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 16px;
	font-weight: 600;
}

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

.overview-box .content .features-list li span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 5px;
	background: -webkit-gradient(linear, left bottom, right top, from(#0030b8), color-stop(#003cc1), color-stop(#0047c9), color-stop(#0152d0), to(#0a5dd8));
	background: linear-gradient(to right top, #0030b8, #003cc1, #0047c9, #0152d0, #0a5dd8);
	z-index: -1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

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

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

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

.rectangle-shape2 {
	position: absolute;
	right: 0;
	top: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	-webkit-animation: movebounce 5s linear infinite;
	animation: movebounce 5s linear infinite;
}

/*****************************************************
    11. Counter Section  Css Here 
******************************************************/
#counter-area {
	position: relative;
	padding: 80px 0;
	color: var(--text-white);
}

#counter-area::after {
	background: var(--primary-color);
	none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	opacity: .4;
	width: 100%;
}

.counter-items {
	position: relative;
	z-index: 10;
}

.counter-icon i {
	display: block;
	font-size: 65px;
	margin-bottom: 25px;
	color: var(--primary-color);
}

.counter {
	color: #fff;
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 3px;
}

.number-desc {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 14px;
	margin: 0;
	letter-spacing: 1px;
	color: var(--text-white);
}

/*****************************************************
    12. Support Section  Css Here 
******************************************************/
.support-item {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.support-icon {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 35px;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	flex: 0 0 auto;
	margin-right: 30px;
}

.support-content .title {
	font-size: 18px;
	margin-bottom: 8px;
}

.support-content p {
	margin-bottom: 0;
	width: 85%;
}

/*****************************************************
    13. Services Two Section  Css Here 
******************************************************/
.services-item-two {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.services-icon-two {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 35px;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	flex: 0 0 auto;
	margin-right: 30px;
}

.services-content-two .title {
	font-size: 18px;
	margin-bottom: 8px;
}

.services-content-two p {
	margin-bottom: 0;
	width: 85%;
}

/*****************************************************
    14. Our team Section  Css Here 
******************************************************/
.team-member {
	position: relative;
	background-color: #fff;
	transition: all 0.3s;
}

/* Image */
.team-member .team-image {
	position: relative;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.team-member .team-image img {
	width: 100%;
	transition: all 0.3s;
}

.team-member:hover .team-image img {
	transform: scale(1.12);
}

/* Details */
.team-member .team-details {
	position: relative;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	transition: all 0.3s;
}

.team-member .team-details .title {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	text-align: center;
	transition: all 0.3s;
}

.team-member .team-details p {
	padding: 0;
	margin: 0;
	text-align: center;
}

.team-member .team-details .position {
	clear: both;
	display: block;
	margin-top: 5px;
	color: #999;
}

/* Social */
.team-member .team-social {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-radius: 6px;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s;
}

.team-member:hover .team-social {
	opacity: 1;
	transform: translateY(0);
	background-color: rgba(6, 32, 242, 0.7);
}

.team-member .team-social-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.team-member .team-social-inner>a {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	margin: 0 12px;
	color: #fff;
	transition: all 0.3s;
}

/* Member info */
.member-info {
	position: relative;
	clear: both;
	z-index: 1;
	display: block;
	float: left;
	list-style: none;
	width: 100%;
	padding: 30px 0;
	padding-top: 15px;
	margin-top: 40px;
}

.member-info:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 110%;
}

.member-info li {
	float: left;
	width: 50%;
	padding: 0 15px;
	color: var(--text-white);
	margin-top: 15px;
}

.member-info li a {
	color: #fff;
}

/*****************************************************
    15. Testimonial Section  Css Here 
******************************************************/
.testimonial-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.testimonial-area-item {
	border: 1px solid #ececeb;
	padding: 50px;
	padding-bottom: 45px;
	transition: 0.4s;
	position: relative;
}

.testimonial-area-title h2 {
	font-size: 48px;
	line-height: 60px;
	padding: 0;
	margin: 0;
	font-weight: 700;
}

.testimonial-area-item-icon {
	position: absolute;
	right: 50px;
	bottom: 45px;
	opacity: 0.05;
	font-size: 50px;
}

.testimonial-area-item-client {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
}

.testimonial-area-item-client-image img {
	width: 80px;
	height: 80px;
	max-width: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.testimonial-area-item-client-title h5 {
	font-size: 19px;
}

.testimonial-area-item p {
	font-size: 16px;
	line-height: 34px;
	transition: 0.4s;
}

.testimonial-area-item-reviews {
	margin-top: 30px;
}

.testimonial-area-item-reviews i {
	color: #ff9b05;
	transition: 0.4s;
}

/*****************************************************
    16. Blog Section  Css Here 
******************************************************/
.blog-item .blog-image {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.blog-image,
.blog-image>a,
.blog-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.blog-content {
	padding: 20px;
}

.blog-content p {
	font-size: 14px;
	margin: 0 0 15px;
}

.blog-content .entry-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0 0 15px;
}

.blog-image img,
.blog-widget .img-blk img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
	transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
	width: 100%;
}

.blog-image:hover img {
	-webkit-transform: scale(1.35) rotate(15deg);
	-moz-transform: scale(1.35) rotate(15deg);
	transform: scale(1.35) rotate(15deg);
}

.blog-single-section.left-sidebar .col-lg-9 {
	order: 2;
}

.blog-single-section.left-sidebar .col-lg-3 {
	order: 1;
}

.blog-section .blog-item .entry-meta li {
	margin: 0;
}

.blog-section .blog-content .viewlink a {
	font-size: 16px;
	color: #374b5c;
	font-weight: normal;
}

.blog-item .entry-meta li {
	margin-bottom: 15px;
	font-size: 12px;
	color: #9c9c9c;
}

.blog.blog-item .post-author a {
	margin-bottom: 15px;
	font-size: 12px;
	color: #9c9c9c;
}

.blog-section .blog-content .viewlink a {
	color: var(--primary-color);
}

.blog-content .viewlink a:hover {
	color: #374b5c;
}

.entry-meta li {
	display: inline-block;
}

.blog-item .blog-title {
	line-height: 30px;
	margin: 0 0 15px;
}

.blog-item .entry-meta li.date-icon i {
	color: #374b5c;
	margin-right: 5px;
	opacity: 0.5;
}

.blog-item {
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	margin-bottom: 37px;
}

.blog-item:hover {
	box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06),
		0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
}

.post-author a {
	font-size: 14px;
}

.blog-content {
	padding: 20px;
}

.post-author a:hover {
	color: var(--primary-color);
}

.blog-category a {
	background: #dee2e7;
	padding: 4px 11px;
	border-radius: 4px;
	font-size: 12px;
	color: #374b5c;
	margin: 0 13px 0px 0;
	display: inline-block;
	line-height: normal;
}

.blog-category a:hover {
	background: var(--primary-color);
	color: #fff;
}

.blog-item .blog-title a {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: #0d233e;
}

.blog-item .post-author {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.blog-content .post-author {
	display: flex;
	align-items: center;
}

.blog-item .blog-title a:hover {
	color: var(--primary-color);
}

.blog-content .blog-description {
	margin: 0 0 5px 0px;
	line-height: 27px;
	height: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-image img {
	border-radius: 10px 10px 0 0;
}

.blog-content .post-author-img {
	width: 25px;
	margin-right: 7px;
}

.blog-item .post-author img {
	width: 25px;
	height: 25px;
	border-radius: 50px;
}

/*****************************************************
    17. Subscribe Section  Css Here 
******************************************************/
.subscribe-section {
	color: var(--text-white);
}

.subscribe-section.theme-overlay::after {
	opacity: .4;
}

.subscribe-form .form-group input {
	display: block;
	text-align: center;
	border: 0;
	height: 52px;
}

.subscribe-result {
	display: none;
	margin: 30px 0 0 0;
}

.field-subscribe {
	padding: 13px 18px;
	border-radius: 9px;
}

.field-subscribe:focus {

	box-shadow: none;
}

.partner-area .partner-carousel img {
	max-width: 63%;
}

/*****************************************************
    18. Footer Section  Css Here 
******************************************************/
footer {
	position: relative;
	clear: both;
	color: #b0b0b0;
	background: #1a191d;
}

/* Widgets */
footer .footer-widgets {
	position: relative;
	clear: both;
	padding-top: 100px;
	padding-bottom: 50px;
}

footer p {
	color: #b0b0b0;
}

footer .widget>p:last-child {
	margin-bottom: 0;
}

footer .widget h6 {
	color: #fff;
	position: relative;
	padding-bottom: 10px;
}

footer .widget h6::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: var(--primary-color);
}

footer .footer-widgets a {
	color: #b0b0b0;
}

footer .widget .button-store .custom-btn {
	border-color: #666;
}

footer .widget .button-store .custom-btn:hover {
	border-color: #fff;
}

/* Footer menu */
footer .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

footer .footer-menu li {
	margin-bottom: 10px;
}

footer .footer-contact-list li {
	margin-bottom: 6px;
	color: var(--text-white);
	font-size: 14px;
	line-height: 1.7;
}

footer .footer-contact-list li span {
	font-weight: 700;
}

/* Copyright */
footer .footer-copyright {
	position: relative;
	clear: both;
	border-top: 1px solid #222;
	padding-top: 30px;
	padding-bottom: 30px;
}

footer .copyright {
	clear: both;
	margin: 0;
	line-height: 16px;
}

footer .copyright a {
	color: #fff;
	font-weight: 600;
	transition: all 0.3s;
}

/* Social */
.footer-social {
	cursor: default;
	line-height: 1;
}

.footer-social a {
	margin: 0 10px;
}

.footer-social a:first-child {
	margin-left: 0;
}

.footer-social a:last-child {
	margin-right: 0;
}

.footer-social a>i {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	width: 1.2em;
	text-align: center;
	transition: all .3s;
}

/*****************************************************
    19. Breadcrumbs Section  Css Here 
******************************************************/
.breadcrumbs-title-area {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 190px;
	padding-bottom: 100px;
	background: url(../image/slider_img_3.jpg);
	text-align: center;
	padding-top: 190px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;

}

.breadcrumbs-title-area::before {
	background: var(--primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
}

.breadcrumbs-title-content h2 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: var(--text-white);
}

.breadcrumbs-title-content ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 0;
}

.breadcrumbs-title-content ul li {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	font-weight: 600;
	font-size: 15px;
	color: var(--text-white);
}

.breadcrumbs-title-content ul li a {
	color: var(--secondary-color);
}

.breadcrumbs-title-content ul li a:hover {
	color: var(--secondary-color);
}

.breadcrumbs-title-content ul li::before {
	content: "\f054";
	position: absolute;
	right: -15px;
	top: 6px;
	font-weight: 900;
	color: var(--secondary-color);
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
}

.breadcrumbs-title-content ul li:last-child::before {
	display: none;
}

/*****************************************************
    20. Contact Section  Css Here 
******************************************************/
.contact-area {
	position: relative;
	z-index: 1;
}

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

.contact-form form .form-control {
	background-color: var(--text-white);
	border: none;
	-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);
	height: 50px;
	font-size: 16px;
}

.contact-form form .row {
	margin-left: -7px;
	margin-right: -7px;
}

.contact-form form .row .col-lg-12,
.contact-form form .row .col-lg-6 {
	padding-left: 7px;
	padding-right: 7px;
}

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

.contact-form form .btn {
	padding: 13px 35px 15px;
	font-size: 17px;
	margin-top: 8px;
	-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);
}

.contact-info {
	padding-right: 25px;
}

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

.contact-info ul li {
	position: relative;
	padding-left: 95px;
	color: #57647c;
	margin-bottom: 35px;
}

.contact-info ul li .icon {
	/* border: 1px dashed var(--primary-color); */
	width: 75px;
	height: 75px;
	line-height: 75px;
	color: var(--text-white);
	border-radius: 50%;
	font-size: 25px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.contact-info ul li .icon::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--primary-color);
	border-radius: 50%;
	margin: 6px;
	-webkit-box-shadow: 0 1px 5px 1px var(--primary-color);
	box-shadow: 0 1px 5px 1px var(--primary-color);
	z-index: -1;
}

.contact-info ul li span {
	display: block;
	margin-bottom: 3px;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
}

.contact-info ul li a {
	color: #57647c;
}

.contact-info ul li a:hover {
	color: var(--primary-color);
}

.contact-info ul li:last-child {
	margin-bottom: 0;
}

.map-area iframe {
	width: 100%;
	height: 500px;
	border: none;
	margin-bottom: -8px;
}

/*****************************************************
    21. Doctor Porfile  Css Here 
******************************************************/
.doctor-profile-area .profile-section {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8eaf0;
	margin-bottom: 30px;
}

.doctor-profile-area .button-one {
	width: 100%;
	margin-top: 10px;
}

.doctor-profile-area .profile-section li:last-child {
	padding-right: 0px;
}

.doctor-profile-area .profile-section li {
	padding-right: 40px;
	font-size: 15px;
	color: #0F1216;
	list-style: none;
	font-weight: 600;
}

.doctor-profile-area .profile-section li em {
	display: block;
	font-style: normal;
	color: #5B5F64;
	font-weight: 400;
}

.doctor-profile-area .profile-section li.social a {
	color: var(--primary-color);
	margin: 0 6px 0 0;
	font-size: 16px;
}

.doctor-profile-area .profile-description {
	padding-left: 32px;
}

.doctor-profile-area .profile-description h3 {
	font-size: 26px;
	font-weight: 600;
	color: #0F1216;
}

/*****************************************************
    22. Blog Details  Css Here 
******************************************************/
.align-left {
	float: left;
	margin: 0 15px 10px 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

.align-left img {
	width: auto;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.comments-list {
	padding: 0;
	list-style: none;
}

.comments-list h3 {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 0 0;
	margin: 0;
	text-transform: capitalize;
}

.comments-list h3 a {
	color: #555;
}

.comments-list h3 a:hover {
	color: var(--primary-color);
}

.comments-list li {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

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

.comments-list small {
	color: #555;
}

.widget-title {
	padding: 15px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.widget-title h4 {
	padding: 0;
	margin: 0;
	font-weight: 500;
	line-height: 1;
	font-size: 16px;
	font-size: 1rem;
}

.widget {
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.widget ul.cats {
	list-style: none;
	padding: 0;
}

.widget ul.cats li {
	padding: 0 0 5px 2px;
	position: relative;
}

.widget ul.cats a {
	color: #555;
}

.widget ul.cats a:hover {
	color: var(--primary-color);
}

.widget ul.cats a span {
	position: absolute;
	right: 0;
}

.tags a {
	background-color: #f0f0f0;
	padding: 3px 10px;
	font-size: 13px;
	margin: 0 0 4px;
	letter-spacing: 0.4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	color: #333;
}

.tags a:hover {
	background-color: var(--primary-color);
	color: #fff;
}

.search-blog .form-group {
	position: relative;
}

.search-blog .form-group button[type="submit"] {
	outline: none;
	color: #444;
	font-size: 21px;
	font-size: 1.3125rem;
	background: none;
	border: 0;
	position: absolute;
	top: 5px;
	right: 0;
}

.search-blog .form-group button[type="submit"]:hover {
	color: var(--primary-color);
}

.single-post {
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 30px 30px 1px 30px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.single-post figure {
	margin: -30px -30px 30px -30px;
}

.single-post h1 {
	font-size: 28px;
	font-size: 1.75rem;
}

.single-post p {
	line-height: 1.8;
}

.post-meta {
	padding-bottom: 10px;
}

.post-meta ul {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.post-meta ul li {
	display: inline-block;
	margin: 0 15px 5px 0;
	color: #777;
}

.post-meta ul li i {
	margin-right: 3px;
}

.post-meta ul li a {
	color: #777;
}

.post-meta ul li a:hover {
	color: var(--primary-color);
}

.post-meta ul li a i {
	margin-right: 3px;
}

.dropcaps p:first-child::first-letter {
	color: #fff;
	background-color: var(--primary-color);
	float: left;
	font-size: 64px;
	font-size: 4rem;
	line-height: 1;
	margin: 10px 15px 0 0 !important;
	padding: 12px;
}

#comments {
	padding: 10px 0 0px 0;
	margin-bottom: 30px;
}

#comments ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#comments ul li {
	padding: 25px 0 0 0;
	list-style: none;
}

#comments .replied-to {
	margin-left: 35px;
}

.avatar {
	float: left;
	margin-right: 25px;
	width: 68px;
	height: 68px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}

.avatar img {
	width: 68px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.comment-right {
	display: table;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 20px 0 20px;
	position: relative;
}

.comment-right:after,
.comment-right:before {
	right: 100%;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.comment-right:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}

.comment-right:before {
	border-color: transparent;
	border-width: 16px;
	margin-top: -16px;
}

.comment-info {
	padding-bottom: 7px;
}

.comment-info i {
	font-family: 'Font Awesome 5 Pro';
}

.comment-info span {
	padding: 0 10px;
}

/*****************************************************
    23. Faq Section  Css Here 
******************************************************/
.faq-area::before {
	position: absolute;
	content: '';
	z-index: -1;
	height: 100%;
	width: 70%;
	top: 0;
	right: 0;
}

.faq-shape img {
	position: absolute;
	z-index: -1;
	top: 15%;
	left: -10%;
	transform: rotate(-90deg);
}

.accordion-header button {
	font-size: 16px;
	font-weight: 400;
}

.accordion-item {
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eee;
}

.accordion-item:not(last-child) {
	margin-bottom: 1rem;
}

.accordion-button {
	padding: 10px 50px;
	font-size: 16px;
	color: var(--text-white);
	background-color: var(--primary-color);
	font-weight: 500;
}

.accordion-button::after {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	font-family: 'Font Awesome 5 Pro';
	content: "\f067";
	font-weight: 900;
	background-image: inherit;
	font-size: 14px;
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
	background-image: inherit;
	font-family: 'Font Awesome 5 Pro';
	content: "\f068";
	font-weight: 900;
	font-size: 14px;
}

.accordion-button:not(.collapsed) {
	border: none;
}

.accordion-button:not(.collapsed) {
	color: var(--text-white);
	background-color: var(--secondary-color);
	box-shadow: none;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.accordion-button:focus {
	z-index: 3;
	border: none;
	outline: 0;
	box-shadow: none;
}

.accordion-body p {
	font-size: 14px;
}

/*****************************************************
    24. Error page  Css Here 
******************************************************/
#error_page {
	width: 100%;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#error_page p {
	font-size: 21px;
	font-size: 1.3125rem;
}

.search_bar {
	position: relative;
	margin-bottom: 60px;
}

.search_bar input[type='text'] {
	border: 0;
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding-left: 15px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
}

.search_bar input[type='submit'] {
	position: absolute;
	right: -1px;
	color: var(--text-white);
	font-weight: 600;
	top: 0;
	border: 0;
	padding: 0 25px;
	height: 50px;
	cursor: pointer;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-color: var(--primary-color);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.search_bar input[type='submit']:focus {
	outline: none;
}

.search_bar input[type='submit']:hover {
	-webkit-filter: brightness(115%);
	filter: brightness(115%);
}

/*****************************************************
    25. Gallery Section  Css Here 
******************************************************/
.gallery-area .items {
	overflow: initial !important;
}

.single-case-studies {
	position: relative;
	margin-bottom: 45px;
}

.single-case-studies>a>img {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-filter 0.4s;
	transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-filter 0.4s;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), filter 0.4s;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), filter 0.4s, -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-filter 0.4s;
}

.case-studies-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--primary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: opacity .3s, -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: opacity .3s, -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s, -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
}

.single-case-studies:hover .case-studies-overlay {
	opacity: 0.8;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.single-case-studies:hover>a>img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.gallery-button {
	text-align: center;
}

/*****************************************************
    26. Service Detail Section  Css Here 
******************************************************/
.service-page.detail {
	padding-bottom: 90px;
}

.service-page.detail .image img {
	width: 100%;
}

.service-page.detail .text {
	padding-right: 50px;
}

.service-page.detail .text h5 {
	font-size: 22px;
	font-family: var(--heebo);
	font-weight: 700;
	color: var(--dark);
	padding: 20px 0;
}

.service-page.detail .text p {
	padding-bottom: 20px;
	color: #616161;
}

.service-page.detail .text .img {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.service-page.detail .right-part .title,
.opening-hours h5 {
	padding-bottom: 30px;
}

.service-page.detail .right-part .title h5,
.opening-hours h5 {
	font-size: 22px;
	font-family: var(--heebo);
	font-weight: 700;
	color: var(--dark);
	text-transform: capitalize;
	position: relative;
}

.service-page.detail .right-part .title h5:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 2px;
	width: 60px;
	background: var(--gradient1);
}

.service-page.detail .right-part .item {
	margin-bottom: 30px;
}

.service-page.detail .right-part .item:last-child {
	margin-bottom: 0;
}

.service-page.detail .right-part .item ul li,
.opening-hours ul li {
	border-bottom: 1px solid #ddd;
	padding: 8px 0;
	list-style: none;
	margin-left: -32px;
}

.service-page.detail .right-part .item ul li p,
.opening-hours p {
	color: #616161;
	text-transform: capitalize;
}

.service-page.detail .right-part .hours,
.opening-hours {
	padding: 15px;
	border: 6px solid #ddd;
}

.service-page.detail .right-part .item a {
	margin-top: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.service-page.detail .right-part .item a i {
	padding-left: 10px;
}

.service-page.detail .right-part .item .img img {
	width: 100%;
}

/*****************************************************
    27. Pagination Section Css Here 
******************************************************/
.pagination-area {
	margin-top: 20px;
	text-align: center;
	font-family: "Dosis", sans-serif;
}

.pagination-area .page-numbers {
	width: 40px;
	height: 40px;
	margin: 0 5px;
	display: inline-block;
	background-color: var(--text-white);
	line-height: 40px;
	color: var(--secondary-color);
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
	background: var(--primary-color);
	color: var(--text-white);
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

/*****************************************************
    28. Shop Section Css Here 
******************************************************/
.woocommerce-topbar {
	margin-bottom: 40px;
}

.woocommerce-topbar .woocommerce-result-count p {
	font-family: "Dosis", sans-serif;
	font-size: 16px;
}

.woocommerce-topbar .woocommerce-topbar-ordering {
	text-align: right;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
	background-color: var(--text-white);
	color: #57647c;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	float: unset;
	height: unset;
	line-height: initial;
	padding: 15px 35px 15px 20px;
	font-family: "Dosis", sans-serif;
	font-size: 16px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
	background-color: var(--text-white);
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
	border-radius: 0;
	margin-top: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
	background-color: var(--primary-color) !important;
	color: var(--text-white);
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
	background-color: transparent;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
	right: 20px;
	height: 8px;
	width: 8px;
}

.single-product-box {
	margin-bottom: 30px;
	text-align: center;
	background-color: var(--text-white);
	-webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.single-product-box .product-image {
	overflow: hidden;
	position: relative;
	text-align: left;
}

.single-product-box .product-image a img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-product-box .product-image a img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	margin-top: 20px;
}

.single-product-box .product-image .add-to-cart-btn {
	position: absolute;
	bottom: -46px;
	left: 0;
	width: 100%;
	background-color: #333333;
	color: var(--text-white);
	padding: 12px 20px;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	font-family: "Dosis", sans-serif;
	font-size: 15px;
	font-weight: 600;
}

.single-product-box .product-image .add-to-cart-btn i {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-product-box .product-image .add-to-cart-btn:hover {
	background-color: var(--primary-color);
	color: var(--text-white);
}

.single-product-box .product-image .sale-btn {
	position: absolute;
	left: 20px;
	top: 20px;
	background-color: red;
	color: var(--text-white);
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	text-transform: uppercase;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
}

.single-product-box .product-content {
	padding: 25px;
}

.single-product-box .product-content h3 {
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: 700;
}

.single-product-box .product-content .price {
	color: #333333;
	font-family: "Dosis", sans-serif;
	font-weight: 700;
}

.single-product-box .product-content .price .old {
	text-decoration: line-through;
	color: #828893;
	font-size: 13px;
}

.single-product-box .product-content .rating {
	margin-top: 12px;
	color: #ffb708;
}

.single-product-box .product-content .rating i {
	margin-right: -1px;
}

.single-product-box:hover .product-image a img:nth-child(2) {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.single-product-box:hover .product-image .add-to-cart-btn {
	bottom: 0;
	opacity: 1;
	visibility: visible;
}

/*****************************************************
    29. Product Details Section Css Here 
******************************************************/
.product-details-desc h3 {
	margin-bottom: 12px;
	font-size: 23px;
	font-weight: 700;
}

.product-details-desc p {
	margin-bottom: 0;
}

.product-details-desc .price {
	margin-bottom: 10px;
	color: #333333;
	font-family: "Dosis", sans-serif;
	font-weight: 700;
}

.product-details-desc .price .old-price {
	text-decoration: line-through;
	color: #828893;
	font-size: 13px;
}

.product-details-desc .product-review {
	margin-bottom: 15px;
}

.product-details-desc .product-review .rating {
	display: inline-block;
	padding-right: 5px;
	font-size: 14px;
}

.product-details-desc .product-review .rating i {
	color: #ffba0a;
}

.product-details-desc .product-review .rating-count {
	display: inline-block;
	color: #333333;
	border-bottom: 1px solid #333333;
	line-height: initial;
}

.product-details-desc .product-review .rating-count:hover {
	color: #074ece;
	border-color: #074ece;
}

.product-details-desc .product-add-to-cart {
	margin-top: 20px;
}

.product-details-desc .product-add-to-cart .input-counter {
	max-width: 130px;
	min-width: 130px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	position: relative;
}

.product-details-desc .product-add-to-cart .input-counter span {
	position: absolute;
	top: 0;
	background-color: transparent;
	cursor: pointer;
	color: #d0d0d0;
	width: 40px;
	height: 100%;
	line-height: 48px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
	left: 0;
}

.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
	right: 0;
}

.product-details-desc .product-add-to-cart .input-counter span:hover {
	color: #074ece;
}

.product-details-desc .product-add-to-cart .input-counter input {
	height: 45px;
	color: #333333;
	outline: 0;
	display: block;
	border: none;
	background-color: #f8f8f8;
	text-align: center;
	width: 100%;
	font-size: 17px;
	font-weight: 600;
}

.product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
	color: #333333;
}

.product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
	color: #333333;
}

.product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
	color: #333333;
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
	color: #333333;
}

.product-details-desc .product-add-to-cart .btn {
	height: 45px;
	top: -2px;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

.product-details-desc .product-add-to-cart .btn i {
	margin-right: 2px;
}

.product-details-desc .buy-checkbox-btn {
	margin-top: 20px;
}

.product-details-desc .buy-checkbox-btn input {
	display: none;
}

.product-details-desc .buy-checkbox-btn .cbx {
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.product-details-desc .buy-checkbox-btn .cbx span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #ebebeb;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #333333;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:last-child {
	padding-left: 4px;
	color: #57647c;
}

.product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
	border-color: #333333;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child {
	background: #333333;
	border-color: #333333;
	-webkit-animation: wave 0.4s ease;
	animation: wave 0.4s ease;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child svg {
	stroke-dashoffset: 0;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child:before {
	-webkit-transform: scale(3.5);
	transform: scale(3.5);
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.product-details-desc .buy-checkbox-btn .item:not(:first-child) {
	margin-top: 15px;
}

.product-details-desc .buy-checkbox-btn .btn {
	display: block;
	width: 100%;
}

.product-details-desc .buy-checkbox-btn .btn-light {
	background-color: #f2f2f2;
}

.product-details-desc .custom-payment-options {
	margin-top: 20px;
}

.product-details-desc .custom-payment-options span {
	display: block;
	color: #57647c;
	margin-bottom: 8px;
}

.product-details-desc .custom-payment-options .payment-methods a {
	display: inline-block;
}

.product-details-desc .custom-payment-options .payment-methods a img {
	width: 40px;
}

.tab .tabs_item {
	display: none;
}

.tab .tabs_item:first-child {
	display: block;
}

.products-details-tab {
	margin-top: 50px;
}

.products-details-tab .tabs {
	list-style-type: none;
	margin-bottom: -1px;
	padding-left: 0;
}

.products-details-tab .tabs li {
	display: inline-block;
	line-height: initial;
	margin-right: 5px;
}

.products-details-tab .tabs li a {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #333333;
	border: 1px dashed #eeeeee;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 48px;
	font-weight: 700;
	font-family: "Dosis", sans-serif;
}

.products-details-tab .tabs li a .dot {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 30px;
	width: 12px;
	height: 12px;
	border: 1px solid #333333;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
}

.products-details-tab .tabs li a .dot::before {
	position: absolute;
	top: 0;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	background: #333333;
	margin: 2px;
	border-radius: 50%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.products-details-tab .tabs li a:hover,
.products-details-tab .tabs li a:focus {
	color: #ffffff;
	background-color: #074ece;
	border-color: #074ece;
}

.products-details-tab .tabs li a:hover .dot,
.products-details-tab .tabs li a:focus .dot {
	border-color: #ffffff;
}

.products-details-tab .tabs li a:hover .dot::before,
.products-details-tab .tabs li a:focus .dot::before {
	background: #ffffff;
}

.products-details-tab .tabs li.current a {
	color: #ffffff;
	background-color: #074ece;
	border-color: #074ece;
}

.products-details-tab .tabs li.current a .dot {
	border-color: #ffffff;
}

.products-details-tab .tabs li.current a .dot::before {
	background: #ffffff;
}

.products-details-tab .tabs li:last-child {
	margin-right: 0;
}

.products-details-tab .tab_content {
	border: 1px dashed #eeeeee;
	padding: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p {
	margin-bottom: 20px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
	margin-bottom: 0;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
	border: 1px solid #eeeeee;
	border-bottom: none;
	padding: 10px 15px;
	color: #57647c;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
	border-bottom: 1px solid #eeeeee;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
	display: inline-block;
	width: 30%;
	color: #333333;
	font-family: "Dosis", sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
	margin-bottom: 15px;
	font-size: 23px;
	font-weight: 700;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
	position: relative;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
	display: inline-block;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
	color: #ffba0a;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
	color: #ebebeb;
	font-size: 14px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
	margin-bottom: 0;
	display: inline-block;
	padding-left: 5px;
	line-height: initial;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
	margin-top: 35px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
	margin-top: 30px;
	position: relative;
	padding-right: 200px;
	border-top: 1px dashed #eeeeee;
	padding-top: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
	color: #ffba0a;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
	font-size: 14px;
	color: #ebebeb;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
	margin-bottom: 10px;
	font-size: 13px;
	display: block;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
	font-weight: 600;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
	margin-bottom: 0;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
	position: absolute;
	right: 0;
	color: #57647c;
	top: 40px;
	text-decoration: underline;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
	color: #074ece;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
	margin-top: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
	margin-bottom: 20px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
	color: #57647c;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
	font-family: "Dosis", sans-serif;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {
	padding-top: 15px;
	min-height: 135px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn {
	margin-top: 0;
}

.related-products {
	margin-top: 70px;
}

.related-products .section-title {
	margin-bottom: 10px;
}

.related-products .single-product-box {
	margin-bottom: 0;
	margin-top: 30px;
}

/*****************************************************
    30. Product Cart Section Css Here 
******************************************************/
.cart-table table {
	margin-bottom: 0;
}

.cart-table table thead tr th {
	border-bottom-width: 0px;
	vertical-align: middle;
	padding: 25px 0 25px;
	text-transform: uppercase;
	border: none;
	font-weight: 700;
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.cart-table table tbody tr td {
	vertical-align: middle;
	color: #57647c;
	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 {
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.cart-table table tbody tr td.product-name a {
	color: #57647c;
	font-weight: 600;
	display: inline-block;
}

.cart-table table tbody tr td.product-name a:hover {
	color: var(--primary-color);
}

.cart-table table tbody tr td.product-price span {
	font-weight: 500;
}

.cart-table table tbody tr td.product-subtotal .remove {
	color: red;
	float: right;
	position: relative;
	top: -1px;
}

.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: 48px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
	left: 0;
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
	right: 0;
}

.cart-table table tbody tr td.product-quantity .input-counter span:hover {
	color: var(--primary-color);
}

.cart-table table tbody tr td.product-quantity .input-counter input {
	height: 45px;
	color: #333333;
	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: #333333;
}

.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
	color: #333333;
}

.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
	color: #333333;
}

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
	color: #333333;
}

.cart-table table tbody tr td.product-subtotal {
	overflow: hidden;
}

.cart-table table tbody tr td.product-subtotal span {
	font-weight: 500;
}

.cart-table .table> :not(:first-child) {
	border-top: none;
}

.cart-buttons {
	margin-top: 30px;
}

.cart-buttons .shopping-coupon-code {
	position: relative;
	max-width: 430px;
}

.cart-buttons .shopping-coupon-code input {
	padding: 10px 5px;
}

.cart-buttons .shopping-coupon-code button {
	position: absolute;
	right: 0;
	top: 0;
	height: 45px;
	background: #074ece;
	color: #ffffff;
	border: none;
	padding: 0 25px;
	font-weight: 700;
	border-radius: 0px;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.cart-buttons .shopping-coupon-code button:hover {
	background-color: var(--primary-color);
}

.cart-totals {
	background: #ffffff;
	padding: 40px;
	max-width: 620px;
	-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-left: auto;
	margin-top: 50px;
}

.cart-totals h3 {
	margin-bottom: 25px;
	font-size: 23px;
	font-weight: 700;
}

.cart-totals ul {
	padding: 0;
	margin: 0 0 25px;
	list-style-type: none;
}

.cart-totals ul li {
	border: 1px solid #eaedff;
	padding: 10px 15px;
	color: #333333;
	overflow: hidden;
	font-weight: 700;
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.cart-totals ul li:first-child {
	border-bottom: none;
}

.cart-totals ul li:last-child {
	border-top: none;
}

.cart-totals ul li span {
	float: right;
	color: #57647c;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

.sign-button {
	padding: 15px 23px;
}

/*****************************************************
    31. Product Checkout Section Css Here 
******************************************************/
.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: #ffffff;
	padding: 18px 20px 15px;
	margin-bottom: 65px;
	border-top: 3px solid #074ece;
	position: relative;
}

.user-actions::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: -35px;
	width: 100%;
	height: 1px;
	background: #eeeeee;
}

.user-actions i {
	color: #074ece;
	margin-right: 2px;
}

.user-actions span {
	display: inline-block;
	font-weight: 600;
	color: #074ece;
}

.user-actions span a {
	display: inline-block;
	color: #333333;
}

.user-actions span a:hover,
.user-actions span a:focus {
	color: #074ece;
}

.checkout-area .title {
	margin-bottom: 25px;
	font-size: 23px;
	font-weight: 700;
}

.billing-details .form-group {
	margin-bottom: 20px;
}

.billing-details .form-group label {
	display: block;
	color: #57647c;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	font-family: "Dosis", sans-serif;
}

.billing-details .form-group label .required {
	color: red;
}

.billing-details .form-group .nice-select {
	float: unset;
	line-height: 45px;
	color: #57647c;
	font-weight: 600;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 0;
}

.billing-details .form-group .nice-select .list {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	border-radius: 0;
	margin-top: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.billing-details .form-group .nice-select .list .option {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-left: 20px;
	padding-right: 20px;
}

.billing-details .form-group .nice-select .list .option:hover {
	background-color: var(--primary-color) !important;
	color: #ffffff;
}

.billing-details .form-group .nice-select .list .option.selected {
	background-color: transparent;
}

.billing-details .form-group .nice-select:after {
	right: 20px;
	height: 8px;
	width: 8px;
}

.billing-details .form-group textarea {
	padding-top: 13px;
	min-height: 130px;
}

.billing-details .form-check {
	margin-bottom: 20px;
	font-family: "Dosis", sans-serif;
}

.billing-details .form-check .form-check-label {
	color: #57647c;
}

.billing-details .form-check label {
	position: relative;
	left: -3px;
	top: 1px;
	font-size: 14px;
	font-weight: 600;
}

.billing-details .col-lg-12:last-child .form-group {
	margin-bottom: 0;
}

.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-left: 20px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	font-weight: 700;
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.order-details .order-table table tbody tr td {
	vertical-align: middle;
	color: #57647c;
	border-color: #eaedff;
	padding-left: 20px;
	padding-right: 20px;
}

.order-details .order-table table tbody tr td.product-name {
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.order-details .order-table table tbody tr td.product-name a {
	color: #57647c;
	display: inline-block;
	font-weight: 500;
}

.order-details .order-table table tbody tr td.product-name a:hover {
	color: #074ece;
}

.order-details .order-table table tbody tr td.order-subtotal,
.order-details .order-table table tbody tr td.order-shipping,
.order-details .order-table table tbody tr td.total-price {
	font-family: "Dosis", sans-serif;
	font-size: 15px;
}

.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: #333333;
	font-weight: 600;
}

.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 {
	font-weight: 600;
}

.order-details .order-table .table> :not(:first-child) {
	border-top: none;
}

.order-details .payment-box {
	background-color: #ffffff;
	-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 {
	font-size: 14px;
}

.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: #333333;
	position: relative;
	margin-bottom: 8px;
	font-weight: 600;
}

.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: 3px;
	width: 18px;
	height: 18px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	background: #ffffff;
}

.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: #074ece;
	position: absolute;
	top: 6px;
	left: 3px;
	border-radius: 50%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.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 .btn.order-btn {
	display: block;
	margin-top: 25px;
	-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);
}


.col-lg-4-h-290 {
	flex: 0 0 auto;
	width: 33.33333333%;
	height: 0px;
}

.flexs {
	display: flex !important;
	flex-direction: column;
	align-items: center;
}

.flx {
	display: flex !important;
	align-items: center;
	padding-left: 110px !important;
}

.icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.icons_item1 {

	margin-right: 20px;
}

.icons_item2 {
	display: none;
	margin-right: 20px;
}

.icons_item3 {
	display: none;
	margin-right: 20px;
}

.icons_item4 {

	margin-right: 20px;
}

.tabs {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #cdcdcd;
	position: relative;
}

.tabs .fixed-cell {
	min-width: 300px;
	height: 60px;
	border-right: 1px solid #cdcdcd;
}

.tabs .with-checkbox {
	width: 324px;
	height: 170px;
	border-right: 1px solid #cdcdcd;
	padding: 0 30px;
	text-align: left;
}

.tabs .with-checkbox .image {
	margin-right: 10px;
}

.tabs .with-checkbox a {
	display: flex;
}

.tabs th {
	z-index: 1;
	vertical-align: middle;
	text-align: center;
	min-width: 125px;
	width: 125px;
	background-color: #fff;
	padding: .875rem .5rem;
	font-size: 1rem;
	font-weight: 800;
	position: -webkit-sticky;
	position: sticky;
	top: 200px;
}

.responsive-table table tbody tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}

.responsive-table table tbody tr:nth-child(2n) {
	background-color: #fff;
}

.responsive-table table tbody tr td {
	text-align: center;
}