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

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

  01. common css
	02. buttons css
	03. animation css
	04. header css
	05. hero css
	06. banner css
	07. activity css
	08. about css
	09. services css
	10. facility css
	11. donation css
	12. cta css
	13. news css
	14. contact-form css
	15. brand css
	16. subscribe css
	17. page-title css
	18. fact css
	19. video css
	20. team css
	21. testimonial css
	22. gallery css
	23. feature css
	24. enquiry css
	25. accordion css
	26. pricing css
	27. faq css
	28. error css
	29. contact css
	30. blog css
	31. operations-gallery css
	32. settings css
	33. cursor css
	34. footer css

**********************************************/
/*----------------------------------------
    01. common css
----------------------------------------*/
:root {
	/**
  @font-family declaration
  */
	--tpl-ff-heading: "Plus Jakarta Sans", sans-serif;
	--tpl-ff-body: "Plus Jakarta Sans", sans-serif;
	--tpl-ff-fontawesome: "Font Awesome 6 Pro";
	/**
  @color declaration
  */
	--clr-common-white: #ffffff;
	--clr-common-black: #09162b;
	--clr-common-border: #e8e8e8;
	--clr-common-placeholder: #787878;
	--clr-common-body-text: #787878;
	--clr-common-body-bg: #f7fbff;
	--clr-theme-1: #003773;
	--clr-theme-2: #ff4917;
	--clr-theme-3: #1765e5;
	--clr-theme-4: #f3f6f9;
	--clr-theme-5: #083260;
}

