:root {
	--primary-color: #ec2b19;
	--secondary-color: #0E36A8;
	--third-color: #EDD6D6;
	--white-color: #ffffff;
	--black-color: #000000;
	--bg-color: #f5f5f5;
	--font-family: "Jost", sans-serif
}

body {
	font-family: var(--font-family);
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 30px;
	overflow-x: hidden;
	background-color: var(--bg-color)
}

.p-white {
	color: var(--white-color);
}

.p-black {
	color: var(--black-color) !important;
}

.left-border {
	border-left: 9px solid var(--secondary-color);
	border-radius: 10px;
	padding-left: 6px;
}

.end-border {
	width: 366px;
	height: 10px;
	background-color: var(--secondary-color);
	border-radius: 15px;
	margin-right: 20px;
}

.start-border {
	width: 366px;
	height: 10px;
	background-color: var(--secondary-color);
	border-radius: 15px;
	margin-left: 20px;
}

.glass {
	background-color: #edd6d638;
	border-radius: 30px;
	padding: 10px 15px;
	padding-bottom: 10px;
	margin-top: 12px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

ul.glass {
	text-align: center;
	padding: 2px;
	height: 350px;
}

li.glass {
	font-size: 15px;
}

a {
	outline: medium none !important;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

a:focus {
	color: #000000;
	text-decoration: none !important;
}

a:hover {
	color: #000000;
	text-decoration: none !important;
}

a.text-dark:focus {
	color: var(--primary-color) !important;
}

a.text-dark:hover {
	color: var(--primary-color) !important;
}

input {
	outline: medium none !important;
	color: var(--primary-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: var(--font-family);
	font-weight: 700;
	color: #000000;
	margin: 0px 0px 1rem;
}

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

h1 {
	font-size: 66px;
	font-style: normal;
	line-height: normal;
}

h2 {
	font-size: 60px;
	line-height: 70px;
}

h3 {
	font-size: 42px;
	line-height: 52px;
}

h4 {
	font-size: 32px;
	line-height: 42px;
}

h5 {
	font-size: 26px;
	line-height: normal;
}

h6 {
	font-size: 22px;
	line-height: normal;
}

.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6,
.bg-black .h1,
.bg-black .h2,
.bg-black .h3,
.bg-black .h4,
.bg-black .h5,
.bg-black .h6 {
	color: var(--white-color);
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6 {
	color: #cb0707;
}

.bg-black p,
.bg-dark p {
	color: #000000;
}

iframe {
	width: 100%;
}

label {
	font-weight: normal;
}

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

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

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

.caption.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.caption.alignleft img {
	width: 253px;
}

.caption.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.caption.alignright img {
	width: 253px;
}

.typography-section .hr {
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	padding-top: 80px;
	margin-top: 80px;
}

/*figure*/
figure.caption {
	width: 253px;
}

figure.caption .caption-text {
	margin: 14px 0px;
	text-align: center;
}

figure.caption.alignleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

figure.caption.alignright {
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}


/* Section Title */

.section-title {
	margin-bottom: 50px;
}

.section-title .sub-title {
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 20px;
	display: inline-block;
	text-transform: uppercase;
	font-family: var(--font-family);
}

.title-process {
	color: var(--primary-color);
	/* border-left: 9px solid var(--secondary-color); */
	border-radius: 10px;
	padding-left: 6px;
	margin-bottom: 0;
	text-transform: capitalize;
}

.section-title .title {
	color: var(--primary-color);
	/* border-left: 9px solid var(--secondary-color); */
	border-radius: 10px;
	padding-left: 6px;
	margin-bottom: 0;
	text-transform: capitalize;
}

.section-title p {
	margin-top: 25px;
	margin-bottom: 0;
	color: #000000;
}

.section-title p + p {
	margin-top: 20px;
}

.section-title.section-title-light .title {
	color: var(--white-color);
}

.section-title.section-title-light p {
	color: var(--white-color);
}

.section-title .btn {
	margin-top: 30px;
}

/* .section-title .title-border {
	padding-left: 30px;
} */


/* .bg-dark .section-title p {
	color: var(--white-color);
} */


/* Breadcrumb */

.breadcrumb {
	margin-top: 18px;
	background: transparent;
	border-radius: 0;
	display: inline-flex;
	padding: 14px 40px;
	justify-content: center;
}

.breadcrumb .breadcrumb-item {
	display: inline-block;
	font-size: 18px;
	color: var(--white-color);
}

.breadcrumb .breadcrumb-item a {
	color: var(--white-color);
}

.breadcrumb .breadcrumb-item a:hover {
	color: var(--white-color);
}

.breadcrumb .breadcrumb-item:before {
	color: var(--white-color);
}

.breadcrumb .breadcrumb-item.active {
	color: var(--white-color);
}

/* Dropcaps */

.dropcaps .dropcap-style-1 {
	float: left;
	text-align: center;
	line-height: 1;
	font-size: 50px;
	margin-right: 20px;
	color: var(--white-color);
}

.dropcaps .dropcap-style-1 .drop-cap-letter {
	font-size: 60px;
	font-weight: 500;
	display: inline-block;
}

.dropcaps .dropcap-style-2 {
	float: left;
	text-align: center;
	line-height: 1;
	font-size: 50px;
	padding: 7px;
	margin-right: 20px;
	margin-top: 8px;
	background-color: var(--primary-color);
	color: var(--white-color);
}

.dropcaps .dropcap-style-2 .drop-cap-letter {
	font-size: 60px;
	font-weight: 500;
	display: inline-block;
	height: 60px;
	width: 60px;
}

/* Blockquote */

blockquote {
	font-size: 20px;
	line-height: 34px;
	padding: 0px 30px;
	margin: 0;
	border-left: 5px solid var(--primary-color);
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}

blockquote cite {
	display: flex;
	gap: 10px;
	line-height: normal;
	align-items: center;
	color: var(--primary-color);
}

blockquote cite:before {
	content: "";
	width: 30px;
	height: 2px;
	display: inline-block;
	background: var(--primary-color);
}

blockquote .blockquote-name {
	font-weight: 500;
}

/*Blockquote Style 1*/
blockquote.blockquote-style-1 {
	padding: 40px 50px;
	padding-left: 180px;
	margin: 15px 0;
	margin-right: 10px;
	position: relative;
	font-size: 18px;
	line-height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	z-index: 2;
}

blockquote.blockquote-style-1 .blockquote-content {
	position: relative;
}

blockquote.blockquote-style-1 .blockquote-content .quote-icon {
	width: 100px;
	flex: 0 0 100px;
	margin-right: 30px;
}

blockquote.blockquote-style-1 .blockquote-content p {
	color: #ced0df;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0;
}

blockquote.blockquote-style-1 .blockquote-content .blockquote-author .blockquote-name {
	color: var(--primary-color);
}

blockquote.blockquote-style-1:before {
	content: "\f10d";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	top: 30px;
	left: 55px;
	opacity: 1;
	font-size: 100px;
	line-height: 90px;
	font-style: normal;
	color: transparent;
	-webkit-text-stroke: 2px var(--primary-color);
}

blockquote.blockquote-style-1:after {
	position: absolute;
	top: -10px;
	left: 10px;
	height: 100%;
	width: 100%;
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.07);
	z-index: -1;
}

blockquote.blockquote-style-1 cite, blockquote.blockquote-style-1 p + p {
	margin-top: 10px;
}

/*****************************
	Helper Classes
*****************************/
/* color */
.text-primary {
	color: var(--primary-color) !important;
}

.text-secondary {
	color: #07192f !important;
}

.text-light {
	color: #dfdfdf !important;
}

.text-dark {
	color: #000000 !important;
}

/* fill colors for svg */
.fill-dark {
	fill: #000000;
}

.fill-primary {
	fill: var(--primary-color);
}

.fill-light {
	fill: #f6f6f6;
}

.fill-white {
	fill: var(--white-color);
}

/* background */
.bg-primary {
	background-color: var(--primary-color) !important;
}

.bg-dark {
	 /* background: linear-gradient(to bottom, rgba(198, 30, 21, 0.2), rgba(255, 255, 255, 0.822)); */
	background-color: #EDD6D6 !important;
}

.bg-light {
	background: white;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	transition: 0.3s ease;
}

.bg-black {
	background-color: #000000 !important;
}

.bg-primary-gradient {
	background-color: var(--primary-color);
	background-image: linear-gradient(170deg, var(--primary-color) 0%, #5CC4A1 100%);
}

.border-t {
	border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.border-b {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.bg-img-box {
	height: 100%;
}

/*------------------------------*/
/* Ellipse Shep */
/*------------------------------*/
.ellipse-top {
	background-image: url(3591cc4a5edba61f0e96.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto;
}

.ellipse-bottom {
	background-image: url(22802f06a84d019cb83f.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto;
}

/* Transform Rotate Left */
.rotate-left-1 {
	transform: rotate(1deg);
}

.rotate-left-2 {
	transform: rotate(2deg);
}

.rotate-left-3 {
	transform: rotate(3deg);
}

.rotate-left-4 {
	transform: rotate(4deg);
}

.rotate-left-5 {
	transform: rotate(5deg);
}

/* Transform Rotate Right */
.rotate-right-1 {
	transform: rotate(-1deg);
}

.rotate-right-2 {
	transform: rotate(-2deg);
}

.rotate-right-3 {
	transform: rotate(-3deg);
}

.rotate-right-4 {
	transform: rotate(-4deg);
}

.rotate-right-5 {
	transform: rotate(-5deg);
}

/* Border Radius */
.radius-3 {
	border-radius: 3px;
}

.radius-4 {
	border-radius: 4px;
}

.radius-5 {
	border-radius: 5px;
}

.radius-8 {
	border-radius: 8px;
}

.radius-10 {
	border-radius: 10px;
}

.radius-15 {
	border-radius: 15px;
}

.radius-20 {
	border-radius: 20px;
}

.radius-25 {
	border-radius: 25px;
}

.radius-50 {
	border-radius: 50px;
}

.radius-80 {
	border-radius: 80px;
}

.radius-100 {
	border-radius: 100%;
}

/* Z-Index */
.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-6 {
	z-index: 6;
}

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

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

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

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

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

/* Section Margin Padding */
.space-ptb {
	padding-top: 130px;
	padding-bottom: 130px;
}

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

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

.space-medium-ptb {
	padding-top: 80px;
	padding-bottom: 80px;
}

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

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

.space-small-ptb {
	padding-top: 60px;
	padding-bottom: 60px;
}

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

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

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

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

.padding-medium-start {
	padding-left: 80px;
}

.padding-medium-end {
	padding-right: 80px;
}

.padding-small-start {
	padding-left: 60px;
}

.padding-small-end {
	padding-right: 60px;
}

.full-width {
	padding: 0 80px;
}

.space-mtb {
	margin-top: 130px;
	margin-bottom: 130px;
}

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

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

.space-medium-mtb {
	margin-top: 80px;
	margin-bottom: 80px;
}

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

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

.space-small-mtb {
	margin-top: 60px;
	margin-bottom: 60px;
}

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

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

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

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

.full-width {
	margin: 0 80px;
}

/*----------------------------*/
/* Section BG Image */
/*----------------------------*/
.section-bg-half {
	position: relative;
}

.section-bg-half .bg-fixed {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}

.section-bg-half .bg-fixed.clm-3 {
	width: 25%;
}

.section-bg-half .bg-fixed.clm-4 {
	width: 33.3333%;
}

.section-bg-half .bg-fixed.clm-5 {
	width: 41.6666%;
}

.section-bg-half .bg-fixed.clm-6 {
	width: 50%;
}

.section-bg-half .bg-fixed.clm-7 {
	width: 58.3333%;
}

.section-bg-half .bg-fixed.clm-8 {
	width: 66.6666%;
}

/*-----------------------*/
/* Cursor */
/*-----------------------*/
#cursor {
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	pointer-events: none;
}

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

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

/* Text Stroke */
.bg-text-stroke {
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--white-color);
	display: block;
}

/* img holder */
.bg-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}

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

/*=====================================================*/
/* Grid Col - CSS */
/*=====================================================*/
.grid-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 24px;
}

.grid-wrapper:has(.grid-left) {
	grid-gap: 70px;
}

.grid-justify-center {
	justify-items: center;
}

.grid-align-center {
	align-items: center;
}

.grid-gap-50 {
	grid-gap: 50px 30px;
}

.grid-gap-30 {
	grid-gap: 30px 30px;
}

.grid-gap-15 {
	grid-gap: 15px 30px;
}

.grid-gap-10 {
	grid-gap: 10px;
}

.grid-gap-5 {
	grid-gap: 5;
}

.grid-gap-0 {
	grid-gap: 0;
}

.grid-wrapper.grid-xl-1 {
	grid-template-columns: repeat(1, 1fr);
}

.grid-wrapper.grid-xl-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-wrapper.grid-xl-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-wrapper.grid-xl-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-wrapper.grid-xl-5 {
	grid-template-columns: repeat(5, 1fr);
}

.grid-wrapper.grid-xl-6 {
	grid-template-columns: repeat(6, 1fr);
}

/*----------------------------*/
/* Rotate CSS */
/*----------------------------*/
.rotate {
	transform: rotate(2deg);
}

/*----------------------------*/
/* Full Width Section */
/*----------------------------*/
.full-width {
	padding-left: 40px;
	padding-right: 40px;
}

.full-width-md {
	padding-left: 40px;
	padding-right: 40px;
}

.rounded-section {
	border-radius: 30px;
}

.rounded-section.jarallax .jarallax-container {
	border-radius: 30px;
}

section:has(.rounded-section) {
	padding-left: 40px;
	padding-right: 40px;
}

.full-width .rounded-section {
	padding-left: 40px;
	padding-right: 40px;
}

/*****************************
	Accordion
*****************************/
.accordion .accordion-item {
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	background-color: inherit;
	margin-bottom: 0px;
}

.accordion .accordion-item .accordion-header {
	overflow: hidden;
	border-radius: 5px;
}

.accordion .accordion-item .accordion-header .accordion-button {
	font-size: 24px;
	font-weight: 600;
	padding-right: 70px;
	background-color: inherit;
	border: 0;
	color: #000000;
	border-radius: 12px;
}

.accordion .accordion-item .accordion-header .accordion-button:after {
	content: "\2b";
	background-image: inherit;
	font-family: 'Font Awesome 5 Free';
	font-size: 18px;
	font-weight: 600;
	color: var(--white-color);
	background-color: #000000;
	border-radius: 12px;
	padding: 30px;
	margin-left: 22px;
	width: 50px;
	height: 50px;
	border: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.accordion .accordion-item .accordion-header .accordion-button:hover {
	color: var(--primary-color);
}

.accordion .accordion-item .accordion-header .accordion-button:hover:after {
	color: var(--primary-color);
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: #eae1e19f;
	color: var(--primary-color);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	border: 0;
	border-radius: 12px;
	padding: 12px 62px 12px 12px;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
	content: "\f068";
	font-family: 'Font Awesome 5 Free';
	font-size: 38px;
	color: var(--white-color);
	background-color: var(--third-color);
	height: 50px;
}

.accordion .accordion-item .accordion-button:focus {
	border-color: var(--primary-color);
	box-shadow: inherit;
}

.accordion .accordion-item .accordion-collapse .accordion-body {
	background-color: transparent;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #696666;
	margin-bottom: 25px;
}

.accordion .accordion-item:first-of-type {
	border-radius: 0px;
}

.accordion .accordion-item:last-of-type {
	border-radius: 0px;
}

.accordion .accordion-item:last-child {
	margin-bottom: 0px;
}

.accordion.accordion-style-pgs-two .accordion-item {
	border: none;
	margin-bottom: 15px;
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
	font-size: 20px;
	border-radius: 5px;
	border: 1px solid var(--primary-color);
	padding: 22px 25px;
	padding-right: 55px;
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:after {
	right: 12px;
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:hover {
	color: var(--white-color);
	background-color: var(--primary-color);
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:hover:after {
	color: var(--white-color);
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	box-shadow: inherit;
	outline: inherit;
	color: var(--white-color);
	background-color: var(--primary-color);
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
	content: "\f068";
	font-family: 'Font Awesome 5 Free';
	color: var(--white-color);
}

.accordion.accordion-style-pgs-two .accordion-item .accordion-collapse .accordion-body {
	background-color: transparent;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	color: #000000;
	margin-bottom: 0px;
}

/*****************************
	Action-box
*****************************/
.action-box {
	position: relative;
	height: 100%;
	padding: 50px;
	background-color: var(--secondary-color);
	border-radius: 25px;
  /* Action box Style 02	*/
  /* Action box Style 03 */
	;
}

.action-box .action-box-content {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.action-box .action-box-content .counter {
	border-bottom: none;
}

.action-box .action-box-content .counter:before {
	display: none;
}

.action-box .action-box-content .counter .counter-number .timer {
	color: white;
	font-size: 54px;
	line-height: 74px;
	margin-bottom: 10px;
}

.white-icon {
	width: 60px;
}

.action-box .action-box-content p {
	color: var(--white-color);
	margin-bottom: 0;
}

.action-box.action-box-style-02 {
	z-index: 2;
	border-radius: 15px;
	padding: 150px 45px 60px;
}

.action-box.action-box-style-02 .action-box-content {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.action-box.action-box-style-02 .action-box-content .title {
	font-family: var(--font-family);
	font-size: 36px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 44px;
	color: var(--white-color);
	margin-bottom: 20px;
}

.action-box.action-box-style-02 .action-box-content .description {
	margin-bottom: 30px;
	color: var(--white-color);
}

.action-box.action-box-style-02:before {
	position: absolute;
	content: "";
	border-radius: 15px;
	background: linear-gradient(180deg, rgba(35, 164, 85, 0.1) 0%, var(--primary-color) 100%);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

.action-box.action-box-style-03 {
	border-radius: 10px;
	padding: 50px 45px;
	border: 1px solid rgba(131, 131, 131, 0.25);
	background-color: transparent;
}

.action-box.action-box-style-03:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	background-image: url(5aa8212cb5be288a5068.png);
	border-radius: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.action-box.action-box-style-03 .action-box-content {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.action-box.action-box-style-03 .action-box-content .description {
	margin-top: 25px;
	margin-bottom: 0;
}

.action-box.action-box-style-03 .action-box-content .contact-details {
	padding: 0;
	margin-bottom: 0;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.action-box.action-box-style-03 .action-box-content .contact-details .contact-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.action-box.action-box-style-03 .action-box-content .contact-details .contact-info a:hover {
	color: var(--primary-color);
}

/*****************************
	Awards
*****************************/
.awards-wrapper .awards-item {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item .item-inner {
	display: flex;
	gap: 60px;
	padding: 35px 0;
	align-items: center;
}

.awards-wrapper .awards-item .awards-year {
	min-width: 130px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item .awards-name {
	width: 60%;
	margin: 0;
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item .awards-description {
	width: 65%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item .awards-action {
	text-align: right;
	flex-shrink: 2;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item .gsap-img-animation {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 150px;
	object-fit: cover;
	z-index: 2;
	opacity: 0;
	visibily: hidden;
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.awards-wrapper .awards-item .marquee-wrapper {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
}

.awards-wrapper .awards-item:hover {
	border-color: var(--primary-color);
}

.awards-wrapper .awards-item:hover .item-inner .awards-year,
    .awards-wrapper .awards-item:hover .item-inner .awards-city,
    .awards-wrapper .awards-item:hover .item-inner .awards-name,
    .awards-wrapper .awards-item:hover .item-inner .awards-description {
	opacity: 0;
	pointer-events: none;
}

.awards-wrapper .awards-item:hover .awards-action {
	z-index: 8;
}

.awards-wrapper .awards-item:hover .marquee-wrapper {
	opacity: 1;
	pointer-events: auto;
}

/*****************************
	Info box
*****************************/
.infobox-wrapper.grid-wrapper {
	grid-gap: 40px;
}

.infobox {
	padding: 40px;
	border-radius: 20px;
	background-color: #07192f;
}

.infobox .infobox-info {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	display: flex;
	gap: 50px;
	justify-content: space-between;
}

.infobox .infobox-info .infobox-title {
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: var(--white-color);
}

.infobox .infobox-info .infobox-link {
	line-height: 36px;
	align-self: flex-start;
}

.infobox .infobox-info .infobox-link svg {
	vertical-align: middle;
}

.infobox .infobox-content .infobox-description {
	line-height: 30px;
}

.icon-box-item {
	gap: 30px;
	display: flex;
	padding: 25px 100px 25px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.icon-box-item .icon {
	width: 84px;
	height: 84px;
	flex: 0 0 84px;
	display: flex;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
}

.icon-box-item .title {
	margin-bottom: 5px;
	font-weight: 600;
}

.icon-box-item .description {
	margin-bottom: 0px;
}

.icon-box-item:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.icon-box-item:first-child {
	padding-top: 0px;
}

.contact-info-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contact-info-box ul li {
	line-height: 30px;
	color: #000000;
}

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

.contact-info-box ul li a {
	display: inline-block;
	line-height: normal;
	color: #000000;
	font-weight: normal;
}

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

/*****************************
	Services
*****************************/
/* Service Style 1 */
.service-item {
	position: relative;
	margin: 0;
	padding: 60px 40px;
	background: var(--white-color);
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 20px;
	height: 105%;
	transition: all 0.3s ease-in-out;
}

.service-item .service-title {
	color: #cb0707;
}

.service-item:hover .service-title {
	color: var(--white-color);
}

.service-item .service-icon {
	opacity: 1;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out;
	position: relative;
	width: 75px;
}

.service-icon i {
	color: #cb0707;
}

.service-item:hover p {
	color: var(--white-color);
}

.service-item:hover i {
	color: var(--white-color);
}

.service-item .service-icon .main-icon {
	transition: all 0.3s ease-in-out;
}

.service-item .service-icon .hover-icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}

.service-item .service-content .service-title {
	margin-bottom: 20px;
}

.service-item .service-content .service-description {
	margin-bottom: 35px;
}

.service-action {
	position: absolute;
	bottom: 25px;
	/* left: 30px; */
	right: 30px;
}

.service-item .service-content .service-action {
	transition: all 0.3s ease-in-out;
}

.service-item .service-content .service-action .btn-arrow {
	border-color: var(--primary-color);
}

.service-item .service-content .service-action .btn-arrow:after {
	border-color: var(--primary-color);
}

.service-item:hover {
	background: var(--secondary-color);
	border: 1px solid var(--primary-color);
}

.service-item:hover .service-icon .main-icon {
	opacity: 0;
	visibility: hidden;
}

.service-item:hover .service-icon .hover-icon {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.service-item:hover .service-content .service-action .btn-arrow-up {
	border: 1px solid transparent;
}

.service-item:hover .service-content .service-action .btn-arrow-up:before {
	height: 100%;
	width: 100%;
}

.service-item:hover .service-content .service-action .btn-arrow-up svg path {
	stroke: #000000;
}

.service-item  .service-action a svg path {
	stroke: #0676ff;
}

.service-item:hover  .service-action a svg path {
	stroke: #fdfeff;
}

.service-item .service-content .service-action .btn-arrow-up svg path {
	stroke: var(--white-color);
}

.service-item .service-content .service-action .btn-arrow-up {
	background-color: var(--secondary-color);
}

.service-item:hover .service-content .service-action .btn-arrow {
	border-color: var(--white-color);
}

.service-item:hover .service-content .service-action .btn-arrow svg path {
	stroke: #000000;
}

.service-item:hover .service-content .service-action .btn-arrow:after {
	border-color: #ff0000;
}

.service-item:hover .service-content .service-action .btn-arrow:hover svg path {
	stroke: #000000;
}


/* awards */
.awards-item .awards-action .btn-arrow {
	border: 2px solid var(--secondary-color);
}

.awards-item .awards-action .btn-arrow svg path {
	stroke: var(--secondary-color);
}

/* Service Fancy */
.service-fancy .service-item {
	position: relative;
	padding: 40px 0;
	border: 0px;
	border-radius: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	transition: all 0.4s ease-in-out;
}

.service-fancy .service-item .service-img {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 10px;
	width: 245px;
	height: 330px;
	object-fit: cover;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: rotate(5deg);
}

.service-fancy .service-item .service-content {
	display: flex;
	gap: 30px 50px;
	align-items: center;
	position: relative;
	z-index: 2;
	justify-content: space-between;
}

.service-fancy .service-item .service-content .service-content-inner {
	display: flex;
	gap: 30px 70px;
	margin-right: 50px;
}

.service-fancy .service-item .service-content .service-content-inner .service-info {
	width: 45%;
	position: relative;
	padding-left: 50px;
}

.service-fancy .service-item .service-content .service-content-inner .service-info .service-number {
	color: #0676ff;
	font-size: 120px;
	line-height: 120px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	z-index: -1;
	opacity: 0.07;
}

.service-fancy .service-item .service-content .service-content-inner .description {
	width: 55%;
}

.service-fancy .service-item .service-content .service-action {
	margin-left: auto;
}

.service-fancy .service-item .service-content .service-action .circle-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	border: 1px solid var(--secondary-color);
}

.service-fancy .service-item .service-content .service-action .circle-btn:before {
	content: "";
	height: 100%;
	width: 100%;
	border: 1px solid inherit;
	border-radius: 100%;
	background-color: var(--secondary-color);
	stroke: black;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	transition: all 0.3s ease-in-out;
	z-index: -1;
}

.service-fancy .service-item .service-title {
	font-family: var(--font-family);
	font-size: 30px;
	font-weight: 700;
	line-height: 42px;
	color: #060606;
	margin-bottom: 0px;
}

.service-fancy .service-item:first-child {
	padding-top: 0px;
}

.service-fancy .service-item:hover {
	background-color: transparent;
	border-bottom: 1px solid var(--primary-color);
}

.service-fancy .service-item:hover .service-content .service-action .circle-btn:before {
	transform: scale(1);
}

.services-slider-section {
	display: flex;
	padding-top: 50px;
	gap: 50px;
}

.services-slider-section .services-bg-slider {
	width: 320px;
	flex: 0 0 320px;
	position: relative;
	border-radius: 25px;
	z-index: 5;
	overflow: hidden;
}

.services-slider-section .services-bg-slider .owl-carousel .owl-stage-outer,
    .services-slider-section .services-bg-slider .owl-carousel .owl-stage,
    .services-slider-section .services-bg-slider .owl-carousel .owl-item,
    .services-slider-section .services-bg-slider .owl-carousel .owl-item .item,
    .services-slider-section .services-bg-slider .owl-carousel .owl-item .item img {
	height: 100% !important;
}

.services-slider-section .services-bg-slider .owl-carousel .owl-item .item img {
	width: 100%;
	object-fit: cover;
}

.services-slider-section .services-bg-slider .services-bg-slider-content {
	position: absolute;
	bottom: 25px;
	left: 0px;
	width: 100%;
	padding: 0px 25px;
	z-index: 3;
}

.services-slider-section .services-bg-slider .services-bg-slider-content .title {
	line-height: 32px;
	color: var(--white-color);
	margin-bottom: 15px;
}

.services-slider-section .services-bg-slider .services-bg-slider-content .btn {
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	border-radius: 35px 35px 35px 35px;
	padding: 10px 25px 10px 25px;
}

.services-slider-section .services-bg-slider .services-bg-slider-content .btn:hover {
	background-color: var(--white-color);
	color: #07192f;
}

.services-slider-section .services-bg-slider:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	--background-overlay: '';
	background-image: linear-gradient(180deg, #0D16151F 0%, #0D1615 100%);
	opacity: 0.75;
	z-index: 2;
	border-radius: 25px;
}

.services-slider-section .grid-wrapper {
	grid-gap: 0;
}

/*Service Single*/
.service-single .service-img img {
	border-radius: 25px;
}

.service-single .service-content .service-title {
	width: 80%;
	margin-bottom: 30px;
	color: #cb0707;
	border-radius: 10px;
}

.service-single .accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
	padding: 25px 30px;
	font-size: 22px;
	line-height: 32px;
}

.service-content ul li {
	list-style: none;
}

/*****************************
	Team
*****************************/
.team-item {
	position: relative;
	padding-bottom: 4px;
	z-index: 1;
}

.team-item .team-img {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 20px;
}

.team-item .team-img:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	bottom: 0;
	padding: 40px;
	opacity: 0;
	z-index: 1;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-end;
	transition: all 0.3s ease-in-out;
	background: linear-gradient(180deg, transparent 30%, var(--primary-color) 80%);
}

.team-item .team-img img {
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
}

.team-item .team-info .team-title {
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
	font-family: var(--font-family);
	color: var(--white-color);
	display: inline-block;
}

.team-item .team-info .team-title:hover {
	color: var(--primary-color);
}

.team-item .team-info .team-designation {
	display: block;
}

.team-item .team-info .team-social {
	padding-left: 4px;
	margin-top: 15px;
}

.team-item .team-info .team-social ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
}

.team-item .team-info .team-social ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 39px;
	font-size: 18px;
	color: var(--white-color);
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	transition: all 0.3s ease-in-out;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 80%;
}

.team-item .team-info .team-social ul li a:after {
	content: "";
	position: absolute;
	left: -4px;
	bottom: -4px;
	width: 100%;
	height: 100%;
	z-index: -2;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 80%;
	transition: all 0.3s ease-in-out;
}

.team-item .team-info .team-social ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	border-radius: 80%;
	transition: all 0.3s ease-in-out;
	background-color: var(--primary-color);
}

.team-item .team-info .team-social ul li a:hover:after {
	left: 0px;
	bottom: 0px;
	opacity: 0;
}

.team-item .team-info .team-social ul li a:hover:before {
	opacity: 1;
}

.team-item .team-info .team-social:hover .team-social {
	left: 0;
}

.team-item:hover .team-img:before {
	opacity: 1;
}

.team-item:hover .team-social {
	left: 0;
}

/*****************************
	Team Single
*****************************/
/*Team-details*/
.team-single .team-member-info .member-image {
	margin-bottom: 20px;
	position: relative;
}

.team-single .team-member-info .member-image img {
	border-radius: 20px;
}

.team-single .team-member-info .member-image .team-social-profiles {
	padding: 30px 22px;
	background-color: var(--primary-color);
	list-style: none;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 17px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.team-single .team-member-info .member-image .team-social-profiles .team-social-profile {
	transform: rotate(-90deg);
}

.team-single .team-member-info .member-image .team-social-profiles .team-social-profile a {
	color: var(--white-color);
	font-size: 20px;
	line-height: 30px;
}

.team-single .team-member-info .member-details .member-name {
	font-size: 42px;
	line-height: 42px;
	font-weight: bold;
}

.team-single .team-member-info .member-details .member-position {
	line-height: 30px;
}

.team-single .biography-info {
	margin-top: 50px;
}

.team-single .biography-info .title {
	margin-bottom: 20px;
}

.team-single .biography-info .description + .description {
	margin-top: 20px;
}

/*****************************
		Testimonial
*****************************/
.testimonial-wrapper {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 25px;
	padding: 60px;
}

.testimonial-wrapper .testimonial-ratings i {
	display: inline-block;
	font-size: 16px;
	color: var(--primary-color);
}

.testimonial-wrapper .testimonial-quote {
	position: absolute;
	right: 50px;
	top: 30px;
}

.testimonial-wrapper .testimonial-quote i {
	font-size: 180px;
	color: transparent;
	-webkit-text-stroke: 2px var(--secondary-color);
	opacity: 0.3;
}

.testimonial-wrapper .testimonial-content {
	margin: 25px 0;
}

.testimonial-wrapper .testimonial-content p {
	margin-bottom: 0;
	font-size: 26px;
	line-height: 42px;
	font-style: italic;
	color: #020202;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.testimonial-wrapper .testimonial-author .author-info .author-name {
	color: var(--primary-color);
	line-height: 32px;
	margin-bottom: 0;
	font-weight: 600;
}

.testimonial-wrapper .testimonial-author .author-info .author-position {
	color: #000000;
}

/*****************************
  Newsletter
*****************************/
.newsletter {
	position: relative;
}

.newsletter .form-control {
	padding-right: 150px;
}

.newsletter .btn {
	position: absolute;
	right: 0;
	line-height: 20px;
	top: 0;
	padding: 14px 30px;
}

/*****************************
	Find Job
*****************************/
.find-job-wrapper .find-job-item {
	padding: 40px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.find-job-wrapper .find-job-item:first-child {
	padding-top: 0;
}

.find-job-wrapper .find-job-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.find-job-wrapper .find-job-item .job-title {
	margin-bottom: 20px;
}

.find-job-wrapper .find-job-item .job-title .awards-name {
	margin-bottom: 0;
	font-weight: 600;
}

.find-job-wrapper .find-job-item .job-details {
	display: flex;
	gap: 40px;
}

.find-job-wrapper .find-job-item .job-details .job-image {
	width: 300px;
	flex: none;
	overflow: hidden;
	border-radius: 8px;
}

.find-job-wrapper .find-job-item .job-details .job-image img {
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.find-job-wrapper .find-job-item .job-details .job-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding-right: 50px;
}

.find-job-wrapper .find-job-item .job-details .job-time,
    .find-job-wrapper .find-job-item .job-details .job-location {
	color: #000000;
	font-weight: 500;
}

.find-job-wrapper .find-job-item .job-details .job-desc {
	max-width: 680px;
}

.find-job-wrapper .find-job-item .job-details .job-info {
	display: flex;
	gap: 50px;
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid rgba(131, 131, 131, 0.25);
}

.find-job-wrapper .find-job-item .job-details .job-info .info-item {
	color: var(--white-color);
	font-weight: 500;
}

.find-job-wrapper .find-job-item .job-details .job-action {
	align-self: center;
	margin-left: auto;
}

.find-job-wrapper .find-job-item:hover .job-details .job-image img {
	transform: scale(1.1);
}

/*****************************
  Counter
*****************************/
.counter {
	display: flex;
	gap: 30px;
	align-items: center;
	position: relative;
	color: var(--white-color);
  /* Counter Style 1 ----------------*/
  /* Counter Style 2 ----------------*/
	;
}

.counter .counter-info {
	line-height: 1;
}

.counter .counter-info .counter-title {
	padding: 10px;
	display: inline-block;
	color: black;
	font-family: var(--font-family);
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

.counter .counter-number {
	font-family: var(--font-family);
	display: flex;
	align-items: center;
	gap: 3px;
}

.counter .counter-number span {
	display: inline-block;
	font-size: 40px;
	line-height: 70px;
	font-weight: 400;
	color: var(--secondary-color);
}

.counter.counter-style-1 {
	padding: 20px 0;
	border-bottom: 2px solid rgba(131, 131, 131, 0.25);
}

.counter.counter-style-1 .counter-info {
	max-width: 165px;
}

.counter.counter-style-1:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 50px;
	height: 2px;
	background-color: var(--primary-color);
	background: linear-gradient(170deg, var(--primary-color) 0%, #5CC4A1 100%);
}

.counter.counter-style-02 {
	gap: 0;
	display: flex;
	padding: 50px 0px;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.counter.counter-style-02 .counter-number {
	flex: 0 0 38%;
}

.counter.counter-style-02 .counter-number .counter-text .timer {
	line-height: 1;
	font-size: 72px;
	font-weight: 700;
}

.counter.counter-style-02 .counter-number .counter-text .suffix {
	line-height: 1;
	color: var(--primary-color);
	font-size: 72px;
	font-weight: 700;
}

.counter.counter-style-02 .counter-info {
	flex: 0 0 62%;
	line-height: 30px;
}

.counter.counter-style-02:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.counter.counter-style-02:first-child {
	padding-top: 0px;
}

.countar-section .counter-box {
	padding: 100px;
	margin-left: 20px;
	border-radius: 20px;
}

/*****************************
	Client
*****************************/
.client-reviews {
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.client-reviews .client-profile {
	list-style-type: none;
	display: flex;
	padding: 0;
	margin: 0;
}

.client-reviews .client-profile li {
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	margin-left: -15px;
	border-radius: 100%;
	border: 2px solid var(--white-color);
}

.client-reviews .client-profile li:first-child {
	margin-left: 0px;
}

.client-reviews .client-profile li img {
	border-radius: 100%;
}

.client-reviews .reviews {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px;
	justify-content: center;
	flex-direction: column;
}

.client-reviews .reviews .reviews-number {
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
	color: var(--primary-color);
}

.client-reviews .reviews span {
	color: var(--white-color);
	font-size: 16px;
	line-height: 30px;
}

.client-inner-section {
	padding: 70px 0;
	display: flex;
	gap: 50px;
	align-items: center;
}

.client-inner-section .trusted-client {
	text-align: left;
	width: 20%;
	flex-shrink: 0;
	margin-bottom: 0;
	padding-right: 100px;
	border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.client-inner-section .client-logos {
	width: calc(80% - 50px);
}

.client-logo-section:has(.trusted-client) {
	margin-top: 30px;
}

.trusted-client {
	font-size: 20px;
	font-family: var(--font-family);
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 40px;
	display: block;
	text-align: center;
}

/*****************************
  Case Studies
*****************************/
.case-studies-wrapper.case-studies-style-1 {
	position: relative;
	overflow: hidden;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-img {
	overflow: hidden;
	margin-bottom: 0;
	border-radius: 20px;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-img img {
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	padding: 20px;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 40px;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 80%);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 40px;
	opacity: 0;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info:hover {
	background: linear-gradient(180deg, rgba(0, 56, 255, 0) 0%, #60130e60 100%);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(10px);
 /* Safari support */;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner {
	position: relative;
	z-index: 1;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-title {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: -10px;
	transition: all 0.3s ease-in-out;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-title a {
	display: table;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow {
	border-color: rgba(255, 255, 255, 0.3);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow svg {
	width: 29px;
	height: auto;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:after {
	border-color: rgba(255, 255, 255, 0.3);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover {
	border-color: var(--white-color);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover svg path {
	stroke: var(--white-color);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover:after {
	border-color: var(--white-color);
}

.case-studies-wrapper.case-studies-style-1 .case-studies-content {
	margin-bottom: -30px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-description {
	color: var(--white-color);
	display: -webkit-box;
	opacity: 0;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	min-height: 60px;
	margin-bottom: -30px;
	transition: all 0.3s ease-in-out;
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-img img {
	transform: scale(1.1);
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-info:before {
	opacity: 1;
}

.case-studies-wrapper.case-studies-style-1 .case-studies-title a {
	color: var(--primary-color);
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-title a {
	color: var(--white-color);
	font-weight: 900;
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-content {
	margin-bottom: 5px;
	opacity: 1;
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-description {
	opacity: 1;
	min-height: 30px;
	margin-bottom: 20px;
	visibility: visible;
}

.case-studies-wrapper.case-studies-style-1:hover .case-studies-title {
	margin-bottom: 10px;
}

/*Case Study Single*/
.case-info-section {
	margin-top: 30px;
	padding: 60px 70px 60px 70px;
}

.case-info-section .case-info ul {
	padding-left: 0px;
	list-style: none;
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 0px;
}

.case-info-section .case-info ul li h6 {
	margin-bottom: 15px;
}

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

.challange-item {
	margin-bottom: 40px;
}

.challange-item h6.title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	display: flex;
	align-items: start;
}

.challange-item h6.title svg {
	width: 24px;
	flex: 0 0 24px;
	margin-right: 10px;
	margin-top: 5px;
}

.nav-pagination {
	display: flex;
	position: relative;
	justify-content: space-between;
}

.nav-pagination:before {
	top: 50%;
	left: 50%;
	color: var(--white-color);
	font-size: 20px;
	content: "\f58d";
	font-weight: 600;
	position: absolute;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 6 Free";
}

/*****************************
	Owl Carousel
*****************************/
.owl-carousel.owl-nav-center {
	position: relative;
}

.owl-carousel.owl-nav-center .owl-nav {
	width: 100%;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-carousel.owl-nav-center .owl-nav button {
	height: 60px;
	width: 60px;
	border-radius: 100%;
	background-color: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.owl-carousel.owl-nav-center .owl-nav button i {
	font-size: 22px;
	color: var(--white-color);
}

.owl-carousel.owl-nav-center .owl-nav button.owl-prev {
	left: 0;
}

.owl-carousel.owl-nav-center .owl-nav button.owl-next {
	right: 0;
}

.owl-carousel.owl-nav-center:hover .owl-nav button {
	visibility: visible;
	opacity: 1;
}

.owl-carousel.owl-nav-center:hover .owl-nav button.owl-prev {
	left: 20px;
}

.owl-carousel.owl-nav-center:hover .owl-nav button.owl-next {
	right: 20px;
}

.owl-carousel .owl-item img {
	width: auto;
	display: inherit;
}

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 20px;
}

/* .owl-carousel button.owl-dot {
	width: 9px;
	height: 9px;
	background: #000000 !important;
	border-radius: 50%;
	margin-right: 10px;
	opacity: 0.5;
} */

/* .owl-carousel button.owl-dot.active {
	background: var(--primary-color) !important;
	opacity: 1;
} */

.owl-carousel.slider-overflow .owl-stage-outer {
	overflow: visible;
}

/*************************
	Portfolio
*************************/
.portfolio-item {
	margin-bottom: 60px;
}

.portfolio-item .portfolio-img {
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
}

/*my-shuffle*/
.my-shuffle-container {
	margin-left: -16px;
	margin-right: -16px;
}

.my-shuffle-container .grid-item {
	width: 33.33%;
	padding: 15px;
}

.my-shuffle-container .grid-item .portfolio-item {
	margin-bottom: 0px;
}

.filters-group {
	display: table;
	margin: 0 auto 25px;
	text-align: center;
}

.filters-group button {
	margin: 0 5px 10px;
	padding: 6px 25px;
	cursor: pointer;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	color: #060606;
	background: inherit;
	border: none;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 30px;
	transition: all 0.3s ease;
}

.filters-group button:hover {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.filters-group button.active {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

/*************************************
	shuffle
*************************************/
.my-shuffle-container.grid-style .grid-item {
	padding: 0 !important;
}

.my-shuffle-container.columns-1 .grid-item {
	width: 100%;
	padding: 15px;
}

.my-shuffle-container.columns-2 .grid-item {
	width: 50%;
	padding: 15px;
	float: left;
}

.my-shuffle-container.columns-3 .grid-item {
	width: 33.33333333%;
	padding: 0px 10px 10px;
}

.my-shuffle-container.columns-4 .grid-item {
	width: 25%;
	padding: 10px;
}

.my-shuffle-container.columns-5 .grid-item {
	width: 20%;
	padding: 15px;
}

.my-shuffle-container.columns-6 .grid-item {
	width: 16.666666%;
	padding: 0px;
}

.my-shuffle-container.columns-2 .grid-item-full,
.my-shuffle-container.columns-3 .grid-item-full,
.my-shuffle-container.columns-4 .grid-item-full,
.my-shuffle-container.columns-5 .grid-item-full,
.my-shuffle-container.columns-6 .grid-item-full {
	width: 100%;
}

/*************************
	Portfolio Fancy
*************************/
.portfolio-fancy-wrapper {
	display: flex;
	gap: 30px;
}

.portfolio-fancy-wrapper .portfolio-item {
	flex: 1;
	transition: 0.8s;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 670px;
}

.portfolio-fancy-wrapper .portfolio-item .item-wrap-image {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	transition: 0.5s;
	z-index: 0;
	position: absolute;
	border-radius: 25px;
	background-position: center center;
	background-size: cover;
	object-fit: cover;
}

.portfolio-fancy-wrapper .portfolio-item .item-wrap-image img {
	display: none;
	border-radius: 25px;
}

.portfolio-fancy-wrapper .portfolio-item .item-info {
	position: absolute;
	top: auto;
	left: 60px;
	bottom: 40px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}

.portfolio-fancy-wrapper .portfolio-item .item-info .item-title {
	margin: 0;
	font-size: 22px;
	line-height: 30px;
	color: var(--white-color);
	white-space: nowrap;
	padding: 10px 20px;
	font-weight: normal;
	background-color: var(--primary-color);
	border-radius: 10px 10px 10px 0px;
}

.portfolio-fancy-wrapper .portfolio-item .item-info .item-category {
	display: inline-block;
	color: var(--white-color);
	white-space: nowrap;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 26px;
	border-radius: 0px 0px 10px 10px;
	background-color: #000000;
}

.portfolio-fancy-wrapper .portfolio-item.active {
	flex: 5;
}

.portfolio-fancy-wrapper .portfolio-item.active .item-info {
	left: 40px;
	opacity: 1;
	transition-delay: 250ms;
	visibility: visible;
}

/*Pricing*/
.pricing-box {
	padding: 50px;
	border-radius: 20px;
	position: relative;
}

.pricing-box .pricing-ribbon {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	transform: rotate(90deg);
	width: 150px;
	overflow: hidden;
	height: 150px;
}

.pricing-box .pricing-ribbon .ribbon-inner {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #07192f;
	background-color: var(--white-color);
	text-transform: uppercase;
	text-align: center;
	left: 0;
	width: 200%;
	transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
	margin-top: 35px;
}

.pricing-box .pricing-header .pricing-icon {
	width: 50px;
	height: auto;
	margin-bottom: 20px;
	display: block;
}

.pricing-box .pricing-header .title {
	color: #000000;
	font-family: var(--font-family);
	font-size: 32px;
	font-weight: 600;
	line-height: 42px;
	margin-bottom: 0;
}

.pricing-box .pricing-header .subheading {
	display: block;
	line-height: 30px;
	color: #000000;
	margin-top: 5px;
}

.pricing-box .pricing-price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 30px 0;
}

.pricing-box .pricing-price .price-currency {
	font-size: 18px;
	font-weight: 600;
	font-family: var(--font-family);
	line-height: 1;
	align-self: flex-start;
	color: #000000;
	margin-right: 3px;
}

.pricing-box .pricing-price .price {
	font-size: 60px;
	font-weight: 600;
	line-height: .8;
	color: #000000;
	font-family: var(--font-family);
}

.pricing-box .pricing-price .after-price {
	display: flex;
	flex-wrap: wrap;
	text-align: start;
	align-self: stretch;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
}

.pricing-box .pricing-price .after-price .typo-excluded {
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	margin-top: 7px;
	color: #000000;
	font-family: var(--font-family);
	line-height: normal;
	letter-spacing: normal;
	text-transform: none;
}

.pricing-content {
	max-height: 200px;
	overflow-y: auto;
}


.pricing-content::-webkit-scrollbar {
    width: 6px;
}

.pricing-content::-webkit-scrollbar-track {
    background: #e8e8e8;
}

.pricing-content#scrollUp::-webkit-scrollbar-thumb:hover {
    background: #fb5496;
} 

.pricing-content::-webkit-scrollbar-thumb {
    background-image: -webkit-linear-gradient(45deg, #ffbd84, #ec2b19);
    background-image: -o-linear-gradient(45deg, #ffbd84, #ec2b19);
    background-image: linear-gradient(45deg, #ffbd84, #ec2b19);
}

.pricing-box .pricing-content .package-desc {
	line-height: 30px;
	color: #000000;
	margin-bottom: 20px;
}

.pricing-box .pricing-content .package-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.pricing-box .pricing-content .package-list li {
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	color: #000000;
	margin-bottom: 5px;
}

.pricing-box .pricing-content .package-list li i {
	margin-right: 10px;
}

.pricing-box .pricing-content .package-list li:last-child {
	margin-bottom: 0px;
}

.pricing-box .pricing-footer {
	padding-top: 30px;
}

.pricing-box .pricing-footer .btn {
	padding: 12px 24px;
	display: block;
}

.pricing-box.bg-light .pricing-footer .btn:hover {
	background-color: #07192f;
	color: var(--white-color);
}

.pricing-box.active {
	background-color: var(--secondary-color);
}

.pricing-box.active .pricing-header .title {
	color: var(--white-color);
}

.pricing-box.active .pricing-header .subheading {
	color: var(--white-color);
}

.pricing-box.active .pricing-price .price-currency {
	color: var(--white-color);
}

.pricing-box.active .pricing-price .price {
	color: var(--white-color);
}

.pricing-box.active .pricing-price .after-price .typo-excluded {
	color: var(--white-color);
}

.pricing-box.active .pricing-content .package-desc {
	color: var(--white-color);
}

.pricing-box.active .pricing-content .package-list li {
	color: var(--white-color);
}

.pricing-box.active .pricing-footer .btn {
	background-color: var(--white-color);
	color: #000000;
}

.pricing-box.active .pricing-footer .btn:hover {
	background-color: var(--white-color);
	color: #07192f;
}

.pricing-box.bg-dark .pricing-header .title {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-header .subheading {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-price .price-currency {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-price .price {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-price .after-price .typo-excluded {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-content .package-desc {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-content .package-list li {
	color: var(--white-color);
}

.pricing-box.bg-dark .pricing-footer .btn:hover {
	background-color: var(--white-color);
	color: #07192f;
}

/*pricing-tabs*/
.pgs-accordion {
	display: flex;
	flex-direction: column;
	gap: 15px;
  /* Accordion Light */
	;
}

.pgs-accordion .accordion-item {
	padding: 35px 40px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 20px;
    /* Accordion Content */
    /* Accordion Active Header */
	;
}

.pgs-accordion .accordion-item .accordion-header {
	gap: 130px;
	margin: 0;
	padding: 0;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
}

.pgs-accordion .accordion-item .accordion-header .package-info {
	display: flex;
	gap: 20px;
	align-items: baseline;
}

.pgs-accordion .accordion-item .accordion-header .package-info .package-check {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	height: 30px;
	width: 30px;
	border: 2px solid #8b87ab;
	border-radius: 100%;
}

.pgs-accordion .accordion-item .accordion-header .package-info .package-check i {
	opacity: 0;
	background: linear-gradient(130deg, var(--primary-color) 0%, #5CC4A1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pgs-accordion .accordion-item .accordion-header .package-price {
	display: flex;
	align-items: baseline;
}

.pgs-accordion .accordion-item .accordion-header .package-price .price {
	font-size: 38px;
	line-height: 48px;
	margin: 0;
}

.pgs-accordion .accordion-item .accordion-header .package-price .period {
	font-size: 18px;
}

.pgs-accordion .accordion-item .accordion-header .package-title {
	margin-bottom: 5px;
}

.pgs-accordion .accordion-item .accordion-content {
	display: none;
	margin: 0;
	margin-top: 30px;
}

.pgs-accordion .accordion-item .accordion-content .content-inner {
	display: flex;
}

.pgs-accordion .accordion-item .accordion-content .content-inner .pricing-link {
	align-self: center;
}

.pgs-accordion .accordion-item .accordion-content .pricing-lists .pricing-list {
	display: flex;
	flex-wrap: wrap;
	gap: 25px 30px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.pgs-accordion .accordion-item .accordion-content .pricing-lists .pricing-list li {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 20px;
	width: calc(50% - 15px);
}

.pgs-accordion .accordion-item .accordion-content .pricing-link a {
	width: 70px;
	height: 70px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--white-color);
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.pgs-accordion .accordion-item .accordion-content .pricing-link a:before {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border-radius: 50px;
	background-color: var(--white-color);
}

.pgs-accordion .accordion-item .accordion-content .pricing-link a svg {
	position: relative;
	width: 23px;
	height: 25px;
}

.pgs-accordion .accordion-item .accordion-content .pricing-link a svg path {
	stroke: var(--primary-color);
}

.pgs-accordion .accordion-item.is-active {
	border: none;
	background-color: var(--primary-color);
      /* Accordion Active Content */
	;
}

.pgs-accordion .accordion-item.is-active .accordion-header .package-name .package-title,
      .pgs-accordion .accordion-item.is-active .accordion-header .package-name .package-discount {
	color: var(--white-color);
}

.pgs-accordion .accordion-item.is-active .accordion-header .package-price .price,
      .pgs-accordion .accordion-item.is-active .accordion-header .package-price .period {
	color: var(--white-color);
}

.pgs-accordion .accordion-item.is-active .accordion-header .package-info .package-check {
	background: var(--white-color);
	border-color: var(--white-color);
}

.pgs-accordion .accordion-item.is-active .accordion-header .package-info .package-check i {
	opacity: 1;
}

.pgs-accordion .accordion-item.is-active .accordion-content .pricing-lists li {
	color: var(--white-color);
}

.pgs-accordion.pgs-accordion-light .accordion-item:not(.accordion-item.is-active) {
	border-color: rgba(255, 255, 255, 0.2);
}

.pgs-accordion.pgs-accordion-light .accordion-item:not(.accordion-item.is-active) .package-info .package-discount {
	color: var(--white-color);
}

.pgs-accordion.pgs-accordion-light .accordion-item:not(.accordion-item.is-active) .package-info .package-check {
	border-color: var(--white-color);
}

.pgs-accordion.pgs-accordion-light .accordion-item:not(.accordion-item.is-active) .package-price .period {
	color: var(--white-color);
}

/*****************************
	Countdown
*****************************/
.countdown-wrapper {
	display: flex;
	gap: 80px;
	justify-content: center;
}

.countdown-wrapper .countdown {
	position: relative;
	text-align: center;
}

.countdown-wrapper .countdown span {
	font-size: 130px;
	line-height: 110px;
	font-weight: 700;
	display: block;
	color: #07192f;
	position: relative;
}

.countdown-wrapper .countdown span:after {
	content: ":";
	color: var(--white-color);
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 80px;
	font-weight: 600;
}

.countdown-wrapper .countdown:last-child span:after {
	content: normal;
}

.countdown-wrapper .countdown p {
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
	color: #ced0df;
	text-transform: capitalize;
	margin-top: 20px;
	margin-bottom: 0;
}

.countdown-wrapper.countdown-light .countdown span,
  .countdown-wrapper.countdown-light .countdown p, .countdown-wrapper.countdown-light .countdown:after {
	color: var(--white-color);
}

/*****************************
	Button
*****************************/
.btn {
	gap: 10px;
	color: var(--white-color);
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	padding: 15px 50px;
	white-space: nowrap;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	border-radius: 50px;
	background-color: var(--secondary-color);
	border: none;
	transition: all 0.35s ease-in-out;
}

.btn svg {
	transition: all 0.35s ease-in-out;
}

.btn:hover, .btn:focus, .btn:focus-visible, .btn:active, .btn:first-child:active {
	border: none;
	color: #000f22;
	background-color: var(--white-color);
	animation: btn-effect 1s ease-in-out;
}

.btn:hover svg, .btn:focus svg, .btn:focus-visible svg, .btn:active svg, .btn:first-child:active svg {
	fill: #000f22;
}

.btn.btn-white {
	color: var(--white-color);
	background-color: var(--secondary-color);
}

.btn.btn-white svg {
	fill: var(--white-color);
}

.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:focus-visible, .btn.btn-white:active {
	color: var(--secondary-color);
	background-color: #fdfeff;
	border: 3px solid var(--secondary-color);
}

.btn.btn-white:hover svg, .btn.btn-white:focus svg, .btn.btn-white:focus-visible svg, .btn.btn-white:active svg {
	fill: #000000;
}

.btn.btn-dark {
	background-color: var(--secondary-color);
}

.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:focus-visible, .btn.btn-dark:active {
	background-color: var(--white-color);
	color: #000f22;
}

/* Small Button Arrow ----------------*/
.btn-arrow {
	width: 50px;
	height: 50px;
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	padding-top: 4px;
	padding-right: 4px;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.btn-arrow svg {
	position: relative;
}

.btn-arrow svg path {
	stroke: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.btn-arrow:after {
	content: "";
	position: absolute;
	left: -4px;
	bottom: -4px;
	opacity: 1;
	width: 100%;
	height: 100%;
	border: 1px solid  var(--secondary-color);
	transition: all 0.3s ease-in-out;
	border-radius: 50px;
}

.btn-arrow:hover, .btn-arrow:focus, .btn-arrow:focus-visible, .btn-arrow:active {
	border: 1px solid  var(--secondary-color);
}

.btn-arrow svg path, .btn-arrow:focus svg path, .btn-arrow:focus-visible svg path, .btn-arrow:active svg path {
	stroke: var(--secondary-color);
}

.btn-arrow:hover svg path, .btn-arrow:focus svg path, .btn-arrow:focus-visible svg path, .btn-arrow:active svg path {
	stroke: var(--primary-color);
}

.btn-arrow:hover:after, .btn-arrow:focus:after, .btn-arrow:focus-visible:after, .btn-arrow:active:after {
	border: 1px solid var(--primary-color);
}

/* Apply Button ----------------*/
.btn-arrow.btn-apply {
	width: 160px;
	height: 160px;
	gap: 12px;
	padding-top: 6px;
	flex-direction: column;
	padding-right: 6px;
	border-radius: 100%;
}

.btn-arrow.btn-apply:after {
	left: -6px;
	bottom: -6px;
	border-radius: 100%;
}

.btn-arrow.btn-apply span {
	color: var(--secondary-color);
	transition: all 0.3s ease-in-out;
}

.btn-arrow.btn-apply:hover span {
	color: var(--primary-color);
}

/* Button Arrow Up----------------*/
.btn-arrow-up {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 70px;
	height: 70px;
	padding: 0;
	z-index: 0;
	border-radius: 100%;
	border: 1px solid rgba(131, 131, 131, 0.25);
	transition: all 0.3s ease-in-out;
}

.btn-arrow-up:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 0;
	width: 0;
	background-color: var(--white-color);
	transition: all 0.3s ease-in-out;
	z-index: -1;
	border-radius: 100%;
}

.btn-arrow-up:hover {
	border: 1px solid transparent;
}

.btn-arrow-up:hover:before {
	height: 100%;
	width: 100%;
}

.btn-arrow-up:hover svg path {
	stroke: var(--white-color);
}

.btn-link {
	display: inline-block;
	color: var(--primary-color);
}

.btn-link svg {
	fill: var(--primary-color);
	margin-left: 5px;
}

.btn-link:hover, .btn-link:focus, .btn-link:focus-visible, .btn-link:active {
	color: var(--primary-color);
}

@keyframes btn-effect {
	16.65% {
		transform: translateX(8px);
	}

	33.3% {
		transform: translateX(-6px);
	}

	49.95% {
		transform: translateX(4px);
	}

	66.6% {
		transform: translateX(-2px);
	}

	83.25% {
		transform: translateX(1px);
	}

	100% {
		transform: translateX(0);
	}
}

/*****************************
	Counter
*****************************/
.pgsel-history-slider-wrapper .history-items {
	display: flex;
	position: relative;
	gap: 35px;
	flex-direction: column;
	padding-left: 80px;
	margin-left: 25px;
	counter-reset: h-item-counter;
}

.pgsel-history-slider-wrapper .history-items:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	width: 1px;
	background: rgba(255, 255, 255, 0.07);
}

.pgsel-history-slider-wrapper .history-items .history-item {
	position: relative;
	left: 0;
	padding: 50px;
	background: #EDD6D6;
	border-radius: 25px;
	transition: all 0.25s ease-in-out;
}

.pgsel-history-slider-wrapper .history-items .history-item .history-number {
	position: absolute;
	left: -105px;
	top: 45px;
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	transform: scale(1);
	transition: all 0.25s ease-in-out;
}

.pgsel-history-slider-wrapper .history-items .history-item .history-number:before {
	counter-increment: h-item-counter;
	content: counter(h-item-counter);
}

.pgsel-history-slider-wrapper .history-items .history-item .history-year {
	margin-bottom: 20px;
	font-size: 60px;
	line-height: 50px;
	-webkit-text-stroke-width: 1px;
	stroke-width: 1px;
	-webkit-text-stroke-color: var(--secondary-color);
	stroke: rgba(225, 8, 8, 0.25);
	color: transparent;
}

.pgsel-history-slider-wrapper .history-items .history-item .history-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 10px;
	color: #000000;
	text-transform: capitalize;
}

.pgsel-history-slider-wrapper .history-items .history-item .history-content {
	margin: 0;
	color: #000000;
}

.pgsel-history-slider-wrapper .history-items .history-item:hover {
	left: 30px;
}

.pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
	left: -135px;
	transform: scale(1.3);
}

.pgsel-history-slider-wrapper .history-items .history-item:nth-child(-n + 9) .history-number:before {
	content: "0" counter(h-item-counter);
}

.pgsel-history-slider-wrapper .history-items.history-style-02 {
	display: flex;
	gap: 40px;
	flex-direction: column;
	padding-left: 50px;
	margin-left: 0;
	border: 0;
}

.pgsel-history-slider-wrapper .history-items.history-style-02:before {
	display: none;
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item {
	position: relative;
	background-color: transparent;
	padding: 60px 50px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 25px;
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-year-small {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 30px;
	color: var(--primary-color);
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info {
	display: flex;
	gap: 30px;
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-year {
	font-size: 110px;
	writing-mode: vertical-lr;
	transform: scale(-1);
	align-self: center;
	line-height: normal;
	color: transparent;
	margin: 0;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.07);
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-content {
	margin: 0;
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-content blockquote {
	font-size: 18px;
	line-height: 30px;
	color: #ced0df;
	margin: 15px 0px;
	padding: 0;
	padding-left: 15px;
}

.pgsel-history-slider-wrapper .history-items.history-style-02 .history-item:hover {
	left: 0px;
}

/*****************************
  Form Control
*****************************/
form .form-control {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	border-radius: 0px;
	padding: 15px 0px;
	border: none;
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	color: var(--black-color);
	margin-bottom: 15px;
}

form .form-control::-ms-input-placeholder {
	color: var(--black-color);
}

form .form-control::placeholder {
	color: var(--black-color);
}

form .form-control:focus {
	color: var(--black-color);
	box-shadow: none;
	border-color: var(--primary-color);
	background: transparent;
}

form textarea.form-control {
	margin-bottom: 30px;
}

form textarea.form-control.pre-textarea {
	margin-bottom: 15px;
}

form.form-style-border .form-control {
	padding: 15px 20px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.619);
}

form.form-style-border .form-control:focus {
	border-color: var(--primary-color);
}

form.form-style-fill .form-control {
	padding: 15px 20px;
	border-radius: 5px;
	background-color: var(--white-color);
	color: #07192f;
	border: none;
}

form.form-style-fill .form-control::-ms-input-placeholder {
	color: #838383;
}

form.form-style-fill .form-control::placeholder {
	color: #838383;
}

form.form-style-fill .form-control:focus {
	border-color: transparent;
}

/* .form-check {
	padding-left: 0;
	min-height: auto;
	margin-bottom: 0;
	display: flex;
	gap: 10px;
} */

.form-check .form-check-input {
	float: none;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-top: 5px;
	border: 2px solid rgba(255, 255, 255, 0.07);
}

.form-check .form-check-input:checked {
	background-color: var(--primary-color);
}

input[type="search"]::-webkit-search-cancel-button {
	margin-left: 10px;
}

/*****************************
  Range Slider
*****************************/
.irs--flat .irs-line {
	height: 8px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.07);
}

.irs--flat .irs-bar {
	background-color: var(--primary-color);
	background: linear-gradient(130deg, var(--primary-color) 0%, #5CC4A1 100%);
	height: 8px;
}

.irs--flat .irs-from {
	background: transparent;
	color: #ced0df;
	font-size: 18px;
	top: -7px;
}

.irs--flat .irs-from:before {
	display: none;
}

.irs--flat .irs-to {
	background: transparent;
	color: #ced0df;
	font-size: 18px;
	top: -7px;
}

.irs--flat .irs-to:before {
	display: none;
}

.irs--flat .irs-single {
	background: transparent;
	color: #ced0df;
	font-size: 18px;
	top: -7px;
}

.irs--flat .irs-single:before {
	display: none;
}

.irs--flat .irs-handle > i:first-child {
	background: var(--primary-color);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid var(--white-color);
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.irs--flat .irs-handle.to > i:first-child {
	left: auto;
	right: 0;
}

.irs--flat .irs-handle:hover > i:first-child {
	background: var(--primary-color);
}

.irs--flat .irs-handle.state_hover > i:first-child {
	background: var(--primary-color);
}

.list-wrapper .list {
	padding: 15px;
	margin: 0;
	display: flex;
	gap: 10px;
	flex-direction: column;
	list-style-type: none;
	/* height: 360px; */
}

.list-wrapper .list li {
	display: flex;
	gap: 15px;
	align-items: center;
	font-weight: 400;
}

.list-wrapper .list li a {
	color: #ced0df;
}

.list-wrapper .list li a:hover {
	color: var(--primary-color);
}

.list-wrapper .list.list-style-disc li {
	display: list-item;
	list-style: inside;
	list-style-type: disc;
}

.list-wrapper .list.col-2 {
	width: 100%;
	gap: 10px 30px;
	flex-wrap: wrap;
	flex-direction: inherit;
}

.list-wrapper .list.col-2 li {
	width: calc(50% - 15px);
}

.list-wrapper.list-style-2 .list {
	gap: 10px;
}

.list-wrapper.list-style-2 .list li {
	font-size: inherit;
	gap: 20px;
}

.list-wrapper.list-style-2 .list li i {
	color: var(--primary-color);
}

.list-wrapper.list-light .list li {
	color: var(--white-color);
}

.list-wrapper.list-light .list li a {
	color: var(--white-color);
}

.list-wrapper.list-light .list li a:hover {
	color: var(--primary-color);
}

/*****************************
	Marquee style
*****************************/
.marquee-wrapper {
	overflow: hidden;
  /* Marquee style 2 */
  /* Marquee style 3 */
	;
}

.marquee-wrapper .marquee-inner {
	display: flex;
	align-items: center;
	gap: 50px;
	width: 100%;
	position: relative;
	white-space: nowrap;
	animation: marquee 30s linear infinite;
}

.marquee-wrapper .marquee-inner .marquee-item {
	display: flex;
	flex: none;
	align-items: center;
	gap: 50px;
	padding-bottom: 1px;
}

.marquee-wrapper .marquee-inner .marquee-item .icon svg {
	width: 52px;
	height: auto;
	fill: var(--secondary-color);
}

.marquee-wrapper .marquee-inner .marquee-item .title {
	font-family: var(--font-family);
	font-size: 80px;
	font-weight: 700;
	line-height: normal;
	color: transparent;
	-webkit-text-stroke: 1px var(--secondary-color);
	transition: all 0.3s ease-in-out;
}

.marquee-wrapper .marquee-inner .marquee-item:hover .title {
	color: #cb0707;
}

.marquee-wrapper.marquee-style-2 .marquee-inner {
	gap: 60px;
}

.marquee-wrapper.marquee-style-2 .marquee-inner .marquee-item {
	gap: 15px;
}

.marquee-wrapper.marquee-style-2 .marquee-inner .marquee-item .title {
	font-size: 42px;
	line-height: 52px;
}

.marquee-wrapper.marquee-style-3 .marquee-inner {
	gap: 60px;
}

.marquee-wrapper.marquee-style-3 .marquee-inner .marquee-item .title {
	font-size: 150px;
	line-height: 150px;
}

/* Marquee Right */
.marquee-wrapper.marquee-right .marquee-inner {
	animation: marqueeRight 50s linear infinite;
}

.marquee-wrapper.marquee-fade {
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000000 20%, #000000 80%, rgba(0, 0, 0, 0));
}

.awards-wrapper.case-studies .awards-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.awards-wrapper.case-studies .awards-item .item-inner {
	gap: 30px;
}

.awards-wrapper.case-studies .awards-item .item-inner .awards-name {
	font-size: 22px;
	line-height: 34px;
}

.awards-wrapper.case-studies .awards-item:hover {
	border-bottom: 1px solid var(--primary-color);
}

/*------------------------
	Keyframes Animation
-------------------------*/
@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translatex(-100%);
	}
}

@keyframes marqueeRight {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translatex(0);
	}
}

/*****************************
  Skill
*****************************/
.skill {
	position: relative;
	width: 100%;
	height: 10px;
	margin: 35px 0 20px 0;
	border-radius: 10px;
}

.skill:not(:first-child) {
	margin-top: 64px;
}

.skill:last-child {
	margin-bottom: 0;
}

.skill:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 10px;
}

.skill-bar {
	position: relative;
	z-index: 1;
	height: 100%;
	border-radius: 10px;
	padding: 0px;
	background-color: var(--primary-color);
	box-shadow: none;
	transition: width .9s ease;
	-webkit-transition: width .9s ease;
	-o-transition: width .9s ease;
	-ms-transition: width .9s ease;
	-moz-transition: width .9s ease;
}

.skill-bar .progress-number {
	color: #ced0df;
	float: right;
	margin-top: -18px;
	position: absolute;
	right: 0;
	top: -15px;
	font-size: 18px;
	font-weight: 500;
	right: 18px;
}

.skill-bar .progress-type {
	color: #ced0df;
	float: right;
	margin-top: -18px;
	position: absolute;
	right: 0;
	top: -15px;
	font-size: 18px;
	font-weight: 500;
}

.skill-title {
	color: #ced0df;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	text-align: left;
	margin-left: 0;
	margin-top: -35px;
}

.skill-title > i {
	margin-right: 8px;
}

/*****************************
	Select Custom
*****************************/
.nice-select {
	font-size: inherit;
	color: #ced0df;
	box-shadow: none;
}

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

.nice-select .list .option {
	font-size: 18px;
}

.nice-select .list .option.selected {
	color: var(--white-color);
	font-weight: 500;
	background-color: var(--primary-color);
	background: linear-gradient(130deg, var(--primary-color) 0%, #5CC4A1 100%);
}

.nice-select.form-control {
	width: 100%;
	height: auto;
}

.nice-select:after {
	width: 10px;
	height: 10px;
	right: 8px;
	margin-top: -6px;
	border-bottom-color: #ced0df;
	border-right-color: #ced0df;
}

/*-------------------------*/
/* Form Style Border */
/*-------------------------*/
.form-style-border .nice-select:after {
	right: 25px;
}

/*****************************
	Video Button
*****************************/
.video-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 80px;
	height: 570px;
	display: flex;
	align-items: flex-end;
	z-index: 9;
  /* Video Style 2	*/
	;
}

.video-wrapper.video-primary-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(30deg, var(--primary-color) 15%, transparent 60%);
	z-index: -1;
}

.video-wrapper.video-gradient-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	background-image: linear-gradient(180deg, transparent 0%, rgba(4, 7, 17, 0.6) 100%);
	z-index: -1;
}

.video-wrapper.video-dark-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: -1;
}

.video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: -2;
}

.video-wrapper .video-btn {
	position: relative;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--white-color);
    /* Video Button Style 2	*/
	;
}

.video-wrapper .video-btn:before {
	content: "";
	background-color: var(--white-color);
	height: 100%;
	width: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.video-wrapper .video-btn i {
	font-size: 24px;
	color: var(--white-color);
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.video-wrapper .video-btn:hover:before {
	transform: scale(1);
}

.video-wrapper .video-btn:hover i {
	color: #000000;
}

.video-wrapper .video-btn.video-btn-style-2 {
	height: 70px;
	width: 70px;
	border: none;
	background-color: var(--white-color);
}

.video-wrapper .video-btn.video-btn-style-2:before {
	background-color: var(--primary-color);
}

.video-wrapper .video-btn.video-btn-style-2 i {
	font-size: 20px;
	color: #000000;
}

.video-wrapper .video-btn.video-btn-style-2:hover i {
	color: var(--white-color);
}

.video-wrapper .video-content {
	width: 55%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.video-wrapper .video-content .video-title {
	color: white;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.video-wrapper .video-content p {
	color: white;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.video-wrapper.video-style-2 {
	height: 230px;
	padding: 30px;
}

.video-wrapper.video-style-2 .video-btn-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
}

.video-wrapper.video-style-2 .video-btn-wrapper span {
	font-size: 20px;
	line-height: 32px;
	font-family: var(--font-family);
	font-weight: 600;
	color: var(--white-color);
}

/*****************************
	Header
*****************************/
/*---------------------------------*/
/* Header default */
/*---------------------------------*/
.header {
	width: 100%;
	position: relative;
	z-index: 999;
	background-color: transparent;
	padding: 0px 28px;
  /*navbar-brand*/
  /*navbar*/
  /*search*/
	;
}

.header .main-header {
	flex: 0 auto;
	justify-content: start;
	align-items: unset;
}

.header .navbar-brand {
	padding: 30px 0px;
	margin-right: 30px;
	color: var(--white-color);
	min-width: 220px;
	flex: 0 0 220px;
	display: inline-block;
	transition: none;
}

.header .navbar-brand img {
	height: 80px;
}

.header .navbar-brand img.sticky {
	display: none;
}

.header .navbar {
	padding: 0px;
}

.header .navbar .navbar-nav {
	gap: 0 40px;
}

.header .navbar .navbar-nav > li {
	margin: 0px 0px;
	display: flex;
	position: relative;
	align-items: center;
}

.header .navbar .navbar-nav > li:first-child {
	margin-left: 0px;
}

.header .navbar .navbar-nav > li:last-child {
	margin-right: 0px;
}

.header .navbar .navbar-nav > li .nav-link {
	position: relative;
	transition: all 0.3s ease-in-out;
	left: 0;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	padding: 0px;
	color: var(--black-color);
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 7px;
}

.header .navbar .navbar-nav > li .nav-link i {
	font-weight: bold;
	font-size: 13px;
}

.header .navbar .navbar-nav > li .nav-link:hover {
	color: var(--primary-color);
}

.header .navbar .navbar-nav .nav-item:has(.megamenu) {
	position: inherit;
}

.header .navbar .navbar-nav .nav-item.active .nav-link {
	color: var(--primary-color);
}

.nav-link:hover {
	color: #000000;
}

.header .navbar .navbar-nav .nav-title {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 5px 25px;
	font-size: 18px;
	color: #cb0707;
}

.header .navbar .dropdown-menu {
	padding: 0px;
	z-index: 999;
}

.header .navbar .dropdown-menu li a i {
	margin-left: auto;
}

.header .search ul li a {
	font-size: 20px;
	color: var(--primary-color);
}

.header .search ul li a:hover {
	color: #000000;
}

/*---------------------------------*/
/*Hamburger*/
/*---------------------------------*/
.hamburger {
	padding: 0px;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
	background-color: transparent;
}

.hamburger .hamburger-container {
	position: relative;
	width: 24px;
	height: 18px;
	display: inline-block;
}

.hamburger .hamburger-container .hamburger-inner {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	transform: translate(5px, -50%);
	background-color: #000000;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.5s;
	opacity: 1;
}

.hamburger .hamburger-container .hamburger-inner:before {
	position: absolute;
	content: "";
	transform: translate(-5px, 0);
	top: -8px;
	width: 100%;
	height: 2px;
	background-color: #000000;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.5s;
	opacity: 1;
}

.hamburger .hamburger-container .hamburger-inner:after {
	position: absolute;
	content: "";
	top: 8px;
	transform: translate(-5px, 0);
	width: 100%;
	height: 2px;
	background-color: #000000;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.5s;
	opacity: 1;
}

.hamburger .hamburger-container .hamburger-hidden {
	position: absolute;
	top: 50%;
	transform: translate(51px, -50%);
	width: 100%;
	height: 2px;
	background-color: var(--primary-color);
	opacity: 0;
	transition-duration: 0.5s;
	transition-property: transform, opacity;
	transition-timing-function: ease;
}

.hamburger .hamburger-container .hamburger-hidden:before {
	position: absolute;
	content: "";
	top: -9px;
	width: 100%;
	height: 2px;
	background-color: var(--primary-color);
	transition-duration: 0.5s;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transform: translate(102px, 0);
}

.hamburger .hamburger-container .hamburger-hidden:after {
	position: absolute;
	content: "";
	top: 9px;
	transform: translate(102px, 0);
	width: 100%;
	height: 2px;
	background-color: var(--primary-color);
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.4s;
}

.hamburger:hover .hamburger-inner {
	transform: translate(-51px, 50%);
	opacity: 0;
}

.hamburger:hover .hamburger-inner:before {
	transform: translate(102px, 0);
	opacity: 0;
}

.hamburger:hover .hamburger-inner:after {
	transform: translate(102px, 0);
	opacity: 0;
}

.hamburger:hover .hamburger-hidden {
	opacity: 1;
	transform: translate(0, -50%);
}

.hamburger:hover .hamburger-hidden:before {
	opacity: 1;
	transform: translate(0, 0);
}

.hamburger:hover .hamburger-hidden:after {
	opacity: 1;
	transform: translate(0, 0);
}

/*---------------------------------*/
/* Header Sticky */
/*---------------------------------*/
header.header.header-sticky.is-sticky {
	position: fixed;
	background: rgba(255, 255, 255, 0.1);
 /* Transparent white */
	border-radius: 16px;
	backdrop-filter: blur(10px);
 /* Main blur effect */
	-webkit-backdrop-filter: blur(10px);
 /* Safari support */
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	top: -130px;
	animation: stickySlideDown 1.2s cubic-bezier(0.25, 1, 0.5, 1) both;
	transition: 0.60s ease-in-out;
}

header.header.header-sticky.is-sticky.sticky-show {
	top: 0;
}

header.header.header-sticky.is-sticky .navbar .navbar-brand img {
	height: 62px;
}

header.header.header-sticky.is-sticky .navbar .navbar-brand img.sticky {
	display: block;
}

@keyframes stickySlideDown {
	0% {
		opacity: 0.7;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.header li > .dropdown-item:focus {
	color: var(--primary-color);
	background: none;
}

.header li > .dropdown-item:hover {
	color: #000000;
	background: none;
}

.header .dropdown-item.active {
	background: none;
}

.header .dropdown-item:active {
	background: none;
}

.header .dropdown-item:focus {
	background: none;
}

.header .dropdown-item:hover {
	background: none;
}

.header .dropdown-toggle::after {
	background: #0676ff;
}

/* .header .navbar-collapse {
	align-items: inherit;
	position: relative;
	flex-grow: inherit;
} */

.dropdown-menu[data-bs-popper] {
    top: 90%;
}

.navbar .dropdown > .dropdown-menu li > a {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	padding: 5px 0px;
	border-radius: 0px;
	position: relative;
	color: var(--primary-color);
}

.navbar .dropdown > .dropdown-menu li > a .menu-item-description {
	color: var(--black-color);
}

.navbar .dropdown > .dropdown-menu li > a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 10px;
}

.navbar .dropdown > .dropdown-menu li > a:hover span:before {
	width: 100%;
}

.navbar .navbar-nav .dropdown-menu li.active > a span {
	color: var(--primary-color);
}

.navbar .navbar-nav .dropdown-menu li.active > a span:before {
	width: 100%;
}

.megamenu {
    padding: 40px 20px;
}

.megamenu ul {
    display: grid;
	padding-left: 0px;
}

.megamenu ul li {
	display: inline-flex;
}

.group-dark {
    background-color: #f3f6f9;
    padding: 100px 20px;
}

.dark-group {
    background-color: #f3f6f9;
    padding: 40px 20px;
}

.dropdown-toggle::after {
	display: none;
}

/*---------------------------------*/
/* Search */
/*---------------------------------*/
.action-group {
	gap: 30px;
	display: flex;
	align-items: center;
	margin-left: 30px;
}

.action-group .header-phone-number {
	display: flex;
	align-items: center;
	padding: 8px 25px;
	border-radius: 50px;
	margin-left: 10px !important;
	border: 1px solid var(--secondary-color);
	background-color: var(--secondary-color);
	font-size: 20px;
	line-height: 30px;
}

.action-group .header-phone-number i {
	color: var(--white-color);
	margin-right: 15px;
}

.action-group .header-phone-number a {
	white-space: nowrap;
	color: #f8f8f8;
}

.action-group .header-phone-number a:hover {
	color: var(--primary-color);
}

/*---------------------------------*/
/*offcanvas*/
/*---------------------------------*/
.offcanvas .offcanvas-header {
	padding: 40px 50px 0px 50px;
}

.offcanvas .btn-close {
	display: flex;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	justify-content: center;
	align-items: center;
	background: #000000;
	opacity: 1;
	transition: all 0.3s ease-in-out;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	color: var(--white-color) !important;
}

.offcanvas .btn-close:hover {
	color: var(--primary-color) !important;
}

.offcanvas .btn-close:focus {
	box-shadow: none;
}

.offcanvas .offcanvas-body {
	padding: 50px;
	padding-top: 0;
}

.offcanvas .offcanvas-body .about-us-box .title {
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 15px;
	color: #07192f;
	font-weight: 600;
}

.offcanvas .offcanvas-body .about-us-box p {
	color: #838383;
	margin-bottom: 0;
}

.offcanvas .offcanvas-body .widget-social {
	margin: 40px 0;
}

.offcanvas .offcanvas-body .widget-social .social-icon {
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.offcanvas .offcanvas-body .widget-social .social-icon li {
	display: flex;
	align-items: center;
	gap: 20px;
}

.offcanvas .offcanvas-body .widget-social .social-icon li .icon {
	line-height: 1;
}

.offcanvas .offcanvas-body .widget-social .social-icon li .icon svg {
	fill: var(--primary-color);
}

.offcanvas .offcanvas-body .widget-social .social-icon li a {
	font-size: 22px;
	line-height: 30px;
	color: #07192f;
}

.offcanvas .offcanvas-body .widget-social .social-icon li a:hover {
	color: var(--primary-color);
}

.offcanvas .offcanvas-body .contact-info-box {
	margin-top: auto;
	padding-bottom: 50px;
}

.offcanvas .offcanvas-body .contact-info-box .title {
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 15px;
	color: #07192f;
	font-weight: 600;
}

.offcanvas .offcanvas-body .contact-info-box ul li {
	color: #838383;
}

.offcanvas .offcanvas-body .contact-info-box ul li a {
	color: #838383;
}

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

.offcanvas.header-sidepanel {
	border-left: none;
	width: 450px;
}

/*---------------------------------*/
/* Mobile Offcanvas Menu */
/*---------------------------------*/
.mobile-action .mobile-hamburger {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: flex-end;
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner {
	background-color: #000000;
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner:before {
	background-color: #000000;
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner:after {
	background-color: #000000;
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden {
	background-color: var(--primary-color);
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden:before {
	background-color: var(--primary-color);
}

.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden:after {
	background-color: var(--primary-color);
}

.main-menu-offcanvas {
	background-color: #07192f;
	width: 400px;
}

.main-menu-offcanvas .offcanvas-header {
	justify-content: space-between;
	padding: 40px 50px;
}

.main-menu-offcanvas .offcanvas-header .offcanvas-title {
	font-weight: 600;
}

.main-menu-offcanvas .offcanvas-header .btn-close {
	height: 50px;
	width: 50px;
	font-size: 24px;
	color: var(--white-color);
}

.main-menu-offcanvas .offcanvas-body .body-inner {
	overflow-x: hidden;
}

.main-menu-offcanvas .offcanvas-body .navbar {
	padding: 0;
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav {
	width: 100%;
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item {
	padding: 15px 0;
	border-bottom: 1px solid rgba(131, 131, 131, 0.4);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a {
	display: block;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	background-color: transparent;
	color: var(--white-color);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a.dropdown-toggle:before {
	position: absolute;
	content: "\f078";
	font-family: 'Font Awesome 6 Free';
	font-size: 13px !important;
	font-weight: 900;
	color: var(--white-color);
	height: 27px;
	width: 27px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.1s ease-in-out;
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a.dropdown-toggle.show:before {
	transform: rotate(-180deg);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a:after {
	display: none;
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
	border: none;
	background: transparent;
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a {
	padding: 8px 0;
	font-size: 18px;
	font-weight: 400;
	color: var(--white-color);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
	background-color: transparent;
	color: var(--primary-color);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item:has(.active) > .nav-link {
	color: var(--primary-color);
}

.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item:has(.active) > .nav-link:before {
	color: var(--primary-color);
}

.main-menu-offcanvas .contact-info {
	padding-top: 25px;
	border-top: 3px solid var(--primary-color);
}

.main-menu-offcanvas .contact-info .number {
	display: block;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 15px;
}

.main-menu-offcanvas .contact-info .mail {
	display: block;
	color: #ced0df;
	font-size: 24px;
	margin-bottom: 15px;
}

.main-menu-offcanvas .contact-info .mail i {
	padding-right: 10px;
	color: var(--primary-color);
}

/*****************************
	Site Banner
*****************************/
/*-----------------------------------*/
/* Main Banner 1 */
/*-----------------------------------*/

/* chage text */
#service-text {
	color: #F15A24;
	font-weight: bold;
	opacity: 0;
	transition: opacity 0.3s ease;
}

#service-text.show {
	opacity: 1;
}

	/*end chage text */
.main-banner-1 {
	overflow: hidden;
	position: relative;
	height: 800px;
}

.main-banner-1:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--primary-color);
	background: linear-gradient(10deg, var(--primary-color)3f 12%, rgba(0, 38, 27, 0.02) 65%);
	z-index: 2;
}

.main-banner-1 .kenburnsy {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-banner-1 .kenburnsy .slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transform-origin: center;
}

.main-banner-1 .banner-slide {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.main-banner-1 .banner-slide .swiper-container {
	height: 100%;
}

.main-banner-1 .banner-slide .swiper-container .swiper-slide {
	width: 100% !important;
}

.main-banner-1 .widget-social {
	flex-wrap: nowrap;
	position: absolute;
	right: 90px;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
}

.main-banner-1 .widget-social .follow-title {
	font-size: 20px;
}

.main-banner-1 .widget-social ul.social-icon li a {
	font-size: 20px;
	color: rgb(239, 5, 5);
}

.main-banner-1 .banner-content {
	position: relative;
	width: 70%;
	z-index: 3;
}

.main-banner-1 .banner-content h1 {
	font-size: 90px;
	text-transform: capitalize;
	line-height: 1.1em;
	color: #000000;
	margin-bottom: 44px;
	margin-bottom: 15px;
}

.main-banner-1 .banner-content .description {
	color: var(--white-color);
	font-size: 18px;
	line-height: 34px;
	margin-bottom: 40px;
	width: 70%;
}

.main-banner-1 .banner-content .banner-info {
	display: flex;
	gap: 30px;
}

.main-banner-1 .banner-content .banner-info .call-center-box a {
	font-size: 22px;
	line-height: 32px;
	font-family: var(--font-family);
	font-weight: 600;
	color: var(--white-color);
}

.main-banner-1 .banner-bg-bottom {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	transform: rotate(180deg);
	z-index: 3;
}
/* Make video cover the section */
.background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
 /* Send it behind the content */;
}

/* Ensure parent div allows absolute positioning */
#bg-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Make sure the section has relative positioning to contain absolute children */
.main-banner {
	position: relative;
	overflow: hidden;
}

.main-banner-1 .banner-bg-bottom svg {
	height: 30px;
	display: block;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.main-banner-1 .banner-bg-bottom svg path {
	fill: #000f22;
}

/*-----------------------------------*/
/* Main Banner 2 */
/*-----------------------------------*/
.main-banner.main-banner-2 {
	padding: 0px 25px;
}

.main-banner.main-banner-2 .banner-conent {
	overflow: hidden;
	position: relative;
	padding: 150px 110px;
	border-radius: 25px;
	z-index: 1;
	background-color: #07192f;
}

.main-banner.main-banner-2 .banner-conent .sub-title {
	gap: 10px;
	display: flex;
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
	align-items: center;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: var(--font-family);
}

.main-banner.main-banner-2 .banner-conent .title {
	font-size: 72px;
	font-weight: 600;
	line-height: 86px;
	margin-bottom: 15px;
}

.main-banner.main-banner-2 .banner-conent .reviews-info {
	gap: 30px;
	display: flex;
	margin-top: 35px;
	align-items: center;
}

.main-banner.main-banner-2 .banner-conent .reviews-info .btn {
	padding: 16px 50px;
}

.main-banner.main-banner-2 .banner-conent .banner-shape {
	right: 0;
	bottom: 0;
	opacity: 0.08;
	position: absolute;
	z-index: -1;
}

/*-----------------------------------*/
/* Inner Banner */
/*-----------------------------------*/
.inner-banner {
	z-index: 5;
	height: 450px;
	display: flex;
	overflow: hidden;
	text-align: center;
	align-items: center;
	position: relative;
	justify-content: center;
	background-position: inherit;
	background-image: url(./../images/banner/banner.webp);
	/* background-repeat: no-repeat !important;
	background-size: cover !important; */
}

.inner-banner:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(135deg, var(--primary-color)b9, #ff5a3cb9); */
	/* background: radial-gradient(circle, var(--primary-color)b9, #ff5a3cb9); */
	background: linear-gradient(to bottom, var(--primary-color) 10%, transparent 100%) !important;
	z-index: -1;
}

.inner-banner .title {
	margin-bottom: 20px;
}

.rotate {
	-webkit-animation: rotate 50s normal linear infinite;
	animation: rotate 50s normal linear infinite;
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}

	25% {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
	}

	50% {
		-webkit-transform: rotate3d(0, 0, 1, 180deg);
		transform: rotate3d(0, 0, 1, 180deg);
	}

	75% {
		-webkit-transform: rotate3d(0, 0, 1, 270deg);
		transform: rotate3d(0, 0, 1, 270deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

/* Responsive CSS */

.main-banner-1 .banner-content .title {
	color: white;
}

/* Layout */

/* Sticky column */
.is-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 130px;
}


/* Scrollbar */

::-webkit-scrollbar {
	width: var(--scrollbar-width) !important;
}

.table-responsive::-webkit-scrollbar {
	width: auto;
	height: var(--scrollbar-width);
}

::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-track {
	background-color: #dfdfdf;
	border: 1px solid #dfdfdf;
}

::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
}

/* Jarallax */

#jarallax-container-0 {
	border-radius: 30px;
}

/* Search */

.search ul li a {
	color: #000000;
}

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

#search {
	background: rgba(255, 255, 255, 0.1);
 /* Transparent white */
	border-radius: 16px;
	backdrop-filter: blur(10px);
 /* Main blur effect */
	-webkit-backdrop-filter: blur(10px);
 /* Safari support */
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	text-align: center;
	max-height: inherit;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
}

#search input[type="search"] {
	width: 100%;
	color: var(--white-color);
	background: transparent;
	font-size: 18px;
	font-weight: 300;
	border: 1px solid rgba(255, 255, 255, 0.07);
	margin: 0px auto;
	padding: 12px 25px;
	outline: none;
	border-radius: 50px;
}

#search .close {
	border: none;
	display: flex;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	justify-content: center;
	align-items: center;
	background: inherit;
	opacity: 1;
	transition: all 0.3s ease-in-out;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
	color: var(--white-color);
	font-size: 24px;
	line-height: 30px;
	background-color: #000000;
}

#search .close:before {
	position: absolute;
	content: "\f00d";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	z-index: -1;
}

#search .close:hover {
	color: var(--primary-color);
}

#search.open {
	opacity: 1;
	visibility: visible;
}

#search .search-inner {
	max-width: 950px;
	height: 100%;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 15px;
}

#search .search-inner form {
	width: 100%;
	display: flex;
	justify-content: center;
}

#search .search-inner form .search-btn.btn {
	margin: 0px 0px 0px 10px;
}
/* #search ul{
	overflow-y: scroll;
}
#search ul li{
	list-style: none
}
#search ul li a{
	width: 100vw;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
#search ul li a i{
	width: 100px;
} */
body {
	position: relative;
}

body:has(#search.open) {
	overflow: hidden;
}

body:has(#search.open):before {
	top: 0;
	left: 0;
	z-index: 9;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
}

/* Select Dropdown Arrow */
.select2-container--default .select2-selection--single {
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 11px;
	height: 21px;
	width: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
	content: "\f078";
	font-family: "Font Awesome 6 free";
	font-style: normal;
	font-weight: 900;
	color: var(--primary-color);
}

.select2-container--default .select2-search--dropdown {
	margin-bottom: 5px;
	padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 16px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	border-radius: 10px;
	background-color: rgba(35, 164, 85, 0.1);
	color: var(--primary-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: rgba(35, 164, 85, 0.1);
	color: var(--primary-color);
	border-radius: 10px;
}

.select2-dropdown {
	border: none;
	border-radius: 0px;
	z-index: 8;
}

.select-border .select2-container--default .select2-selection--single {
	height: 43px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #ced0df;
	padding: 10px 20px;
	padding-left: 15px;
	border-radius: 5px;
	border: 1px solid rgba(206, 208, 223, 0.3);
}

.select2-results__option[aria-selected] {
	text-transform: capitalize;
}

.select2-container--default .select2-results > .select2-results__options {
	border: none;
}

.select2-container--default .select2-selection--single {
	background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ced0df;
	line-height: 22px;
}

.select2-container--open .select2-dropdown {
	padding: 10px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: #07192f;
}

.select2-container--open .select2-dropdown.select2-dropdown--below {
	border-radius: 0px 0px 10px 10px;
}

.select2-container--open .select2-dropdown.select2-dropdown--above {
	border-radius: 10px 10px 0px 0px;
}

.select2-search--dropdown .select2-search__field {
	border: 1px solid rgba(255, 255, 255, 0.07);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04);
}

.select2-container--default .select2-selection--single {
	height: 50px;
	padding: 15px 20px;
}


/* Back To Top */

.back-to-top {
	position: fixed;
	z-index: 99;
	right: 50px;
	bottom: 75px;
	height: 55px;
	width: 55px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
	transform: translateY(30px);
}

.back-to-top::before {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
	content: "\f062";
	text-align: center;
	line-height: 55px;
	opacity: 1;
	height: 55px;
	width: 55px;
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
}

.back-to-top svg path {
	fill: none;
}

.back-to-top svg.progress-circle path {
	stroke: var(--primary-color);
	stroke-width: 4;
}

.back-to-top.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Call Center Box */

.call-center-box {
	display: flex;
	align-items: center;
	gap: 15px;
}

.call-center-box .call-icon {
	height: 60px;
	width: 60px;
	flex: 0 0 60px;
	background-color: var(--secondary-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.call-center-box .call-icon i {
	color: var(--white-color);
	font-size: 18px;
	transition: all 0.3s ease-in-out;
}

.call-center-box .call-icon:hover {
	animation: btn-effect 1s ease-in-out;
	background-color: var(--white-color);
}

.call-center-box .call-icon:hover i {
	color: var(--primary-color);
}

.call-center-box .call-info {
	display: flex;
	flex-direction: column;
}

.call-center-box .call-info span {
	font-size: 18px;
	line-height: 28px;
	color: #1A2547;
}

.call-center-box .call-info a:hover {
	color: var(--primary-color);
}

/* Contact Us */

.contact-icon-box .icon-box-info .title {
	margin-bottom: 25px;
}

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

.contact-icon-box .icon-box-info ul li a {
	color: #000000;
}

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

.contact-icon-box .icon-box-info .widget-social .social-icon li a {
	color: #000000;
}

.contact-icon-box .icon-box-info .widget-social .social-icon li a:hover {
	color: var(--primary-color);
}

.contact-form-box {
	background-color: #221F1F;
	padding: 80px;
	position: relative;
	border-radius: 25px;
	z-index: 1;
}

.contact-form-box:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(57d5736aac07a4bccff1.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	opacity: 0.2;
	z-index: -1;
}

.contact-title {
	background-color: var(--primary-color);
	padding: 8px 30px;
	font-size: 16px;
	color: var(--white-color);
	font-weight: 500;
	margin-top: 20px;
	border-radius: 50px;
	display: inline-block;
}

.contact-top {
	background-size: 70%;
	background-position-x: 50%;
	background-repeat: no-repeat;
	background-position-y: 370px;
	position: relative;
	z-index: 1;
}

.contact-top:before {
	content: "";
	height: 100%;
	width: 100%;
	background-image: linear-gradient(180deg, rgba(11, 28, 38, 0.4) 59%, #000f22 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.contact-address-wrapper {
	margin-top: 80px;
}

.contact-address {
	padding: 50px 35px 40px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	border-bottom: 3px solid rgba(35, 164, 85, 0.5);
	transition: all 0.3s ease-in-out;
}

.contact-address:before {
	content: "";
	height: 100%;
	width: 100%;
	background-image: linear-gradient(180deg, #07192f 0%, var(--primary-color) 100%);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: -1;
}

.contact-address .title {
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-address p {
	margin-bottom: 0;
}

.contact-address:hover {
	border-color: var(--primary-color);
}

/* WOW : animation */

.pgsUpToDown {
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.pgsUpToDown.wow-animated,
.pgsUpToDown.animated {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.pgsDownToUP {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.pgsDownToUP.wow-animated,
.pgsDownToUP.animated {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.pgsLeftToRight {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.pgsLeftToRight.wow-animated,
.pgsLeftToRight.animated {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.pgsRightToLeft {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.pgsRightToLeft.wow-animated,
.pgsRightToLeft.animated {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}


/* Map : Contact Us */

.map {
	height: 605px;
	border-radius: 25px;
	margin-bottom: -8px;
	filter: brightness(90%) saturate(0%);
  /* IE6-9 */
	-webkit-filter: brightness(90%) saturate(0%);
  /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
	;
}

/* 404 Page */

.error-section {
	position: relative;
}

.error-section:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	background-image: url(8eb756dd4fc3696fa1f6.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: -1;
}

.error-section .error-content {
	position: relative;
}

.error-section .error-content .error-main-title {
	position: relative;
}

.error-section .error-content .error-main-title .error-text {
	font-size: 380px;
	font-weight: 700;
	line-height: 400px;
	-webkit-text-stroke-width: 2px;
	stroke-width: 2px;
	-webkit-text-stroke-color: var(--primary-color);
	stroke: var(--primary-color);
	color: transparent;
}

.error-section .error-content .error-main-title .bg-text-stroke {
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	padding-left: 6px;
	text-align: center;
	font-size: 380px;
	font-weight: 700;
	line-height: 400px;
	-webkit-text-stroke-width: 2px;
	stroke-width: 2px;
	-webkit-text-stroke-color: rgba(35, 164, 85, 0.15);
	stroke: rgba(35, 164, 85, 0.15);
	color: transparent;
}

/* Login */

.login-form {
	padding: 30px;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 5px;
}

.login-form .forget-password:hover, .login-form .forget-password:focus,
  .login-form .sign-up:hover,
  .login-form .sign-up:focus {
	color: var(--white-color);
}

/* Coming Soon */

.coming-soon-section {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9;
	padding: 150px 0;
	height: 100vh;
}

.coming-soon-section:before {
	content: "";
	background-image: linear-gradient(20deg, var(--primary-color) 15%, rgba(0, 38, 27, 0.5) 100%);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}

.coming-soon-section .countdown-wrapper .countdown span {
	font-family: var(--font-family);
}

.inner-content {
	display: flex;
	gap: 40px;
	flex-direction: column;
}

.inner-content a img {
	height: 60px;
}

.coming-soon-title {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	color: var(--white-color);
	font-family: var(--font-family);
}

.coming-soon-description {
	font-size: 18px;
	color: var(--white-color);
	margin-bottom: 0px;
}

/*Home 02*/
.about-section {
	position: relative;
	z-index: 1;
}

.about-section:before {
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	opacity: 0.5;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(8eb756dd4fc3696fa1f6.png);
}

/*Home Shape line*/
.item-efftect {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	bottom: 0;
}

.item-efftect .efftect {
	position: absolute;
	width: 1px;
	height: 100vh;
	top: 0px;
	background: rgba(255, 255, 255, 0.04);
	overflow: hidden;
}




/* ========================================================================================= */
.item-efftect .efftect::after {
	position: absolute;
	top: -50%;
	left: 0;
	content: "";
	height: 70px;
	width: 100%;
	background: linear-gradient(to bottom, rgb(255, 0, 0) 0%, rgb(35, 164, 84) 75%, rgba(131, 131, 131, 0.1) 100%);
	display: block;
	-webkit-animation: run 5s 0s infinite;
	animation: run 5s 0s infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
/* ========================================================================================= */

.item-efftect .efftect:nth-child(1) {
	left: 5%;
}

.item-efftect .efftect:nth-child(1)::after {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}

.item-efftect .efftect:nth-child(2) {
	left: 25%;
}

.item-efftect .efftect:nth-child(2)::after {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.item-efftect .efftect:nth-child(3) {
	left: 50%;
}

.item-efftect .efftect:nth-child(3)::after {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.item-efftect .efftect:nth-child(4) {
	left: 75%;
}

.item-efftect .efftect:nth-child(4)::after {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.item-efftect .efftect:nth-child(5) {
	left: 95%;
}

.item-efftect .efftect:nth-child(5)::after {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

.about-section .experience-section {
	padding-left: 35px;
}

.experience-years .title {
	gap: 30px;
	display: flex;
	font-size: 180px;
	line-height: 140px;
	font-weight: 600;
	stroke-width: 2px;
	stroke: var(--primary-color);
	color: transparent;
	align-items: flex-end;
	padding-bottom: 70px;
	-webkit-text-stroke: 2px var(--primary-color);
}

.experience-years .title sub {
	stroke: none;
	color: var(--white-color);
	max-width: 147px;
	font-size: 18px;
	line-height: 30px;
	stroke-width: 0px;
	display: inline-block;
	-webkit-text-stroke: initial;
}

.experience-section.bg-primary {
	padding: 55px 50px;
	border-radius: 15px;
}

.experience-section.bg-primary .experience-years .title {
	stroke: var(--white-color);
	font-size: 160px;
	line-height: 130px;
	padding-bottom: 50px;
	margin-bottom: 0px;
	-webkit-text-stroke-color: var(--white-color);
}

.experience-section.bg-primary .skill-wrapper .skill .skill-bar {
	background-color: var(--white-color);
}

.experience-section.bg-primary .skill-wrapper .skill .skill-bar .skill-title {
	color: var(--white-color);
	font-weight: 400;
}

.experience-section.bg-primary .skill-wrapper .skill .skill-bar .progress-type {
	color: var(--white-color);
}

.experience-section.bg-primary .skill-wrapper .skill .skill-bar .progress-number {
	color: var(--white-color);
}

.experience-section.bg-primary .skill-wrapper .skill:before {
	border-color: rgba(255, 255, 255, 0.3);
}

/*Mission Vision Page*/
.our-mission-section .about-img {
	padding-right: 85px;
}

/* Fade In effect */
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* Zoom-in effect */
@keyframes zoomIn {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* Keyframes */
@keyframes run {
	0% {
		top: -50%;
	}

	100% {
		top: 110%;
	}
}

/* Blog */

.blog-post .blog-post-img {
	overflow: hidden;
	border-radius: 25px;
	position: relative;
	margin-bottom: 30px;
}

.blog-post .blog-post-info {
	margin-top: 20px;
}

.blog-post .blog-post-info .post-title {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 15px;
	word-wrap: break-word;
}

.blog-post .blog-post-info .post-title a {
	color: black;
	text-decoration: none;
}

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

.blog-post .post-meta {
	margin-bottom: 15px;
}

.blog-post .post-meta ul {
	display: flex;
	padding: 0;
	margin-bottom: 0;
	align-items: center;
	list-style: none;
}

.blog-post .post-meta ul li {
	font-size: 17px;
	position: relative;
	font-weight: normal;
	line-height: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.blog-post .post-meta ul li:first-child {
	list-style: none;
	margin-left: 0;
}

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

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

.blog-post .post-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blog-grid.grid-wrapper {
	grid-gap: 40px 24px;
}

.blog-post.blog-style-02 .blog-post-img {
	position: relative;
	margin-bottom: 0px;
}

.blog-post.blog-style-02 .blog-post-img img {
	transform: scale(1);
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(0.05, 0.15, 0.25, 1);
	transition-timing-function: cubic-bezier(0.05, 0.15, 0.25, 1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.blog-post.blog-style-02 .blog-post-img .blog-post-category .post-meta-category {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 30px;
	color: #07192f;
	background: var(--primary-color);
	border-radius: 20px;
}

.blog-post.blog-style-02 .blog-post-img .blog-post-category .post-meta-category a {
	color: var(--white-color);
}

.blog-post.blog-style-02 .blog-post-img:before {
	content: none;
}

.blog-post.blog-style-02 .blog-post-img:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}

.blog-post.blog-style-02 .blog-post-info {
	margin-top: 20px;
}

.blog-post.blog-style-02 .blog-post-info .post-title {
	font-size: 26px;
	line-height: 36px;
	margin: 0;
	margin-bottom: 5px;
}

.blog-post.blog-style-02 .blog-post-info .post-title a {
	color: #000000;
}

.blog-post.blog-style-02 .blog-post-info .post-title a:hover {
	color: var(--primary-color);
}

.blog-post.blog-style-02 .blog-post-info .post-meta {
	margin-bottom: 0px;
}

.blog-post.blog-style-02 .blog-post-info .post-meta ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.blog-post.blog-style-02 .blog-post-info .post-meta ul li {
	color: #f6f6f6;
	line-height: 30px;
}

.blog-standard.grid-wrapper {
	grid-gap: 80px;
	padding-right: 96px;
}

.post-social.widget-social .follow-title {
	gap: 20px;
}

.post-social.widget-social ul.social-icon li a {
	font-size: 20px;
}

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

.post-social.widget-social ul.social-icon li a.social-share i {
	color: black;
}

.blog-standard .blog-post-img {
	margin-bottom: 30px;
}

.blog-standard .blog-post-info {
	margin-top: 0px;
}

.blog-standard .blog-post-info .post-title {
	margin-bottom: 15px;
	display: block;
}

.blog-standard .blog-post-info .description {
	margin-bottom: 0px;
}

.blog-standard .post-foot {
	margin-top: 40px;
}

.blog-standard .post-foot .post-meta {
	margin-bottom: 0;
}

.blog-standard .post-foot .post-meta .post-meta-category {
	margin-right: 10px;
}

.blog-standard .post-foot .post-meta .post-meta-category a {
	color: var(--primary-color);
}

.blog-standard .post-foot .post-meta .post-meta-category a:hover {
	text-decoration: underline !important;
}

.blog-standard .post-foot .post-meta .post-meta-date:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 4px;
	height: 4px;
	margin: 0 15px;
	background: #ced0df;
	border-radius: 30px;
}

.blog-single {
	padding-right: 44px;
	padding-left: 52px;
}

.blog-single .post-content-header .post-meta {
	margin-bottom: 15px;
}

.blog-single .post-content-header .post-meta ul {
	display: flex;
	padding: 0;
	margin-bottom: 0;
	align-items: center;
	list-style: none;
}

.blog-single .post-content-header .post-meta ul li {
	font-size: 17px;
	position: relative;
	font-weight: normal;
	line-height: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.blog-single .post-content-header .post-meta ul li:first-child {
	list-style: none;
	margin-left: 0;
}

.blog-single .post-content-header .post-meta ul li a {
	color: #ced0df;
}

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

.blog-single .post-content-header .post-meta ul li.post-meta-category {
	margin-right: 10px;
}

.blog-single .post-content-header .post-meta ul li.post-meta-category a {
	color: var(--primary-color);
}

.blog-single .post-content-header .post-meta ul li.post-meta-category a:hover {
	text-decoration: underline !important;
}

.blog-single .post-content-header .post-meta ul li.post-meta-date {
	list-style: none;
}

.blog-single .post-content-header .post-meta ul li.post-meta-date:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 4px;
	height: 4px;
	margin: 0 15px;
	background: #ced0df;
	border-radius: 30px;
}

.blog-single .post-content-header .blog-single-info {
	display: flex;
	width: 100%;
	margin: 30px 0px;
	margin-bottom: 50px;
	align-items: center;
	justify-content: space-between;
}

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

.blog-single .post-content-header .blog-single-info .blog-author .author-image {
	width: 70px;
	height: 70px;
	flex: 0 0 70px;
	margin-right: 20px;
	border-radius: 50px;
}

.blog-single .post-content-header .blog-single-info .blog-author .blog-info .author-name {
	font-size: 22px;
	line-height: normal;
	margin-bottom: 5px;
}

.blog-single .post-content-header .blog-single-info .blog-author .blog-info p {
	margin-bottom: 0px;
}

.blog-single .blog-post-content {
	margin-bottom: 80px;
}

.blog-single .blog-post-content .post-title {
	margin-top: 26px;
	margin-bottom: 13px;
}

.blog-single .blog-post-content .post-title a {
	color: var(--white-color);
}

.blog-single .blog-post-content .post-title a:hover {
	color: var(--primary-color);
}

.blog-single .blog-post-content .blog-post-img {
	margin-bottom: 20px;
}

.blog-single .blog-post-author {
	display: flex;
	gap: 30px;
	margin-bottom: 80px;
	margin-top: 80px;
}

.blog-single .blog-post-author .author-image {
	width: 170px;
	max-width: 170px;
	flex: 0 0 170px;
	padding: 0;
}

.blog-single .blog-post-author .author-image img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.blog-single .blog-post-author .author-detail .author-title {
	font-size: 30px;
	font-style: normal;
	line-height: 40px;
	font-weight: 600;
	color: var(--white-color);
}

.blog-single .blog-post-author .author-detail .description {
	font-size: 18px;
	font-style: normal;
	line-height: 30px;
	color: #ced0df;
	margin-bottom: 0px;
}

.blog-single .blog-post-author .author-detail .author-profiles {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
	list-style-type: none;
}

.blog-single .blog-post-author .author-detail .author-profiles li a {
	color: var(--white-color);
	word-break: break-all;
}

.blog-single .blog-post-author .author-detail .author-profiles li a i {
	margin-right: 8px;
}

.blog-single .blog-post-author .author-detail .author-profiles li a:hover {
	color: var(--primary-color);
}

.blog-single .comment-form .comment-reply-title {
	font-size: 34px;
	line-height: 48px;
	margin-top: 68px;
	margin-bottom: 17px;
}

.blog-single .comment-form .btn {
	padding: 15px 40px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.blog-single .comment-form .form-check-input {
	border: 1px solid var(--primary-color);
}

.blog-single .comment-form .form-check-input:checked {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.blog-single .comment-form .form-check-input:focus {
	box-shadow: 0 0 0 0.25rem rgba(35, 164, 85, 0.25);
}

.blog-single .post-navigation .nav-links {
	position: relative;
	padding: 20px 0;
	border-top: 1px solid rgba(131, 131, 131, 0.25);
	border-bottom: 1px solid rgba(131, 131, 131, 0.25);
	justify-content: space-between !important;
	z-index: 2;
}

.blog-single .post-navigation .nav-links:before {
	content: "\f58d";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
	color: var(--white-color);
	z-index: -1;
}

.blog-single .post-navigation .nav-links a {
	color: var(--white-color);
}

.blog-single .post-navigation .nav-links a:hover {
	color: var(--primary-color);
}

/*Social Share Modal*/
.social-share-modal .modal-header {
	padding: 16px 20px;
}

.social-share-modal .modal-header .modal-title {
	font-size: 20px;
	color: #07192f;
}

.social-share-modal .modal-header .btn-close {
	line-height: normal;
	top: -2px;
	position: relative;
	background: none;
	outline: none;
	box-shadow: none;
}

.social-share-modal .modal-body {
	padding: 20px;
}

.social-share-modal .social-share-items {
	padding: 0;
	margin: 0;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	list-style-type: none;
}

.social-share-modal .social-share-items li {
	font-size: 20px;
	color: #07192f;
}

.social-share-modal .social-share-items li a {
	color: #07192f;
}

.social-share-modal .social-share-items li a:hover {
	color: var(--primary-color);
}

/*****************************
	Shop
*****************************/
/*shop-sidebar*/
.shop-sidebar.sidebar {
	padding-left: 0px;
}

.shop-sidebar.sidebar .filter-widget .price-filter .filter-btn {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	background-color: var(--primary-color);
	color: var(--white-color);
	border-radius: 3px;
	padding: 10px 16px;
	transition: all 0.3s ease-in-out;
}

.shop-sidebar.sidebar .filter-widget .price-filter .filter-btn:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.shop-sidebar.sidebar .filter-widget .price-filter .price_label {
	font-size: 0.9em;
}

.shop-product .product-results {
	font-size: 16px;
	line-height: 42px;
	color: #ced0df;
}

.shop-top-layout {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}

.shop-top-layout .select-border .form-control.basic-select {
	font-size: 18px;
	border: 1px solid rgba(131, 131, 131, 0.25);
	background-color: transparent;
	color: var(--white-color);
	height: 50px;
	width: 250px;
}

.shop-top-layout .select-border .form-control.basic-select option {
	color: #07192f;
}

.shop-top-layout .select-border .form-control.basic-select:focus {
	box-shadow: none;
}

.price-filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.price-filter .price_label {
	font-size: 18px;
	text-transform: uppercase;
}

.price-filter > a {
	font-size: 18px;
	color: #07192f;
	text-transform: uppercase;
	font-weight: 500;
}

.price-filter > a:hover {
	color: var(--primary-color);
}

.irs--flat .irs-line {
	height: 3px;
	background: var(--white-color);
	border: 1px solid white;
}

.irs--flat .irs-bar {
	background: var(--primary-color);
	height: 4px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
	background: transparent;
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.irs--flat .irs-handle {
	top: 19px;
	width: 18px;
}

.irs--flat .irs-handle > i:first-child, .irs--flat .irs-handle > i:first-child {
	top: 0;
	left: 0;
	background: var(--primary-color);
	width: 15px;
	height: 15px;
	border: 2px solid var(--primary-color);
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
	display: none;
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
	background: var(--primary-color);
}

/* Product */
.shop-products {
	margin-top: 40px;
	grid-gap: 55px 35px;
}

.onsale {
	min-width: auto;
	min-height: auto;
	padding: 2px 15px;
	line-height: 30px;
	margin: 0;
	position: absolute;
	font-weight: normal;
	border-radius: 5px;
	background-color: var(--primary-color);
}

.product {
	overflow: hidden;
	border-radius: 10px;
}

.product .product-image {
	position: relative;
	margin-bottom: 40px;
}

.product .product-image img {
	border-radius: 25px;
}

.product .product-image .onsale {
	top: 10px;
	right: 10px;
	z-index: 0;
}

.product .product-content {
	padding: 0 15px;
}

.product .product-content .product-info .product-title {
	margin-bottom: 10px;
	min-height: 60px;
}

.product .product-content .product-info .product-title a {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	font-family: var(--font-family);
	color: var(--white-color);
}

.product .product-content .product-info .product-title a:hover {
	color: var(--primary-color);
}

.product .product-content .product-info .products-price {
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	color: #ced0df;
}

.product .product-content .product-info .products-price ins {
	text-decoration: none;
}

.product .product-content .product-info .products-price:has(del) ins {
	color: var(--primary-color);
}

.product .product-content .product-info .btn.cart-btn {
	padding: 15px 50px;
	line-height: 1;
	margin-top: 20px;
}

.product:hover .product-image .custom-icon {
	right: 6px;
}

/* Product Detail */
.mfp-close {
	opacity: 1 !important;
	height: 30px !important;
	width: 30px !important;
	background-color: var(--white-color) !important;
	border-radius: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #07192f !important;
	padding-right: 0 !important;
}

.shop-single .product-image.single-product-image {
	position: relative;
}

.shop-single .product-image.single-product-image .onsale {
	top: 10px;
	left: 10px;
	z-index: 0;
}

.shop-single .product-image.single-product-image .icon-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	background-color: var(--white-color);
	border-radius: 100%;
	color: #000000;
}

.shop-single .nav-tabs-02 {
	border: inherit;
}

.shop-single .nav-tabs-02 .nav-tabs {
	border: 1px solid rgba(131, 131, 131, 0.25) !important;
	padding: 0px 20px;
	border-radius: 5px;
}

.shop-single .nav-tabs-02 .nav-item .nav-link {
	font-size: 18px;
	line-height: 30px;
	padding: 17px;
	font-weight: 500;
	border: inherit;
	color: var(--white-color);
	background: inherit;
}

.shop-single .nav-tabs-02 .nav-item .nav-link.active {
	border: inherit;
	color: var(--primary-color);
}

.shop-single .product-detail .product-prize {
	margin-bottom: 20px;
	font-size: 27px;
	line-height: 39px;
	color: var(--white-color);
	font-weight: 700;
}

.shop-single .product-detail .product-prize del {
	font-size: 24px;
	line-height: 36px;
	color: var(--white-color);
	opacity: 0.5;
	font-weight: 400;
}

.shop-single .product-detail .product-prize ins {
	text-decoration: none;
}

.shop-single .product-detail .product-prize p {
	font-size: 26px;
	color: #07192f;
	font-weight: 500;
}

.shop-single .product-detail .product-prize p span {
	color: rgba(7, 25, 47, 0.6);
}

.shop-single .product-detail .product-prize h4 {
	font-size: 20px;
	margin-bottom: 0;
}

.shop-single .product-detail .product-prize h4 span {
	font-size: 24px;
	color: var(--primary-color);
	margin-left: 8px;
}

.shop-single .product-detail .section-title .title {
	font-size: 36px;
	line-height: 48px;
	margin-bottom: 15px;
}

.shop-single .product-detail .add-to-cart-input .form-control {
	height: 54px;
}

.shop-single .product-detail .add-to-cart-input .btn {
	text-transform: capitalize;
	margin-bottom: 0px;
	padding: 10px 35px;
}

.shop-single .product-detail hr {
	margin: 30px 0;
}

.shop-single .product-detail .product-detail-meta {
	margin-bottom: 20px;
}

.shop-single .product-detail .product-detail-meta ul {
	list-style-type: none;
	padding: 0;
}

.shop-single .product-detail .product-detail-meta ul li {
	display: flex;
	gap: 10px;
}

.shop-single .product-detail .product-detail-meta ul li a {
	color: var(--primary-color);
}

.shop-single .product-detail .product-detail-meta ul li a:hover {
	color: var(--white-color);
}

.qty {
	border: 1px solid rgba(131, 131, 131, 0.25);
	margin-right: 10px;
	align-items: center;
	display: flex;
	padding: 10px;
	border-radius: 50px;
	width: 170px;
	justify-content: space-between;
}

.qty .count {
	color: var(--white-color);
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 28px;
	padding: 0 2px;
	text-align: center;
	width: auto;
	-moz-appearance: textfield;
}

.qty .plus {
	padding: 5px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: var(--white-color);
	line-height: 1;
	text-align: center;
}

.qty input {
	color: var(--white-color);
	background-color: transparent;
	border-color: inherit;
	text-align: center;
	width: auto;
}

.qty .minus {
	padding: 5px;
	cursor: pointer;
	display: inline-block;
	color: var(--white-color);
	line-height: 1;
	text-align: center;
}

.qty input {
	border: 0;
	width: 2%;
}

.qty input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty input:disabled {
	background-color: white;
}

/*commentlist*/
.commentlist {
	display: flex;
}

.commentlist .comment-author {
	width: 70px;
	flex: 0 0 70px;
}

.commentlist .comment-content {
	padding: 15px;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 100%;
	border-radius: 20px;
	border: 1px solid rgba(131, 131, 131, 0.25);
}

.commentlist .comment-content .reviews {
	display: flex;
	flex-wrap: wrap;
}

.commentlist .comment-content .reviews .rating {
	margin-left: auto;
}

.commentlist .comment-content .reviews .rating i {
	color: var(--primary-color);
}

.form-check-label {
	padding-left: 0px;
}

/* Checkout */
.checkout .section-title {
	padding-left: 0px;
	margin-bottom: 15px;
}

.checkout .section-title .title {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 0;
}

.checkout form {
	padding: 0;
	border-radius: 5px;
	background-color: transparent;
}

.checkout form .form-control {
	box-shadow: none;
}

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

.checkout form .select2-container--default {
	margin-bottom: 20px;
}

.checkout form .select2-container--default .select2-selection--single {
	height: auto;
	display: flex;
	font-size: 16px;
	line-height: 28px;
	padding: 16px 20px;
	position: relative;
	align-items: center;
	border-radius: 10px;
	background-color: transparent;
}

.checkout form .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

.checkout form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 20px;
	width: auto;
	height: auto;
	transform: translateY(-50%);
}

.checkout .contact-info {
	margin-bottom: 50px;
}

.checkout .contact-info p {
	font-size: 0.85em;
	color: #ced0df;
	margin-bottom: 16px;
	line-height: 1.8;
}

.checkout .billing-address {
	margin-bottom: 50px;
}

.checkout .payment-options .custom-control {
	margin-bottom: 50px;
}

.checkout .payment-options .checkout-terms {
	margin-bottom: 30px;
}

.checkout .payment-options .checkout-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkout .payment-options .checkout-actions .return-link {
	color: var(--primary-color);
}

.checkout .payment-options .checkout-actions .return-link svg {
	fill: var(--primary-color);
	margin-right: 6px;
}

.checkout-order-summary {
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 5px;
}

.checkout-order-summary .order-summary-title {
	font-size: 18px;
	color: #ced0df;
	font-weight: 500;
	margin: 16px 0 16px 16px;
}

.checkout-order-summary .order-summary-products {
	padding: 0 15px;
}

.checkout-order-summary .order-summary-products .order-summary-product {
	padding: 15px 0px;
	display: flex;
	border-bottom: 1px solid rgba(131, 131, 131, 0.25);
}

.checkout-order-summary .order-summary-products .order-summary-product .product-image {
	margin-top: 10px;
	padding-bottom: 0px;
	position: relative;
	width: 48px;
	flex: 0 0 48px;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-image .quantity {
	position: absolute;
	right: -12px;
	top: -12px;
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	width: 25px;
	border-radius: 100%;
	background-color: var(--white-color);
	color: #000000;
	border: 2px solid rgba(0, 0, 0, 0.2);
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details {
	padding-bottom: 0px;
	padding-left: 24px;
	padding-right: 12px;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-name {
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-prices .product-min-price .price {
	font-size: 0.85em;
	color: var(--primary-color);
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-prices .product-min-price del {
	color: #ced0df;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-prices .product-min-price ins {
	text-decoration: none;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-prices .product-min-price:has(del) ins {
	margin-left: 5px;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-details .product-description {
	font-size: 0.85em;
	color: #ced0df;
}

.checkout-order-summary .order-summary-products .order-summary-product .product-total-price {
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
}

.checkout-order-summary .order-summary-products .order-summary-product:last-child {
	border-bottom: 0px;
}

.checkout-order-summary .cart-totals {
	border: none;
}

.checkout-info-coupon .checkout-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
}

.checkout-info-coupon .checkout-coupon {
	padding: 0 20px;
	background-color: #f6f6f6;
	border-radius: 20px;
}

/* Cart */
.cart-table {
	border-radius: 5px;
	box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	border: 1px solid rgba(131, 131, 131, 0.25);
}

.cart-table .table {
	font-size: 18px;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid rgba(131, 131, 131, 0.25);
}

.cart-table .table tr th {
	border: 1px solid rgba(131, 131, 131, 0.25);
	padding: 15px;
	color: var(--white-color);
	background-color: transparent;
	text-align: left;
	vertical-align: middle;
	text-align: center;
	font-size: 0.85rem;
	text-transform: uppercase;
}

.cart-table .table tr td {
	border-top: 1px solid rgba(131, 131, 131, 0.25);
	padding: 15px;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
}

.cart-table .table thead tr {
	border: none;
}

.cart-table .table thead tr th:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.cart-table .table thead tr th:first-child {
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.cart-table .table tbody tr td.product-name a {
	color: #07192f;
}

.cart-table .table tbody tr td.product-name a:hover {
	color: var(--primary-color);
}

.cart-table .cart-product img {
	width: 90px;
	height: auto;
}

.cart-table .cart-product-details .cart-product-name {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 12px;
	display: block;
	color: var(--white-color);
}

.cart-table .cart-product-details .cart-product-name:hover {
	color: var(--primary-color);
}

.cart-table .cart-product-prices {
	display: flex;
	align-items: center;
}

.cart-table .cart-product-prices .product-min-price {
	font-size: 18px;
	line-height: 26px;
	color: var(--primary-color);
	font-weight: 500;
}

.cart-table .cart-product-prices .product-min-price del {
	color: var(--white-color);
	opacity: 0.5;
}

.cart-table .cart-product-prices .product-min-price ins {
	text-decoration: none;
}

.cart-table .cart-product-prices .product-min-price:has(del) ins {
	margin-left: 10px;
}

.cart-table .cart-product-prices .product-sale-badge-price {
	display: inline-block;
	margin: 0;
	border: 1px solid #2ecc71;
	color: #2ecc71;
	padding: 0px 8px;
	font-size: 0.85rem;
	border-radius: 3px;
}

.cart-table .cart-product-prices:has(.product-sale-badge-price) .product-min-price {
	margin-right: 15px;
}

.cart-table .cart-product-description {
	color: #ced0df;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	display: block;
	margin: 10px 0px;
}

.cart-table .cart-product-quantity {
	display: flex;
	align-items: center;
}

.cart-table .cart-product-quantity .qty {
	padding: 0;
	width: 110px;
	border-radius: 4px;
	height: 45px;
}

.cart-table .cart-product-quantity .qty .count {
	padding: 8px 0px;
}

.cart-table .cart-product-quantity .qty .minus {
	font-size: 0.8rem;
	color: #ced0df;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 5px 8px;
}

.cart-table .cart-product-quantity .qty .plus {
	font-size: 0.8rem;
	color: #ced0df;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 5px 8px;
}

.cart-table .cart-product-quantity .cart-product-remove .remove-link {
	font-size: 0.85rem;
	color: #ced0df;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

.cart-table .cart-product-quantity .cart-product-remove .remove-link:hover {
	text-decoration: none;
}

.cart-table .cart-product-subtotal {
	text-align: center;
}

.cart-table .cart-product-subtotal .subtotal {
	color: var(--white-color);
	display: block;
	text-align: center;
}

.cart-table .cart-product-subtotal .product-sale-badge-price {
	display: inline-block;
	margin: 0;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	padding: 0px 8px;
	font-size: 0.85rem;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
	width: 95px;
	text-align: center;
	margin-top: 5px;
}

.cart-totals {
	padding: 0px;
	background: transparent;
	margin-bottom: 30px;
	box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
	margin-top: 0px !important;
	border: 1px solid rgba(131, 131, 131, 0.25);
}

.cart-totals .cart-totals-title {
	font-size: 0.85rem;
	padding: 15px;
	color: var(--white-color);
	text-transform: uppercase;
	margin-bottom: 0px;
}

.cart-totals .cart-subtotal {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cart-totals .cart-subtotal label {
	font-size: 18px;
	color: var(--white-color);
}

.cart-totals .cart-subtotal .subtotal {
	font-size: 18px;
	color: var(--primary-color);
}

.cart-totals .order-total {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cart-totals .order-total label {
	font-size: 1.25em;
	color: var(--white-color);
	font-weight: 700;
}

.cart-totals .order-total .amount {
	font-size: 1.25em;
	color: var(--primary-color);
	font-weight: 700;
}

.cart-totals .checkout-btn {
	width: 100%;
	text-align: center;
	padding: 15px 25px;
	display: block;
	border-radius: 0px 0px 5px 5px;
	background-color: var(--primary-color);
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.cart-totals .checkout-btn svg {
	fill: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.cart-totals .checkout-btn:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.cart-totals .checkout-btn:hover svg {
	fill: var(--primary-color);
}

.cart-totals .checkout-info-coupon .checkout-info a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--white-color);
	padding: 15px;
	width: 100%;
}

.cart-totals .checkout-info-coupon .checkout-info a svg {
	fill: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.cart-totals .checkout-info-coupon .checkout-info a:not(.collapsed) svg {
	transform: rotate(-180deg);
}

.cart-totals .checkout-info-coupon .checkout-coupon {
	background-color: transparent;
	border-radius: 0;
}

.cart-totals .checkout-info-coupon .checkout-coupon .checkout-coupon-form {
	position: relative;
}

.cart-totals .checkout-info-coupon .checkout-coupon .checkout-coupon-form .form-control {
	width: calc(100% - 100px);
}

.cart-totals .checkout-info-coupon .checkout-coupon .checkout-coupon-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	padding: 16px 25px;
	border-radius: 5px;
}

.form-check-input:checked {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.form-check-input:focus {
	border-color: var(--primary-color);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(35, 164, 85, 0.25);
}

/*==================================== bages =====================================*/
.carousel {
	display: flex;
	gap: 1rem;
	box-sizing: border-box;
	width: 100vw;
	margin: 0 auto;
	padding: 1rem;
	overflow-x: hidden;
	mask-image: linear-gradient(
		90deg,
		#0000 0% 1%,
		#0004 1% 2%,
		#000b 2% 4%,
		#000 4% 96%,
		#000b 96% 98%,
		#0004 98% 99%,
		#0000 99% 100%
	);
}

.carousel:focus {
	outline: none;
}

.carousel:hover {
	cursor: grab;
}

.carousel:active {
	cursor: grabbing;
}

.carousel-content {
	display: flex;
	gap: 1rem;
}

.card {
	/* display: flex;
	align-items: center;
	justify-content: center; */
	width: 300px;
	/* height: 390px; */
	background-color: white;
	border: 2px solid #aaa;
	border-radius: 1rem;
	/* box-shadow: 0 2px 0 2px #0002, 0 0 0 3px #0000; */
	font-size: 0.9rem;
	text-align: center;
	user-select: none;
	overflow: hidden;
	transition: border 0.667s, box-shadow 0.333s;
}

/* .card img {
	width: 80%;
	height: 100%;
	object-fit: cover;
	transition: filter 0.4s ease;
} */

.card .content h5 {
	color: var(--primary-color);
}

.card .content p {
	color: black;
}

/* .card:hover,
.card:focus-within {
	border: 2px solid  var(--primary-color);
	box-shadow: 2px 4px 0 #cb0707, 0 0 0 6px  #cb0707;
} */

/* .icon {
	display: block;
	pointer-events: none;
} */
/*==================================== bages =====================================*/


/*****************************
	Technologies & Platforms
*****************************/


.tech-container {
	max-width: 1400px;
	width: 100%;
	margin: auto;
}

.tech-header {
	text-align: start;
	margin-bottom: 40px;
	padding: 20px 0;
}

.tech-header h1 {
	font-size: 2.8em;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.2;
}

.tech-header h1 .tech-highlight {
	color: #ffd700;
}

.tech-header p {
	font-size: 1.1em;
	color: #aaaaaa;
	max-width: 700px;
	line-height: 1.6;
}

        /* GRID LAYOUT */
.tech-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.tech-card {
	background-color: white;
	border: 1px solid #333333;
	border-radius: 12px;
	padding: 25px;
	display: flex;
	flex-direction: column;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.tech-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 15px black;
}

.tech-card-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #333333;
	padding-bottom: 15px;
}

.tech-card-header i {
	font-size: 24px;
	color: black;
	margin-right: 15px;
}

.tech-card-header h3 {
	font-size: 1.4em;
	font-weight: 600;
	color: black;
	margin: 0;
}

.tech-card-body {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.tech-item {
	display: flex;
	align-items: center;
	padding: 12px 10px;
	border-radius: 8px;
	margin-bottom: 8px;
	transition: background-color 0.2s ease-in-out;
}

.tech-item:last-child {
	margin-bottom: 0;
}

.tech-item:hover {
	background-color: #000000;
	cursor: pointer;
	transform: translateY(-6px);
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.25);
}

.tech-item:hover  span {
	color: white;
	transition: all ease-in-out;
}

.tech-item img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	margin-right: 15px;
}

.tech-item span {
	font-size: 1.05em;
	color: black;
	font-weight: 400;
}

/*****************************
	Technologies & Platforms
*****************************/

/*****************************
		Footer
*****************************/
.site-footer {
	background-color: #eeeeee;
	margin-top: 12px;
	padding: 90px 0 0;
	position: relative;
	z-index: 9;
  /*-------------------------*/
  /* Widgets */
  /*-------------------------*/
  /*-------------------------*/
  /* Marquee */
  /*-------------------------*/
  /*-------------------------*/
  /* Footer Copyright */
  /*-------------------------*/
	;
}

.site-footer .footer-logo {
	display: inline-block;
}

.site-footer .footer-logo img {
	height: 100px;
}

.site-footer .footer-main .contact-number-main {
	margin-top: 30px;
}

.site-footer .widget .widget-title {
	margin-bottom: 25px;
	font-weight: 600;
}

.site-footer .widget-menu .widget-title {
	color: black;
	margin-bottom: 25px;
}

.site-footer .widget-menu ul {
	flex-direction: column;
	gap: 8px;
}

.site-footer .widget-menu ul li a:hover {
	padding-left: 10px;
}

.site-footer .marquee-wrapper {
	padding-top: 70px;
}

.site-footer .footer-copyright {
	position: relative;
	z-index: 9;
	background-color: var(--primary-color);
	border-top: 0;
	margin-top: -50px;
	padding: 35px 0;
}

.site-footer .footer-copyright .copyright-info {
	color: var(--white-color);
	margin-bottom: 0px;
}

.site-footer .footer-copyright .copyright-info a {
	color: var(--white-color);
	text-decoration: underline;
}

.site-footer .footer-copyright .widget-social ul.social-icon li a:hover {
	color: #07192f;
}

/*************************
		 Widget
*************************/
.sidebar .widget:not(:last-child) {
	margin-bottom: 60px;
}

.sidebar.service-sidebar .widget:not(:last-child) {
	margin-bottom: 30px;
}

/*Sidebar*/
.sidebar .widget {
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #000000;
}

.sidebar-btn {
	padding: 10px 25px;
	border: 1px solid rgba(131, 131, 131, 0.25);
	border-radius: 5px;
	margin-bottom: 25px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.sidebar-btn span {
	color: var(--white-color);
}

.sidebar-btn:focus, .sidebar-btn:hover {
	color: var(--primary-color);
}

.widget .widget-title {
	margin-bottom: 25px;
}

.mobile-sidebar {
	background-color: #07192f;
}

.mobile-sidebar .offcanvas-header {
	height: auto;
}

.mobile-sidebar .offcanvas-header .btn-close {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	font-size: 24px;
	background: none;
	background-color: #000f22;
	opacity: 1;
	color: var(--white-color);
	padding: 0;
	margin: 0 0 0 auto;
	border-radius: 100%;
}

/*-----------------------*/
/* Widget Search */
/*-----------------------*/
.widget-search .search {
	position: relative;
	width: 100%;
}

.widget-search .search .form-control {
	padding: 15px 30px 15px 0px;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 0;
}

.widget-search .search .search-btn {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0;
	font-size: 24px;
	border: none;
	transform: translateY(-50%);
	color: var(--secondary-color);
	background-color: transparent;
}

.widget-search .search input::placeholder {
	color: var(--secondary-color);
}

/*-----------------------*/
/* Widget Recent Post */
/*-----------------------*/
.widget-recent-posts .recent-posts {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 15px;
}

.widget-recent-posts .recent-posts .posts-img {
	width: 80px;
	flex: 0 0 80px;
}

.widget-recent-posts .recent-posts .posts-img img {
	border-radius: 6px;
}

.widget-recent-posts .recent-posts .post-info .post-title {
	color: #000000;
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.widget-recent-posts .recent-posts .post-info .post-title:hover {
	color: var(--primary-color);
}

.widget-recent-posts .recent-posts .post-info .post-date {
	color: #000000;
}

.widget-recent-posts .recent-posts:last-child {
	margin-bottom: 0px;
}

/*-----------------------*/
/* Widget Categories */
/*-----------------------*/
.widget-categories .categories-list {
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
	list-style: none;
	flex-direction: column;
}

.widget-categories .categories-list li {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
}

.widget-categories .categories-list li a {
	color: #000000;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}

.widget-categories .categories-list li a:hover {
	color: var(--primary-color);
}

.widget-categories .categories-list li .categories-number {
	color: var(--primary-color);
}

/*-----------------------*/
/* Widget Tags */
/*-----------------------*/
.post-tag .tag-list,
.tags-widget .tag-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.post-tag .tag-list li a,
  .tags-widget .tag-list li a {
	display: inline-block;
	color: #000000;
	font-size: 18px;
	line-height: normal;
	padding: 6px 17px;
	background: transparent;
	border-radius: 4px;
	border: 1px solid rgba(131, 131, 131, 0.25);
}

.post-tag .tag-list li a:hover,
    .tags-widget .tag-list li a:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

/*-----------------------*/
/* Widget Menu */
/*-----------------------*/
.widget-menu .widget-title {
	margin-bottom: 20px;
}

.widget-menu ul {
	display: flex;
	gap: 10px 15px;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.widget-menu ul li {
	width: 100%;
}

.widget-menu ul li a {
	color: black;
}

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

.widget-menu.menu-style-2 ul {
	list-style: none;
	gap: 0;
	padding: 0;
	margin: 0;
}

.widget-menu.menu-style-2 ul li {
	width: 100%;
}

.widget-menu.menu-style-2 ul li a {
	display: block;
	padding: 18px 0;
	color: #000000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.widget-menu.menu-style-2 ul li a.active {
	color: var(--primary-color);
}

.widget-menu.menu-style-2 ul li a:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.widget-menu.menu-style-2 ul li:last-child a {
	border-bottom: none;
	padding-bottom: 0;
}

/*-----------------------*/
/* Widget social */
/*-----------------------*/
.widget-social {
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

.widget-social .follow-title {
	display: inline-block;
	color: var(--white-color);
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 15px;
}

.widget-social .follow-title:after {
	content: "";
	height: 1px;
	width: 25px;
	background-color: var(--white-color);
}

.widget-social ul.social-icon {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 18px;
}

.widget-social ul.social-icon li a {
	height: auto;
	width: auto;
	color: #000000;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: normal;
	text-transform: capitalize;
	position: relative;
	transition: all 0.3s ease-in-out;
	border-radius: 80%;
	z-index: 1;
}

.widget-social ul.social-icon li a:hover {
	color: var(--primary-color);
}

.widget-social.vertical {
	gap: 15px;
	writing-mode: vertical-lr;
}

.widget-social.vertical .follow-title:after {
	width: 2px;
	height: 25px;
	top: auto;
	bottom: 2px;
}

/*-----------------------*/
/* Widget Newsletter */
/*-----------------------*/
.widget-newsletter .newsletter-description {
	margin-bottom: 10px;
	color: #ced0df;
}

.widget-newsletter .newsletter-form {
	position: relative;
}

.widget-newsletter .newsletter-form .form-control {
	color: #000000;
	margin-bottom: 0;
	padding-right: 50px;
	border-bottom: 1px solid rgba(131, 131, 131, 0.25);
}

.widget-newsletter .newsletter-form .subscribe-btn {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 20px;
	color: var(--primary-color);
	width: 40px;
	background: none;
	border: none;
}

.sidebar.faq-sidebar .widget {
	padding: 50px 45px;
	margin-bottom: 30px;
}

.sidebar.faq-sidebar .widget .widget-title {
	margin-bottom: 25px;
}

.sidebar.faq-sidebar .widget form .form-control {
	margin-bottom: 10px;
}

.sidebar.faq-sidebar .widget form textarea.form-control {
	margin-bottom: 10px;
}
.shadow-sm:hover {
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
	transform: translateY(-5px);
	transition: 0.3s ease-in-out;
}

.awards-slider h5 {
	font-size: 22px;
}

.awards-slider p {
	line-height: 1.2;
}

/* .nx-dropdown {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 80px;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sub-menu-section {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0.04);
    border-top: 2px solid #f3f3f3;
    width: 100%;
    padding: 0px 0;
    display: inline-block;
    background-color: var(--white-color);
    margin-top: 4px;
}

.navbar-collapse>ul>li:hover .nx-dropdown {
    opacity: 1;
    height: auto;
    overflow: inherit;
} */

.case-studies-img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.form-select {
	padding: 15px 20px;
    line-height: 30px;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.619);
}