* {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

body {
	font-family: var(--tpl-ff-body);
	font-size: 18px;
	font-weight: normal;
	color: var(--clr-common-body-text);
	background-color: var(--clr-common-body-bg);
	line-height: 30px;
}
@media (max-width: 450px) {
	body {
		font-size: 16px;
		line-height: 26px;
	}
}

section {
	position: relative;
	z-index: 2;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	object-fit: cover;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
	-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;
}

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

a:focus,
a:hover {
	color: var(--clr-theme-3);
	text-decoration: none;
}

a,
button {
	color: inherit;
	outline: none;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

button:focus {
	outline: 0;
	border: 0;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.lowercase {
	text-transform: lowercase;
}

.w-100 {
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--tpl-ff-heading);
	color: var(--clr-common-black);
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 0px;
	-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;
}

h1,
h2,
h3,
h4 {
	font-weight: 600;
}

h1 {
	font-size: 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	h1 {
		font-size: 48px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1 {
		font-size: 42px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size: 44px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h1 {
		font-size: 38px;
	}
}
@media (max-width: 450px) {
	h1 {
		font-size: 30px;
	}
}

h2 {
	font-size: 44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	h2 {
		font-size: 44px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2 {
		font-size: 42px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2 {
		font-size: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h2 {
		font-size: 38px;
	}
}
@media (max-width: 450px) {
	h2 {
		font-size: 30px;
	}
}
h2.xlarge {
	font-size: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	h2.xlarge {
		font-size: 60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2.xlarge {
		font-size: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2.xlarge {
		font-size: 36px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	h2.xlarge {
		font-size: 36px;
	}
}
@media (max-width: 450px) {
	h2.xlarge {
		font-size: 32px;
	}
}
h2.large {
	font-size: 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	h2.large {
		font-size: 48px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2.large {
		font-size: 44px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h2.large {
		font-size: 44px;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	h2.large {
		font-size: 36px;
	}
}
@media (max-width: 450px) {
	h2.large {
		font-size: 32px;
	}
}
h2.small {
	font-size: 44px;
}
h2.xsmall {
	font-size: 36px;
}

h3 {
	font-size: 36px;
}
@media (max-width: 450px) {
	h3 {
		font-size: 20px;
	}
}
h3.x-large {
	font-size: 30px;
}
h3.large {
	font-size: 26px;
}

h4 {
	font-size: 28px;
}
@media (max-width: 575px) {
	h4 {
		font-size: 22px;
	}
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 18px;
}
h6.small {
	font-size: 14px;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	font-family: var(--tpl-ff-body);
	font-size: 18px;
	font-weight: 400;
	color: var(--clr-common-body-text);
	margin-bottom: 0px;
	line-height: 30px;
}
@media (max-width: 450px) {
	p {
		font-size: 16px;
		line-height: 26px;
	}
}
p.xlarge {
	font-size: 24px;
	line-height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	p.xlarge {
		font-size: 22px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	p.xlarge {
		font-size: 20px;
		line-height: 34px;
	}
}
p.large {
	font-size: 22px;
}
p.small {
	font-size: 18px;
}
p.xsmall {
	font-size: 16px;
}

.is-white li,
.is-white p,
p.is-white {
	color: #b5cde1;
}

.is-white a {
	color: #b5cde1;
}
.is-white a:hover {
	color: var(--clr-theme-3);
}

.df-thumb__overlay {
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	left: 0;
	background: var(--clr-common-white);
	z-index: 10;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: panel;
	animation-name: panel;
	animation-delay: 0.3s;
	animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

*::-moz-selection {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	text-shadow: none;
}

::-moz-selection {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	text-shadow: none;
}

::selection {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
	color: var(--clr-common-placeholder);
	font-size: 16px;
	opacity: 1;
}

*::placeholder {
	color: var(--clr-common-placeholder);
	font-size: 16px;
	opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
	overflow: hidden;
}

.x-clip {
	overflow-x: clip;
}

.y-clip {
	overflow-y: clip;
}

.clear {
	clear: both;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.z-index-0 {
	z-index: 0 !important;
}

.z-index-1 {
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

.z-index-3 {
	z-index: 3;
}

.z-index-4 {
	z-index: 4;
}

.z-index-5 {
	z-index: 5;
}

.z-index--1 {
	z-index: -1;
}

.z-index--2 {
	z-index: -2;
}

.z-index--3 {
	z-index: -3;
}

.z-index--4 {
	z-index: -4;
}

.z-index--5 {
	z-index: -5;
}

.overflow-y-visible {
	overflow-x: hidden;
	overflow-y: visible;
}

.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.pos-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.section-spacing {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-spacing {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

.section-spacing-top {
	padding-top: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-spacing-top {
		padding-top: 80px;
	}
}

.section-spacing-bottom {
	padding-bottom: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-spacing-bottom {
		padding-bottom: 80px;
	}
}

.section-title-spacing {
	margin-bottom: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.section-title-spacing {
		margin-bottom: 40px;
	}
}

.df-padding-bottom {
	padding-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-padding-bottom {
		padding-bottom: 90px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-padding-bottom {
		padding-bottom: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-padding-bottom {
		padding-bottom: 60px;
	}
}

.adjust-header-space {
	height: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.adjust-header-space {
		height: 87px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.adjust-header-space {
		height: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.adjust-header-space {
		height: 70px;
	}
}

.adjust-header-space2 {
	height: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.adjust-header-space2 {
		height: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.adjust-header-space2 {
		height: 70px;
	}
}

.header-right {
	margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header-right {
		margin-right: 10px;
	}
}

.header-left {
	margin-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header-left {
		margin-left: 0;
	}
}

.mr-auto {
	margin-right: auto !important;
}

/*----------------------------------------
    Font Weight
-----------------------------------------*/
.fw-400 {
	font-weight: 400;
}

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

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

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/*--
    - Background color
-----------------------------------------*/
.bg-common-white {
	background: var(--clr-common-body-bg);
}

.bg-common-black {
	background: var(--clr-common-black);
}

.bg-theme-1 {
	background: var(--clr-theme-1);
}

.bg-theme-2 {
	background: var(--clr-theme-2);
}

.bg-theme-3 {
	background: var(--clr-theme-3);
}

.bg-theme-4 {
	background: var(--clr-theme-4);
}

.bg-theme-5 {
	background: linear-gradient(
		135deg,
		#eef7ff 2.02%,
		#eef7ff 42.71%,
		#ffede8 100%
	);
}

.bg-theme-6 {
	background: linear-gradient(
		270deg,
		#fff 0%,
		#dceefe 32.43%,
		rgba(238, 247, 255, 0) 100%
	);
}

.bg-theme-7 {
	background: var(--clr-common-white);
}

/*--
    - color
-----------------------------------------*/
.color-common-white {
	color: var(--clr-common-white);
}

.color-common-black {
	color: var(--clr-common-black);
}

.color-theme-1 {
	color: var(--clr-theme-1);
}

.color-theme-2 {
	color: var(--clr-theme-2);
}

.color-theme-3 {
	color: var(--clr-theme-3);
}

.color-theme-4 {
	color: var(--clr-theme-4);
}

.body-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	inset-inline-start: 0;
	opacity: 0;
	visibility: hidden;
	-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;
}
.body-overlay:hover {
	cursor: pointer;
}

.body-overlay.opened {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 575px) {
	.progress-wrap {
		inset-inline-end: 15px;
		bottom: 15px;
	}
}

.border-left {
	position: relative;
}
.border-left:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: #eaebee;
	inset-inline-start: 0;
	top: 0;
}

.bg-white {
	background-color: var(--clr-common-white) !important;
}

.bg-gray {
	background-color: var(--clr-bg-4);
}

.section-main-title {
	font-size: 38px;
	line-height: 1.26;
	font-weight: 600;
	color: var(--clr-theme-1);
	margin-top: -8px;
}
@media (max-width: 575px) {
	.section-main-title {
		font-size: 32px;
	}
}
@media (max-width: 450px) {
	.section-main-title {
		font-size: 28px;
	}
}

.hr1 {
	border-bottom: 1px solid #e8e8e8;
}
.hr1.is-white {
	border-color: rgba(255, 255, 255, 0.062745098);
}

.circle {
	position: absolute;
	width: 278px;
	height: 278px;
	border-radius: 278px;
	background: #55aefb;
	filter: blur(200px);
	bottom: 60px;
	left: -230px;
}

.circle-2 {
	position: absolute;
	width: 278px;
	height: 278px;
	border-radius: 278px;
	background: #55aefb;
	filter: blur(200px);
	top: 150px;
	left: -200px;
	z-index: -1;
}

.circle-3 {
	position: absolute;
	width: 278px;
	height: 278px;
	border-radius: 274px;
	opacity: 0.5;
	background: #ff4917;
	filter: blur(200px);
	top: 550px;
	right: -200px;
	z-index: -1;
}

.circle-4 {
	position: absolute;
	width: 278px;
	height: 278px;
	border-radius: 278px;
	background: #ff4917;
	filter: blur(200px);
	top: 150px;
	right: -200px;
	z-index: -1;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	padding-right: var(--bs-gutter-x, 1.5rem);
	padding-left: var(--bs-gutter-x, 1.5rem);
}

.gx--0 {
	--bs-gutter-x: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.gx--0 {
		--bs-gutter-x: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.gx--0 {
		--bs-gutter-x: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.gx--0 {
		--bs-gutter-x: 40px;
		--bs-gutter-y: 40px;
	}
}

.g-40,
.gx-40 {
	--bs-gutter-x: 40px;
}
@media (max-width: 575px) {
	.g-40,
	.gx-40 {
		--bs-gutter-x: 30px;
	}
}

.g-40,
.gy-40 {
	--bs-gutter-y: 40px;
}

.g-50,
.gx-50 {
	--bs-gutter-x: 50px;
}
@media (max-width: 575px) {
	.g-50,
	.gx-50 {
		--bs-gutter-x: 30px;
	}
}

.g-50,
.gy-50 {
	--bs-gutter-y: 50px;
}

@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px) {
	.container-big {
		max-width: 1440px;
	}
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px) {
	.container-xl {
		max-width: 1820px;
	}
}
.container-small {
	max-width: 1200px;
}

.stroke-text {
	font-size: 100px;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #2f2f2f;
	line-height: 1;
	display: inline-block;
}

.area-absolute {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	inset-inline-start: 0;
}

.filter-search-input {
	position: relative;
}
.filter-search-input input {
	width: 100%;
	height: 60px;
	border: 1px solid var(--clr-bg-1);
	background: var(--clr-common-white);
	border-radius: 6px;
	padding: 0 20px;
	padding-inline-end: 50px;
	outline: none;
}
.filter-search-input.bg-2 input {
	width: 100%;
	height: 60px;
	color: var(--clr-common-white);
	background-color: rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	padding: 0 20px;
	padding-inline-end: 50px;
	outline: none;
}
.filter-search-input.bg-2 ::placeholder {
	color: var(--clr-common-white);
}
.filter-search-input.bg-2 button {
	position: absolute;
	inset-inline-end: 14px;
	top: 0;
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	height: 100%;
	width: 50px;
	right: 0px;
	border-radius: 0px 6px 6px 0px;
}
.filter-search-input button {
	position: absolute;
	inset-inline-end: 14px;
	top: 12px;
	color: #919191;
}

.df-inner-area__shape1 {
	position: absolute;
	width: 278px;
	height: 278px;
	left: -139px;
	top: 235px;
	background: #55aefb;
	filter: blur(200px);
}
.df-inner-area__shape2 {
	width: 274px;
	height: 274px;
	right: -200px;
	bottom: 0;
	background: #ff4917;
	filter: blur(200px);
	bottom: 39%;
	opacity: 0.5;
	position: absolute;
}

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="url"],
[dir="rtl"] [type="email"],
[dir="rtl"] [type="number"] {
	direction: rtl;
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.parallax-bg {
	background-attachment: fixed;
}

.panel {
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	left: 0;
	background: white;
	z-index: 10;
	transition: transform 0.5s ease-in-out;
	animation: panel 1s;
	animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.panel-top {
	position: absolute;
	top: 0;
	width: 100%;
	height: 0%;
	left: 0;
	background: white;
	z-index: 10;
	transition: transform 0.5s ease-in-out;
	animation: panelTop 1s;
	animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.panel-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0%;
	left: 0;
	background: white;
	z-index: 10;
	transition: transform 0.5s ease-in-out;
	animation: panelBottom 1s;
	animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.tpl__item-center {
	width: 100%;
	text-align: center;
}
.tpl__flex-center {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.tpl__theme-color {
	color: var(--clr-theme-2);
}

.social-links ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
	margin-bottom: 0;
	padding: 0;
}
.social-links ul li {
	list-style: none;
	line-height: 1;
}
.social-links ul li a {
	width: 40px;
	height: 40px;
	border: 1px solid #dfdfdf;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--clr-common-black);
	font-size: 18px;
}
.social-links ul li a:hover {
	color: var(--clr-common-white);
	border-color: transparent;
	background: var(--clr-theme-3);
}
.social-links.is-white ul li a {
	border-color: rgba(255, 255, 255, 0.1254901961);
	color: var(--clr-common-white);
}
.social-links.is-white ul li a:hover {
	background: var(--clr-theme-3);
}
.social-links.style-2 ul li a {
	border: none;
	background-color: var(--clr-theme-3);
}

.underline a {
	background-image:
		linear-gradient(var(--clr-theme-1), var(--clr-theme-1)),
		linear-gradient(var(--clr-theme-1), var(--clr-theme-1));
	display: inline;
	background-size:
		0% 1px,
		0 1px;
	background-position:
		100% 100%,
		0 83%;
	background-repeat: no-repeat;
	transition: background-size 0.4s linear;
	line-height: 1.5;
	padding: 2% 0;
}
.underline a:hover {
	background-size:
		0 1px,
		100% 1px;
}
.underline.is-white a {
	background-image:
		linear-gradient(var(--clr-theme-4), var(--clr-theme-4)),
		linear-gradient(var(--clr-theme-4), var(--clr-theme-4));
}

.underline-2 a {
	background-image:
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3)),
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3));
	display: inline;
	background-size:
		0% 1px,
		0 1px;
	background-position:
		100% 100%,
		0 83%;
	background-repeat: no-repeat;
	transition: background-size 0.4s linear;
	line-height: 1.5;
	padding: 2% 0;
}
.underline-2 a:hover {
	background-size:
		0 1px,
		100% 1px;
}

.link-instagram i {
	color: #3f729b;
}
.link-facebook i {
	color: #3b5998;
}
.link:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 90px;
	background: var(--clr-common-black);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.link:before {
		height: 80px;
	}
}

.area-separator {
	position: relative;
}
.area-separator:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100px;
	background: var(--clr-common-black);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.15;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.area-separator:before {
		height: 86px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.area-separator:before {
		height: 89px;
	}
}

.area-separator-2 {
	position: relative;
}
.area-separator-2:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100px;
	background: var(--clr-common-white);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.15;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.area-separator-2:before {
		height: 85px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.area-separator-2:before {
		height: 90px;
	}
}

.b-bottom {
	border-bottom: 1px solid #336295;
}

.b-bottom-2 {
	border-bottom: 1px solid #e8e8e8;
}

.b-top {
	border-top: 1px solid #e8e8e8;
}

.valign {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.mt-5 {
	margin-top: 5px !important;
}

.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;
}

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

.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;
}

.ml-5 {
	margin-left: 5px;
}

.ml-8 {
	margin-left: 8px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}

.ml-55 {
	margin-left: 55px;
}

.ml-60 {
	margin-left: 60px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-70 {
	margin-left: 70px;
}

.ml-75 {
	margin-left: 75px;
}

.ml-80 {
	margin-left: 80px;
}

.ml-85 {
	margin-left: 85px;
}

.ml-90 {
	margin-left: 90px;
}

.ml-95 {
	margin-left: 95px;
}

.ml-100 {
	margin-left: 100px;
}

.ml-105 {
	margin-left: 105px;
}

.ml-110 {
	margin-left: 110px;
}

.ml-115 {
	margin-left: 115px;
}

.ml-120 {
	margin-left: 120px;
}

.ml-125 {
	margin-left: 125px;
}

.ml-130 {
	margin-left: 130px;
}

.ml-135 {
	margin-left: 135px;
}

.ml-140 {
	margin-left: 140px;
}

.ml-145 {
	margin-left: 145px;
}

.ml-150 {
	margin-left: 150px;
}

.ml-155 {
	margin-left: 155px;
}

.ml-160 {
	margin-left: 160px;
}

.ml-165 {
	margin-left: 165px;
}

.ml-170 {
	margin-left: 170px;
}

.ml-175 {
	margin-left: 175px;
}

.ml-180 {
	margin-left: 180px;
}

.ml-185 {
	margin-left: 185px;
}

.ml-190 {
	margin-left: 190px;
}

.ml-195 {
	margin-left: 195px;
}

.ml-200 {
	margin-left: 200px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-8 {
	margin-right: 8px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-55 {
	margin-right: 55px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-65 {
	margin-right: 65px;
}

.mr-70 {
	margin-right: 70px;
}

.mr-75 {
	margin-right: 75px;
}

.mr-80 {
	margin-right: 80px;
}

.mr-85 {
	margin-right: 85px;
}

.mr-90 {
	margin-right: 90px;
}

.mr-95 {
	margin-right: 95px;
}

.mr-100 {
	margin-right: 100px;
}

.mr-105 {
	margin-right: 105px;
}

.mr-110 {
	margin-right: 110px;
}

.mr-115 {
	margin-right: 115px;
}

.mr-120 {
	margin-right: 120px;
}

.mr-125 {
	margin-right: 125px;
}

.mr-130 {
	margin-right: 130px;
}

.mr-135 {
	margin-right: 135px;
}

.mr-140 {
	margin-right: 140px;
}

.mr-145 {
	margin-right: 145px;
}

.mr-150 {
	margin-right: 150px;
}

.mr-155 {
	margin-right: 155px;
}

.mr-160 {
	margin-right: 160px;
}

.mr-165 {
	margin-right: 165px;
}

.mr-170 {
	margin-right: 170px;
}

.mr-175 {
	margin-right: 175px;
}

.mr-180 {
	margin-right: 180px;
}

.mr-185 {
	margin-right: 185px;
}

.mr-190 {
	margin-right: 190px;
}

.mr-195 {
	margin-right: 195px;
}

.mr-200 {
	margin-right: 200px;
}

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

.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;
}

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

.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;
}

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

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

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

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

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

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

.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: 85px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 85px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------
	02. buttons css
----------------------------------------*/
.btn-rounded {
	border-radius: 60px;
}

.primary-btn {
	height: 60px;
	padding: 0 30px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
	color: var(--clr-common-white);
	display: inline-flex;
	gap: 6px;
	background: var(--clr-theme-3);
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	border-radius: 60px;
}
.primary-btn:focus {
	color: var(--clr-common-white);
}
.primary-btn:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-5);
}
.primary-btn:hover .icon__first {
	transform: translateX(150%);
}
.primary-btn:hover .icon__second {
	transform: translateX(0%);
}
.primary-btn.hover-white:hover {
	color: var(--clr-common-black);
	background-color: var(--clr-common-white);
}
.primary-btn .icon__box {
	transform: rotate(-45deg);
}
.primary-btn .icon__box.demo-btn {
	transform: rotate(90deg);
}
.primary-btn.bordered {
	border: 1.5px solid var(--clr-theme-3);
	background: transparent;
	color: var(--clr-theme-3);
}
.primary-btn.bordered:hover {
	background: var(--clr-theme-3);
	border-color: transparent;
	color: var(--clr-common-white);
}
.primary-btn.bordered.is-white {
	border: 1.5px solid var(--clr-theme-4);
	color: var(--clr-common-white);
}
.primary-btn.bordered.is-white:hover {
	background: var(--clr-theme-4);
	border-color: transparent;
	color: var(--clr-common-black);
}
.primary-btn.bordered.is-white:hover .icon__box img {
	filter: brightness(10%);
}
.primary-btn.btn-x-small {
	height: 40px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 500;
}
.primary-btn.btn-small {
	height: 50px;
	padding: 0 25px;
	font-size: 16px;
	font-weight: 500;
}
.primary-btn.btn-large {
	height: 70px;
	padding: 0 50px;
	font-size: 20px;
}
.primary-btn.btn-extra-large {
	height: 85px;
	padding: 0 70px;
	font-size: 22px;
}
.primary-btn.sign-btn {
	border-radius: 6px;
}

.border-bottom-btn {
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	display: inline-flex;
	position: relative;
}
.border-bottom-btn:focus {
	color: var(--clr-common-white);
}
.border-bottom-btn:hover:after {
	left: 0;
	width: 100%;
}
.border-bottom-btn:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 4px;
	right: auto;
	left: 0;
	bottom: -4px;
	background: var(--clr-theme-2);
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.circle-btn {
	width: 70px;
	height: 70px;
	border: 1px solid rgba(20, 20, 20, 0.1254901961);
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
@media (max-width: 575px) {
	.circle-btn {
		width: 50px;
		height: 50px;
	}
}
.circle-btn:focus {
	color: var(--clr-common-white);
}
.circle-btn .icon__box {
	transform: rotate(-45deg);
}
.circle-btn.is-blue {
	transform: rotate(-45deg);
}
.circle-btn.is-blue:hover {
	background: var(--clr-theme-3);
	transform: rotate(0);
}
.circle-btn.is-blue:hover .icon {
	filter: invert(95%) sepia(67%) saturate(2%) hue-rotate(246deg)
		brightness(104%) contrast(100%);
}
.circle-btn:hover {
	background-color: var(--clr-theme-3);
}
.circle-btn:hover .icon__first {
	transform: translateX(150%);
}
.circle-btn:hover .icon__second {
	transform: translateX(0%);
}
.circle-btn.is-white {
	border-color: var(--clr-common-white);
	background: var(--clr-common-white);
}
.circle-btn.color-2 {
	border-color: var(--clr-theme-3);
	background: var(--clr-theme-3);
}
.circle-btn.rotate {
	transform: rotate(-90deg);
}
.circle-btn.newsletter-btn {
	width: 60px;
	height: 60px;
	border-color: transparent;
	background: var(--clr-theme-3);
}
.circle-btn.newsletter-btn:focus {
	color: var(--clr-common-white);
}
.circle-btn.newsletter-btn .icon__box i {
	font-size: 22px;
	color: var(--clr-common-white);
	transform: rotate(45deg);
	display: inline-block;
	margin-top: 10px;
}

.img-circle-btn {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
}
.img-circle-btn:focus {
	color: var(--clr-common-white);
}
.img-circle-btn .image-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation: rotate 20s linear infinite;
}
.img-circle-btn .circle-btn {
	width: 100%;
	height: 100%;
	border-color: transparent;
	background: var(--clr-theme-3);
	z-index: 1;
	padding: 10%;
	background-clip: content-box;
	transition: all 0.3s linear;
}
.img-circle-btn .circle-btn:hover {
	background-color: var(--clr-common-white);
}
.img-circle-btn .icon__box img {
	width: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.img-circle-btn .icon__box img {
		width: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.img-circle-btn .icon__box img {
		width: 26px;
	}
}
.img-circle-btn.is-white .image-text {
	filter: invert(77%) sepia(3%) saturate(3245%) hue-rotate(193deg)
		brightness(111%) contrast(106%);
}

.load-btn {
	height: 60px;
	padding: 0 30px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
	color: var(--clr-common-white);
	display: inline-flex;
	gap: 10px;
	background: var(--clr-theme-3);
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	border-radius: 60px;
}
.load-btn:focus {
	color: var(--clr-common-white);
}
.load-btn:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-5);
}
.load-btn:hover .fa-spinner {
	animation-name: fa-spin;
	animation-duration: var(--fa-animation-duration, 5s);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-timing-function: var(--fa-animation-timing, linear);
	animation-direction: alternate;
}
.load-btn i {
	color: var(--clr-common-white);
	font-size: 24px;
}

.slider__nav-btn {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: var(--clr-common-black);
	background: #e7e7e7;
	-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;
}
.slider__nav-btn:focus {
	color: var(--clr-common-white);
}
.slider__nav-btn.swiper-button-disabled {
	background: #f8f8f8;
	color: #b9b9b9;
	pointer-events: none;
}
.slider__nav-btn.swiper-button-disabled:hover {
	color: inherit;
	background: inherit;
}
.slider__nav-btn:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
}
.slider__nav-btn i {
	font-weight: 400;
}

.circle-nav-btn {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	color: var(--clr-theme-2);
	background: rgba(20, 207, 147, 0.15);
	-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;
}
.circle-nav-btn:focus {
	color: var(--clr-theme-2);
}
.circle-nav-btn:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-2);
}
.circle-nav-btn i {
	font-weight: 400;
}
[dir="rtl"] .circle-nav-btn i {
	transform: rotateY(180deg);
}

.icon-box-upward {
	transform: rotate(-45deg);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: #191919;
	font-size: 20px;
	position: relative;
}
.icon-box-upward:hover i {
	animation: iconltr 0.5s forwards;
}
.icon-box-upward::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #d9d9d9;
	transform: rotate(45deg);
}

.text-btn {
	color: var(--clr-theme-3);
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 15px;
}
.text-btn:hover {
	color: var(--clr-theme-2);
}

.arrow-text-btn {
	color: var(--clr-theme-1);
	display: inline-flex;
	align-items: center;
	gap: 13px;
	line-height: 1;
}
.arrow-text-btn:hover {
	color: var(--clr-theme-2);
}
.arrow-text-btn:hover span:before {
	transform: scaleX(1);
	background: var(--clr-theme-2);
}
.arrow-text-btn i {
	font-size: 20px;
}
.arrow-text-btn span {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 1;
}
.arrow-text-btn span:before {
	position: absolute;
	left: 0;
	bottom: -2px;
	right: 0;
	height: 1px;
	content: "";
	transform: scaleX(0);
	transform-origin: center;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	background: var(--clr-theme-1);
	z-index: -1;
}

.c-button {
	border-radius: 100rem;
	width: 200px;
	height: 200px;
	border: 0;
	background: transparent;
	position: relative;
	overflow: hidden;
	transform: scale(1);
	transition: 1s ease;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.c-button:after,
.c-button:before {
	content: "";
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background-color: #111111;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-180deg);
	transform-origin: left;
	transition: 0.4s ease-out;
}
.c-button:before {
	transition-delay: 0.15s;
}
.c-button:after {
	background-color: #14cf93;
}
.c-button:hover {
	transform: scale(1);
	border-color: #14cf93;
}
.c-button:hover:after,
.c-button:hover:before {
	top: 0;
	left: 0;
	transform: rotate(0deg);
	transition: 0.4s ease-out;
}
.c-button:hover:after {
	transition-delay: 0.15s;
}
.c-button:hover .c-button__text {
	color: var(--clr-common-white);
}
.c-button__border {
	position: absolute;
	content: "";
	width: inherit;
	height: inherit;
	border-radius: inherit;
	top: 0;
	left: 0;
	transition: 0.4s ease-out;
	border: 1px solid #4f4f4f;
}
.c-button__text {
	position: relative;
	display: block;
	z-index: 2;
	font-size: 16px;
	color: #2c2c2c;
	line-height: 25px;
	transition: 0.4s ease-out;
}

.play-btn {
	width: 90px;
	height: 90px;
	font-size: 16px;
	background-color: var(--clr-theme-3);
	display: inline-flex;
	border-radius: 50%;
	color: var(--clr-common-white);
	justify-content: center;
	align-items: center;
	cursor: pointer;
	animation: pulse 2s infinite;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.play-btn {
		width: 70px;
		height: 70px;
		font-size: 16px;
	}
}
.play-btn:focus {
	color: var(--clr-common-white);
}
.play-btn:visited {
	background-color: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.play-btn:hover {
	background-color: var(--clr-common-white);
	color: var(--clr-common-black);
}

/* link btn */
.link-btn {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: var(--clr-common-black);
	text-transform: uppercase;
	padding-inline-end: 15px;
}
.link-btn i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
}
.link-btn i:first-child {
	inset-inline-start: -100%;
	visibility: hidden;
	opacity: 0;
}
.link-btn i:last-child {
	inset-inline-end: 0;
}
.link-btn:hover {
	color: var(--clr-common-black);
}
.link-btn:hover i:first-child {
	inset-inline-start: 0;
	visibility: visible;
	opacity: 1;
}
.link-btn:hover i:last-child {
	inset-inline-end: -100%;
	visibility: hidden;
	opacity: 0;
}

.link-btn-2 {
	position: relative;
	font-size: 14px;
	color: var(--clr-common-black);
	font-weight: 500;
	padding-inline-end: 22px;
	display: inline-block;
	text-transform: uppercase;
}
.link-btn-2 i {
	position: absolute;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	font-size: 12px;
}
.link-btn-2 i:first-child {
	inset-inline-end: 10%;
	visibility: hidden;
	opacity: 0;
}
.link-btn-2 i:last-child {
	inset-inline-end: 0;
}
.link-btn-2:hover {
	color: var(--clr-common-black);
}
.link-btn-2:hover i:first-child {
	inset-inline-end: 0;
	visibility: visible;
	opacity: 1;
}
.link-btn-2:hover i:last-child {
	inset-inline-end: -10%;
	visibility: hidden;
	opacity: 0;
}
.link-btn-2.pink {
	color: var(--clr-common-black);
}
.link-btn-2.pink:hover {
	color: var(--clr-common-black);
}

/* pulse btn */
.pulse-btn {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 84px;
	text-align: center;
	background-color: var(--clr-common-white);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: var(--clr-common-black);
	animation: pulse 2s infinite;
}
.pulse-btn:hover {
	background-color: var(--clr-common-black);
	color: var(--clr-common-white);
}
.pulse-btn i {
	padding-inline-start: 2px;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgb(85, 174, 251);
		box-shadow: 0 0 0 0 rgb(85, 174, 251);
	}
	70% {
		-moz-box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
.link-scroll-wrapper {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.link-scroll-line__heading {
	font-size: 120px;
	font-weight: 700;
	line-height: 1.08;
	text-transform: uppercase;
	white-space: nowrap;
	margin-bottom: 0;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.link-scroll-line__heading {
		font-size: 110px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.link-scroll-line__heading {
		font-size: 100px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.link-scroll-line__heading {
		font-size: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.link-scroll-line__heading {
		font-size: 70px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.link-scroll-line__heading {
		font-size: 60px;
	}
}
@media (max-width: 450px) {
	.link-scroll-line__heading {
		font-size: 50px;
	}
}
.link-scroll-line__heading-2 {
	font-size: 200px;
	font-weight: 700;
	line-height: 1.08;
	text-transform: uppercase;
	white-space: nowrap;
	margin-bottom: 0;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.link-scroll-line__heading-2 {
		font-size: 110px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.link-scroll-line__heading-2 {
		font-size: 100px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.link-scroll-line__heading-2 {
		font-size: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.link-scroll-line__heading-2 {
		font-size: 70px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.link-scroll-line__heading-2 {
		font-size: 60px;
	}
}
@media (max-width: 450px) {
	.link-scroll-line__heading-2 {
		font-size: 50px;
	}
}
.link-scroll-line__heading-2 .link-separate-icon svg {
	width: 50px;
	height: auto;
}
.link-scroll-line__heading .stroke-text {
	font-size: inherit;
}

.df-text-btn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.df-text-btn:hover .icon__first {
	transform: translateX(150%);
}
.df-text-btn:hover .icon__second {
	transform: translateX(0%);
}
.df-text-btn .icon__box {
	transform: rotate(-45deg);
}

.icon__box {
	position: relative;
	display: inline-flex;
	overflow: hidden;
	padding: 0 4px;
}
.icon__box:hover .icon__first {
	transform: translateX(150%);
}
.icon__box:hover .icon__second {
	transform: translateX(0%);
}
.icon__box .icon__second {
	position: absolute;
	transform: translateX(-150%);
}

.df__pagination {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
}
.df__pagination .swiper-pagination-bullet {
	width: 14px;
	height: 7px;
	border-radius: 0;
	margin: 0 !important;
	background: var(--clr-common-black);
	opacity: 1;
	border-radius: 14px;
}
.df__pagination .swiper-pagination-bullet-active {
	width: 23px;
	background: var(--clr-theme-3);
}

.circle-dot-pagination {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 4px;
}
.circle-dot-pagination .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	border-radius: 50%;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	margin: 0 !important;
	position: relative;
	background: none;
}
.circle-dot-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: var(--clr-theme-2);
}
.circle-dot-pagination .swiper-pagination-bullet:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background: var(--clr-theme-2);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wh-200 {
	width: 200px;
	height: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.wh-200 {
		width: 150px;
		height: 150px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.wh-200 {
		width: 120px;
		height: 120px;
	}
}

/*----------------------------------------
	03. animation css
----------------------------------------*/
@keyframes iconltr {
	49% {
		transform: translateX(30%);
	}
	50% {
		opacity: 0;
		transform: translateX(-30%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes iconrtl {
	49% {
		transform: translateX(-30%);
	}
	50% {
		opacity: 0;
		transform: translateX(30%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes iconlbtr {
	49% {
		transform: translateX(30%) translateY(-30%);
	}
	50% {
		opacity: 0;
		transform: translateX(-30%) translateY(30%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes textup {
	49% {
		transform: translateY(-10px);
	}
	50% {
		opacity: 0;
		transform: translateY(10px);
	}
	51% {
		opacity: 1;
	}
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* line animation css - start
================================================== */
.line_wrap {
	top: 0px;
	inset-inline-start: calc(50% - 875px);
	bottom: 0px;
	width: 120px;
	z-index: 1;
	display: block;
	position: absolute;
	border-left: 1px solid #e8e8e8;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.line_wrap {
		inset-inline-start: calc(50% - 710px);
		width: 100px;
	}
}

.line_wrap:before {
	width: 1px;
	left: -1px;
	content: "";
	height: 100px;
	position: absolute;
	animation: scroll1 15s linear infinite;
	background-image: var(--clr-theme-2);
}

.line_wrap .line_item {
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
	display: inline-block;
	border-right: 1px solid #e8e8e8;
}

.line_wrap .line_item:before {
	width: 1px;
	right: -1px;
	content: "";
	height: 100px;
	position: absolute;
}

.line_wrap .line_item:nth-child(odd):before {
	animation: scroll2 15s linear infinite;
	background-image: linear-gradient(0deg, transparent, #000000);
}

.line_wrap .line_item:nth-child(even):before {
	animation: scroll1 15s ease-out infinite;
	background-image: linear-gradient(0deg, #000000, transparent);
}

.line_wrap.line_white {
	border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.line_wrap.line_white:before {
	background-image: linear-gradient(0deg, #ffffff, transparent);
}

.line_wrap.line_white .line_item {
	border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.line_wrap.line_white .line_item:nth-child(odd):before {
	background-image: linear-gradient(0deg, transparent, #ffffff);
}

.line_wrap.line_white .line_item:nth-child(even):before {
	background-image: linear-gradient(0deg, #ffffff, transparent);
}

@keyframes scroll1 {
	0% {
		top: 0px;
		opacity: 1;
	}
	50% {
		top: 50%;
	}
	100% {
		top: 100%;
		opacity: 1;
	}
}
@keyframes scroll2 {
	0% {
		opacity: 1;
		bottom: 0px;
	}
	50% {
		bottom: 50%;
	}
	100% {
		bottom: 100%;
		opacity: 1;
	}
}
/* line animation css - end
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.body-line {
		display: none;
	}
}
.body-line:before {
	display: none;
}
.body-line.line_wrap .line_item::before {
	display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.banner-line {
		display: none;
	}
}
.banner-line.line_wrap {
	z-index: 2;
	border-left: 1px solid #2d2d2d;
	overflow-y: clip;
}
.banner-line.line_wrap::before,
.banner-line.line_wrap::after {
	width: auto;
	left: 1px;
	content: "\f101";
	font-family: flaticon_armado_-_militery_service_themeset !important;
	height: 10px;
	background: transparent;
	background-image: none;
	background-image: none;
	position: absolute;
	animation: scroll1 15s linear infinite;
	color: var(--clr-theme-2);
	transform: rotate(90deg);
}
.banner-line.line_wrap::after {
	animation-delay: 8s;
	top: -10px;
}
.banner-line.line_wrap .line_item {
	border-right: 1px solid #2d2d2d;
}
.banner-line.line_wrap .line_item::before,
.banner-line.line_wrap .line_item::after {
	width: auto;
	right: 1px;
	content: "\f101";
	font-family: flaticon_armado_-_militery_service_themeset !important;
	height: 10px;
	background: transparent;
	background-image: none;
	position: absolute;
	animation: scroll2 15s linear infinite;
	color: var(--clr-theme-2);
	transform: rotate(-90deg);
}
.banner-line.line_wrap .line_item::after {
	animation-delay: 8s;
	bottom: -10px;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.border-animation {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.border-animation::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	box-sizing: border-box;
	height: 0;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	transition: all 0.5s ease;
}

.border-animation::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	box-sizing: border-box;
	height: 0;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	transition: all 0.5s ease;
}

.service__box-hover:hover .border-animation::after,
.service__box-hover:hover .border-animation::before {
	border-color: var(--clr-common-white);
	width: 100%;
	height: 100%;
}

@-webkit-keyframes translateX {
	0% {
		-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		-ms-transform: translateX(-80px);
		transform: translateX(-80px);
	}
	100% {
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
}
@-moz-keyframes translateX {
	0% {
		-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		-ms-transform: translateX(-80px);
		transform: translateX(-80px);
	}
	100% {
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
}
@-ms-keyframes translateX {
	0% {
		-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		-ms-transform: translateX(-80px);
		transform: translateX(-80px);
	}
	100% {
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
}
@keyframes translateX {
	0% {
		-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		-ms-transform: translateX(-80px);
		transform: translateX(-80px);
	}
	100% {
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
}
@-webkit-keyframes translateY {
	0% {
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}
	100% {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
	}
}
@-moz-keyframes translateY {
	0% {
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}
	100% {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
	}
}
@-ms-keyframes translateY {
	0% {
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}
	100% {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
	}
}
@keyframes translateY {
	0% {
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}
	100% {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
	}
}
@-webkit-keyframes fill-width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-moz-keyframes fill-width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-ms-keyframes fill-width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes fill-width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.play-svg {
	width: 160px;
}
.play-svg:hover .st3 {
	stroke-dashoffset: 0;
}
.play-svg .st0 {
	fill: none;
	stroke: #ffffff;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}
.play-svg .st1 {
	clip-path: url(#SVGID_2_);
}
.play-svg .st2 {
	fill: #ffaf00;
}
.play-svg .st3 {
	fill: none;
	stroke: #ffaf00;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 300;
	stroke-dashoffset: 300;
	transition: 0.5s;
}
@keyframes dash {
	from {
		stroke-dashoffset: 1500;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes panel {
	0% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}
@keyframes panelTop {
	0% {
		height: 100%;
	}
	100% {
		height: 0;
	}
}
@keyframes panelBottom {
	0% {
		height: 100%;
	}
	100% {
		height: 0;
	}
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.title-anim-part-1,
.title-anim-part-2 {
	position: relative;
	display: block;
	width: 100%;
	height: 120px;
	overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.title-anim-part-1,
	.title-anim-part-2 {
		height: 90px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.title-anim-part-1,
	.title-anim-part-2 {
		height: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.title-anim-part-1,
	.title-anim-part-2 {
		height: 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.title-anim-part-1,
	.title-anim-part-2 {
		height: 52px;
	}
}
@media (max-width: 450px) {
	.title-anim-part-1,
	.title-anim-part-2 {
		height: 40px;
	}
}

.title-anim-part-1 > span {
	position: absolute;
}
@media (min-width: 576px) {
	.title-anim-part-1 > span {
		transform: translateY(100%);
	}
}

.title-anim-part-2 > span {
	position: absolute;
}
@media (min-width: 576px) {
	.title-anim-part-2 > span {
		transform: translateY(-100%);
	}
}

@media (min-width: 576px) {
	.swiper-slide-active .title-anim-part-1 > span {
		animation: 0.7s titleAnim 0.5s ease forwards;
	}
}
@media (min-width: 576px) {
	.swiper-slide-active .title-anim-part-2 > span {
		animation: 0.7s titleAnim 0.7s ease forwards;
	}
}

@keyframes titleAnim {
	100% {
		transform: translateY(0%);
	}
}
.noise-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	overflow: hidden;
	z-index: -1;
}

.noise {
	position: absolute;
	top: -500px;
	right: -500px;
	bottom: -500px;
	left: -500px;
	background: transparent url(../img/bg/noise.webp) 0 0;
	background-size: 320px 320px;
	opacity: 1;
	-webkit-animation: noise 1s steps(8, end) infinite both;
	animation: noise 1s steps(8, end) infinite both;
}

@-webkit-keyframes noise {
	0% {
		transform: translateX(0px, 0px);
	}
	10% {
		transform: translate(-100px, 100px);
	}
	20% {
		transform: translate(150px, -100px);
	}
	30% {
		transform: translate(-100px, 100px);
	}
	40% {
		transform: translate(100px, -150px);
	}
	50% {
		transform: translate(-100px, 200px);
	}
	60% {
		transform: translate(-200px, -100px);
	}
	70% {
		transform: translateY(50px, 100px);
	}
	80% {
		transform: translate(100px, -150px);
	}
	90% {
		transform: translate(0px, 200px);
	}
	100% {
		transform: translate(-100px, 100px);
	}
}
@keyframes noise {
	0% {
		transform: translateX(0px, 0px);
	}
	10% {
		transform: translate(-100px, 100px);
	}
	20% {
		transform: translate(150px, -100px);
	}
	30% {
		transform: translate(-100px, 100px);
	}
	40% {
		transform: translate(100px, -150px);
	}
	50% {
		transform: translate(-100px, 200px);
	}
	60% {
		transform: translate(-200px, -100px);
	}
	70% {
		transform: translateY(50px, 100px);
	}
	80% {
		transform: translate(100px, -150px);
	}
	90% {
		transform: translate(0px, 200px);
	}
	100% {
		transform: translate(-100px, 100px);
	}
}
.img-hover-left-right-item {
	position: relative;
	z-index: 1;
}
.img-hover-left-right-item .img-hover-left-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0%;
	height: 100%;
	right: 0;
	left: auto;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
}
[dir="rtl"] .img-hover-left-right-item .img-hover-left-right {
	left: 0;
	right: auto;
}
.img-hover-left-right-item .img-hover-left-right::before {
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--clr-common-black);
	opacity: 0.7;
}
.img-hover-left-right-item.active .img-hover-left-right {
	width: 100%;
	right: auto;
	left: 0;
}
[dir="rtl"] .img-hover-left-right-item.active .img-hover-left-right {
	left: auto;
	right: 0;
}
.img-hover-left-right-item.active p,
.img-hover-left-right-item.active a,
.img-hover-left-right-item.active h2,
.img-hover-left-right-item.active h3,
.img-hover-left-right-item.active h4,
.img-hover-left-right-item.active div,
.img-hover-left-right-item.active sup,
.img-hover-left-right-item.active sub,
.img-hover-left-right-item.active li,
.img-hover-left-right-item.active span {
	color: var(--clr-common-white);
}
.img-hover-left-right-item:hover .img-hover-left-right {
	width: 100%;
	right: auto;
	left: 0;
}
[dir="rtl"] .img-hover-left-right-item:hover .img-hover-left-right {
	left: auto;
	right: 0;
}
.img-hover-left-right-item:hover p,
.img-hover-left-right-item:hover a,
.img-hover-left-right-item:hover h2,
.img-hover-left-right-item:hover h3,
.img-hover-left-right-item:hover h4,
.img-hover-left-right-item:hover div,
.img-hover-left-right-item:hover sup,
.img-hover-left-right-item:hover sub,
.img-hover-left-right-item:hover li,
.img-hover-left-right-item:hover span {
	color: var(--clr-common-white);
}

@keyframes bounceUp {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-15px);
	}
	60% {
		transform: translateY(-15px);
	}
}
.bounce-up {
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: bounceUp;
}

@keyframes bounceLeft {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-15px);
	}
	60% {
		transform: translateX(-15px);
	}
}
.bounce-left {
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: bounceLeft;
}

/*----------------------------------------
    33. cursor css
----------------------------------------*/
body {
	cursor: inherit;
}

.cursor-outer {
	margin-left: -12px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	border: 2px solid var(--clr-common-white);
	box-sizing: border-box;
	z-index: 10000000;
	opacity: 0.5;
	transition: all 0.08s ease-out;
	mix-blend-mode: difference;
}
.cursor-outer.cursor-hover {
	opacity: 0;
}
.cursor-outer.cursor-big {
	opacity: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.cursor-outer {
		display: none;
	}
}

.mouseCursor {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: 50%;
	transform: translateZ(0);
	visibility: hidden;
	text-align: center;
}
.mouseCursor.cursor-big {
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.mouseCursor {
		display: none;
	}
}

.cursor-inner {
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	z-index: 10000001;
	background-color: var(--clr-common-white);
	transition:
		width 0.3s ease-in-out,
		height 0.3s ease-in-out,
		margin 0.3s ease-in-out,
		opacity 0.3s ease-in-out;
	mix-blend-mode: difference;
}
.cursor-inner span {
	color: #000000;
	line-height: 80px;
	opacity: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
.cursor-inner.cursor-big span {
	opacity: 1;
}
.cursor-inner.cursor-hover {
	margin-left: -12px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background-color: var(--clr-common-white);
	opacity: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.cursor-inner {
		display: none;
	}
}

.df-shop-cat {
	min-height: 290px;
	width: 280px;
	background: #eef7ff;
	border-radius: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 25px 0;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	filter: drop-shadow(5px 5px 0px #ddeffe);
	transition: all 0.3s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-shop-cat {
		min-height: 260px;
		width: 260px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-shop-cat {
		min-height: auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-shop-cat {
		min-height: 260px;
		width: 300px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.df-shop-cat {
		min-height: 245px;
		width: 230px;
	}
}
@media (max-width: 575px) {
	.df-shop-cat {
		width: 220px;
	}
}
@media (max-width: 450px) {
	.df-shop-cat {
		width: 95%;
	}
}
.df-shop-cat:hover {
	filter: drop-shadow(5px 5px 0px var(--clr-theme-1));
}
@media (max-width: 575px) {
	.df-shop-cat-wrap {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 575px) {
	.df-shop-cat-wrap a {
		width: 100%;
	}
}
.df-shop-cat-wrapper {
	height: auto;
	width: 250px;
	padding: 0px;
	margin-bottom: 30px;
	display: inline-block;
}
@media (max-width: 575px) {
	.df-shop-cat-wrapper {
		width: 100%;
		margin-bottom: 20px;
	}
}
.df-shop-cat-wrapper img {
	border-radius: 100%;
	background-color: #cce7fe;
	width: 70%;
}
.df-shop-cat-title {
	font-size: 22px;
	color: var(--clr-common-black);
	padding: 0px 20px;
	transition: all 0.3s linear;
}
.df-shop-cat-title:hover {
	color: var(--clr-theme-3);
}
.df-shop-cat-icon i {
	font-size: 50px;
	line-height: 120px;
	text-align: center;
	color: var(--clr-common-white);
}
@media (max-width: 575px) {
	.df-shop-cat-icon i {
		line-height: 70px;
		font-size: 40px;
	}
}
.df-shop-cat-icon i:hover {
	color: var(--clr-common-white);
}

.bf-product-cat {
	min-height: 367px;
	mix-blend-mode: multiply;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	background-color: #d6fffc;
}
.bf-product-cat:hover .bf-product-cat-bg {
	transform: scale(1.05);
}
.bf-product-cat.cat-xl .bf-product-cat-btn a {
	color: var(--clr-common-white);
}
.bf-product-cat.cat-xl .bf-product-cat-btn a::before {
	background-color: var(--clr-common-white);
}
.bf-product-cat.cat-xl .bf-product-cat-btn a:hover {
	color: var(--clr-theme-3);
}
.bf-product-cat.cat-xl .bf-product-cat-btn a:hover::before {
	background-color: var(--clr-theme-3);
}
.bf-product-cat-bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 20px;
	transition: all 0.5s linear;
}
.bf-product-cat-content {
	background-color: var(--clr-theme-1);
	display: inline-block;
	padding: 24px;
	margin: 24px;
	min-width: 370px;
	border-radius: 24px;
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.bf-product-cat-content {
		min-width: 310px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bf-product-cat-content {
		min-width: 330px;
	}
}
@media (max-width: 575px) {
	.bf-product-cat-content {
		min-width: 85%;
	}
}
.bf-product-cat-title {
	color: var(--clr-common-white);
	margin-bottom: 10px;
}
.bf-product-cat p {
	color: var(--clr-common-border);
	margin-bottom: 10px;
}
.bf-product-cat-btn a {
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
	color: var(--clr-common-white);
	position: relative;
}
.bf-product-cat-btn a::before {
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100%;
	inset-inline-start: 0;
	background-color: var(--clr-common-white);
	transition: all 0.3s linear;
}
.bf-product-cat-btn a:hover {
	color: var(--clr-theme-3);
}
.bf-product-cat-btn a:hover::before {
	width: 0%;
	inset-inline-start: auto;
	inset-inline-end: 0;
	background-color: var(--clr-theme-3);
}

.product-bg-1::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: linear-gradient(90deg, #c5e4ff 0%, rgba(199, 229, 255, 0) 100%);
	left: 0;
	top: 0;
	opacity: 1;
}

.product-bg-2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: linear-gradient(180deg, #c5e4ff 0%, rgba(199, 229, 255, 0) 100%);
	left: 0;
	top: 0;
	opacity: 1;
}

.bf-product-filter-btn {
	display: inline-flex;
	gap: 30px;
	justify-content: end;
	border-bottom: 1px solid #e6e6e6;
}
.bf-product-filter-btn-wrapper {
	display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bf-product-filter-btn-wrapper {
		display: inline;
	}
}
.bf-product-filter-btn button {
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	position: relative;
}
.bf-product-filter-btn button.active {
	-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;
	color: var(--clr-theme-3);
}
.bf-product-filter-btn button.active::before {
	content: "";
	width: 100%;
	background-color: var(--clr-theme-3);
	height: 3px;
	bottom: -2px;
	inset-inline-start: 0;
	position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bf-product-filter-btn {
		gap: 20px;
	}
}

.page-title__area {
	position: relative;
}

.valign {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-title-full {
	min-height: 745px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.page-title-full {
		min-height: 600px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.page-title-full {
		min-height: 500px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-title-full {
		min-height: 450px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.page-title-full {
		min-height: 400px;
	}
}

.page-title__thumb {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: luminosity;
	background-position: center;
	z-index: -1;
	opacity: 0.1;
}
.page-title__thumb.style-2 {
	mix-blend-mode: normal;
	background-position: bottom;
}
.page-title__thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	top: 0;
	inset-inline-start: 0;
	z-index: -1;
	opacity: 0.15;
}

.page-title__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.page-title__content {
	text-align: center;
}
@media (max-width: 575px) {
	.page-title__content {
		text-align: start;
	}
}

.page__subtitle {
	margin-bottom: 15px;
	display: inline-block;
}
.page__subtitle.bg-filled {
	line-height: 28px;
	letter-spacing: 0em;
	padding: 0 12px;
	border-radius: 30px;
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.page__title {
	font-size: 74px;
	line-height: 1.1;
	font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.page__title {
		font-size: 70px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.page__title {
		font-size: 65px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.page__title {
		font-size: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page__title {
		font-size: 55px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.page__title {
		font-size: 50px;
	}
}
@media (max-width: 575px) {
	.page__title {
		font-size: 40px;
	}
}

.main-menu {
	display: inline-block;
}
.main-menu ul li {
	display: inline-block;
	margin: 0px 20px;
	position: relative;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.main-menu ul li {
		margin: 0px 18px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.main-menu ul li {
		margin: 0px 10px;
	}
}
.main-menu ul li a {
	font-size: 18px;
	color: var(--clr-common-body-text);
	text-transform: capitalize;
	display: inline-block;
	padding: 40px 0;
	line-height: 20px;
	font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.main-menu ul li a {
		font-size: 16px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu ul li a {
		padding: 33px 0;
	}
}
.main-menu ul li .sub-menu {
	background: var(--clr-common-white) none repeat scroll 0 0;
	box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
	left: 0;
	right: 0;
	opacity: 0;
	position: absolute;
	top: 100%;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 240px;
	z-index: 9;
	border-top: 4px solid var(--clr-common-heading);
	text-align: left;
	padding: 15px 0;
	-webkit-transform: scaleY(0) translateZ(100px);
	transform: scaleY(0) translateZ(100px);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.main-menu ul li .sub-menu .sub-menu {
	left: 102.3%;
	top: 0%;
}
.main-menu ul li .sub-menu li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0px;
	padding: 8px 25px 8px 25px;
	justify-content: space-between;
	padding: 10px 20px;
	margin: 5px;
	border-radius: 5px;
}
.main-menu ul li .sub-menu li a {
	padding: 0px;
	display: inline-block;
	color: var(--clr-common-body-text);
	position: relative;
	font-weight: 500;
	width: 100%;
	display: block;
	margin: 0;
	font-size: 17px;
}
.main-menu ul li .sub-menu li:hover {
	background-color: rgb(243, 246, 249);
}
.main-menu ul li .sub-menu li:hover > a {
	color: var(--clr-theme-3);
}
.main-menu ul li:hover > a {
	color: var(--clr-theme-3);
	opacity: 1;
}
.main-menu ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 100%;
	-webkit-transform: scaleY(1) translateZ(194px);
	transform: scaleY(1) translateZ(0px);
}
.main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
	top: 0;
}
.main-menu ul li:hover.menu-item-has-children::after {
	color: var(--clr-theme-2);
}
.main-menu ul li.has-mega-menu {
	position: static;
}
.main-menu ul li.has-mega-menu .mega-menu {
	background: var(--clr-common-white) none repeat scroll 0 0;
	left: 0;
	right: 0;
	opacity: 0;
	position: absolute;
	top: 100%;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 1028px;
	z-index: 9;
	border-top: 4px solid var(--clr-common-heading);
	text-align: left;
	padding: 25px 25px;
	-webkit-transform: scaleY(0) translateZ(100px);
	transform: scaleY(0) translateZ(100px);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 auto;
	box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
	border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.main-menu ul li.has-mega-menu li ul li {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	margin: 0;
	border-radius: 5px;
	transition: 0.3s linear;
}
.main-menu ul li.has-mega-menu li ul li a {
	padding: 0;
	color: var(--clr-common-body-text);
	margin: 0;
	font-size: 17px;
	transition: 0.3s linear;
}
.main-menu ul li.has-mega-menu li ul li:hover {
	background-color: rgb(243, 246, 249);
}
.main-menu ul li.has-mega-menu li ul li:hover a {
	color: var(--clr-theme-3);
}
.main-menu ul li:hover .mega-menu {
	opacity: 1;
	visibility: visible;
	top: 100%;
	-webkit-transform: scaleY(1) translateZ(194px);
	transform: scaleY(1) translateZ(0px);
}
.main-menu ul li.menu-item-has-children {
	position: relative;
}
.main-menu ul li.menu-item-has-children:after {
	content: "\f067";
	font-size: 12px;
	color: var(--clr-common-body-text);
	font-family: "Font Awesome 5 Pro";
	-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;
	display: none;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.main-menu.is-light-blue ul li {
		margin: 0px 13px;
	}
}

.is-light-blue ul li a {
	color: #d2deff;
}

/* mean menu */
div.mean-container .mean-bar {
	background: transparent;
}
div.mean-container .mean-nav {
	background: none;
	margin-top: 0;
	margin-bottom: 40px;
	overflow: hidden;
}
div.mean-container .mean-nav > ul {
	display: block !important;
}
div.mean-container .mean-nav ul li a {
	width: 100%;
	color: var(--clr-common-white);
	font-size: 18px;
	text-transform: none;
	opacity: 1;
	padding-inline-start: 0;
}
div.mean-container .mean-nav ul li a:hover {
	color: var(--clr-theme-3);
}
div.mean-container .mean-nav ul li a i {
	display: none;
}
div.mean-container .mean-nav ul li a.mean-expand {
	font-size: 18px;
	margin-top: 8px;
	padding: 0 !important;
	height: 30px;
	width: 30px;
	line-height: 30px;
	color: var(--clr-common-white);
	top: 0;
	font-weight: 400;
}
div.mean-container .mean-nav ul li a.mean-expand::before {
	position: absolute;
	content: "+";
	font-family: "Font Awesome 6 Pro";
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
div.mean-container .mean-nav ul li a.mean-expand.mean-clicked::before {
	content: "\f068";
	font-family: "Font Awesome 6 Pro";
}
div.mean-container .mean-nav ul li li a {
	padding: 10px 5%;
}
div.mean-container .mean-nav ul li li li a {
	padding: 10px 10%;
}
div.mean-container a.meanmenu-reveal {
	display: none !important;
}

.has-dropdown.has-mega-menu .mega-menu li ul {
	display: block !important;
}
.has-dropdown.has-mega-menu .mega-menu li .mean-expand {
	display: none !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li span.mean-expand:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	border-color: var(--clr-theme-3);
}

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	border-color: transparent !important;
}

/*----------------------------------------
	04. header css
----------------------------------------*/
.sticky {
	position: fixed !important;
	top: 0;
	background: var(--clr-common-white);
	z-index: 800;
	right: 0;
	left: 0;
	width: 100%;
	transition: 0.4s;
	box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	border: none;
}

/* bar-icon style start */
.bar-icon {
	width: 28px;
	height: 21px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}
.bar-icon:hover span:nth-child(2) {
	margin-inline-start: 0;
}
.bar-icon span {
	width: 100%;
	height: 2px;
	background: #000;
	display: inline-block;
}
.bar-icon span:nth-child(2) {
	margin-inline-start: 9px;
	transition: 0.3s;
}
.bar-icon.color-white span {
	background-color: var(--clr-common-white);
}

/* bar-icon style end */
.offcanvas-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 900;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.offcanvas-overlay.overlay-open {
	opacity: 0.4;
	visibility: visible;
}

.offcanvas-overlay-white {
	position: fixed;
	height: 100%;
	width: 100%;
	background: var(--clr-common-white);
	z-index: 900;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.offcanvas-overlay-white.overlay-open {
	opacity: 0;
	visibility: visible;
}

.side-info-close {
	background: none;
	border: 0;
	color: var(--clr-common-white);
	font-size: 24px;
	padding: 0;
	transition: all 0.3s linear;
	background-color: var(--clr-theme-3);
	color: var(--clr-common-white);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
}
.side-info-close:hover {
	transform: rotate(90deg);
}

.side-info {
	background: #1f1f1f;
	height: 100%;
	position: fixed;
	z-index: 999;
	inset-inline-end: -100%;
	top: 0;
	width: 500px;
	padding: 40px 45px;
	overflow-y: scroll;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
	scrollbar-width: none;
}
@media (max-width: 575px) {
	.side-info {
		width: 400px;
		padding: 30px 30px;
	}
}
@media (max-width: 450px) {
	.side-info {
		width: 100%;
	}
}

.side-info.info-open {
	inset-inline-end: 0;
}

.offset__widget {
	margin-bottom: 60px;
}
@media (max-width: 575px) {
	.offset__widget {
		margin-bottom: 40px;
	}
}
.offset__widget:last-child {
	margin-bottom: 0;
}
.offset__title {
	color: var(--clr-common-white);
	font-size: 22px;
	font-weight: 500;
}
.offset__sub-title {
	color: rgba(255, 255, 255, 0.5);
}
.offset__header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.offset__logo {
	width: 150px;
}
@media (max-width: 575px) {
	.offset__logo {
		width: 130px;
	}
}
.offset__logo img {
	width: 100%;
}

.offset-insta__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.offset-insta__thumb img {
	border-radius: 10px;
	width: 100%;
	margin-bottom: 15px;
	transition: 0.3s;
}
.offset-insta__thumb:hover img {
	transform: scale(1.05);
}

.header__main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--clr-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__main {
		padding: 18px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.header__main {
		padding: 22px 0;
	}
}
@media (max-width: 575px) {
	.header__main {
		padding: 20px 0;
	}
}
.header__main-content-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__main-content-wrapper::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--clr-common-white);
	bottom: 0;
	left: 0;
	opacity: 0.156;
}
.header__main-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 0 40px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header__main-left {
		gap: 0 30px;
	}
}
.header__main-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 0 40px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.header__main-right {
		gap: 0 25px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header__main-right {
		gap: 0 20px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.header__demo {
		padding: 10px 0;
	}
}
@media (max-width: 575px) {
	.header__demo {
		padding: 20px 0;
	}
}
.header__main-container {
	max-width: 1790px;
}
.header__shadow {
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
}

.header__main-2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--clr-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__main-2 {
		padding: 18px 0;
	}
}
.header__main-2-content-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__main-2-content-wrapper::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--clr-common-white);
	bottom: 0;
	left: 0;
	opacity: 0.156;
}
.header__main-2-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 0 40px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header__main-2-left {
		gap: 0 25px;
	}
}
.header__main-2-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 0 40px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.header__main-2-right {
		gap: 0 25px;
	}
}
.header__main-container {
	max-width: 1790px;
}
.header__logo {
	width: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.header__logo {
		display: grid;
		place-items: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.header__logo {
		width: 130px;
	}
}
.header__logo img {
	width: 100%;
}
.header__logo::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: var(--clr-common-white);
	right: 0;
	top: 0;
	opacity: 0.15;
}
.header__logo-2 {
	width: 160px;
	display: grid;
	place-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.header__logo-2 {
		height: 70px;
		width: 130px;
	}
}
.header__logo-2 img {
	width: 100%;
}
.header__logo-2::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: var(--clr-common-white);
	right: 0;
	top: 0;
	opacity: 0.15;
}
.header__logo-4 {
	width: 160px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.header__logo-4 {
		display: grid;
		place-items: center;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.header__logo-4 {
		margin: 20px 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.header__logo-4 {
		height: 70px;
		width: 130px;
	}
}
.header__logo-4 img {
	width: 100%;
}
.header__logo-4::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: var(--clr-common-white);
	right: 0;
	top: 0;
	opacity: 0.15;
}
.header__shadow {
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
}

.location-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 8px;
}
.location-search i {
	font-size: 30px;
	color: var(--clr-theme-3);
}
.location-search.is-white i {
	color: var(--clr-common-white);
}
.location-search span {
	font-size: 18px;
	font-weight: 500;
	color: var(--clr-common-black);
}
.location-search.color-2 span {
	color: var(--clr-common-white);
}

.meta-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.meta-item__icon i {
	color: var(--clr-theme-3);
	font-size: 45px;
}
.meta-item__icon.is-white i {
	color: var(--clr-common-white);
}
.meta-item__icon-2 {
	font-size: 28px;
	padding: 5px 5px;
	border-radius: 6px;
	color: #ff4917;
}
.meta-item__icon-2.style-2 {
	color: #4cd591;
}
.meta-item__icon-2.style-3 {
	color: #557aff;
}
.meta-item__text p {
	font-size: 12px;
	font-weight: 500;
	color: var(--clr-common-body-text);
	line-height: 1;
	margin-bottom: 5px;
}
.meta-item__text span a {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-common-white);
	line-height: 1;
	transition: all 0.3s linear;
}
.meta-item__text span a:hover {
	color: var(--clr-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.meta-item__text span a {
		font-size: 18px;
	}
}
.meta-item__text span a.theme-color {
	color: var(--clr-common-white);
}
.meta-item__text span a.theme-color:hover {
	color: var(--clr-theme-3);
}
.meta-item__text span a.is-black {
	color: var(--clr-common-black);
}
.meta-item__text span a.is-black:hover {
	color: var(--clr-theme-3);
}
.meta-item__text.color-white p {
	color: #d2deff;
}
.meta-item__text.color-white span {
	color: var(--clr-common-white);
}
.meta-item__text-2 p {
	font-size: 12px;
	font-weight: 500;
	color: var(--clr-common-body-text);
	line-height: 1;
	margin-bottom: 5px;
}
.meta-item__text-2 span a {
	font-size: 20px;
	font-weight: 500;
	color: var(--clr-common-white);
	line-height: 1;
}
.meta-item__text-2 span a:hover {
	color: var(--clr-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.meta-item__text-2 span a {
		font-size: 18px;
	}
}
.meta-item__text-2.color-white p {
	color: #d2deff;
}
.meta-item__text-2.color-white span {
	color: var(--clr-common-white);
}

.df-header4 .container {
	max-width: 1820px;
}
.df-header4-top-3 {
	background-color: var(--clr-theme-1);
	padding-top: 11px;
	padding-bottom: 11px;
}
.df-header4-meta-items {
	gap: 25px;
}
.df-header4-meta-items-3 {
	gap: 16px;
}
@media (max-width: 575px) {
	.df-header4-meta-items-3 {
		gap: 8px;
	}
}
.df-header4-meta-item {
	gap: 8px;
}
.df-header4-meta-item.is-white .df-header4-meta-icon i {
	color: var(--clr-common-white);
}
.df-header4-meta-item.is-white .df-header4-meta-text p {
	color: #b5cde1;
}
.df-header4-meta-item.is-white .df-header4-meta-text p a:hover {
	color: var(--clr-theme-2);
}
.df-header4-meta-icon i {
	color: var(--clr-theme-3);
	font-size: 16px;
}
.df-header4-meta-icon-3 i {
	font-size: 16px;
	width: 35px;
	height: 35px;
	color: var(--clr-common-black);
	border: 1px solid var(--clr-common-border);
	text-align: center;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.df-header4-meta-icon-3 i:hover {
	color: var(--clr-theme-3);
}
.df-header4-meta-text p {
	margin: 0;
	font-size: 15px;
}
.df-header4-meta-text p span {
	font-weight: 500;
	text-decoration: underline;
}
.df-header4-meta-text p a:hover {
	color: var(--clr-theme-1);
}
.df-header4-cart {
	position: relative;
	margin-inline-end: 8px;
}
@media (max-width: 575px) {
	.df-header4-cart {
		margin-inline-end: 0px;
	}
}
.df-header4-cart:hover .df-header4-cart-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(20px);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-header4-cart:hover .df-header4-cart-wrapper {
		transform: translateY(0px);
	}
}
.df-header4-cart-count {
	font-size: 12px;
	font-weight: 500;
	color: var(--clr-common-white);
	height: 22px;
	width: 22px;
	line-height: 21px;
	text-align: center;
	background-color: var(--clr-theme-3);
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	inset-inline-end: -12px;
}
.df-header4-cart-wrapper {
	position: absolute;
	width: 450px;
	height: auto;
	right: -50%;
	background-color: var(--clr-common-white);
	z-index: 9999;
	top: 100%;
	padding: 30px 20px;
	-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;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
@media (max-width: 575px) {
	.df-header4-cart-wrapper {
		width: 350px;
		height: auto;
		right: -60px;
		background-color: var(--clr-common-white);
		z-index: 9999;
		top: 46px;
		transform: translateY(0px);
	}
}
.df-header4-cart-item {
	border-bottom: 1px solid rgba(160, 160, 160, 0.47);
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.df-header4-cart-item ul li {
	list-style: none;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.df-header4-cart-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.df-header4-cart-total p {
	margin: 0;
}
.df-header4-cart-content {
	display: flex;
	gap: 20px;
}
.df-header4-cart-title {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
}
.df-header4-cart-title a {
	color: var(--clr-common-black);
}
.df-header4-cart-title-wrapper span {
	font-size: 18px;
	font-weight: 400;
}
.df-header4-cart-remove {
	transform: translateY(4px);
}
.df-header4-cart-footer {
	display: flex;
	gap: 15px;
	justify-content: space-between;
}
.df-header4-cart-footer a span {
	font-size: 16px;
	color: var(--clr-common-white);
}
.df-header4-cart-footer a.bd-cart-btn-2 {
	border: 1px solid var(--clr-theme-2);
	background-color: transparent;
}
.df-header4-cart-footer a.bd-cart-btn-2 span {
	color: var(--clr-common-black);
}
.df-header4-cart-footer a.bd-cart-btn-2::before {
	background-color: transparent;
}
.df-header4-cart-footer a.bd-cart-btn-2:hover {
	border-color: var(--clr-theme-1);
}
.df-header4-cart-thumb {
	width: 80px;
	height: 80px;
}
.df-header4-cart-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.df-header4-btn {
	margin-inline-start: 25px;
	display: inline-flex;
}

.hero__area {
	padding-top: 140px;
	padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__area {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__area {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__area {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
.hero__subtitle {
	color: var(--clr-common-white);
	margin-bottom: 18px;
	position: relative;
	display: inline-block;
}
.hero__subtitle::after {
	position: absolute;
	content: "";
	width: 100px;
	height: 1.5px;
	background: var(--clr-common-white);
	left: calc(100% + 20px);
	top: 50%;
	transform: translateY(-50%);
}
.hero__title-wrap {
	max-width: 850px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero__title-wrap {
		max-width: 700px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__title-wrap {
		max-width: 650px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__title-wrap {
		max-width: 100%;
	}
}
.hero__title {
	line-height: 1.16;
	font-size: 86px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero__title {
		font-size: 75px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero__title {
		font-size: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__title {
		font-size: 65px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__title {
		font-size: 62px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__title {
		font-size: 45px;
	}
}
@media (max-width: 450px) {
	.hero__title {
		font-size: 38px;
	}
}
.hero__text {
	max-width: 535px;
	margin-top: 60px;
	margin-left: auto;
	color: #d2deff;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__text {
		margin-top: 40px;
		margin-left: 0;
	}
}
.hero__button {
	max-width: 535px;
	margin-left: auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 20px 20px;
	flex-wrap: wrap;
	margin-top: 53px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__button {
		margin-left: 0;
	}
}
.hero__img {
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 10%;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__img {
		left: 30%;
		width: 60%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__img {
		left: auto;
		right: 0;
		width: 60%;
	}
}
@media (max-width: 575px) {
	.hero__img {
		left: auto;
		right: 0;
		width: 80%;
	}
}
.hero__img-overlay {
	position: absolute;
	left: 0;
	content: "";
	width: 100%;
	height: 42%;
	background: linear-gradient(180deg, #003773 0%, rgba(11, 70, 141, 0) 100%);
}
.hero__img:before {
	position: absolute;
	left: 0;
	content: "";
	width: 25%;
	height: 100%;
	background: linear-gradient(90deg, #003773 0%, rgba(11, 70, 141, 0) 100%);
}
.hero__img:after {
	position: absolute;
	right: 0;
	content: "";
	width: 51%;
	height: 100%;
	background: linear-gradient(270deg, #003773 0%, rgba(11, 70, 141, 0) 100%);
}

.hero__area .hero__video-wrapper {
	--clip-path: circle(65px at left);
	--clip-path-hover: circle(70px at left);
	--clip-path-clicked: circle(100vw at left);
	--duration: 0.4s;
	--timing-function: ease;
	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;
	position: absolute;
	top: 0;
	right: 508px;
	width: 400px;
	height: 70%;
	z-index: 7;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero__area .hero__video-wrapper {
		right: 350px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__area .hero__video-wrapper {
		right: 270px;
	}
}
.hero__area .video-info {
	width: 300px;
	position: relative;
	left: 340px;
	top: -90px;
	height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__area .video-info {
		display: none;
	}
}
.hero__area .video {
	height: 100%;
	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-clip-path: circle(85px at -40px 0px);
	clip-path: circle(85px at -40px 0px);
	transition: 0.4s ease;
	position: relative;
	top: 55px;
	left: 100px;
}
.hero__area .video::before {
	position: absolute;
	top: 0px;
	left: -40px;
	width: 40px;
	height: 40px;
	background: url(../img/icon/play-icon.webp);
	background-size: auto;
	content: "";
	z-index: 999;
	background-size: 100%;
	transform: translate(-50%, -50%);
}
.hero__area .video video {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	width: auto;
	height: 930px;
}
.hero__area .intro-title {
	position: relative;
	left: 175px;
	top: 70px;
}
.hero__area .intro-title .video-title {
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.3;
	color: var(--clr-common-white);
}
.hero__area .intro-title .video-title span {
	display: block;
	font-size: 18px;
}
.hero__area .intro-title .video-title.close-video-title {
	display: none;
}
.hero__area #video_check {
	width: 200px;
	height: 200px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	border-radius: 40px;
	outline: none;
	z-index: 2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 9999999;
}
.hero__area #video_check:focus {
	outline: 0;
}
.hero__area #video_check:hover ~ .video {
	-webkit-clip-path: circle(95px at -40px 0px);
	clip-path: circle(95px at -40px 0px);
}
.hero__area #video_check:hover ~ .text::before {
	--r: 25px;
	--opacity: 1;
}
.hero__area #video_check:hover ~ .text::after {
	-webkit-clip-path: circle(90px at -40px 0px);
	clip-path: circle(90px at -40px 0px);
}
.hero__area #video_check:hover ~ .text > span::after {
	-webkit-clip-path: circle(90px at -40px 0px);
	clip-path: circle(90px at -40px 0px);
}
.hero__area #video_check:checked {
	width: 100%;
	height: 100%;
	border-radius: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.hero__area #video_check:checked ~ .video {
	-webkit-clip-path: var(--clip-path-clicked);
	clip-path: var(--clip-path-clicked);
}
.hero__area #video_check:checked ~ .text {
	--opacity: 0;
	-webkit-transition: opacity 0.3s var(--timing-function);
	transition: opacity 0.3s var(--timing-function);
}
.hero__area #video_check:checked ~ .text::after {
	-webkit-clip-path: var(--clip-path-clicked);
	clip-path: var(--clip-path-clicked);
}
.hero__area #video_check:checked ~ .text > span::after {
	-webkit-clip-path: var(--clip-path-clicked);
	clip-path: var(--clip-path-clicked);
}

.video-intro.add_remove_class .video::after {
	display: none;
}

.hero2__area {
	padding: 190px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero2__area {
		padding: 120px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2__area {
		padding: 100px 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__area {
		padding: 80px 0;
	}
}
.hero2__subtitle {
	color: var(--clr-theme-3);
	margin-bottom: 12px;
	display: inline-block;
	background: rgba(85, 174, 251, 0.1);
	padding: 0 12px;
	border-radius: 20px;
}
.hero2__title {
	max-width: 550px;
	line-height: 1.16;
	font-size: 86px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero2__title {
		font-size: 75px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero2__title {
		font-size: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero2__title {
		font-size: 65px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2__title {
		font-size: 62px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__title {
		font-size: 45px;
	}
}
@media (max-width: 450px) {
	.hero2__title {
		font-size: 38px;
	}
}
.hero2__text {
	max-width: 420px;
	margin-top: 18px;
	margin-left: 100px;
	position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__text {
		margin-left: 0;
	}
}
.hero2__text:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 500px;
	background: #e8e8e8;
	top: 0;
	left: -50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__text:before {
		display: none;
	}
}
.hero2__button {
	margin-left: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 25px 25px;
	flex-wrap: wrap;
	margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__button {
		margin-left: 0;
	}
}
.hero2__img {
	width: 65%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero2__img {
		width: 55%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2__img {
		width: 35%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__img {
		width: 100%;
		height: 50%;
	}
}
.hero2__img img {
	width: 100%;
	height: 100%;
}
.hero2__img-overlay {
	position: absolute;
	left: 0;
	content: "";
	width: 34%;
	height: 100%;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__img-overlay {
		background: linear-gradient(
			180deg,
			#ffffff 0%,
			rgba(255, 255, 255, 0) 100%
		);
		width: 100%;
		height: 34%;
		top: 0;
	}
}
.hero2__video {
	width: 60px;
	height: 60px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: var(--clr-common-white);
	border-radius: 50%;
	background: var(--clr-theme-3);
	animation: pulse 2s infinite;
}
.hero2__video:hover {
	color: var(--clr-common-white);
	background-color: var(--clr-theme-5);
}
.hero2__offer {
	position: absolute;
	left: calc(100% - 80px);
	bottom: 50px;
	transform: rotate(-90deg);
	transform-origin: bottom left;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero2__offer {
		position: static;
		transform: none;
		margin-top: 50px;
	}
}

.hero3__area {
	padding-top: 120px;
	padding-bottom: 270px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero3__area {
		padding-bottom: 150px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero3__area {
		padding-bottom: 150px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero3__area {
		padding-top: 200px;
		padding-bottom: 270px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero3__area {
		padding-top: 230px;
		padding-bottom: 300px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero3__area {
		padding-top: 200px;
		padding-bottom: 270px;
	}
}
@media (max-width: 450px) {
	.hero3__area {
		padding-top: 110px;
		padding-bottom: 190px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero3__content {
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
}
.hero3__subtitle {
	color: var(--clr-common-white);
	font-size: 16px;
	margin-bottom: 12px;
	display: inline-block;
	position: absolute;
	top: 140px;
	z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero3__subtitle {
		top: 100px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero3__subtitle {
		top: 120px;
	}
}
@media (max-width: 450px) {
	.hero3__subtitle {
		top: 50px;
	}
}
.hero3__subtitle::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 60px;
	background-color: var(--clr-common-white);
	bottom: -5px;
	left: 0;
}
.hero3__button {
	position: absolute;
	bottom: 238px;
	z-index: 5;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero3__button {
		bottom: 150px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero3__button {
		bottom: 70px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.hero3__button {
		bottom: 40px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero3__button {
		margin-bottom: -200px;
	}
}
@media (max-width: 450px) {
	.hero3__button {
		margin-bottom: -220px;
	}
}
.hero3__title {
	line-height: 1.16;
	font-size: 130px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero3__title {
		font-size: 100px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero3__title {
		font-size: 80px;
		display: inherit;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero3__title {
		font-size: 50px;
		display: inherit;
		text-align: center;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero3__title {
		font-size: 40px;
		display: inherit;
		text-align: center;
	}
}
@media (max-width: 450px) {
	.hero3__title {
		font-size: 30px;
		display: inherit;
		text-align: center;
	}
}
.hero3__title span {
	line-height: 1.16;
	color: var(--clr-common-white);
	position: relative;
	z-index: 55;
}
.hero3__title.title-2 {
	text-align: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero3__title.title-2 {
		text-align: center;
	}
}
.hero3__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	mix-blend-mode: luminosity;
}
.hero3__inner::after {
	position: absolute;
	content: "";
}
.hero3__inner img {
	border-radius: 282px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.hero3__inner img {
		max-width: 350px;
	}
}
.hero3__thumb-2 {
	max-width: 242px;
	height: 150px;
	position: absolute;
	top: 93px;
	right: 160px;
	mix-blend-mode: luminosity;
	opacity: 0.3;
}
.hero3__thumb-2 img {
	border-radius: 72px;
}
.hero3__thumb-3 {
	max-width: 157px;
	height: auto;
	position: absolute;
	right: 387px;
	bottom: 197px;
	mix-blend-mode: luminosity;
	opacity: 0.3;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.hero3__thumb-3 {
		right: 185px;
		bottom: 50px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero3__thumb-3 {
		bottom: 70px;
		right: 160px;
	}
}
.hero3__thumb-3 img {
	border-radius: 307px;
}

.df-offer {
	width: 245px;
	font-style: italic;
	font-weight: 700;
	font-size: 19px;
	line-height: 23px;
	text-transform: uppercase;
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	display: inline-block;
	padding: 10px 30px;
	clip-path: polygon(
		100% 0,
		calc(100% - 25px) 50%,
		100% 100%,
		25px 100%,
		0 50%,
		25px 0
	);
}

.feedback__wrapper p {
	color: #d2deff;
}

.rating__icon {
	line-height: 1;
}
.rating__icon i {
	font-size: 16px;
	color: #ff9501;
}

.hero4__area {
	min-height: 785px;
	display: flex;
	align-items: center;
	padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero4__area {
		min-height: 650px;
		padding: 80px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4__area {
		min-height: 550px;
		padding: 50px 0px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero4__area {
		padding: 100px 0px;
	}
}
@media (max-width: 575px) {
	.hero4__area {
		min-height: 550px;
		padding: 50px 0px;
	}
}
.hero4__wrappe {
	max-width: 500px;
}
@media (max-width: 575px) {
	.hero4__wrappe {
		margin-bottom: 50px;
	}
}
.hero4__title {
	font-size: 68px;
	font-weight: 700;
	line-height: 1.147;
	text-transform: capitalize;
	margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero4__title {
		font-size: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4__title {
		font-size: 35px;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero4__title {
		font-size: 44px;
	}
}
@media (max-width: 450px) {
	.hero4__title {
		font-size: 32px;
		margin-bottom: 20px;
	}
}
.hero4__sub-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: var(--clr-theme-3);
	display: inline-block;
	margin-bottom: 18px;
}
.hero4__price-tag {
	font-size: 34px;
	font-weight: 600;
	color: var(--clr-common-body-text);
	margin-bottom: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	(max-width: 575px) {
	.hero4__price-tag {
		font-size: 24px;
		margin-bottom: 30px;
	}
}

.hero4__thumb-wrapper {
	text-align: end;
}
.hero4__thumb img:first-child {
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.hero4__thumb img:first-child {
		left: 55%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero4__thumb img:first-child {
		left: 50%;
		width: 75%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4__thumb img:first-child {
		width: 300px;
		left: 50%;
	}
}
@media (max-width: 575px) {
	.hero4__thumb img:first-child {
		left: 50%;
		width: 220px;
	}
}
.hero4__thumb img:nth-child(2) {
	position: relative;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4__thumb img:nth-child(2) {
		width: 530px;
	}
}
@media (max-width: 575px) {
	.hero4__thumb img:nth-child(2) {
		width: 430px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.hero-slider-pagination {
		display: none;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero-slider-pagination {
		position: relative;
		text-align: center;
		justify-content: center;
		margin-top: 100px;
		margin-bottom: 0px;
	}
}
@media (max-width: 575px) {
	.hero-slider-pagination {
		position: relative;
		text-align: center;
		justify-content: center;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

.hero__navigation {
	position: absolute;
	top: 50%;
	right: 55px;
	transform: translateY(-50%);
	display: grid;
	z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__navigation {
		position: relative;
		top: 0;
		right: 0;
		transform: translateY(0);
		display: inline-flex;
	}
	.hero__navigation .hero__slider-button-next {
		margin-left: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.hero__navigation {
		display: none;
	}
}

.page-title-area-2 {
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 2;
	margin-inline-start: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.page-title-area-2 {
		height: 250px;
	}
}
@media (max-width: 450px) {
	.page-title-area-2 {
		height: 200px;
	}
}

.page__title-2 {
	font-weight: 600;
	line-height: 1.1;
	text-transform: capitalize;
	color: var(--clr-common-black);
}

.breadcrumb-menu-2 li {
	list-style: none;
	position: relative;
	position: relative;
}
.breadcrumb-menu-2 li span {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}
.breadcrumb-menu-2 li span:hover {
	color: var(--clr-theme-3);
}
.breadcrumb-menu-2 li a {
	-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;
}
.breadcrumb-menu-2 li a:first-child {
	color: var(--clr-common-black);
}
.breadcrumb-menu-2 li:last-child {
	padding-left: 12px;
	color: var(--clr-theme-3);
}
.breadcrumb-menu-2 li:last-child::before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--clr-theme-3);
	left: -7px;
	top: 15px;
}
.breadcrumb-menu-2 ul {
	display: flex;
	justify-content: start;
	gap: 20px;
}

.trail-center {
	padding-left: 15px;
}
.trail-center::before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--clr-common-black);
	left: -7px;
	top: 15px;
	opacity: 0.7;
}

.section__subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.15em;
	color: var(--clr-theme-1);
	display: inline-block;
	margin-bottom: 30px;
}
.section__subtitle.bg-lighter {
	line-height: 28px;
	letter-spacing: 0em;
	padding: 0 12px;
	border-radius: 30px;
	background: rgba(85, 174, 251, 0.1);
	color: var(--clr-theme-1);
}
.section__subtitle.bg-filled {
	line-height: 28px;
	letter-spacing: 0em;
	padding: 0 12px;
	border-radius: 30px;
	color: var(--clr-common-white);
	background: var(--clr-theme-1);
}
.section__title {
	margin-top: -12px;
	margin-bottom: -8px;
	font-weight: 700;
}

.service__box {
	position: relative;
	transition:
		transform 0.6s cubic-bezier(0.05, 0.2, 0.1, 1),
		box-shadow 0.6s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.service__box:hover {
	transform: translateY(-5px);
}
.service__content {
	padding: 20px 20px;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	border-radius: 10px;
}
@media (max-width: 450px) {
	.service__content {
		padding: 20px 20px 25px;
	}
}
.service__img {
	border-radius: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
.service__title {
	margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.service__title {
		font-size: 24px;
	}
}
.service__text {
	font-size: 18px;
}

.service2__box {
	position: relative;
	text-align: center;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.service2__box:hover {
	transform: translateY(-5px);
}
.service2__content {
	padding: 40px 30px 40px;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	border-radius: 10px;
}
@media (max-width: 450px) {
	.service2__content {
		padding: 20px 20px 25px;
	}
}
.service2__img {
	width: 100px;
	height: 100px;
	background: var(--clr-theme-2);
	color: var(--clr-common-white);
	font-size: 58px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 28px;
}
.service2__img.bg-1 {
	background: rgba(241, 155, 158, 0.1254901961);
	color: #ff4917;
}
.service2__img.bg-2 {
	background: rgba(102, 198, 144, 0.2);
	color: #4cd591;
}
.service2__img.bg-3 {
	background: rgba(137, 162, 252, 0.2);
	color: #557aff;
}
.service2__img.bg-4 {
	background: rgba(255, 195, 148, 0.1254901961);
	color: #ff8d33;
}
.service2__img.bg-5 {
	background: rgba(29, 128, 225, 0.2);
	color: #0081ff;
}
.service2__img.bg-6 {
	background: rgba(255, 162, 224, 0.2);
	color: #ff69cd;
}
.service2__title {
	margin-bottom: 30px;
	font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.service2__title {
		font-size: 24px;
	}
}

.service3__box {
	position: relative;
	text-align: center;
	transition: all 0.2s ease-in-out;
	transform: translateY(0px);
}
.service3__box:hover {
	transform: translateY(-5px);
}
.service3__content {
	padding: 40px 30px 40px;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	border-radius: 10px;
}
@media (max-width: 450px) {
	.service3__content {
		padding: 25px 20px 25px;
	}
}
.service3__img {
	width: 140px;
	height: 140px;
	background: linear-gradient(
		180deg,
		rgba(38, 232, 207, 0.2) 0%,
		rgba(37, 231, 206, 0) 100%
	);
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.service3__img.bg-1 {
	background: linear-gradient(
		180deg,
		rgba(38, 232, 207, 0.2) 0%,
		rgba(37, 231, 206, 0) 100%
	);
}
.service3__img.bg-2 {
	background: linear-gradient(
		180deg,
		rgba(255, 125, 0, 0.2) 0%,
		rgba(255, 125, 0, 0) 100%
	);
}
.service3__img.bg-3 {
	background: linear-gradient(
		180deg,
		rgba(71, 118, 244, 0.2) 0%,
		rgba(72, 118, 243, 0) 100%
	);
}
.service3__title {
	margin-bottom: 25px;
	font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.service3__title {
		font-size: 24px;
	}
}
.service3__btn {
	margin-top: 30px;
}
.service3__btn .primary-btn {
	height: 50px;
}

.services__slider {
	margin: -30px -15px;
	padding: 30px 15px;
}

.df-service4__thumb {
	position: relative;
}
.df-service4__thumb img {
	width: 100%;
	border-radius: 10px;
}
.df-service4__thumb-wrapper {
	padding-right: 40px;
	padding-bottom: 50px;
}
@media (max-width: 575px) {
	.df-service4__thumb-wrapper {
		padding-bottom: 75px;
	}
}
@media (max-width: 450px) {
	.df-service4__thumb-wrapper {
		padding-right: 0;
		padding-bottom: 0;
	}
}
.df-service4__content {
	max-width: 500px;
	margin-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-service4__content {
		margin-left: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-service4__content {
		margin-left: 0;
		max-width: 100%;
	}
}
.df-service4__feature-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
}
.df-service4__feature-list li:not(:last-child) {
	margin-bottom: 33px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.df-service4__feature-list li:not(:last-child) {
		margin-bottom: 20px;
	}
}
@media (max-width: 575px) {
	.df-service4__feature-list li:not(:last-child) {
		margin-bottom: 15px;
	}
}
.df-service4__feature-list li p {
	font-weight: 500;
	color: var(--clr-common-black);
	line-height: 1;
}
@media (max-width: 575px) {
	.df-service4__feature-list li p {
		line-height: 1.5;
	}
}
.df-service4__feature-list li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--clr-common-white);
}

.service-meta__wrapper {
	background: var(--clr-common-white);
	padding: 30px 30px 30px 30px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 10px;
}
@media (max-width: 450px) {
	.service-meta__wrapper {
		position: unset;
		margin-top: 25px;
		width: 100%;
	}
}
.service-meta__item {
	flex-direction: column;
	align-items: flex-start;
}
.service-meta__icon {
	margin-bottom: 20px;
}
.service-meta__icon i {
	color: var(--clr-theme-3);
	font-size: 50px;
}
.service-meta__title {
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}
.service-meta__title a {
	color: var(--clr-theme-3);
}
.service-meta__title a:hover {
	color: var(--clr-theme-3);
}
.service-meta__title.underline a {
	background-image:
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3)),
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3));
}

.df-service5__thumb {
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-service5__thumb {
		margin-bottom: 40px;
	}
}
.df-service5__thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.15;
	mix-blend-mode: multiply;
	border-radius: 10px;
}
.df-service5__thumb img {
	width: 100%;
	border-radius: 10px;
}
.df-service5__content {
	max-width: 500px;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-service5__content {
		padding-left: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-service5__content {
		margin: 0;
		max-width: 100%;
	}
}
.df-service5__info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);
	gap: 45px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-service5__info {
		gap: 25px 0;
	}
}
@media (max-width: 450px) {
	.df-service5__info {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px 0;
	}
}
.df-service5__info h4 {
	font-size: 20px;
}
.df-service5__info p {
	font-size: 18px;
}

.df-challenge__feature-list ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 25px;
}
@media (max-width: 575px) {
	.df-challenge__feature-list ul {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 10px;
	}
}
.df-challenge__feature-list ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
	border-left: 0;
	line-height: 1;
	align-items: center;
}
.df-challenge__feature-list ul li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--clr-common-white);
}
.df-challenge__feature-list p {
	color: var(--clr-common-black);
}
.df-challenge__content {
	max-width: 645px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-challenge__content {
		max-width: 100%;
	}
}

.df-about__content {
	max-width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-about__content {
		max-width: 100%;
	}
}
.df-about__feature-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
}
.df-about__feature-list li:not(:last-child) {
	margin-bottom: 25px;
}
.df-about__feature-list li p {
	font-weight: 500;
	color: var(--clr-common-black);
	line-height: 1;
}
.df-about__feature-list li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border-radius: 50%;
	color: var(--clr-common-white);
}
.df-about2__thumb {
	position: relative;
}
.df-about2__thumb::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	opacity: 0.2;
	left: 0;
	top: 0;
	border-radius: 10px;
}
.df-about2__thumb img {
	width: 100%;
	border-radius: 10px;
}
.df-about2__content {
	max-width: 500px;
	margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-about2__content {
		max-width: 600px;
		margin-left: 0;
	}
}
.df-about2__feature-list {
	background-color: rgba(128, 128, 128, 0.06);
	padding: 30px 0;
	border-radius: 10px;
	overflow: hidden;
}
.df-about2__feature-list ul {
	display: grid;
	grid-template-columns: auto auto;
	gap: 40px 0;
}
@media (max-width: 575px) {
	.df-about2__feature-list ul {
		grid-template-columns: auto;
	}
}
.df-about2__feature-list ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
	padding-left: 20px;
	position: relative;
}
.df-about2__feature-list ul li:not(:first-child)::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 200px;
	background: var(--clr-common-white);
	top: 50%;
	left: -2px;
	transform: translateY(-50%);
}
@media (max-width: 575px) {
	.df-about2__feature-list ul li:not(:first-child)::before {
		top: -20px;
		width: 100%;
		height: 3px;
		left: 0;
		transform: none;
	}
}
.df-about2__feature-list ul li p {
	font-weight: 500;
	color: var(--clr-common-black);
	line-height: 1;
}
.df-about2__feature-list ul li i {
	width: 60px;
	height: 60px;
	background: rgba(85, 174, 251, 0.062745098);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	border-radius: 50%;
	color: var(--clr-theme-3);
}
.df-about2__feature-list.specialities ul li {
	padding-left: 25px;
	line-height: 30px;
}
.df-about2__feature-list.specialities ul li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	font-size: 12px;
	color: var(--clr-common-white);
}
.df-about3__thumb-wrapper {
	padding-bottom: 82px;
	position: relative;
	margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-about3__thumb-wrapper {
		padding-bottom: 0;
		margin-right: 0;
	}
}
.df-about3__content {
	max-width: 500px;
	margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-about3__content {
		margin-left: 40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-about3__content {
		margin-left: 0;
		max-width: 100%;
	}
}
.df-about3__thumb1 {
	position: relative;
	max-width: 495px;
}
.df-about3__thumb1::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	left: 0;
	top: 0;
	border-radius: 10px;
	mix-blend-mode: multiply;
	opacity: 0.7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-about3__thumb1 {
		max-width: 400px;
	}
}
.df-about3__thumb1 img {
	width: 100%;
	border-radius: 10px;
	filter: grayscale(1);
}
.df-about3__thumb2 {
	position: absolute;
	max-width: 495px;
	bottom: 0;
	right: 0;
	border-radius: 20px;
	z-index: 5;
	margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-about3__thumb2 {
		position: inherit;
		max-width: 100%;
	}
}
@media (max-width: 575px) {
	.df-about3__thumb2 {
		max-width: 100%;
		margin-bottom: 0;
		position: unset;
	}
}
.df-about3__thumb2 img {
	width: 100%;
	border-radius: 10px;
}
.df-about3__thumb2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: calc(100% + 16px);
	background: var(--clr-common-white);
	left: -8px;
	z-index: -1;
	border-radius: 20px;
	bottom: -8px;
}
.df-about3__counter-wrap {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-between;
	padding: 20px 40px;
	background-color: rgba(128, 128, 128, 0.06);
	border-radius: 10px;
	position: relative;
	gap: 40px;
}
@media (max-width: 450px) {
	.df-about3__counter-wrap {
		grid-template-columns: auto;
	}
}
.df-about3__counter-wrap::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 100%;
	background-color: var(--clr-common-white);
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width: 450px) {
	.df-about3__counter-wrap::before {
		width: 100%;
		height: 5px;
		top: 50%;
	}
}
.df-about3__counter-number {
	color: var(--clr-theme-3);
}
.df-about3__counter-number {
	font-size: 54px;
	font-weight: 700;
	display: flex;
	align-items: center;
	line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-about3__counter-number {
		font-size: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-about3__counter-number {
		font-size: 45px;
	}
}
@media (max-width: 575px) {
	.df-about3__counter-number {
		font-size: 35px;
	}
}
.df-about3__counter-text {
	font-size: 18px;
	text-align: start;
}
@media (max-width: 575px) {
	.df-about3__counter-text {
		font-size: 16px;
	}
}
.df-about4__thumb-wrapper {
	padding-bottom: 82px;
	position: relative;
	margin-right: 35px;
}
@media (max-width: 575px) {
	.df-about4__thumb-wrapper {
		padding-bottom: 0;
		margin-right: 0;
	}
}
.df-about4__thumb1 {
	position: relative;
	max-width: 495px;
	filter: grayscale(1);
}
.df-about4__thumb1::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #0b4789;
	left: 0;
	top: 0;
	border-radius: 10px;
	mix-blend-mode: multiply;
	opacity: 0.6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-about4__thumb1 {
		max-width: 400px;
	}
}
.df-about4__thumb1 img {
	width: 100%;
	border-radius: 10px;
	mix-blend-mode: luminosity;
}
.df-about4__thumb2 {
	position: absolute;
	max-width: 495px;
	bottom: 0;
	right: 0;
	border-radius: 20px;
	z-index: 5;
	margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-about4__thumb2 {
		right: -60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-about4__thumb2 {
		max-width: 400px;
	}
}
@media (max-width: 575px) {
	.df-about4__thumb2 {
		max-width: 100%;
		margin-bottom: 0;
		position: unset;
	}
}
.df-about4__thumb2 img {
	width: 100%;
	border-radius: 10px;
}
.df-about4__thumb2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: calc(100% + 16px);
	background: var(--clr-common-white);
	left: -8px;
	z-index: -1;
	border-radius: 20px;
	bottom: -8px;
}
.df-about4__content {
	max-width: 500px;
	margin-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-about4__content {
		margin-left: 0;
	}
}
.df-about4__feature-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
}
.df-about4__feature-list li:not(:last-child) {
	margin-bottom: 25px;
}
.df-about4__feature-list li p {
	font-weight: 500;
	color: var(--clr-common-black);
	line-height: 1;
}
.df-about4__feature-list li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--clr-common-white);
}
.df-about4__button-wrapper {
	display: flex;
	align-items: center;
	gap: 25px;
}
.df-about4__play-btn .play-btn {
	width: 50px;
	height: 50px;
	font-size: 16px;
}
.df-about5__content {
	max-width: 500px;
	margin: 0 auto;
}
.df-about5__feature-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
}
.df-about5__feature-list li:not(:last-child) {
	margin-bottom: 25px;
}
.df-about5__feature-list li p {
	font-weight: 500;
	color: var(--clr-common-black);
	line-height: 1;
}
.df-about5__feature-list li i {
	width: 20px;
	height: 20px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--clr-common-white);
}
.df-about5__video-box {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
}
@media (max-width: 450px) {
	.df-about5__video-box {
		margin-top: 10px;
		margin-left: 10px;
	}
}
.df-about5__video-box::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	top: -20px;
	left: -20px;
	border-radius: 10px;
	z-index: -1;
}
@media (max-width: 450px) {
	.df-about5__video-box::before {
		top: -10px;
		left: -10px;
	}
}
.df-about5__video-box::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.65;
	left: 0;
	top: 0;
	border-radius: 10px;
	mix-blend-mode: multiply;
}
.df-about5__video-box img {
	width: 100%;
	border-radius: 10px;
}

.df-video__box {
	position: relative;
	margin-top: 20px;
	margin-right: 20px;
}
@media (max-width: 575px) {
	.df-video__box {
		margin-right: 0;
	}
}
@media (max-width: 450px) {
	.df-video__box {
		margin-top: 10px;
		margin-right: 0px;
	}
}
.df-video__box::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	top: -20px;
	right: -20px;
	border-radius: 10px;
	z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-video__box::before {
		display: none;
	}
}
.df-video__box.style-2::before {
	left: -20px;
}
@media (max-width: 450px) {
	.df-video__box.style-2::before {
		left: -10px;
	}
}
.df-video__box::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-common-black);
	opacity: 0.45;
	left: 0;
	top: 0;
	border-radius: 10px;
}
.df-video__box img {
	width: 100%;
	border-radius: 10px;
}

.df-video2__box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.df-video2__box::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.65;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.df-video2__box img {
	width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-video2__box img {
		aspect-ratio: 100/100;
	}
}
.df-video2__title {
	font-size: 40px;
	margin-top: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-video2__title {
		font-size: 36px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-video2__title {
		font-size: 34px;
	}
}
@media (max-width: 450px) {
	.df-video2__title {
		font-size: 28px;
	}
}
.df-video2__play-btn {
	max-width: 540px;
	text-align: center;
}

.trusted-clients {
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: var(--clr-common-white);
	z-index: 1;
	padding: 22px 25px;
	border-radius: 10px;
}
@media (max-width: 450px) {
	.trusted-clients {
		padding: 0;
		position: unset;
		margin-top: 25px;
		width: 100%;
	}
}
.trusted-clients .meta-item {
	gap: 15px;
}
.trusted-clients .meta-item__icon {
	width: 80px;
	height: 80px;
	min-width: 80px;
	background: var(--clr-theme-3);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--clr-common-white);
	font-size: 20px;
	font-weight: 600;
	border-radius: 50%;
}
.trusted-clients .meta-item__icon i {
	font-size: 18px;
	color: var(--clr-theme-2);
}
.trusted-clients .meta-item__text p {
	font-size: 25px;
	font-weight: 700;
	color: var(--clr-common-black);
}
.trusted-clients .meta-item__text span {
	font-size: 18px;
	font-weight: 400;
	color: var(--clr-common-body-text);
}

@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px) {
	.video-container {
		max-width: 1540px;
	}
}

.video__area::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	background: var(--clr-theme-4);
	top: 0;
	left: 0;
	z-index: -1;
}

.df-specialities__thumb-wrapper {
	padding-right: 40px;
	padding-bottom: 40px;
}
@media (max-width: 575px) {
	.df-specialities__thumb-wrapper {
		padding-right: 0;
	}
}

.clients-satisfaction {
	background: var(--clr-common-white);
	padding: 35px 30px 30px 30px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 10px;
}
@media (max-width: 450px) {
	.clients-satisfaction {
		position: unset;
		width: 100%;
		margin-top: 25px;
	}
}
.clients-satisfaction .meta-item {
	flex-direction: column;
	align-items: flex-start;
}
.clients-satisfaction .meta-item__icon i {
	font-size: 68px;
	color: var(--clr-theme-3);
}
.clients-satisfaction .meta-item__text p {
	margin-bottom: 5px;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	color: var(--clr-common-black);
}

.df-benifits__info-box {
	padding: 40px 30px;
	position: relative;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.5);
	border-radius: 10px;
	position: relative;
	transition:
		transform 0.6s cubic-bezier(0.05, 0.2, 0.1, 1),
		box-shadow 0.6s cubic-bezier(0.05, 0.2, 0.1, 1);
	text-align: center;
}
@media (max-width: 450px) {
	.df-benifits__info-box {
		padding: 20px 20px;
	}
}
.df-benifits__info-box:hover {
	transform: translateY(-5px);
}
.df-benifits__info-box-number {
	font-size: 90px;
	font-weight: 800;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--clr-common-body-text);
	opacity: 1;
	position: absolute;
	right: 30px;
	top: 42px;
	line-height: 1;
	opacity: 0.5;
}
.df-benifits__info-box-number.bg-1 {
	-webkit-text-stroke-color: #fcebec;
}
.df-benifits__info-box-number.bg-2 {
	-webkit-text-stroke-color: #e0f4e9;
}
.df-benifits__info-box-number.bg-3 {
	-webkit-text-stroke-color: #e7ecfe;
}
.df-benifits__icon {
	margin-bottom: 25px;
}
.df-benifits__icon span {
	width: 100px;
	height: 100px;
	background: var(--clr-theme-3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 48px;
	color: var(--clr-common-black);
	border-radius: 50%;
}
.df-benifits__icon span.bg-1 {
	color: #ff4917;
	background: rgba(241, 155, 158, 0.1254901961);
}
.df-benifits__icon span.bg-2 {
	color: #4cd591;
	background: rgba(102, 198, 144, 0.1254901961);
}
.df-benifits__icon span.bg-3 {
	color: #557aff;
	background: rgba(137, 162, 252, 0.1254901961);
}
.df-benifits__title {
	margin-bottom: 15px;
	font-size: 22px;
}
@media (max-width: 575px) {
	.df-benifits__title {
		font-size: 20px;
	}
}

.df-benifits2__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 1px solid var(--clr-common-border);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-benifits2__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-benifits2__wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}
.df-benifits2__item {
	display: flex;
	gap: 15px;
	padding: 55px 35px;
}
.df-benifits2__item:not(:last-child) {
	border-right: 1px solid var(--clr-common-border);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-benifits2__item:not(:last-child) {
		border-bottom: 1px solid var(--clr-common-border);
	}
}
@media (max-width: 450px) {
	.df-benifits2__item {
		flex-wrap: wrap;
		padding: 40px 35px;
		row-gap: 25px;
	}
}
.df-benifits2__icon {
	width: 84px;
	max-width: 84px;
}
.df-benifits2__icon img {
	width: 100%;
}
.df-benifits2__icon i {
	font-size: 46px;
}
.df-benifits2__icon.bg-1 i {
	color: var(--clr-theme-2);
}
.df-benifits2__icon.bg-2 i {
	color: #4cd591;
}
.df-benifits2__icon.bg-3 i {
	color: #557aff;
}
.df-benifits2__title {
	margin-bottom: 5px;
}

.df-benifits__icon {
	width: 80px;
	height: 80px;
	line-height: 85px;
	font-size: 40px;
	color: var(--clr-theme-3);
	text-align: center;
	border-radius: 50%;
	background: rgba(85, 174, 251, 0.1);
	position: relative;
}
.df-benifits__icon svg {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.df-benifits__icon svg svg * {
	fill: var(--clr-theme-3);
}
.df-benifits__single-box {
	display: grid;
	grid-template-columns: 80px auto;
	justify-content: space-between;
	text-align: start;
	align-items: center;
	gap: 20px 30px;
	margin-bottom: 30px;
	max-width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px),
	(max-width: 450px) {
	.df-benifits__single-box {
		justify-content: start;
		max-width: 100%;
	}
}
.df-benifits__sub-title {
	font-size: 18px;
	line-height: 25px;
}
.df-benifits__thumb img {
	border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-benifits__thumb {
		text-align: center;
	}
}

.df-portfolio__item-box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.df-portfolio__item-box:hover .df-portfolio__item-content {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	transform: perspective(600px) rotateY(0deg);
}
.df-portfolio__item-thumb {
	position: relative;
}
.df-portfolio__item-thumb a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.15;
	mix-blend-mode: multiply;
}
.df-portfolio__item-thumb img {
	width: 100%;
	object-fit: cover;
}
.df-portfolio__item-content {
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	bottom: 10px;
	left: 10px;
	z-index: 1;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	-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;
	border-radius: 10px;
	overflow: hidden;
	transform: perspective(600px) rotateY(20deg);
}
@media (max-width: 450px) {
	.df-portfolio__item-content {
		padding: 20px 15px;
	}
}
@media (hover: none) {
	.df-portfolio__item-content {
		transform: scale(1);
		opacity: 1;
		visibility: visible;
		transform: perspective(600px) rotateY(0deg);
		height: auto;
	}
}
.df-portfolio__item-content:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.9;
	z-index: -1;
}
.df-portfolio__item-title {
	color: var(--clr-common-white);
	margin-bottom: 10px;
	font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-portfolio__item-title {
		font-size: 24px;
	}
}
.df-portfolio__item-title a:hover {
	color: var(--clr-theme-3);
}
.df-portfolio__item-info .tag {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5019607843);
}
@media (max-width: 450px) {
	.df-portfolio__item-info .tag {
		font-size: 16px;
	}
}
.df-portfolio__item-btn {
	text-align: right;
}
@media (hover: none) {
	.df-portfolio__item-btn {
		display: none;
	}
}

.df-portfolio2__item-box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.df-portfolio2__item-box:hover .df-portfolio2__item-thumb::after {
	opacity: 0.2;
	visibility: visible;
}
.df-portfolio2__item-box:hover .df-portfolio2__item-thumb img {
	transform: scale3d(1.05, 1.05, 1.05);
}
.df-portfolio2__item-box:hover .df-portfolio2__item-content {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.df-portfolio2__item-thumb {
	position: relative;
}
.df-portfolio2__item-thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0;
	visibility: hidden;
	-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;
	mix-blend-mode: multiply;
}
.df-portfolio2__item-thumb img {
	width: 100%;
	object-fit: cover;
}
.df-portfolio2__item-content {
	position: absolute;
	width: calc(100% - 60px);
	height: auto;
	bottom: 30px;
	left: 30px;
	z-index: 1;
	padding: 40px 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	-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;
	border-radius: 10px;
	overflow: hidden;
}
@media (max-width: 450px) {
	.df-portfolio2__item-content {
		width: calc(100% - 20px);
		left: 10px;
		padding: 20px 15px;
		bottom: 10px;
	}
}
@media (hover: none) {
	.df-portfolio2__item-content {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
}
.df-portfolio2__item-content:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.9;
	z-index: -1;
}
.df-portfolio2__item-title {
	color: var(--clr-common-white);
	margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-portfolio2__item-title {
		font-size: 24px;
	}
}
.df-portfolio2__item-title a:hover {
	color: var(--clr-theme-3);
}
.df-portfolio2__item-info .tag {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5019607843);
}
@media (max-width: 450px) {
	.df-portfolio2__item-info .tag {
		font-size: 16px;
	}
}
.df-portfolio2__item-btn {
	text-align: right;
}
@media (hover: none) {
	.df-portfolio2__item-btn {
		display: none;
	}
}

.df-portfolio3__item-box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(128, 128, 128, 0.06);
	padding: 30px 30px 35px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
@media (max-width: 450px) {
	.df-portfolio3__item-box {
		padding: 15px 15px 25px;
	}
}
.df-portfolio3__item-box:hover .df-portfolio3__item-thumb img {
	transform: scale3d(1.05, 1.05, 1.05);
}
.df-portfolio3__item-thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.df-portfolio3__item-thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.15;
	mix-blend-mode: multiply;
}
.df-portfolio3__item-thumb img {
	width: 100%;
	object-fit: cover;
}
.df-portfolio3__item-content {
	padding: 20px 0px 0px;
}
.df-portfolio3__item-title a:hover {
	color: var(--clr-theme-3);
}
.df-portfolio3__item-info .tag {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0px 12px;
	border-radius: 28px;
	display: inline-block;
	margin-bottom: 15px;
}
.df-portfolio3__item-info .tag.bg-1 {
	background: #ff4917;
}
.df-portfolio3__item-info .tag.bg-2 {
	background: #4cd591;
}
.df-portfolio3__item-info .tag.bg-3 {
	background: #557aff;
}
.df-portfolio3__item-info .tag.bg-4 {
	background: #ff9b26;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-portfolio3__item-title {
		font-size: 24px;
	}
}

.df-portfolio4__item-box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #f3f6f9;
	padding: 30px;
	display: grid;
	grid-template-columns: 43% auto;
	align-items: center;
	gap: 25px 30px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.df-portfolio4__item-box {
		grid-template-columns: 50% auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-portfolio4__item-box {
		grid-template-columns: auto;
	}
}
@media (max-width: 450px) {
	.df-portfolio4__item-box {
		padding: 15px 15px 25px;
	}
}
.df-portfolio4__item-box:hover .df-portfolio4__item-thumb img {
	transform: scale(1.02);
}
.df-portfolio4__item-box:hover .df-portfolio4__item-btn {
	transform: translateX(0px);
}
.df-portfolio4__item-thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.df-portfolio4__item-thumb {
		height: 100%;
	}
}
.df-portfolio4__item-thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.15;
	mix-blend-mode: multiply;
}
.df-portfolio4__item-thumb img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.df-portfolio4__item-content {
	padding: 0px 0px 0px;
	overflow: hidden;
}
.df-portfolio4__item-title {
	margin-bottom: 15px;
}
.df-portfolio4__item-title a:hover {
	color: var(--clr-theme-3);
}
.df-portfolio4__item-info .tag {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-theme-3);
	border: 1px solid var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0px 12px;
	border-radius: 28px;
	display: inline-block;
	margin-bottom: 20px;
}
.df-portfolio4__item-info .tag:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.df-portfolio4__item-btn {
	margin-top: 35px;
	transform: translateX(-105px);
	transition: all 0.5s ease 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-portfolio4__item-btn {
		transform: translateX(0);
		color: var(--clr-theme-3);
	}
}
@media (max-width: 450px) {
	.df-portfolio4__item-btn {
		margin-top: 30px;
		transform: translateX(0);
		color: var(--clr-theme-3);
	}
}
.df-portfolio4__item-btn .circle-btn {
	border: none;
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: center;
	gap: 15px;
}
.df-portfolio4__item-btn .circle-btn:hover {
	background-color: transparent;
}
.df-portfolio4__item-btn .circle-btn .icon__box {
	padding: 0;
	transform: rotate(0);
	padding-top: 4px;
}
.df-portfolio4__item-btn:hover a {
	color: var(--clr-theme-3);
}

.portfolio2__slider {
	overflow: visible;
}

.df-img-thumb {
	position: relative;
}
.df-img-thumb img {
	width: 100%;
	border-radius: 10px;
}
.df-img-thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--clr-theme-1);
	opacity: 0.15;
	mix-blend-mode: multiply;
	border-radius: 10px;
}

.df-portfolio-details__nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #dedede;
	padding-top: 40px;
}
.df-portfolio-details__button {
	display: flex;
	align-items: center;
	gap: 0 20px;
	-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;
	color: var(--clr-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-portfolio-details__button a {
		display: none;
	}
}
@media (max-width: 450px) {
	.df-portfolio-details__button a {
		display: inline-flex;
	}
}
@media (max-width: 450px) {
	.df-portfolio-details__item .df-portfolio-details__content {
		display: none;
	}
}
.df-portfolio-details__title {
	font-size: 26px;
}
@media (max-width: 575px) {
	.df-portfolio-details__title {
		font-size: 20px;
	}
}

.df-pricing2__package {
	background: rgba(252, 235, 236, 0.5019607843);
	padding: 40px 30px 60px;
	border-radius: 10px;
	position: relative;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing2__package {
		padding: 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.df-pricing2__package {
		padding: 30px 20px 30px;
	}
}
.df-pricing2__package:hover {
	transform: translateY(-5px);
}
.df-pricing2__package.basic {
	background-color: rgba(128, 128, 128, 0.06);
}
.df-pricing2__package.premium {
	background: #cce7fe;
}
.df-pricing2__package.ultimate {
	background-color: rgba(128, 128, 128, 0.06);
}
.df-pricing2__package-name {
	font-size: 20px;
	color: var(--clr-common-black);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 20px;
	display: inline-block;
}
.df-pricing2__package-price {
	font-size: 58px;
	line-height: 1;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: baseline;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-pricing2__package-price {
		font-size: 52px;
	}
}
@media (max-width: 450px) {
	.df-pricing2__package-price {
		font-size: 44px;
	}
}
.df-pricing2__package-price span {
	font-size: 18px;
	color: var(--clr-common-body-text);
	font-weight: 400;
	display: block;
	margin-top: 15px;
}
.df-pricing2__feature-list {
	padding-top: 35px;
	border-top: 1px solid rgba(20, 20, 20, 0.062745098);
	margin-top: 40px;
}
.df-pricing2__feature-list ul {
	display: inline-block;
}
.df-pricing2__feature-list ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
}
.df-pricing2__feature-list ul li:not(:last-child) {
	margin-bottom: 15px;
}
.df-pricing2__feature-list ul li.disabled {
	color: #b2b2b2;
}
.df-pricing2__feature-list ul li.disabled p {
	color: #b2b2b2;
}
.df-pricing2__feature-list ul li p {
	font-size: 18px;
	font-weight: 500;
	color: var(--clr-common-black);
}
.df-pricing2__btn {
	margin-top: 55px;
}
.df-pricing2__package-content {
	text-align: center;
}

.df-pricing3__package {
	background: transparent;
	padding: 45px 30px 50px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	position: relative;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing3__package {
		padding: 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.df-pricing3__package {
		padding: 30px 20px 30px;
	}
}
.df-pricing3__package:hover {
	transform: translateY(-5px);
}
.df-pricing3__package.premium {
	background: var(--clr-theme-3);
	border-color: transparent;
	color: var(--clr-common-white);
}
.df-pricing3__package.premium p {
	color: var(--clr-common-white);
}
.df-pricing3__package.premium .df-pricing3__package-name {
	color: var(--clr-common-white);
}
.df-pricing3__package.premium .df-pricing3__package-price {
	color: var(--clr-common-white);
}
.df-pricing3__package.premium .df-pricing3__package-price span {
	color: var(--clr-common-white);
}
.df-pricing3__package.premium .df-pricing3__feature-list ul li.disabled {
	color: #aad7fd;
}
.df-pricing3__package.premium .df-pricing3__feature-list ul li.disabled p {
	color: #aad7fd;
}
.df-pricing3__package-name {
	font-size: 20px;
	color: var(--clr-common-black);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
	display: inline-block;
}
.df-pricing3__package-price {
	font-size: 58px;
	line-height: 1;
	color: var(--clr-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-pricing3__package-price {
		font-size: 52px;
	}
}
@media (max-width: 450px) {
	.df-pricing3__package-price {
		font-size: 44px;
	}
}
.df-pricing3__package-price span {
	font-size: 18px;
	color: var(--clr-common-body-text);
	font-weight: 400;
}
.df-pricing3__feature-list {
	padding-top: 35px;
	border-top: 1px solid rgba(20, 20, 20, 0.062745098);
	margin-top: 40px;
}
.df-pricing3__feature-list ul {
	display: inline-block;
}
.df-pricing3__feature-list ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
}
.df-pricing3__feature-list ul li:not(:last-child) {
	margin-bottom: 15px;
}
.df-pricing3__feature-list ul li.disabled {
	color: #b2b2b2;
}
.df-pricing3__feature-list ul li.disabled p {
	color: #b2b2b2;
}
.df-pricing3__feature-list ul li p {
	font-size: 18px;
	font-weight: 500;
	color: var(--clr-common-black);
}
.df-pricing3__btn {
	margin-top: 35px;
}
.df-pricing3__package-content {
	text-align: start;
}

.df-pricing4__package {
	background: var(--clr-common-white);
	padding: 45px 30px 50px;
	border: 1px solid #e8e8e8;
	position: relative;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing4__package {
		padding: 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.df-pricing4__package {
		padding: 30px 20px 30px;
	}
}
.df-pricing4__package:hover {
	transform: translateY(-5px);
}
.df-pricing4__package.basic {
	border-radius: 10px 0px 0px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing4__package.basic {
		border-radius: 10px;
	}
}
.df-pricing4__package.ultimate {
	border-radius: 0px 10px 10px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing4__package.ultimate {
		border-radius: 10px;
	}
}
.df-pricing4__package.premium {
	background: var(--clr-common-white);
	color: var(--clr-common-black);
	border: 2px solid var(--clr-theme-3);
	border-radius: 10px;
	padding: 60px 30px 60px;
	margin-top: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-pricing4__package.premium {
		padding: 60px 30px 30px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-pricing4__package.premium {
		padding: 45px 30px 50px;
		margin-top: 0;
	}
}
.df-pricing4__package.premium p {
	color: var(--clr-common-black);
}
.df-pricing4__package.premium .df-pricing4__package-name {
	color: var(--clr-common-black);
}
.df-pricing4__package.premium .df-pricing4__package-price {
	color: var(--clr-common-black);
}
.df-pricing4__package.premium .df-pricing4__package-price span {
	color: var(--clr-common-black);
}
.df-pricing4__package.premium .df-pricing4__feature-list ul li.disabled {
	color: var(--clr-common-body-text);
}
.df-pricing4__package.premium .df-pricing4__feature-list ul li.disabled p {
	color: var(--clr-common-body-text);
}
.df-pricing4__package.premium .df-pricing4__popular {
	position: absolute;
	top: 0;
	right: 0;
}
.df-pricing4__package-name {
	font-size: 20px;
	color: var(--clr-common-black);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
	display: inline-block;
}
.df-pricing4__package-price {
	font-size: 58px;
	line-height: 1;
	color: var(--clr-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-pricing4__package-price {
		font-size: 52px;
	}
}
@media (max-width: 450px) {
	.df-pricing4__package-price {
		font-size: 44px;
	}
}
.df-pricing4__package-price span {
	font-size: 18px;
	color: var(--clr-common-body-text);
	font-weight: 400;
}
.df-pricing4__feature-list {
	padding-top: 35px;
	border-top: 1px solid rgba(20, 20, 20, 0.062745098);
	margin-top: 40px;
}
.df-pricing4__feature-list ul {
	display: inline-block;
}
.df-pricing4__feature-list ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
}
.df-pricing4__feature-list ul li:not(:last-child) {
	margin-bottom: 15px;
}
.df-pricing4__feature-list ul li i {
	line-height: 1.8;
}
.df-pricing4__feature-list ul li.disabled {
	color: #b2b2b2;
}
.df-pricing4__feature-list ul li.disabled p {
	color: #b2b2b2;
}
.df-pricing4__feature-list ul li p {
	font-size: 18px;
	font-weight: 500;
	color: var(--clr-common-black);
}
.df-pricing4__btn {
	margin-top: 35px;
}
.df-pricing4__package-content {
	text-align: start;
}

.df-testimonial__wrapper:hover .df-testimonial__navigation {
	visibility: visible;
	opacity: 1;
}

.df-testimonial-area__shape1 {
	position: absolute;
	width: 278px;
	height: 278px;
	left: -139px;
	top: 235px;
	background: #55aefb;
	filter: blur(200px);
}
.df-testimonial-area__shape2 {
	position: absolute;
	width: 194px;
	height: 194px;
	right: -97px;
	bottom: 30px;
	background: #ff4917;
	filter: blur(200px);
}

.df-testimonial__box {
	padding: 0;
}
.df-testimonial__box-content {
	text-align: center;
}
.df-testimonial__icon {
	transform: rotate(180deg);
	margin-bottom: 0px;
	margin-top: -7px;
	display: inline-block;
}
.df-testimonial__icon i {
	font-size: 90px;
	color: var(--clr-theme-1);
}
@media (max-width: 450px) {
	.df-testimonial__icon i {
		font-size: 70px;
	}
}
.df-testimonial__text {
	margin-top: 35px;
	margin-bottom: 50px;
}
.df-testimonial__text p {
	font-size: 30px;
	line-height: 42px;
	color: #787878;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial__text p {
		font-size: 25px;
	}
}
@media (max-width: 450px) {
	.df-testimonial__text p {
		font-size: 22px;
		line-height: 36px;
	}
}
.df-testimonial__author-meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 20px;
	align-items: center;
}
.df-testimonial__author {
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 1;
}
@media (max-width: 450px) {
	.df-testimonial__author {
		font-size: 24px;
	}
}
.df-testimonial__author-thumb {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
}
.df-testimonial__navigation {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial__navigation {
		display: none;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-testimonial__content {
		padding-right: 30px;
	}
}

.df-testimonial2__box {
	padding: 0;
}
.df-testimonial2__box-content {
	text-align: left;
}
.df-testimonial2__icon {
	transform: rotate(180deg);
	margin-bottom: -15px;
	margin-top: -7px;
	display: inline-block;
}
.df-testimonial2__icon i {
	font-size: 90px;
	color: var(--clr-theme-1);
	font-size: 70px;
}
.df-testimonial2__text {
	margin-top: 35px;
	margin-bottom: 50px;
}
.df-testimonial2__text p {
	font-size: 30px;
	line-height: 1.4;
	color: var(--clr-common-body-text);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-testimonial2__text p {
		font-size: 26px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial2__text p {
		font-size: 25px;
	}
}
@media (max-width: 450px) {
	.df-testimonial2__text p {
		font-size: 22px;
	}
}
.df-testimonial2__author-meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 20px;
	align-items: center;
}
.df-testimonial2__author {
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 1;
}
@media (max-width: 450px) {
	.df-testimonial2__author {
		font-size: 24px;
	}
}
.df-testimonial2__author-thumb {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
}
.df-testimonial2__navigation {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
	width: 100%;
	justify-content: end;
	z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial2__navigation {
		display: none;
	}
}

.df-testimonial3__box {
	padding: 0 60px 60px;
	background: #ffffff;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
	position: relative;
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-testimonial3__box {
		display: grid;
		grid-template-columns: calc(100% - 300px);
		justify-content: end;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-testimonial3__box {
		display: grid;
		grid-template-columns: calc(100% - 260px);
		justify-content: end;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial3__box {
		padding: 0;
		box-shadow: none;
	}
}
.df-testimonial3__box-content {
	text-align: left;
}
.df-testimonial3__icon {
	transform: rotate(180deg);
	margin-bottom: 0px;
	margin-top: -7px;
	display: inline-block;
}
.df-testimonial3__icon i {
	font-size: 80px;
	color: var(--clr-theme-1);
	font-size: 70px;
}
.df-testimonial3__text {
	margin-top: 35px;
	margin-bottom: 50px;
}
.df-testimonial3__text p {
	font-size: 25px;
	line-height: 1.4;
	color: #787878;
}
@media (max-width: 450px) {
	.df-testimonial3__text p {
		font-size: 22px;
	}
}
.df-testimonial3__author-meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 20px;
	align-items: center;
}
.df-testimonial3__author {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1;
}
@media (max-width: 450px) {
	.df-testimonial3__author {
		font-size: 24px;
	}
}
.df-testimonial3__author-thumb {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.df-testimonial3__author-thumb {
		width: 240px;
		height: 240px;
		position: absolute;
		top: 0;
		left: 60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-testimonial3__author-thumb {
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 60px;
	}
}
.df-testimonial3__navigation {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-testimonial3__navigation {
		display: none;
	}
}

.df-satisfaction__ratings ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 6px;
}
.df-satisfaction__ratings ul li {
	list-style: none;
}
.df-satisfaction__ratings ul li i {
	font-size: 17px;
	color: #ff9501;
}

.testimonial__slider {
	max-width: 700px;
	margin: 0 auto;
}

.testimonial2__slider {
	max-width: 700px;
	margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.testimonial2__slider {
		max-width: 100%;
	}
}

.testimonial3__slider {
	max-width: 1065px;
	margin: 0 auto;
	overflow: visible;
}
.testimonial3__slider .swiper-slide {
	opacity: 0.1;
}
.testimonial3__slider .swiper-slide-active {
	opacity: 1;
}

.df-member__box:hover .df-member__social {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
}
.df-member__box:hover .df-member__thumb:after {
	opacity: 0.8;
	visibility: visible;
}
.df-member__box:hover .df-member__thumb img {
	transform: scale(1.02);
}
.df-member__name {
	margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-member__name {
		font-size: 24px;
	}
}
.df-member__info {
	padding: 24px 20px 0px;
	text-align: center;
}
.df-member__info .designation {
	font-size: 18px;
	color: var(--clr-common-body-text);
	line-height: 1;
}
.df-member__social {
	background: var(--clr-common-white);
	padding: 10px;
	border-radius: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -40%);
	opacity: 0;
	visibility: hidden;
	-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;
}
.df-member__social li {
	list-style: none;
}
.df-member__social li a {
	width: 45px;
	height: 45px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--clr-common-black);
	background: #e8e8e8;
}
.df-member__social li a:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
}
.df-member__social ul {
	display: inline-flex;
	gap: 10px;
}
.df-member__thumb {
	background-color: rgba(128, 128, 128, 0.06);
	z-index: 1;
	overflow: hidden;
	border-radius: 10px;
}
.df-member__thumb:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	-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;
}
.df-member__thumb img {
	transform-origin: top center;
	filter: grayscale(1);
}

.df-member2__wrapper:hover .df-member2__navigation .slider__nav-btn {
	visibility: visible;
	opacity: 1;
}

.df-member2__box {
	padding: 30px 20px 30px;
	background: var(--clr-common-white);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
}
@media (max-width: 450px) {
	.df-member2__box {
		padding: 20px 20px 25px;
	}
}
.df-member2__box:hover .df-member2__social {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
}
.df-member2__box:hover .df-member2__thumb:after {
	opacity: 0.8;
	visibility: visible;
}
.df-member2__box:hover .df-member2__thumb img {
	transform: scale(1.02);
}
.df-member2__name {
	margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-member2__name {
		font-size: 24px;
	}
}
.df-member2__info {
	padding: 24px 0px 0px;
	text-align: center;
}
.df-member2__info .designation {
	font-size: 18px;
	color: var(--clr-common-body-text);
	line-height: 1;
}
.df-member2__social {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -40%);
	opacity: 0;
	visibility: hidden;
	-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;
}
.df-member2__social li {
	list-style: none;
}
.df-member2__social li a {
	width: 45px;
	height: 45px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--clr-common-white);
	background: rgba(255, 255, 255, 0.1254901961);
}
.df-member2__social li a:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
}
.df-member2__social ul {
	display: inline-flex;
	gap: 10px;
}
.df-member2__thumb {
	background: #f3f6f9;
	z-index: 1;
	overflow: hidden;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-member2__thumb {
		width: 100%;
		height: 100%;
	}
}
@media (max-width: 450px) {
	.df-member2__thumb {
		width: 250px;
		height: 250px;
	}
}
.df-member2__thumb:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	-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;
}
.df-member2__thumb img {
	transform-origin: top center;
	filter: grayscale(1);
	object-fit: cover;
}
.df-member2__navigation .slider__nav-btn {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	(max-width: 575px) {
	.df-member2__navigation .slider__nav-btn {
		display: none;
	}
}
.df-member2__navigation .member__slider-button-prev {
	left: 0;
}
.df-member2__navigation .member__slider-button-next {
	left: auto;
	right: -60px;
}

.df-member3__box {
	padding: 30px 20px 30px;
	background: var(--clr-common-white);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
}
@media (max-width: 450px) {
	.df-member3__box {
		padding: 20px 20px 25px;
	}
}
.df-member3__box:hover .df-member3__thumb:after {
	opacity: 0.8;
	visibility: visible;
}
.df-member3__box:hover .df-member3__thumb img {
	transform: scale(1.02);
	filter: grayscale(0);
}
.df-member3__name {
	margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-member3__name {
		font-size: 24px;
	}
}
.df-member3__info {
	padding: 24px 0px 0px;
	text-align: center;
}
.df-member3__info .designation {
	font-size: 18px;
	color: var(--clr-common-body-text);
	line-height: 1;
}
.df-member3__social {
	margin-top: 20px;
}
.df-member3__social li {
	list-style: none;
}
.df-member3__social li a {
	width: 45px;
	height: 45px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--clr-common-black);
	background: #e8e8e8;
}
.df-member3__social li a:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
}
.df-member3__social ul {
	display: inline-flex;
	gap: 10px;
}
.df-member3__thumb {
	background: #f3f6f9;
	z-index: 1;
	overflow: hidden;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	margin: 0 auto;
}
@media (max-width: 450px) {
	.df-member3__thumb {
		width: 250px;
		height: 250px;
	}
}
.df-member3__thumb:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-1);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-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;
}
.df-member3__thumb img {
	transform-origin: top center;
	filter: grayscale(1);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-member3__thumb img {
		filter: grayscale(0);
	}
}

.team__slider {
	margin: -30px -15px;
	padding: 30px 15px;
}
.team__navigation {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.team__navigation {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-team-details__thumb {
		text-align: center;
	}
}
.df-team-details__thumb img {
	max-width: 595px;
	filter: grayscale(1);
	border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-team-details__thumb img {
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-team-details__wrap {
		text-align: center;
	}
}
.df-team-details__author-name {
	font-size: 32px;
}
.df-team-details__author-dagi {
	font-size: 16px;
	color: var(--clr-theme-3);
}
.df-team-details__my-self {
	max-width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-team-details__my-self {
		text-align: start;
		max-width: 100%;
	}
}
.df-team-details__list ul li {
	list-style: none;
	display: grid;
	grid-template-columns: 110px auto;
	text-align: start;
	gap: 20px 75px;
	margin-bottom: 10px;
}
@media (max-width: 575px) {
	.df-team-details__list ul li {
		grid-template-columns: 110px auto;
		gap: 20px 20px;
	}
}
.df-team-details__list ul li span {
	color: #787878;
	font-weight: 500;
}
.df-team-details__list ul li span:first-child {
	color: var(--clr-common-black);
	font-weight: 600;
	font-size: 20px;
}
.df-team-details__social ul li {
	display: inline-block;
	list-style: none;
	margin-right: 20px;
}
.df-team-details__social ul li a {
	width: 60px;
	height: 60px;
	border: 1px solid #dfdfdf;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--clr-common-black);
	font-size: 26px;
}
.df-team-details__social ul li a:hover {
	color: var(--clr-common-white);
	border-color: transparent;
	background: var(--clr-theme-3);
}

.df-booking__area {
	z-index: 3;
}
.df-booking__area-bg {
	position: absolute;
	content: "";
	width: 100%;
	height: 360px;
	background: var(--clr-common-body-bg);
	bottom: 0;
	left: 0;
	z-index: -1;
}

.meta__df-booking {
	padding: 16px 22px 14px;
	height: auto;
	border-radius: 80px;
	background-color: var(--clr-theme-3);
	transition: all 0.3s linear;
}
.meta__df-booking:before {
	display: none;
}
.meta__df-booking:hover {
	background-color: var(--clr-theme-5);
}
.meta__df-booking:hover .meta-item__text-2 span a {
	color: var(--clr-theme-3);
}

.meta-item__text-2 span a {
	font-size: 18px;
	font-weight: 700;
	color: var(--clr-common-white);
	line-height: 1;
	transition: all 0.3s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.meta-item__text-2 span a {
		font-size: 20px;
	}
}

.df-booking__form-wrapper {
	background: var(--clr-common-white);
	padding: 60px 60px;
	display: grid;
	grid-template-columns: 42% auto;
	gap: 40px 60px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-booking__form-wrapper {
		padding: 40px 40px;
		gap: 40px 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking__form-wrapper {
		padding: 30px 30px;
		grid-template-columns: auto;
	}
}
@media (max-width: 450px) {
	.df-booking__form-wrapper {
		padding: 20px 20px 30px;
		grid-template-columns: auto;
	}
}
.df-booking__form-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 30px;
}
@media (max-width: 450px) {
	.df-booking__form-title {
		font-size: 24px;
	}
}
.df-booking__form input {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(20, 20, 20, 0.1);
	padding: 0 20px;
	outline: none;
	border-radius: 6px;
	background-color: transparent;
	color: var(--clr-common-body-text);
}
.df-booking__form input:focus {
	border-color: var(--clr-theme-3);
}
.df-booking__form label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	color: var(--clr-common-black);
}
.df-booking__form .nice-select {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(20, 20, 20, 0.0823529412);
	line-height: 60px;
	border-radius: 0;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 18px;
	background-color: transparent;
}
.df-booking__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.df-booking2__form-wrapper {
	display: grid;
	grid-template-columns: 44% auto;
	gap: 40px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking2__form-wrapper {
		grid-template-columns: auto;
	}
}
@media (max-width: 450px) {
	.df-booking2__form-wrapper {
		grid-template-columns: auto;
	}
}
.df-booking2__form {
	background: #f3f6f9;
	padding: 40px;
	border-radius: 10px;
}
@media (max-width: 450px) {
	.df-booking2__form {
		padding: 30px 20px;
	}
}
.df-booking2__form input {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(20, 20, 20, 0.15);
	padding: 0 20px;
	outline: none;
	border-radius: 6px;
	background-color: var(--clr-common-white);
}
.df-booking2__form input:focus {
	border-color: var(--clr-theme-3);
}
.df-booking2__form textarea {
	width: 100%;
	height: 240px;
	border: 1px solid rgba(20, 20, 20, 0.15);
	padding: 15px 20px;
	outline: none;
	border-radius: 6px;
	background-color: var(--clr-common-white);
	resize: none;
}
.df-booking2__form textarea:focus {
	border-color: var(--clr-theme-3);
}
.df-booking2__form .nice-select {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(20, 20, 20, 0.15);
	line-height: 60px;
	border-radius: 0;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 18px;
	background-color: var(--clr-common-white);
}
.df-booking2__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.df-booking3__form-wrapper {
	background: var(--clr-theme-1);
	padding: 60px 40px;
	border-radius: 10px;
	color: var(--clr-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-booking3__form-wrapper {
		padding: 40px 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking3__form-wrapper {
		padding: 30px 30px;
	}
}
@media (max-width: 450px) {
	.df-booking3__form-wrapper {
		padding: 30px 20px;
	}
}
.df-booking3__form-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 40px;
}
@media (max-width: 450px) {
	.df-booking3__form-title {
		font-size: 24px;
	}
}
.df-booking3__form input {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	padding: 0 20px;
	outline: none;
	border-radius: 6px;
	background-color: transparent;
	color: var(--clr-common-white);
}
.df-booking3__form input:focus {
	border-color: var(--clr-common-white);
}
.df-booking3__form input::-webkit-calendar-picker-indicator {
	filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(28deg)
		brightness(101%) contrast(101%);
}
.df-booking3__form label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}
.df-booking3__form .nice-select {
	width: 100%;
	height: 60px;
	border: 1px solid rgba(255, 255, 255, 0.0823529412);
	line-height: 60px;
	border-radius: 0;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 18px;
	background-color: transparent;
}
.df-booking3__form .nice-select .option {
	color: var(--clr-common-body-text);
}
.df-booking3__form-btn .primary-btn {
	background: var(--clr-theme-3);
}

.df-input-field {
	margin-bottom: 20px;
	position: relative;
}
.df-input-field.field-time::after {
	position: absolute;
	content: "\f11b";
	top: 70%;
	transform: translateY(-50%);
	font-family: icomoon !important;
	right: 20px;
	color: #787878;
}
.df-input-field.field-date::after {
	position: absolute;
	content: "\f11a";
	top: 70%;
	transform: translateY(-50%);
	font-family: icomoon !important;
	right: 20px;
	color: #787878;
}
.df-input-field.is-white::after {
	color: var(--clr-common-white);
}

.df-booking__video {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.df-booking__video:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.65;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}

.df-booking__content {
	max-width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking__content {
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking__content .section__title br {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-booking__content {
		padding-top: 100px;
		padding-bottom: 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-booking__content {
		padding-top: 80px;
		padding-bottom: 40px;
	}
}

.df-blog__box {
	padding: 30px 30px 40px;
	background-color: rgba(128, 128, 128, 0.06);
	border-radius: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 25px 0;
	margin-bottom: 30px;
}
@media (max-width: 450px) {
	.df-blog__box {
		padding: 20px 20px 30px;
	}
}
.df-blog__box:hover .df-blog__thumb img {
	transform: scale(1.03);
}
.df-blog__box .tag {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-theme-3);
	border: 1px solid var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0px 12px;
	border-radius: 28px;
	display: inline-block;
}
.df-blog__box .tag:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.df-blog__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	max-height: 440px;
}
.df-blog__thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.15;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.df-blog__thumb img {
	width: 100%;
	object-fit: cover;
}
.df-blog__meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
	align-items: center;
}
.df-blog__meta span {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
}
.df-blog__title {
	font-size: 32px;
	line-height: 1.5;
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-blog__title {
		font-size: 24px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog__title {
		font-size: 20px;
	}
}
.df-blog__title a:hover {
	color: var(--clr-theme-1);
}
.df-blog__btn {
	margin-top: 30px;
}
.df-blog__btn .primary-btn {
	line-height: 20px;
	padding: 0;
	height: auto;
	color: var(--clr-common-black);
	background: transparent;
	font-weight: 700;
}
.df-blog__btn .primary-btn:hover {
	color: var(--clr-theme-3);
}
.df-blog-details__box {
	padding: 30px 30px;
	border-radius: 10px;
	background-color: rgba(128, 128, 128, 0.06);
}
.df-blog-details__thumb-wrap {
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 575px) {
	.df-blog-details__thumb-wrap {
		display: inherit;
	}
}
.df-blog-details__thumb1 img {
	max-width: 390px;
	border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog-details__thumb1 img {
		max-width: 100%;
	}
}
.df-blog-details__thumb2 img {
	max-width: 390px;
	border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog-details__thumb2 img {
		max-width: 100%;
	}
}
.df-blog-details__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px;
	gap: 20px 25px;
}
.df-blog-details__meta span {
	position: relative;
	color: #5b5b5b;
	font-weight: 500;
}
.df-blog-details__meta span i {
	margin-inline-end: 8px;
	color: var(--clr-theme-3);
	font-size: 28px;
}
@media (max-width: 450px) {
	.df-blog-details__meta span {
		padding-inline-end: 15px;
		margin-inline-end: 15px;
	}
}
.df-blog-details__meta span a {
	-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;
}
.df-blog-details__meta span a:hover {
	color: var(--clr-common-black);
}
.df-blog-details__content {
	padding-top: 40px;
}
.df-blog-details__block-quote {
	border-radius: 6px;
	padding: 35px 30px;
	background-color: var(--clr-common-white);
}
.df-blog-details__block-quote-icon {
	margin-bottom: 15px;
	font-size: 85px;
	color: var(--clr-theme-1);
}
.df-blog-details__block-quote-content {
	display: flex;
	gap: 50px;
}
@media (max-width: 575px) {
	.df-blog-details__block-quote-content {
		display: inherit;
		margin-bottom: 20px;
	}
}
.df-blog-details__block-quote blockquote {
	margin-bottom: 0;
}
.df-blog-details__block-quote p {
	font-size: 28px;
	line-height: 1.4;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--clr-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-blog-details__block-quote p {
		font-size: 22px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog-details__block-quote p {
		font-size: 18px;
	}
}
.df-blog-details__block-quote h4 {
	line-height: 1;
	margin-bottom: 0;
	display: flex;
	justify-content: end;
	color: var(--clr-theme-3);
}
.df-blog-details__block-quote h4 span::before {
	position: absolute;
	content: "";
	width: 105px;
	height: 2px;
	background-color: #55aefb;
	left: -110px;
	top: 13px;
}
@media (max-width: 575px) {
	.df-blog-details__block-quote h4 span::before {
		display: none;
	}
}
.df-blog-details__tag-wrap {
	flex-wrap: wrap;
	gap: 20px 30px;
	border-top: 1px solid #dedede;
	padding-top: 40px;
}
.df-blog-details__author-wrap {
	padding: 30px 30px;
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	gap: 20px 30px;
	background-color: var(--clr-common-white);
	border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog-details__author-wrap {
		grid-template-columns: auto;
	}
}
.df-blog-details__author-thumb {
	width: 180px;
	height: 180px;
	border-radius: 180px;
}
.df-blog-details__author-name {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--clr-common-black);
	margin-bottom: 20px;
}
.df-blog-details__author-text {
	text-transform: capitalize;
	margin-bottom: 20px;
}
.df-blog-details__nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.df-blog-details__nav-item {
	display: flex;
	align-items: center;
	gap: 0 20px;
	-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;
	color: var(--clr-common-black);
}
.df-blog-details__related-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 40px;
	flex-wrap: wrap;
}
.df-blog2__box {
	padding: 20px 20px 35px;
	background: var(--clr-common-white);
	border-radius: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.df-blog2__box.bg-2 {
	background: #f3f6f9;
}
.df-blog2__box.df-shadow {
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 40px;
}
.df-blog2__box:hover .df-blog2__thumb img {
	transform: scale(1.03);
}
.df-blog2__box:hover .df-blog2__masonry-btn {
	opacity: 1;
	visibility: visible;
}
.df-blog2__box .tag {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-theme-3);
	border: 1px solid var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0 12px;
	border-radius: 28px;
	display: inline-block;
}
.df-blog2__box .tag:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.df-blog2__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.df-blog2__thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.15;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.df-blog2__thumb img {
	width: 100%;
	object-fit: cover;
}
.df-blog2__meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
	align-items: center;
}
.df-blog2__meta span {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
}
.df-blog2__title {
	font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog2__title {
		font-size: 20px;
	}
}
.df-blog2__title a:hover {
	color: var(--clr-theme-3);
}
.df-blog2__btn {
	margin-top: 30px;
}
.df-blog2__btn .primary-btn {
	line-height: 20px;
	padding: 0;
	height: auto;
	color: var(--clr-theme-2);
	background: transparent;
	text-transform: uppercase;
	font-weight: 700;
}
.df-blog2__btn .primary-btn:hover {
	color: var(--clr-theme-2);
}
.df-blog2__masonry-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.4s linear;
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 575px) {
	.df-blog2__masonry-btn {
		display: none;
	}
}
.df-blog3__box {
	padding: 20px 20px;
	background: #f3f6f9;
	padding-right: 50px;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 47% auto;
	gap: 25px 30px;
	margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-blog3__box {
		grid-template-columns: 45% auto;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog3__box {
		grid-template-columns: auto;
		padding-right: 20px;
	}
}
.df-blog3__box:hover .df-blog3__thumb img {
	transform: scale(1.03);
}
.df-blog3__box .tag {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-theme-3);
	border: 1px solid var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0 12px;
	border-radius: 28px;
	display: inline-block;
}
.df-blog3__box .tag:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.df-blog3__content p {
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.df-blog3__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.df-blog3__thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.15;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.df-blog3__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.df-blog3__meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
	margin-bottom: 10px;
	align-items: center;
}
.df-blog3__meta span {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
}
.df-blog3__title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}
.df-blog3__title a:hover {
	color: var(--clr-theme-3);
}
.df-blog3__btn {
	margin-top: 30px;
}
.df-blog4__box {
	padding: 20px;
	background: var(--clr-common-white);
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
	padding-right: 60px;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 25% auto;
	gap: 25px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-blog4__box {
		grid-template-columns: 30% auto;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-blog4__box {
		grid-template-columns: 45% auto;
		padding-right: 30px;
		align-items: center;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__box {
		grid-template-columns: auto;
		padding-right: 20px;
	}
}
.df-blog4__box:hover .df-blog4__thumb img {
	transform: scale(1.03);
}
.df-blog4__box .tag {
	font-size: 14px;
	font-weight: 500;
	color: var(--clr-theme-1);
	border: 1px solid var(--clr-theme-3);
	height: 30px;
	line-height: 27px;
	padding: 0 12px;
	border-radius: 28px;
	display: inline-block;
}
.df-blog4__box .tag:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.df-blog4__content {
	display: grid;
	grid-template-columns: auto 130px;
	gap: 30px 80px;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__content {
		grid-template-columns: auto;
	}
}
.df-blog4__content p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__content p {
		font-size: 18px;
		line-height: 24px;
	}
}
.df-blog4__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	max-width: 310px;
	height: 250px;
	object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__thumb {
		max-width: 100%;
	}
}
.df-blog4__thumb a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-3);
	opacity: 0.15;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.df-blog4__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.df-blog4__meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
	align-items: center;
}
.df-blog4__meta span {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
}
.df-blog4__title {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 25px;
	font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__title {
		font-size: 24px;
		line-height: 32px;
	}
}
.df-blog4__title a:hover {
	color: var(--clr-theme-3);
}
.df-blog4__btn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: end;
	height: 100%;
	align-items: center;
	border-left: 1px solid #e8e8e8;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-blog4__btn {
		justify-content: start;
		border-left: 0;
		height: auto;
	}
}
.df-blog5__box {
	padding-bottom: 160px;
	position: relative;
}
.df-blog5__box:hover .df-blog5__thumb img {
	transform: scale(1.03);
}
.df-blog5__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.df-blog5__content {
	margin-left: 30px;
	margin-right: 30px;
	padding: 30px 30px;
	background: #ffffff;
	box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.05);
	position: absolute;
	bottom: 0;
	width: calc(100% - 60px);
	border-radius: 10px;
}
@media (max-width: 450px) {
	.df-blog5__content {
		margin-left: 15px;
		margin-right: 15px;
		padding: 20px 15px;
		width: calc(100% - 30px);
	}
}
.df-blog5__meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 28px;
	margin-bottom: 20px;
	align-items: center;
}
.df-blog5__meta span {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
}
.df-blog5__meta .separate {
	position: relative;
	margin: 0 -15px;
}
.df-blog5__meta .separate::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background-color: var(--clr-common-body-text);
	border-radius: 100px;
	top: -3px;
	left: -3px;
}
.df-blog5__title {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	(max-width: 450px) {
	.df-blog5__title {
		font-size: 22px;
	}
}
.df-blog5__title a:hover {
	color: var(--clr-theme-3);
}
.df-blog5__title:hover.underline a {
	background-image:
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3)),
		linear-gradient(var(--clr-theme-3), var(--clr-theme-3));
}
.df-blog5__btn {
	border-top: 1px solid rgba(20, 20, 20, 0.1);
	padding-top: 25px;
}
.df-blog5__btn .primary-btn {
	line-height: 26px;
	padding: 0;
	height: auto;
	color: var(--clr-common-black);
	background: transparent;
	font-weight: 600;
}
.df-blog5__btn .primary-btn:hover {
	color: var(--clr-theme-3);
}

.blog__slider {
	margin: -80px 0;
	padding: 80px 0;
}

.sidebar-widget {
	background-color: rgba(128, 128, 128, 0.06);
	padding: 40px 40px;
	border-radius: 10px;
}
@media (max-width: 450px) {
	.sidebar-widget {
		padding: 30px 20px;
	}
}
.sidebar-widget .sidebar-search form input {
	width: 260px;
	height: 60px;
	border-radius: 50px;
	padding: 0 50px 0px 30px;
	background: transparent;
	border: 1px solid #d9dbde;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.sidebar-widget .sidebar-search form input {
		width: 100%;
	}
}
.sidebar-widget .sidebar-search form button {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background-color: var(--clr-theme-3);
	border-radius: 50%;
}
.sidebar-widget .sidebar-search form button i {
	color: var(--clr-common-white);
}
.sidebar-widget .blog-sideber-meta {
	display: flex;
	align-items: center;
}
.sidebar-widget .blog-sideber-img {
	margin-right: 15px;
}
.sidebar-widget .blog-sideber-img img {
	width: 140px;
	height: auto;
	border-radius: 5px;
}
.sidebar-widget .blog-sideber-text h4 {
	font-size: 16px;
	font-weight: 600;
}
.sidebar-widget .blog-sideber-text h4 a:hover {
	color: var(--clr-theme-3);
}
@media (max-width: 575px) {
	.sidebar-widget .blog-sideber-text h4 a br {
		display: none;
	}
}
.sidebar-widget .blog-category-link ul li {
	list-style: none;
	position: relative;
	margin-bottom: 15px;
}
.sidebar-widget .blog-category-link ul li::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--clr-common-body-text);
	top: 17px;
	transform: translateY(-50%);
	left: 0;
}
.sidebar-widget .blog-category-link ul li:hover::before {
	background-color: var(--clr-theme-3);
}
.sidebar-widget .blog-category-link ul li:hover a {
	color: var(--clr-theme-3);
}
.sidebar-widget .blog-category-link ul li a {
	text-transform: capitalize;
	padding-left: 15px;
	color: var(--clr-common-body-text);
}
.sidebar-widget .blog-category-link ul li:last-child {
	margin-bottom: 0px;
}
.sidebar-widget-tag a {
	font-size: 16px;
	font-weight: 500;
	border: 1px solid var(--clr-common-border);
	border-radius: 6px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 40px;
	line-height: 35px;
	padding: 0 20px;
	color: var(--clr-common-body-text);
	transition: all 0.3s linear;
	background-color: transparent;
}
.sidebar-widget-tag a:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}
.sidebar-widget-tag.style-2 a:hover {
	background: var(--clr-theme-2);
	color: var(--clr-common-white);
}

.contact-from-box .contact-from-input input {
	border: 1px solid var(--clr-common-border);
	background: var(--clr-common-white);
}
.contact-from-box .contact-from-input-2 textarea {
	border: 1px solid var(--clr-common-border);
	height: 150px;
	resize: none;
}

.brand__item {
	width: 165px;
	aspect-ratio: 100/100;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(20, 20, 20, 0.08);
	border-radius: 50%;
	transition: 0.5s;
	position: relative;
	margin: 0 auto;
}
.brand__item:hover {
	border-color: transparent;
	background: var(--clr-theme-1);
}
.brand__item:hover img {
	filter: opacity(1) invert(1);
}
.brand__item img {
	filter: opacity(0.5);
}
.brand__item.is-white {
	border: 1px solid rgba(255, 255, 255, 0.1254901961);
}
.brand__item.is-white:hover {
	border-color: transparent;
	background: var(--clr-theme-3);
}
.brand__item.is-white:hover img {
	filter: opacity(1) invert(1);
}
.brand__item.is-white img {
	filter: opacity(0.5) invert(1);
}

.df-newsletter__form {
	position: relative;
}
.df-newsletter__form form {
	position: relative;
	max-width: 650px;
	width: 100%;
}
.df-newsletter__form form input {
	width: 100%;
	height: 60px;
	background: rgb(232, 235, 238);
	border: none;
	border-radius: 70px;
	padding: 0 30px;
	padding-right: 200px;
	outline: none;
	color: var(--clr-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-newsletter__form form input {
		padding-right: 30px;
	}
}
.df-newsletter__form form input::placeholder,
.df-newsletter__form form input::-moz-placeholder {
	color: #787878;
}
.df-newsletter__form form .df-input-field {
	margin-bottom: 0;
}
.df-newsletter__form-btn {
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-newsletter__form-btn {
		position: static;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-newsletter__form-btn .primary-btn {
		width: 100%;
	}
}
.df-newsletter__title {
	font-size: 20px;
	font-weight: 600;
}

.df-newsletter2__content {
	display: grid;
	grid-template-columns: 420px 555px;
	justify-content: space-between;
	align-items: center;
	gap: 25px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-newsletter2__content {
		grid-template-columns: 300px 555px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-newsletter2__content {
		grid-template-columns: 300px 1fr;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-newsletter2__content {
		grid-template-columns: 100%;
	}
}
.df-newsletter2__form {
	position: relative;
}
.df-newsletter2__form form {
	position: relative;
	max-width: 555px;
	width: 100%;
}
.df-newsletter2__form form input {
	width: calc(100% - 70px);
	height: 60px;
	background: var(--clr-common-white);
	border: none;
	border-radius: 70px;
	padding: 0 30px;
	outline: none;
	color: var(--clr-common-black);
}
.df-newsletter2__form form input::placeholder,
.df-newsletter2__form form input::-moz-placeholder {
	color: #787878;
}
.df-newsletter2__form form .df-input-field {
	margin-bottom: 0;
}
.df-newsletter2__form-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.df-newsletter2__title {
	font-weight: 700;
	max-width: 420px;
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px) {
	.df-newsletter2__title {
		font-size: 54px;
	}
}

.df-newsletter3__form {
	position: relative;
}
.df-newsletter3__form form {
	position: relative;
	max-width: 555px;
	width: 100%;
}
.df-newsletter3__form form input {
	width: 100%;
	height: 60px;
	background: var(--clr-common-white);
	border: 1px solid #dfdfdf;
	border-radius: 70px;
	padding: 0 30px;
	padding-right: 70px;
	outline: none;
	color: var(--clr-common-black);
}
.df-newsletter3__form form input::placeholder,
.df-newsletter3__form form input::-moz-placeholder {
	color: #787878;
}
.df-newsletter3__form form .df-input-field {
	margin-bottom: 0;
}
.df-newsletter3__form-btn {
	position: absolute;
	right: 0;
	top: 0;
}

.df-newsletter__message li {
	position: relative;
	line-height: 1;
	margin-top: 20px;
	list-style: none;
	margin-left: 25px;
}
.df-newsletter__message li::before {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: rgba(210, 222, 255, 0.3764705882);
	top: 40%;
	left: -22px;
	transform: translate(-50%, 0);
}
.df-newsletter__message.is-white li {
	color: rgba(210, 222, 255, 0.3764705882);
}
.df-newsletter__message.is-white.is-white li {
	color: rgba(210, 222, 255, 0.7);
}

.bd-newsletter {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: -214px;
}
.bd-newsletter.for-elements {
	margin-bottom: 0;
}
.bd-newsletter-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.1;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.bd-newsletter-content {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-newsletter-content {
		padding: 0 20px;
	}
}
.bd-newsletter-input {
	position: relative;
	max-width: 78%;
	margin: 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.bd-newsletter-input {
		max-width: 100%;
	}
}
.bd-newsletter-input input {
	width: 100%;
	height: 72px;
	border-radius: 50px;
	outline: none;
	border: 0;
	padding-inline-start: 32px;
	padding-inline-end: 220px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
}
@media (max-width: 575px) {
	.bd-newsletter-input input {
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}
.bd-newsletter-input button {
	position: absolute;
	inset-inline-end: 4px;
	top: 50%;
	transform: translateY(-50%);
	height: 64px;
	line-height: 64px;
	padding: 0 40px 0 35px;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize;
}
@media (max-width: 575px) {
	.bd-newsletter-input button {
		position: relative;
		inset-inline-start: 0;
		inset-inline-end: auto;
		bottom: 0;
		transform: translateY(15%);
		display: block;
		width: 100%;
	}
}
@media (max-width: 575px) {
	.bd-newsletter-input button.bd-btn {
		border: 1px solid var(--bd-theme-2);
	}
}
@media (max-width: 575px) {
	.bd-newsletter-input button.bd-btn:hover {
		border-color: var(--bd-common-white);
	}
}
.bd-newsletter-input button span {
	display: inline-flex;
	gap: 10px;
	align-items: center;
}

.counter__box {
	text-align: center;
	padding: 0 20px;
}
.counter__number-box {
	width: 160px;
	height: 160px;
	background: transparent;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
}
.counter__number-box.bg-1 {
	background: rgba(241, 155, 158, 0.1254901961);
}
.counter__number-box.bg-1 .counter__number {
	color: #ff4917;
}
.counter__number-box.bg-2 {
	background: rgba(12, 196, 92, 0.062745098);
}
.counter__number-box.bg-2 .counter__number {
	color: #66c690;
}
.counter__number-box.bg-3 {
	background: rgba(137, 162, 252, 0.1254901961);
}
.counter__number-box.bg-3 .counter__number {
	color: #557aff;
}
.counter__number-box.bg-4 {
	background: rgba(241, 191, 155, 0.1254901961);
}
.counter__number-box.bg-4 .counter__number {
	color: #ff9b26;
}
.counter__number-box.style-2.bg-1 {
	background: transparent;
}
.counter__number-box.style-2.bg-1 .counter__number {
	color: #ff4917;
}
.counter__number-box.style-2.bg-2 {
	background: transparent;
}
.counter__number-box.style-2.bg-2 .counter__number {
	color: #66c690;
}
.counter__number-box.style-2.bg-3 {
	background: transparent;
}
.counter__number-box.style-2.bg-3 .counter__number {
	color: #557aff;
}
.counter__number-box.style-2.bg-4 {
	background: transparent;
}
.counter__number-box.style-2.bg-4 .counter__number {
	color: #ff9b26;
}
.counter__number {
	font-size: 48px;
	font-weight: 700;
	color: #ff4917;
	display: flex;
	align-items: center;
}
.counter__title {
	font-size: 22px;
	font-weight: 600;
}
.counter__text {
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
}

#accordionExample .accordion-item,
#accordionExample2 .accordion-item,
#accordionExample3 .accordion-item,
#accordionExample4 .accordion-item {
	background: var(--clr-common-white);
	border: 0;
	border-radius: 10px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
#accordionExample .accordion-item:not(:last-child),
#accordionExample2 .accordion-item:not(:last-child),
#accordionExample3 .accordion-item:not(:last-child),
#accordionExample4 .accordion-item:not(:last-child) {
	margin-bottom: 30px;
}
#accordionExample .accordion-item:first-of-type,
#accordionExample2 .accordion-item:first-of-type,
#accordionExample3 .accordion-item:first-of-type,
#accordionExample4 .accordion-item:first-of-type {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#accordionExample .accordion-item:first-of-type .accordion-button,
#accordionExample2 .accordion-item:first-of-type .accordion-button,
#accordionExample3 .accordion-item:first-of-type .accordion-button,
#accordionExample4 .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#accordionExample .accordion-item:last-of-type,
#accordionExample2 .accordion-item:last-of-type,
#accordionExample3 .accordion-item:last-of-type,
#accordionExample4 .accordion-item:last-of-type {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#accordionExample .accordion-item:last-of-type .accordion-button.collapsed,
#accordionExample2 .accordion-item:last-of-type .accordion-button.collapsed,
#accordionExample3 .accordion-item:last-of-type .accordion-button.collapsed,
#accordionExample4 .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#accordionExample .accordion-button,
#accordionExample2 .accordion-button,
#accordionExample3 .accordion-button,
#accordionExample4 .accordion-button {
	font-size: 20px;
	font-weight: 600;
	padding: 23px 30px;
	border-radius: 10px 10px 10px 10px;
}
@media (max-width: 450px) {
	#accordionExample .accordion-button,
	#accordionExample2 .accordion-button,
	#accordionExample3 .accordion-button,
	#accordionExample4 .accordion-button {
		padding: 20px 20px;
	}
}
#accordionExample .accordion-button::after,
#accordionExample2 .accordion-button::after,
#accordionExample3 .accordion-button::after,
#accordionExample4 .accordion-button::after {
	width: auto;
	height: auto;
	background-image: none;
	content: "+";
	font-family: "Font Awesome 6 Pro";
	font-size: 20px;
}
#accordionExample .accordion-button:not(.collapsed),
#accordionExample2 .accordion-button:not(.collapsed),
#accordionExample3 .accordion-button:not(.collapsed),
#accordionExample4 .accordion-button:not(.collapsed) {
	color: var(--clr-common-white);
	background-color: var(--clr-theme-1);
	box-shadow: none;
	border-radius: 10px 10px 0px 0px;
}
#accordionExample .accordion-button:not(.collapsed)::after,
#accordionExample2 .accordion-button:not(.collapsed)::after,
#accordionExample3 .accordion-button:not(.collapsed)::after,
#accordionExample4 .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(-180deg);
	content: "\f068";
}
#accordionExample .accordion-button:focus,
#accordionExample2 .accordion-button:focus,
#accordionExample3 .accordion-button:focus,
#accordionExample4 .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
#accordionExample .accordion-body,
#accordionExample2 .accordion-body,
#accordionExample3 .accordion-body,
#accordionExample4 .accordion-body {
	padding: 25px 30px 30px 30px;
	font-size: 20px;
	line-height: 1.5;
	color: var(--clr-common-body-text);
}
@media (max-width: 450px) {
	#accordionExample .accordion-body,
	#accordionExample2 .accordion-body,
	#accordionExample3 .accordion-body,
	#accordionExample4 .accordion-body {
		padding: 20px;
		font-size: 18px;
	}
}
#accordionExample.style-2 .accordion-item,
#accordionExample2.style-2 .accordion-item,
#accordionExample3.style-2 .accordion-item,
#accordionExample4.style-2 .accordion-item {
	background-color: rgba(128, 128, 128, 0.06);
}
#accordionExample.style-2 .accordion-button:not(.collapsed),
#accordionExample2.style-2 .accordion-button:not(.collapsed),
#accordionExample3.style-2 .accordion-button:not(.collapsed),
#accordionExample4.style-2 .accordion-button:not(.collapsed) {
	color: var(--clr-common-black);
	background-color: transparent;
	border-bottom: 1px solid var(--clr-common-border);
}
#accordionExample.style-2 .accordion-body,
#accordionExample2.style-2 .accordion-body,
#accordionExample3.style-2 .accordion-body,
#accordionExample4.style-2 .accordion-body {
	color: var(--clr-common-black);
}
#accordionExample.style-3 .accordion-item,
#accordionExample2.style-3 .accordion-item,
#accordionExample3.style-3 .accordion-item,
#accordionExample4.style-3 .accordion-item {
	background: transparent;
	border: 1px solid var(--clr-common-border);
}
#accordionExample.style-3 .accordion-button:not(.collapsed),
#accordionExample2.style-3 .accordion-button:not(.collapsed),
#accordionExample3.style-3 .accordion-button:not(.collapsed),
#accordionExample4.style-3 .accordion-button:not(.collapsed) {
	color: var(--clr-common-black);
	background-color: transparent;
	border-bottom: 1px solid var(--clr-common-border);
}
#accordionExample.style-4 .accordion-item,
#accordionExample2.style-4 .accordion-item,
#accordionExample3.style-4 .accordion-item,
#accordionExample4.style-4 .accordion-item {
	background: transparent;
	border: 0;
	box-shadow: none;
}
#accordionExample.style-4 .accordion-button:not(.collapsed),
#accordionExample2.style-4 .accordion-button:not(.collapsed),
#accordionExample3.style-4 .accordion-button:not(.collapsed),
#accordionExample4.style-4 .accordion-button:not(.collapsed) {
	color: var(--clr-common-black);
	background-color: transparent;
	border: 1px solid var(--clr-common-border);
	border-radius: 10px;
}
#accordionExample.style-4 .accordion-body,
#accordionExample2.style-4 .accordion-body,
#accordionExample3.style-4 .accordion-body,
#accordionExample4.style-4 .accordion-body {
	color: var(--clr-common-black);
}

.df__progress-bar {
	overflow: hidden;
}
.df__progress-bar .progress {
	height: 10px;
	overflow: visible;
}
.df__progress-bar .progress .progress-bar {
	background-color: var(--clr-theme-3);
	border-radius: 10px;
	position: relative;
	overflow: visible !important;
}
.df__progress-bar .progress .progress-bar:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	right: 0;
	background: var(--clr-theme-3);
	border: 2px solid var(--clr-common-white);
	border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df__progress-bar {
		padding-left: 0 !important;
	}
}
.df__progress-bar.style-2 .progress {
	height: 15px;
}
.df__progress-bar.style-2 .progress .progress-bar {
	border-radius: 10px;
	position: relative;
	overflow: visible !important;
}
.df__progress-bar.style-2 .progress .progress-bar:after {
	display: none;
}
.df__progress-bar.style-3 .progress {
	height: 5px;
}
.df__progress-bar.style-3 .progress .progress-bar {
	border-radius: 0;
	position: relative;
	overflow: visible !important;
}
.df__progress-bar.style-3 .progress .progress-bar:after {
	display: none;
}
.df__progress-wrapper {
	margin-bottom: 20px;
}
.df__progress-title {
	font-size: 20px;
	font-weight: 600;
}
.df__progress-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.df__progress-percentage {
	font-size: 20px;
	font-weight: 600;
	color: var(--clr-common-black);
}

.df-counter__wrapper {
	display: flex;
	gap: 15px 40px;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-counter__wrapper {
		gap: 15px 25px;
	}
}
@media (max-width: 575px) {
	.df-counter__wrapper {
		margin-top: 30px;
		display: inline;
	}
}
.df-counter__wrapper.style-2 .df-counter__item {
	background-color: transparent;
}
.df-counter__title {
	font-size: 20px;
	color: var(--clr-common-black);
	font-weight: 600;
	margin-bottom: 0;
}
.df-counter__item {
	background-color: #f3f6f9;
	padding: 40px 40px;
	border-radius: 10px;
	text-align: center;
}
.df-counter__item .counter_canvas {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
}
.df-counter__item .counter_canvas canvas {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.df-counter__item .counter_percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 32px;
	color: var(--clr-common-black);
	font-weight: 700;
	width: 62px;
	height: 62px;
	background: transparent;
	border-radius: 50%;
	line-height: 62px;
	-webkit-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
}
.df-counter__item .counter_percentage i {
	font-size: 20px;
}

.df-questions__area-inner {
	display: grid;
	grid-template-columns: 45% auto;
	grid-gap: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.df-questions__area-inner {
		grid-template-columns: 40% auto;
		grid-gap: 110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.df-questions__area-inner {
		grid-template-columns: 1fr;
		grid-gap: 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-questions__area-inner {
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}
}

.df-system__wrapper {
	position: relative;
	background: var(--clr-theme-4);
	padding-left: 60px;
	padding-right: 50px;
	overflow: hidden;
}
@media (max-width: 575px) {
	.df-system__wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
}
.df-system__thumb {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: luminosity;
	background-position: center;
	z-index: 1;
	border-radius: 10px;
}
.df-system__thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--clr-theme-4);
	top: 0;
	inset-inline-start: 0;
	z-index: -1;
	opacity: 0.85;
	border-radius: 10px;
}
.df-system__content {
	position: relative;
	z-index: 1;
}
.df-system__content p {
	color: #737373;
	margin-bottom: 0px;
}

.df-loading-bar__wrapper {
	position: relative;
	z-index: 2;
}

.line-bar {
	position: relative;
}
.line-bar::before {
	position: absolute;
	content: "";
	width: 1290px;
	height: 1px;
	background-color: #d4d6d8;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.line-bar::before {
		display: none;
	}
}

.loading-bar-bullet::before {
	content: "";
	display: block;
	background: #e3e6e9;
	height: 40px;
	width: 40px;
	border-radius: 100px;
	z-index: 999;
	margin-top: 0px;
	cursor: pointer;
	border: 10px solid #babcbe;
}

.slick-current.loading-bar-bullet::before {
	border: 10px solid var(--clr-theme-3);
	background: #ebeef0;
}

.timeline__slider-nav {
	width: 125px;
	height: 125px;
	background-color: var(--clr-theme-3);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	color: #f0e7e7;
	font-size: 36px;
	z-index: 9;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.timeline__slider-nav {
		width: 80px;
		height: 80px;
		font-size: 25px;
	}
}

.df-timeline__slider {
	position: relative;
	margin-top: 95px;
	margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-timeline__slider .slick-list.draggable {
		display: none;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-timeline__slider {
		margin-top: 35px;
		margin-bottom: 20px;
	}
}
.df-timeline__slider .loading-bar.loading-bar-bullet {
	position: relative;
	z-index: 9;
}
.df-timeline__slider .loading-bar .slick-arrow {
	display: none !important;
}

.df-requirement__feature-list {
	display: flex;
	justify-content: end;
	margin-right: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-requirement__feature-list {
		margin-right: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-requirement__feature-list {
		justify-content: start;
	}
}
.df-requirement__feature-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 12px;
	border-left: 0;
	line-height: 1;
}
.df-requirement__feature-list li:not(:last-child) {
	margin-bottom: 20px;
}
@media (max-width: 575px) {
	.df-requirement__feature-list li:not(:last-child) {
		margin-bottom: 15px;
	}
}
.df-requirement__feature-list li p {
	font-weight: 400;
	color: var(--clr-common-body-text);
	line-height: 1.5;
	font-size: 20px;
}
.df-requirement__feature-list li i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--clr-theme-3);
	font-size: 18px;
	margin-top: 5px;
}
.df-requirement__button-wrapper {
	margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-requirement__button-wrapper {
		margin-top: 40px;
	}
}

.df-contact__box {
	background-color: rgba(128, 128, 128, 0.06);
	padding: 40px 40px 45px 40px;
	border-radius: 10px;
}
.df-contact__box:hover .df-contact__icon {
	background-color: var(--clr-theme-1);
	color: var(--clr-common-white);
}
.df-contact__icon {
	display: block;
	width: 80px;
	height: 80px;
	background-color: #d1dae1;
	border-radius: 50%;
	line-height: 85px;
	text-align: center;
	color: var(--clr-theme-3);
	font-size: 30px;
	transition: all 0.3s linear;
}
.df-contact__title {
	font-size: 16px;
}
.df-contact__content {
	color: var(--clr-common-black);
	font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.df-contact__content {
		font-size: 24px;
	}
}
.df__map::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 580px;
	background-color: var(--clr-theme-1);
	opacity: 0.15;
}
.single-input-field {
	margin-bottom: 20px;
	position: relative;
	background: transparent;
	z-index: 2;
}
.single-input-field input,
.single-input-field textarea {
	display: block;
	width: 100%;
	height: 64px;
	padding: 0 50px 0 27px;
	outline: 0;
	background: transparent;
	border: 2px solid var(--clr-common-border);
	border-radius: 10px;
}
.single-input-field textarea {
	height: 200px;
	padding: 20px 50px 20px 28px;
	resize: none;
}
.single-input-field i {
	position: absolute;
	top: 50%;
	right: 26px;
	color: #012863;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.single-input-field .nice-select {
	width: 100%;
	height: 64px;
	line-height: 64px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	float: none;
	border: none;
	padding: 0;
}
.single-input-field .nice-select::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 2px solid #f3f3f3;
	-webkit-transform: skew(-4deg);
	-moz-transform: skew(-4deg);
	-ms-transform: skew(-4deg);
	transform: skew(-4deg);
	z-index: 1;
}
.single-input-field .nice-select span {
	color: #012863;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin-left: 29px;
}
.single-input-field .nice-select::after {
	border-bottom: 2px solid #012863;
	border-right: 2px solid #012863;
	height: 10px;
	right: 30px;
	width: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.single-input-field .nice-select .list {
	width: 100%;
	z-index: 100;
}
.single-input-field.select {
	z-index: 3;
}
.single-input-field.select.select-first {
	z-index: 4;
}
.single-input-field.textarea i {
	top: 25px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.df-input-field .pass-icon {
	position: absolute;
	right: 15px;
	font-size: 20px;
	top: 20px;
	opacity: 0.5;
	cursor: pointer;
}
.df-input-field .pass-icon:hover {
	opacity: 1;
}

.df-login {
	display: flex;
	align-items: center;
	gap: 0 10px;
}
@media (max-width: 575px) {
	.df-login {
		justify-content: center;
	}
}
.df-login input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	display: inline-block;
	width: 20px;
}

.btn-read-more span {
	position: relative;
	color: var(--clr-common-body-text);
	display: inline-block;
	line-height: 35px;
	transition: 0.3s;
}
.btn-read-more span::before {
	position: absolute;
	content: "";
	left: auto;
	bottom: 2px;
	background: var(--clr-common-body-text);
	width: 0;
	height: 2px;
	transition: 0.3s;
	right: 0;
}
.btn-read-more:hover span::before {
	width: 100%;
	left: 0;
	right: auto;
}

.google-btn button {
	width: 100%;
	height: 60px;
	padding: 12px 16px 12px 42px;
	color: var(--clr-common-white);
	font-weight: 600;
	font-size: 16px;
	background-color: var(--clr-theme-3);
	border-radius: 6px;
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	transition: all 0.3s linear;
}
@media (max-width: 575px) {
	.google-btn button {
		padding: 12px 16px 12px 16px;
	}
}
.google-btn button:hover {
	color: var(--clr-common-white);
	background-color: var(--clr-theme-5);
}
.google-btn button img {
	margin-right: 2px;
	width: 22px;
}

.sing-up-text span {
	font-size: 18px;
	color: var(--clr-common-body-text);
	line-height: 1.5;
}
.sing-up-text .sign-link {
	color: var(--clr-theme-1);
	font-weight: 600;
	position: relative;
	display: inline-block;
}
.sing-up-text .sign-link::before {
	position: absolute;
	content: "";
	left: auto;
	bottom: 2px;
	background: var(--clr-theme-1);
	width: 0;
	height: 2px;
	transition: 0.3s;
	right: 0;
}
.sing-up-text .sign-link:hover {
	color: var(--clr-theme-3);
}
.sing-up-text .sign-link:hover::before {
	background: var(--clr-theme-3);
	width: 100%;
	left: 0;
	right: auto;
}

.sign-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 575px) {
	.sign-meta {
		display: inline;
		text-align: center;
	}
}

.product-thumb {
	overflow: hidden;
	background-color: rgba(128, 128, 128, 0.06);
	border-radius: 10px;
	position: relative;
}
.product-thumb img {
	width: 100%;
}

.product-wrapper {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	row-gap: 0;
}
.product-wrapper > div {
	width: calc((100% - 60px) / 3);
	text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.product-wrapper > div {
		width: calc((100% - 30px) / 2);
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-wrapper > div {
		width: calc((100% - 30px) / 2);
	}
}
@media (max-width: 450px) {
	.product-wrapper > div {
		width: calc((100% - 0px) / 1);
	}
}

.product-description {
	margin-top: 20px;
}
.product-description .product-name {
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	text-align: start;
	margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-description .product-name {
		font-size: 20px;
	}
}
@media (max-width: 575px) {
	.product-description .product-name {
		font-size: 18px;
	}
}
.product-description .product-name a:hover {
	color: var(--clr-theme-3);
}

.product-price {
	font-size: 16px;
	font-weight: 400;
	color: var(--clr-common-black);
	display: flex;
	gap: 5px;
	line-height: 1;
	margin-bottom: 6px;
}
.product-price .price-old {
	color: #999;
	text-decoration: line-through;
}

.rating {
	display: flex;
	gap: 5px;
}
.rating a {
	font-size: 18px;
	color: #ff9501;
	margin-left: -4px;
}

.product-single {
	margin-bottom: 25px;
	position: relative;
}
.product-single:hover .product-item-action a {
	transform: scaleX(1);
}
.product-single .onsale {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	position: absolute;
	text-align: center;
	z-index: 9;
	display: block;
	padding: 6px 8px;
	border-radius: 3px;
	letter-spacing: 1px;
	cursor: pointer;
	top: 10px;
	left: 10px;
	line-height: 1;
}

.product-item-action {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	display: flex;
	gap: 12px;
	justify-content: center;
}
.product-item-action a {
	display: inline-block;
	height: 45px;
	width: 45px;
	background: var(--clr-common-white);
	border-radius: 50%;
	color: #1c1d1b;
	line-height: 47px;
	transition: 0.3s;
	box-shadow: 0px 6px 35px 0px rgba(124, 124, 124, 0.3);
	transform: scaleX(0);
	text-align: center;
}
.product-item-action a:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
}

.product-sold,
.pre-order {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	background: var(--clr-common-white);
	color: var(--clr-common-black);
	border-radius: 3px;
	padding: 0 10px;
	font-size: 14px;
	text-transform: unset;
	letter-spacing: 0;
	line-height: 26px;
	white-space: nowrap;
	font-weight: 400;
	box-shadow: 0px 6px 35px 0 rgba(214, 215, 213, 0.7);
}

.product-d-img-nav {
	width: 30%;
}
.product-d-img-nav ul li {
	border: 1px solid var(--clr-common-border);
}
.product-d-img-nav .nav-link {
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: rgba(128, 128, 128, 0.06);
	margin-bottom: 0;
	width: 130px;
}
.product-d-img-nav .nav-link img {
	width: 100%;
}
@media (max-width: 575px) {
	.product-d-img-nav .nav-link {
		width: auto;
	}
}
.product-d-img-nav .nav-tabs {
	display: flex;
	gap: 20px;
	border-bottom: 0;
}
.product-d-img-nav .nav-link.active {
	background-color: rgba(128, 128, 128, 0.09);
}

.product-d-img-tab-wrapper {
	display: flex;
	gap: 20px;
	margin-inline-end: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-d-img-tab-wrapper {
		margin-inline-end: 0;
	}
}

.product-d-img-tab {
	flex-grow: 1;
}
.product-d-img-tab .tab-pane {
	background: var(--clr-common-white);
	border: 1px solid var(--clr-common-border);
}
.product-d-img-tab .tab-pane img {
	width: 100%;
}

.product-d-category {
	font-size: 14px;
	font-weight: 700;
	color: #012863;
	text-transform: uppercase;
	background: #ffe400;
	display: inline-block;
	height: 20px;
	line-height: 22px;
	border-radius: 4px;
	padding: 0 10px;
}

.product-d-review {
	display: flex;
	gap: 5px;
}
.product-d-review .rating a {
	font-size: 18px;
	color: #ff9501;
	margin-left: -4px;
}
.product-d-review span {
	font-size: 16px;
}

.product-category-review {
	display: flex;
	gap: 10px;
	margin-bottom: 3px;
	flex-wrap: wrap;
}

.product-side-info .product-name {
	font-size: 26px;
	margin-bottom: 25px;
}
.product-side-info .product-price {
	font-size: 20px;
	font-weight: 700;
	color: var(--clr-theme-1);
	display: flex;
	gap: 5px;
	line-height: 1;
	align-items: end;
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-side-info .product-price {
		font-size: 18px;
	}
}
.product-side-info .product-price .price-old {
	font-size: 20px;
}
.product-side-info .price-now {
	font-size: 30px;
	color: var(--clr-common-black);
}

.product-d-meta {
	display: flex;
	gap: 10px;
}
.product-d-meta span {
	font-size: 16px;
	text-transform: uppercase;
}
.product-d-meta span:first-child {
	color: #012863;
	font-weight: 700;
}

.product-quantity-cart {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.product-quantity-cart .border-btn {
	height: 60px;
	border-width: 2px;
	padding: 0 0;
	width: 60px;
	line-height: 56px;
	border-radius: 10px;
	background: var(--clr-theme-2);
}
.product-quantity-cart .border-btn:before,
.product-quantity-cart .border-btn:after {
	display: none;
}
.product-quantity-cart .border-btn:hover {
	background: #012863;
}
.product-quantity-cart .fill-btn {
	border-radius: 6px;
	height: 55px;
	line-height: 55px;
}

.product-quantity-form .cart-minus,
.product-quantity-form .cart-plus {
	display: inline-block;
	height: 60px;
	width: 60px;
	background: #eaeaea;
	line-height: 55px;
	font-size: 18px;
	text-align: center;
	color: #222;
	cursor: pointer;
}

.product-details-tab-wrapper {
	display: flex;
	gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-details-tab-wrapper {
		flex-direction: column;
		gap: 0;
	}
}

.product-details-content {
	flex-grow: 1;
}

.product-details-nav .nav-tabs {
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-details-nav .nav-tabs {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.product-details-nav .nav-link {
	font-size: 16px;
	text-transform: uppercase;
	color: #012863;
	padding: 0 28px;
	height: 60px;
	line-height: 60px;
	font-weight: 700;
	white-space: nowrap;
	border: 1px solid var(--clr-common-border);
	border-radius: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-details-nav .nav-link {
		width: auto;
	}
}
.product-details-nav .nav-link:hover {
	background: var(--clr-theme-3);
	color: var(--clr-common-white);
	border-color: var(--clr-theme-3);
}
.product-details-nav .nav-link.active {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	border-color: var(--clr-theme-3);
}

.product__details-info ul li {
	display: grid;
	grid-template-columns: 25% auto;
	align-items: center;
	padding: 15px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px),
	only screen and (min-width: 992px) and (max-width: 1199px) {
	.product__details-info ul li {
		grid-template-columns: 35% auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__details-info ul li {
		grid-template-columns: 30% auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product__details-info ul li {
		grid-template-columns: 40% auto;
	}
}
@media (max-width: 575px) {
	.product__details-info ul li {
		padding: 15px 15px;
	}
}
@media (max-width: 450px) {
	.product__details-info ul li {
		grid-template-columns: auto;
		gap: 5px;
	}
}

.product__details-info ul li:nth-child(2n + 1) {
	background-color: rgba(128, 128, 128, 0.06);
}

.product__details-info ul li h6 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.4;
	text-transform: uppercase;
}

.product__details-info ul li span {
	color: var(--clr-common-black);
	font-size: 16px;
}

.course-review-item {
	display: flex;
	align-items: normal;
}
@media (max-width: 575px) {
	.course-review-item {
		display: grid;
		align-items: start;
		gap: 20px 0;
		margin-bottom: 40px;
	}
}

.course-review-list {
	margin-inline-start: 20px;
}
@media (max-width: 575px) {
	.course-review-list {
		margin-inline-start: 0px;
	}
}
.course-review-list span {
	color: #012863;
	margin-inline-start: 10px;
	font-size: 14px;
	font-weight: 400;
}

.course-reviews-img img {
	max-width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}

.course-review-list h5 {
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}

.course-start-icon i {
	font-size: 18px;
	color: #ff9501;
	margin-left: -4px;
}

.course-start-icon {
	margin-bottom: 10px;
}

.comment-title h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.comment-title p {
	color: #454545;
}

.comment-rating span {
	font-size: 15px;
	color: #454545;
	margin-inline-end: 5px;
}

.comment-rating ul li {
	display: inline-block;
}

.comment-rating ul li a {
	font-size: 18px;
	color: #ff9501;
	margin-left: -4px;
}

.comment-rating ul {
	display: inline-block;
}

.comment-agree input {
	margin: 0;
	appearance: none;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: transparent;
	border: 2px solid #eaebee;
	border-radius: 2px;
	outline: none;
}

.comment-agree label {
	margin-inline-start: 5px;
	font-size: 15px;
	color: #454545;
}

.comment-agree input::placeholder {
	color: #777777;
	font-size: 14px;
	opacity: 1;
}

.comment-input input {
	display: block;
	width: 100%;
	height: 64px;
	padding: 0 50px 0 27px;
	outline: 0;
	background: transparent;
	border: 2px solid var(--clr-common-border);
	border-radius: 10px;
}

.comment-input input::placeholder {
	color: #777777;
	font-size: 14px;
	opacity: 1;
}

.comment-textarea {
	height: 170px;
	width: 100%;
	background: transparent;
	padding: 15px 20px;
	resize: none;
	outline: 0;
	border: 2px solid var(--clr-common-border);
	border-radius: 10px;
}

.comment-textarea::placeholder {
	color: #777777;
	font-size: 14px;
	opacity: 1;
}

.product-available-sizes span {
	border: 1px solid #eaebee;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
}

.product-slider-area-btn {
	margin-bottom: 60px;
	text-align: right;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-slider-area-btn {
		text-align: left;
	}
}

.style-5.product-slider-area-btn .border-btn {
	border-color: var(--clr-common-border-11);
	border-width: 2px;
	height: 60px;
	line-height: 56px;
	color: var(--clr-theme-2);
}
.style-5.product-slider-area-btn .border-btn:hover {
	border-color: var(--clr-theme-2);
	background: var(--clr-theme-2);
	color: var(--clr-common-white);
}

.style-2.product-single {
	border-radius: 10px;
	overflow: hidden;
}
.style-2.product-single:hover .product-item-action {
	margin-bottom: 0;
	opacity: 1;
	visibility: visible;
}
.style-2.product-single:hover .product-thumb img {
	transform: scale(1.05);
}
.style-2 .product-description {
	padding: 33px 0 37px 0;
	background: var(--clr-common-white);
	text-align: center;
}
.style-2 .product-price {
	justify-content: center;
}
.style-2 .product-name {
	font-size: 20px;
	margin-bottom: 13px;
}
.style-2 .product-price {
	font-size: 18px;
	font-weight: 400;
}
.style-2 .product-item-action a {
	font-size: 18px;
	color: var(--clr-common-white);
	width: auto;
	height: auto;
	line-height: inherit;
	background: transparent;
	position: relative;
	transform: scaleX(1);
}
.style-2 .product-item-action a:hover {
	color: var(--clr-theme-2);
}
.style-2 .product-item-action a:not(:first-child)::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 18px;
	background: #225544;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.style-2 .product-thumb {
	overflow: hidden;
}
.style-2 .product-item-action {
	display: inline-flex;
	background: var(--clr-bg-1);
	padding: 17px 23px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px 10px 0 0;
	gap: 40px;
	margin-inline-end: -23%;
	margin-bottom: -60px;
	-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;
	opacity: 0;
	visibility: hidden;
}
.style-2 .product-batches {
	position: absolute;
	right: 20px;
	top: 20px;
	display: flex;
	gap: 10px;
}
.style-2 .batch-trending {
	width: 30px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 20px;
	background: var(--clr-theme-2);
	text-align: center;
	color: var(--clr-common-white);
	line-height: 45px;
	padding-top: 5px;
	border-radius: 0 0 15px 15px;
}
.style-2 .product-batch {
	width: 60px;
	height: 60px;
	background: var(--clr-common-white);
	text-align: center;
	font-size: 14px;
	line-height: 60px;
	color: var(--clr-theme-1);
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 50%;
}

.style-2.featured-product-area {
	background: #f8f5f0;
	padding-top: 445px;
	margin-top: -325px;
	overflow: hidden;
}
.style-2 .featured-product-active {
	overflow: visible;
}
.style-2 .featured-product-active .swiper-slide {
	opacity: 0;
	visibility: hidden;
}
.style-2 .featured-product-active .swiper-slide-active,
.style-2 .featured-product-active .swiper-slide-active ~ .swiper-slide {
	opacity: 1;
	visibility: visible;
}

.featured-porduct-nav {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.featured-porduct-nav {
		justify-content: flex-start;
	}
}

.featured-nav-button {
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	color: var(--clr-theme-2);
	background: var(--clr-common-white);
	line-height: 60px;
	border-radius: 6px;
	-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;
}
.featured-nav-button:hover {
	background: var(--clr-bg-1);
	color: var(--clr-common-white);
}

.items-showing-text {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #012863;
}

.filter-buttons {
	display: flex;
	gap: 25px;
	justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.filter-buttons .nice-select .list {
		left: auto;
		right: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.filter-buttons {
		justify-content: start;
	}
}
.filter-buttons .v-line {
	color: #dcdcdc;
}

.filter-category-btn .btn {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #012863;
	border: 0;
	padding: 0;
}
.filter-category-btn .btn:focus {
	box-shadow: none;
}
.filter-category-btn .btn i {
	color: #fb5050;
	margin-inline-end: 10px;
}
.filter-category-btn .dropdown-menu {
	border-color: #012863;
}

.filter-item-btn .btn {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #012863;
	border: 0;
	padding: 0;
}
.filter-item-btn .btn:focus {
	box-shadow: none;
}
.filter-item-btn .btn i {
	color: #fb5050;
	margin-inline-start: 3px;
}
.filter-item-btn .dropdown-menu {
	border-color: #012863;
}

.filter-tab-btn {
	margin-inline-start: 5px;
}
.filter-tab-btn .nav-tabs .nav-link {
	padding: 0;
	border-radius: 0;
	border: 0;
}
.filter-tab-btn .nav-tabs {
	border: 0;
	display: flex;
	gap: 16px;
}

.cart-area .table-content table {
	background: var(--clr-common-white);
	border-color: var(--clr-common-border);
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}
.cart-area .table-content .product-quantity {
	float: none;
}
.cart-area .table-content table td.product-name {
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}
.cart-area .table > :not(:last-child) > :last-child > * {
	border-bottom-color: var(--clr-common-border);
}
.cart-area .table-content table td.product-name a:hover {
	color: #012863;
}
.cart-area .table-content table td {
	border-top: medium none;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 16px;
}
.cart-area .table-content table th,
.cart-area .table-content table td {
	border-bottom: 1px solid var(--clr-common-border);
	border-right: 1px solid var(--clr-common-border);
}
.cart-area .table td,
.cart-area .table th {
	border-top: 1px solid var(--clr-common-border);
	white-space: nowrap;
	font-size: 16px;
	font-weight: 600;
}
.cart-area .table-content table td.product-subtotal {
	font-size: 16px;
}
.cart-area .table-content table td .cart-plus-minus {
	float: none;
	margin: 0 auto;
}
.cart-area .coupon-all {
	margin-top: 50px;
}
.cart-area .coupon {
	float: left;
	gap: 15px;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.cart-area .coupon {
		float: none;
	}
}
.cart-area #coupon_code {
	height: 60px;
	border-radius: 60px;
	border: 1px solid var(--clr-common-border);
	padding: 0 15px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.cart-area #coupon_code:focus {
	border-color: var(--clr-theme-3);
}
.cart-area .coupon2 {
	float: right;
}
@media (max-width: 767px) {
	.cart-area .coupon2 {
		float: none;
		margin-top: 15px;
	}
}
.cart-area .cart-page-total {
	padding-top: 50px;
}
.cart-area .cart-page-total .fill-btn {
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}
.cart-area .cart-page-total > h2 {
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cart-area .cart-page-total > ul {
	border: 1px solid var(--clr-common-border);
}
.cart-area .cart-page-total > ul > li {
	list-style: none;
	font-size: 15px;
	color: #575757;
	padding: 14px 30px;
	border-bottom: 1px solid var(--clr-common-border);
	font-weight: 400;
}
.cart-area .cart-page-total ul > li > span {
	float: right;
}
.cart-area .cart-page-total li:last-child {
	border-bottom: 0;
}
.cart-area td.product-thumbnail img {
	width: 125px;
}
.cart-area .cart-plus {
	left: auto;
	right: 0;
}
.cart-area .cart-input {
	height: 58px;
	width: 32px;
	text-align: center;
	font-size: 14px;
	border: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -3px;
	padding-bottom: 4px;
	background: transparent;
}
.cart-area .cart-input:focus {
	outline: none;
}

.cart-area .coupon .fill-btn {
	height: 50px;
	line-height: 48px;
	clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}
.cart-area .coupon2 .fill-btn {
	height: 50px;
	line-height: 48px;
	clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}

.product-quantity a {
	white-space: nowrap;
}
.product-quantity .fill-btn {
	white-space: nowrap;
	clip-path: polygon(6% 0, 100% 0, 96% 100%, 0 100%);
	height: 53px;
	line-height: 53px;
	padding: 0 32px;
}

.coupon-accordion h3 {
	border-top: 3px solid var(--clr-theme-1);
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 1em 2em 1em 3.5em;
	position: relative;
	width: auto;
	background: #eaeaea;
}
.coupon-accordion h3::before {
	content: "\f07b";
	left: 15px;
	top: 13px;
	position: absolute;
	color: #575757;
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
}
.coupon-accordion span {
	color: #575757;
	cursor: pointer;
	transition: 0.3s;
	font-weight: 500;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
	color: #012863;
}

.coupon-content {
	border: 1px solid #eaebee;
	display: none;
	margin-bottom: 20px;
	padding: 30px;
}

.coupon-info p.coupon-text {
	margin-bottom: 15px;
}

.coupon-info p {
	margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
	display: block;
	color: #012863;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
	color: #012863;
	font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
	border: 1px solid #eaebee;
	height: 60px;
	line-height: 60px;
	margin: 0 0 14px;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 100%;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
	border-color: #012863;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
	background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
	position: relative;
	top: 0px;
	margin-right: 15px;
}

.form-row > label {
	margin-top: 15px;
	margin-inline-start: 15px;
	color: #575757;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
	background: #252525 none repeat scroll 0 0;
	border: medium none;
	color: var(--clr-common-white);
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	margin-inline-end: 15px;
	padding: 0 15px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}

p.lost-password {
	margin-top: 15px;
}

p.lost-password a {
	color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	width: 100%;
	border: 1px solid #eaebee;
	margin-bottom: 15px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
p.checkout-coupon input[type="text"]:focus {
	border-color: #eaebee;
}

.coupon-checkout-content {
	display: none;
}

.checkbox-form .ship-different-title {
	border-bottom: 1px solid #eaebee;
	margin: 0 0 20px;
	padding-bottom: 10px;
	width: 100%;
}

.checkbox-form h3 {
	margin-bottom: 20px;
}

.country-select {
	margin-bottom: 30px;
	position: relative;
}

.country-select select {
	width: 100%;
	background-color: transparent;
	border: 1px solid #eaebee;
	padding: 0 10px;
	height: 50px;
}

.country-select label,
.checkout-form-list label {
	color: var(--clr-common-black);
	display: block;
	margin-bottom: 10px;
}

.country-select label span.required,
.checkout-form-list label span.required {
	color: #012863;
}

.country-select .nice-select {
	border: 1px solid #eaebee;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	width: 100%;
	color: #575757;
	margin-bottom: 20px;
	border-radius: 0;
}

.country-select .nice-select .list {
	width: 100%;
}

.checkout-form-list {
	margin-bottom: 30px;
}

.checkout-form-list label {
	color: var(--clr-common-black);
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
	background: var(--clr-common-white);
	border: 1px solid var(--clr-common-border);
	border-radius: 0;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 20px;
	width: 100%;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.checkout-form-list input[type="text"]:focus,
.checkout-form-list input[type="password"]:focus,
.checkout-form-list input[type="email"]:focus {
	border-color: var(--clr-theme-3);
}

.checkout-form-list input[type="text"]::-moz-placeholder,
.checkout-form-list input[type="password"]::-moz-placeholder,
.checkout-form-list input[type="email"]::-moz-placeholder {
	color: var(--clr-common-body-text);
	opacity: 1;
}

.checkout-form-list input[type="text"]::placeholder,
.checkout-form-list input[type="password"]::placeholder,
.checkout-form-list input[type="email"]::placeholder {
	color: var(--clr-common-body-text);
	opacity: 1;
}

.checkout-form-list input[type="checkbox"] {
	display: inline-block;
	margin-inline-end: 10px;
	position: relative;
	top: 1px;
}

.create-acc label {
	color: #575757;
	display: inline-block;
}

.create-account {
	display: none;
}

.ship-different-title label {
	display: inline-block;
	margin-inline-end: 10px;
}

.order-notes textarea {
	border: 1px solid #eaebee;
	height: 90px;
	padding: 15px;
	width: 100%;
	resize: none;
	padding-left: 20px;
	outline: none;
}

.order-notes textarea::-moz-placeholder {
	color: var(--clr-common-body-text);
	opacity: 1;
}

.order-notes textarea::placeholder {
	color: var(--clr-common-body-text);
	opacity: 1;
}

#ship-box-info {
	display: none;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-default > .panel-heading {
	border-radius: 0;
}

.your-order {
	padding: 30px 40px 45px;
	border: 2px solid #eaebee;
}

@media (max-width: 767px) {
	.your-order {
		padding: 15px;
	}
}
.your-order h3 {
	border-bottom: 1px solid #eaebee;
	font-size: 24px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	width: 100%;
}

.your-order-table table {
	background: none;
	border: 0;
	width: 100%;
}

.your-order-table table th,
.your-order-table table td {
	border-bottom: 1px solid #eaebee;
	border-right: medium none;
	color: #575757;
	font-size: 16px;
	padding: 15px 0;
	text-align: left;
}

@media (max-width: 767px) {
	.your-order-table table th,
	.your-order-table table td {
		padding-right: 10px;
	}
}
.your-order-table table th {
	border-top: medium none;
	color: var(--clr-common-black);
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}

.panel-body > p {
	color: #222;
}

.your-order-table table .shipping ul li {
	list-style: none;
}
.your-order-table table .shipping ul li input {
	position: relative;
	top: 0px;
}
.your-order-table table .shipping ul li label {
	color: #575757;
}
.your-order-table table .shipping th {
	vertical-align: top;
}
.your-order-table table .order-total th {
	border-bottom: 0;
}
.your-order-table table .order-total td {
	border-bottom: medium none;
}
.your-order-table table tr.cart_item:hover {
	background: #f9f9f9;
}
.your-order-table table tr.order-total td span {
	color: var(--clr-common-black);
	font-size: 18px;
	font-weight: 500;
}

.payment-method {
	margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
	padding: 0 15px;
	background-color: var(--clr-common-white);
	border: 0;
	border-bottom: 1px solid #eaebee;
}
.payment-method .accordion-button {
	font-size: 16px;
	font-weight: 500;
	color: var(--clr-common-black);
	padding: 23px 0;
	border: none;
}
.payment-method .accordion-button:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.payment-method .accordion-button::after {
	position: absolute;
	content: "\f067";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Font Awesome 6 Pro";
	font-size: 16px;
	font-weight: 400;
	margin-inline-start: 0;
	background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
	color: #012863;
	background-color: var(--clr-common-white);
	box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
	content: "\f068";
}
.payment-method .accordion-body {
	padding: 8px 0;
	padding-bottom: 40px;
	color: var(--clr-common-body-text);
}
.payment-method .accordion-collapse {
	border: none;
}

.panel-title > a {
	display: block;
}

.order-button-payment input {
	background: #232323 none repeat scroll 0 0;
	border: medium none;
	color: var(--clr-common-white);
	font-size: 15px;
	font-weight: 600;
	height: 40px;
	margin: 0px 0 0;
	padding: 0;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.order-button-payment input:hover {
	background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
	user-select: none;
	-moz-user-select: none;
	background: no-repeat;
	border: medium none;
	border-radius: 0;
	color: #444;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 3px 10px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
}

.payment-method .card {
	background-color: var(--clr-common-white);
	border: 1px solid #eaebee;
	border-radius: 0;
	margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
	border: 1px solid #eaebee;
}

.card-header:first-child {
	border-radius: 0;
}

.payment-method .card-header {
	background-color: var(--clr-common-white);
	border-bottom: 1px solid #eaebee;
}

.order-button-payment button {
	width: 100%;
}

.product-details-img {
	margin-inline-end: 50px;
}
@media (max-width: 575px) {
	.product-details-img {
		margin-inline-end: 0;
	}
}
.product-details-img img {
	width: 100%;
}

.product-side-info .product-name {
	font-size: 26px;
}
.product-side-info .product-price {
	font-size: 20px;
	font-weight: 700;
	color: #012863;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.product-side-info .product-price {
		font-size: 18px;
	}
}
.product-side-info p {
	margin-bottom: 40px;
}

.product-quantity-cart {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.product-quantity-form .cart-input {
	height: 55px;
	width: 70px;
	padding: 0 14px;
	border: 1px solid var(--clr-common-border);
	text-align: center;
	line-height: 55px;
}
.product-quantity-form .cart-plus {
	height: 55px;
	width: 55px;
	border: none;
}
.product-quantity-form .cart-minus {
	height: 55px;
	width: 55px;
	border: none;
}
.product-quantity-form form {
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: center;
}

.product-quantity-pm .cart-input {
	height: 40px;
	width: 70px;
	padding: 0 14px;
	border: 1px solid var(--clr-common-border);
	text-align: center;
	line-height: 40px;
}
.product-quantity-pm .cart-minus,
.product-quantity-pm .cart-plus {
	display: inline-block;
	height: 41px;
	width: 55px;
	background: #eaeaea;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	color: #222;
	cursor: pointer;
}
.product-quantity-pm form {
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: center;
}

.product-quantity-pm-2 .cart-input {
	height: 40px;
	width: 70px;
	padding: 0 14px;
	border: 1px solid var(--clr-common-border);
	text-align: center;
	line-height: 40px;
}
.product-quantity-pm-2 .cart-minus,
.product-quantity-pm-2 .cart-plus {
	display: inline-block;
	height: 41px;
	width: 55px;
	background: #eaeaea;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	color: #222;
	cursor: pointer;
}
.product-quantity-pm-2 form {
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: center;
}

.style-2.product-single {
	border-radius: 10px;
	overflow: hidden;
}
.style-2.product-single:hover .product-item-action {
	margin-bottom: 0;
	opacity: 1;
	visibility: visible;
}
.style-2.product-single:hover .product-thumb img {
	transform: scale(1.05);
}
.style-2 .product-description {
	padding: 33px 0 37px 0;
	background: var(--clr-common-white);
	text-align: center;
}
.style-2 .product-price {
	justify-content: center;
}
.style-2 .product-name {
	font-size: 20px;
	margin-bottom: 13px;
}
.style-2 .product-price {
	font-size: 18px;
	font-weight: 400;
}
.style-2 .product-item-action a {
	font-size: 18px;
	color: var(--clr-common-white);
	width: auto;
	height: auto;
	line-height: inherit;
	background: transparent;
	position: relative;
	transform: scaleX(1);
}
.style-2 .product-item-action a:hover {
	color: var(--clr-theme-2);
}
.style-2 .product-item-action a:not(:first-child)::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 18px;
	background: #225544;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.style-2 .product-thumb {
	overflow: hidden;
}
.style-2 .product-item-action {
	display: inline-flex;
	background: var(--clr-bg-1);
	padding: 17px 23px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px 10px 0 0;
	gap: 40px;
	margin-inline-end: -23%;
	margin-bottom: -60px;
	-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;
	opacity: 0;
	visibility: hidden;
}
.style-2 .product-batches {
	position: absolute;
	right: 20px;
	top: 20px;
	display: flex;
	gap: 10px;
}
.style-2 .batch-trending {
	width: 30px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 20px;
	background: var(--clr-theme-2);
	text-align: center;
	color: var(--clr-common-white);
	line-height: 45px;
	padding-top: 5px;
	border-radius: 0 0 15px 15px;
}
.style-2 .product-batch {
	width: 60px;
	height: 60px;
	background: var(--clr-common-white);
	text-align: center;
	font-size: 14px;
	line-height: 60px;
	color: var(--clr-theme-1);
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 50%;
}

.shop-social-link ul {
	display: flex;
	gap: 16px;
}

.comment-submit .fill-btn {
	height: 55px;
	line-height: 55px;
	clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}

.product-widget-title {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 25px;
}

.product-categories li {
	list-style: none;
}
.product-categories li:not(:last-child) {
	margin-bottom: 15px;
}
.product-categories li a {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: var(--clr-common-body-text);
	transition: 0.3s;
	padding-left: 20px;
}
.product-categories li a::before {
	position: absolute;
	content: "\f054";
	left: 0;
	top: 55%;
	transform: translateY(-50%);
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	color: var(--clr-common-body-text);
	transition: all 0.3s ease-out 0s;
}
.product-categories li a:hover {
	color: var(--clr-theme-3);
}
.product-categories li a:hover::before {
	left: 5px;
	color: var(--clr-theme-3);
}

.ui-widget.ui-widget-content {
	border: none;
}

.product-widgets ul.product_list_widget li:not(:last-child) {
	margin-bottom: 15px;
}

.product_list_widget li {
	margin-bottom: 20px;
}
.product_list_widget li h4 {
	display: flex;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: var(--clr-common-black);
	transition: 0.3s;
	margin-bottom: 11px;
}
.product_list_widget li h4:hover {
	color: var(--clr-theme-2);
}
.product_list_widget .rating {
	line-height: 2.2;
}

ul.product_list_widget img {
	width: 100px;
	height: 100px;
	margin-right: 15px;
	background-color: rgba(128, 128, 128, 0.06);
	overflow: hidden;
	float: left;
	border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	ul.product_list_widget img {
		width: 75px;
		height: 75px;
	}
}

.basic-pagination ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}
.basic-pagination ul li {
	list-style: none;
}
.basic-pagination ul li a,
.basic-pagination ul li span {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #a4abbc;
	font-size: 14px;
	font-weight: 500;
	color: #012863;
	border-radius: 50%;
}
@media (max-width: 575px) {
	.basic-pagination ul li a,
	.basic-pagination ul li span {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}
.basic-pagination ul li a:hover,
.basic-pagination ul li span:hover {
	background: #012863;
	color: var(--clr-common-white);
	border-color: #012863;
}
.basic-pagination ul li span.current {
	background: #012863;
	color: var(--clr-common-white);
	border-color: #012863;
}

.page-numbers i {
	font-weight: 400;
	font-size: 26px;
	line-height: 60px;
}
@media (max-width: 575px) {
	.page-numbers i {
		line-height: 40px;
	}
}

.fill-btn {
	font-size: 16px;
	color: var(--clr-common-white);
	font-weight: 600;
	background: var(--clr-theme-3);
	height: 60px;
	display: inline-block;
	line-height: 60px;
	padding: 0 38px;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	border-radius: 60px;
}
.fill-btn:hover {
	background: var(--clr-theme-5);
}
.fill-btn i {
	margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.price-wrapper {
		max-width: 300px;
	}
}

.price-input {
	width: 100%;
	margin: 30px 0 35px;
	text-align: center;
}

.price-input .field {
	display: flex;
	width: 100%;
	height: 45px;
	align-items: center;
}

.field input {
	width: 100%;
	height: 100%;
	outline: none;
	font-size: 16px;
	margin-left: 12px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid var(--clr-common-border);
	-moz-appearance: textfield;
}

.price-input .separator {
	width: 100%;
	display: flex;
	font-size: 19px;
	align-items: center;
	justify-content: center;
}

.slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}

.slider .progress {
	height: 100%;
	left: 25%;
	right: 25%;
	position: absolute;
	border-radius: 5px;
	background: var(--clr-theme-3);
}

.range-input {
	position: relative;
}

.range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: var(--clr-theme-1);
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: var(--clr-theme-3);
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* Support */
.support-box {
	top: 2rem;
	position: relative;
	bottom: 0;
	text-align: center;
	display: block;
}

.b-btn {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.b-btn.paypal i {
	color: blue;
}

.b-btn:hover {
	text-decoration: none;
	font-weight: bold;
}

.b-btn i {
	font-size: 20px;
	color: yellow;
	margin-top: 2rem;
}

/*----------------------------------------
    23. modal CSS
----------------------------------------*/
.product__modal {
	max-width: 900px;
	padding: 20px;
	padding-top: 27px;
}
.product__modal-close {
	top: 15px;
	right: 15px;
	z-index: 1;
}
.product__modal-close button {
	color: var(--clr-theme-3);
	display: block;
	line-height: 30px;
	text-align: center;
	width: 38px;
	height: 38px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #ebebeb;
	outline: none;
}
.product__modal-close button:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-1);
	border-color: var(--clr-theme-1);
}
.product__modal-wrapper {
	padding: 20px;
}
.product__modal-content h4 {
	font-size: 24px;
	font-weight: 700;
	text-transform: none;
	padding: 0;
	padding-right: 0px;
	margin: 0;
	margin-bottom: 0px;
	padding-right: 65px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.product__modal-des p {
	font-size: 14px;
	line-height: 26px;
}
.product__modal-box .nav-tabs {
	border-bottom: 0;
}
.product__modal-box .nav-link {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
}
.product__modal-links ul li {
	display: inline-block;
	margin-inline-end: 4px;
}
.product__modal-links ul li a {
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--clr-common-white);
	border: 1px solid var(--clr-common-border);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: var(--clr-theme-1);
}
.product__modal-links ul li a:hover {
	color: var(--clr-common-white);
	background: var(--clr-theme-3);
	border-color: var(--clr-theme-3);
}
.product__modal .nav-tabs {
	border: none;
	justify-content: space-between;
}
.product__modal .nav-link {
	border: 1px solid #f0f0f0;
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	border-radius: 5px;
}
.product__modal .nav-link::before {
	display: none;
}
.product__modal .nav-link.active {
	border-color: var(--clr-theme-1) !important;
}
.product__modal .nav-link.active::after {
	position: absolute;
	content: "";
	top: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: transparent;
	border-bottom-color: var(--clr-theme-1);
}
.product__modal-form .product-quantity .cart-plus-minus input {
	height: 60px;
	line-height: 60px;
	border-radius: 0;
}
.product__modal-box .tab-content {
	margin-bottom: 20px;
}
.product__stock span {
	font-size: 14px;
	color: #777;
	text-transform: uppercase;
}
.product__stock span:first-child {
	color: var(--clr-theme-1);
	padding-right: 5px;
	font-weight: 700;
}
.product__price span {
	color: var(--clr-theme-1);
	font-size: 24px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 22px;
}
.product__add-review span a {
	position: relative;
	padding-right: 10px;
	margin-inline-end: 10px;
	color: var(--clr-theme-1);
}
.product__add-review span a::after {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 80%;
	background: var(--clr-bg-1);
}
.product__add-review span a:hover {
	color: var(--clr-theme-1);
}
.product__add-review span:last-child a::after {
	display: none;
}

.rating__shop ul {
	display: flex;
	gap: 4px;
}
.rating__shop ul li {
	list-style: none;
}

.product__modal-box {
	max-width: 375px;
}

.product__modal-box .nav-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.product__modal-box .nav-tabs .nav-item {
	width: calc((100% - 60px) / 4);
}

.product__modal .nav-link img {
	width: 100%;
}

.product__modal-img {
	background-color: rgba(128, 128, 128, 0.06);
}

.product__modal-des {
	margin-bottom: 20px;
}

.product__stock.sku {
	margin-bottom: 20px;
}

.df-section-wrapper p {
	font-size: 16px;
	line-height: 1.62;
}

.df-policy__wrapper {
	padding: 50px 60px 60px 50px;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.df-policy__wrapper {
		padding: 40px 40px;
	}
}
@media (max-width: 575px) {
	.df-policy__wrapper {
		padding: 30px 20px;
	}
}
.df-policy__meta {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -0.02em;
	margin-bottom: 12px;
}
.df-policy__wrapper p {
	font-size: 16px;
	line-height: 1.62;
	margin-bottom: 11px;
}
.df-policy__title {
	font-size: 28px;
	letter-spacing: -0.04em;
	color: var(--clr-common-black);
	margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px) {
	.df-policy__title {
		font-size: 24px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-policy__title {
		font-size: 20px;
	}
}
.df-policy__title-2 {
	margin-bottom: 35px;
}
.df-policy__title-2 p {
	margin-bottom: 25px;
}
.df-policy__item ul li {
	font-size: 16px;
	position: relative;
	padding-left: 15px;
	list-style: none;
}
.df-policy__item ul li::after {
	position: absolute;
	content: "";
	left: 0;
	top: 11px;
	width: 5px;
	height: 5px;
	background-color: var(--clr-common-black);
	border-radius: 50%;
}
.df-policy__item ul li:not(:last-child) {
	margin-bottom: 5px;
}
.df-policy__contact > p {
	margin-bottom: 14px;
}
.df-policy__contact ul {
	margin-bottom: 15px;
}
.df-policy__contact ul li {
	list-style: none;
	font-size: 16px;
	color: var(--clr-common-black);
}
.df-policy__address p {
	font-size: 16px;
	line-height: 1.5;
}

/*----------------------------------------
	33. footer css
----------------------------------------*/
.df-footer__blur {
	right: -180px;
	background: #ff4917;
	filter: blur(200px);
	bottom: 0;
	opacity: 0.5;
	position: absolute;
	width: 340px;
	height: 340px;
	z-index: 3;
}

.df-footer__shape {
	position: absolute;
	right: 60px;
	top: -50px;
}
.df-footer__shape img {
	filter: invert(56%) sepia(52%) saturate(545%) hue-rotate(168deg)
		brightness(102%) contrast(97%);
	-moz-animation: rotate 15s ease-in-out 1s forwards infinite alternate;
	-webkit-animation: rotate 15s ease-in-out 1s forwards infinite alternate;
	animation: rotate 15s ease-in-out 1s forwards infinite alternate;
}

.footer__widgets-wrapper {
	display: grid;
	grid-template-columns: auto auto auto auto;
	justify-content: space-between;
	gap: 50px 30px;
	padding: 100px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.footer__widgets-wrapper {
		grid-template-columns: auto auto auto auto auto;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer__widgets-wrapper {
		grid-template-columns: auto auto auto auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__widgets-wrapper {
		padding: 80px 0;
		grid-template-columns: auto auto auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__widgets-wrapper {
		padding: 80px 0;
		grid-template-columns: auto auto;
	}
}
@media (max-width: 575px) {
	.footer__widgets-wrapper {
		padding: 80px 0;
		grid-template-columns: auto;
	}
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px) {
	.footer__widgets-wrapper.widgets-5 {
		grid-template-columns: auto auto auto auto auto;
	}
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.footer__widgets-wrapper.widgets-4 {
		grid-template-columns: auto auto auto auto;
	}
}
.footer__widgets-wrapper-2 {
	display: grid;
	grid-template-columns: auto auto auto auto;
	justify-content: space-between;
	gap: 50px 30px;
	padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__widgets-wrapper-2 {
		padding: 80px 0;
		grid-template-columns: auto auto auto;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__widgets-wrapper-2 {
		padding: 80px 0;
		grid-template-columns: auto auto;
	}
}
@media (max-width: 575px) {
	.footer__widgets-wrapper-2 {
		padding: 80px 0;
		grid-template-columns: auto;
	}
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.footer__widgets-wrapper-2.widgets-5 {
		grid-template-columns: auto auto auto auto auto;
	}
}
@media only screen and (min-width: 1600px),
	only screen and (min-width: 1441px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.footer__widgets-wrapper-2.widgets-4 {
		grid-template-columns: auto auto auto auto;
	}
}
.footer__widget-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 30px;
}

.footer-meta {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
}
.footer-meta i {
	color: var(--clr-theme-3);
	font-size: 20px;
	margin-top: 4px;
}
.footer-meta.is-white i {
	color: var(--clr-theme-3);
}

.df-footer__logo {
	max-width: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.df-footer__logo {
		width: 130px;
	}
}
.df-footer__logo img {
	width: 100%;
}

.df-footer-text {
	max-width: 307px;
}
.df-footer-text.is-white {
	color: #b5cde1;
	max-width: 225px;
}
.df-footer-text.max-225 {
	max-width: 225px;
}
.df-footer-text.max-340 {
	max-width: 340px;
}

.footer__links ul li {
	list-style: none;
}
.footer__links ul li:not(:last-child) {
	margin-bottom: 9px;
}
.footer__links ul li a {
	font-size: 18px;
	font-weight: 500;
}
.footer__links ul li a:hover {
	color: var(--clr-theme-3);
}
.footer__links.is-white ul li a:hover {
	color: var(--clr-theme-4);
}

.footer-meta p {
	font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.footer-meta p br {
		display: none;
	}
}

.copyright-content__wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 0;
	gap: 10px 30px;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.copyright-content__wrapper {
		justify-content: center;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.copyright-content__wrapper {
		padding: 30px 0;
	}
}

.copyright__text p {
	font-size: 18px;
}
.copyright__nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 35px;
	flex-wrap: wrap;
}
@media (max-width: 575px) {
	.copyright__nav ul {
		gap: 25px;
	}
}
.copyright__nav li {
	list-style: none;
}
.copyright__nav li:not(:first-child) {
	list-style: disc;
	padding-left: 10px;
}
@media (max-width: 575px) {
	.copyright__nav li:not(:first-child) {
		padding-left: 5px;
	}
}

.copyright-content__wrapper2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	gap: 10px 30px;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.copyright-content__wrapper2 {
		justify-content: center;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.copyright-content__wrapper2 {
		padding: 23px 0;
		gap: 15px 30px;
	}
}

.demo__banner-title {
	font-size: 84px;
	margin-bottom: 30px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.16;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.demo__banner-title {
		font-size: 75px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.demo__banner-title {
		font-size: 65px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.demo__banner-title {
		font-size: 65px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.demo__banner-title {
		font-size: 62px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.demo__banner-title {
		font-size: 45px;
	}
}
@media (max-width: 450px) {
	.demo__banner-title {
		font-size: 38px;
	}
}

.demo__banner-content > p {
	padding: 0 18%;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.demo__banner-content > p {
		padding: 0 5%;
	}
}
@media (max-width: 575px),
	only screen and (min-width: 576px) and (max-width: 767px) {
	.demo__banner-content > p {
		padding: 0;
	}
}

@media (min-width: 1440px) {
	.demo__banner-wrapper {
		max-width: 1390px;
		margin: auto;
	}
}
.demo__banner-wrapper .html-logo {
	max-width: 150px;
	margin-bottom: 20px;
}
.demo__banner-wrapper .tab__thumb {
	position: absolute;
	bottom: 0;
	right: 20px;
	max-width: 362px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.demo__banner-wrapper .tab__thumb {
		max-width: 320px;
	}
}
.demo__banner-wrapper .laptop__thumb {
	max-width: 930px;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.demo__banner-wrapper .laptop__thumb {
		max-width: 650px;
	}
}
.demo__banner-wrapper .mobile__thumb {
	position: absolute;
	bottom: 78px;
	left: 0px;
	max-width: 285.7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.demo__banner-wrapper .mobile__thumb {
		left: 20px;
		max-width: 265px;
	}
}

.demo__section-title {
	padding: 0 30px;
	position: relative;
}
.demo__section-number {
	position: absolute;
	bottom: 1%;
	left: 19%;
	font-size: 400px;
	background: linear-gradient(
		180deg,
		rgba(99, 100, 219, 0.1) 40%,
		rgba(99, 100, 219, 0) 72.4%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.demo__section-number {
		left: 7%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.demo__section-number {
		left: 4%;
		font-size: 310px;
	}
}
@media (max-width: 575px) {
	.demo__section-number {
		bottom: 80%;
		left: 6%;
		font-size: 170px;
	}
}
.demo__features p {
	font-weight: 500;
	font-size: 15px;
	position: relative;
	padding-left: 18px;
}
.demo__features p:not(:last-child) {
	margin-right: 40px;
}
.demo__features p::after {
	position: absolute;
	content: "";
	left: 0;
	top: 11px;
	width: 5px;
	height: 5px;
	background-color: var(--clr-theme-1);
	border-radius: 50%;
}
.demo__item {
	transition: 0.3s;
	background-color: var(--clr-common-white);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 30px 20px 0 20px;
	border: 1px solid var(--clr-common-border);
	position: relative;
}
.demo__item.demo-politician .demo__thumb {
	margin-top: -25px;
}
.demo__item::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	position: absolute;
	top: 13px;
	left: 30px;
	z-index: -1;
	color: rgba(0, 0, 0, 0.07);
	background-color: rgb(255, 96, 88);
	box-shadow:
		10px 0 0 rgb(255, 192, 47),
		20px 0 0 rgb(41, 202, 65);
}
.demo__item:hover {
	box-shadow: 0px 10px 20px rgba(3, 4, 28, 0.08);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.demo__item:hover .demo__title {
	color: var(--clr-theme-3);
}
.demo__item:hover .demo__tag {
	color: var(--clr-common-body-text);
}
.demo__thumb {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
.demo__thumb img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
}
.demo__thumb.coming-soon img {
	mix-blend-mode: difference;
}
.demo__title {
	font-size: 24px;
	letter-spacing: -0.01em;
}
.demo__title:hover {
	color: var(--clr-theme-3);
}
@media (max-width: 450px) {
	.demo__title {
		font-size: 20px;
	}
}
.demo__tag {
	font-size: 13px;
	line-height: 1.3;
	margin-top: 6px;
}
.demo__content {
	padding-top: 25px;
	padding-bottom: 25px;
}

.bd-container-fluid {
	max-width: 1490px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.bd-container-fluid {
		max-width: 540px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bd-container-fluid {
		max-width: 960px;
	}
}

.demo__features-item {
	padding: 40px 30px;
	background: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	border-radius: 6px;
	position: relative;
	transition: all 0.3s 0s ease-out;
}
@media (max-width: 450px),
	only screen and (min-width: 1200px) and (max-width: 1440px) {
	.demo__features-item {
		padding: 30px 30px;
	}
}
.demo__features-item:hover {
	transform: translateY(-5px);
}

.demo__features-icon {
	margin-bottom: 25px;
}
.demo__features-icon span svg * {
	fill: var(--clr-theme-3);
}

.demo__features-content h3 {
	margin-bottom: 20px;
	font-size: 20px;
}
.demo__features-content p {
	margin-bottom: 0;
}

.demo_rating-box {
	text-align: center;
	padding: 30px 30px;
	background: var(--clr-theme-4);
	border-radius: 10px;
}
.demo_rating-title {
	font-size: 24px;
	font-weight: 500;
}
.demo_rating-subtitle {
	font-size: 16px;
	line-height: 1.2;
	color: var(--clr-common-body-text);
	margin-bottom: 0;
	letter-spacing: 0.5px;
	display: inline-block;
}
.demo_rating-icon i {
	font-size: 16px;
	color: #ff9501;
}
.demo_rating-description {
	margin-bottom: 19px;
	margin-top: 20px;
}
.demo_rating-envato img {
	display: block;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	max-height: 25px;
	margin-top: 20px;
}

.footer__intro {
	padding: 70px 0 80px;
}
@media (max-width: 575px) {
	.footer__intro {
		padding: 50px 0 60px;
	}
}
.footer__intro h1 {
	margin-bottom: 15px;
}
.footer__intro p {
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 35px;
}

.demo__tab.bd-tab .nav-tabs {
	justify-content: center;
	margin-bottom: 50px;
	gap: 40px;
	flex-wrap: wrap;
	text-align: center;
	display: inline-flex;
	position: relative;
	border-bottom: 1px solid var(--clr-common-border);
	padding-bottom: 7px;
}
.demo__tab.bd-tab .nav-link {
	background: transparent;
	color: var(--clr-common-white);
}
.demo__tab.bd-tab .nav-link.active {
	position: relative;
}
.demo__tab.bd-tab .nav-link.active:before {
	position: absolute;
	content: "";
	height: 3px;
	width: 100%;
	background: var(--clr-theme-1);
	bottom: -8px;
}

.demo-support__wrapper {
	margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
	only screen and (min-width: 768px) and (max-width: 991px),
	only screen and (min-width: 576px) and (max-width: 767px),
	(max-width: 575px) {
	.demo-support__wrapper {
		margin-left: 0;
		margin-top: 50px;
	}
}
@media (max-width: 575px) {
	.demo-support__icon {
		margin-bottom: 25px;
	}
}
.demo-support__icon img {
	max-width: 90px;
}
.demo-support__item {
	padding: 65px 50px;
	background-color: var(--clr-common-white);
	box-shadow: 0px 6px 35px 0px rgba(214, 215, 213, 0.4);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
	.demo-support__item {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.demo-support__item {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.demo-support__item {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media (max-width: 575px) {
	.demo-support__item {
		padding: 50px 20px;
	}
}
.demo-support__title {
	font-size: 28px;
	color: var(--clr-common-black);
	margin-bottom: 35px;
}

.btn-border {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	border: 2px solid var(--clr-theme-1);
	border-radius: 5px;
	padding: 10px 35px;
	padding-left: 35px;
	padding-left: 45px;
	color: var(--clr-theme-1);
	text-transform: uppercase;
}
.btn-border:hover {
	background-color: var(--clr-theme-1);
	color: var(--clr-common-white);
}
/*# sourceMappingURL=../maps/main.css.map */