:root {
	--themecolor: #4f003b;
	--secondary-color: #FF3A33;
	--themecolorrgba: 79, 0, 59;
	--f-icon-size: 42px;
}

* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
  font-family: futura-pt, sans-serif;
}
.menu-link {
  line-height: 22px;
  color: #444;
  font-weight: 700;
  font-size: 0.8125rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  color: #444;
  font-weight: 600;
  line-height: 1.5;
  font-family: futura-pt, sans-serif;
}
.dark #header-wrap {
  background-color: rgba(76,19,61,1);
}
@media (min-width: 992px) {
.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content {
  background-color: #4f003b;
  border-color: rgba(79,0,59,1);
  border-top-color: rgba(253, 199, 19, 1);
  border-top-color: #fdc713;
}
}
.mega-menu #side-tabs .list-group-item.active {
  color: #FFF;
  background-color: #fdc713;
  border-color: #fdc713;
}
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: #fdc713;
}
.dark .entry-title h2 a:hover, .dark .entry-title h3 a:hover, .dark .entry-title h4 a:hover {
  color: #fdc713;
}
a {
  text-decoration: none !important;
  color: #fdc713;
}
.copyright-links a { border: none !important;
}
.btn-success{
	background-color: rgba(0,0,0,0.25);
	border-color: rgba(255,255,255,0.15);
}
::selection {
	background: #fdc713;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #fdc713; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #fdc713; /* Safari */
	color: #FFF;
	text-shadow: none;
}
.entry-title.title-xs h2, .entry-title.title-xs h3 {
  letter-spacing: 1px;
 font-weight: 700;
font-size: 0.8125rem;
}
.entry-meta ul li{padding-left: 20px;}
#top-bar {border-bottom: none;   z-index: 499;}

.dark #top-bar,
#top-bar.dark {
	border-bottom: none;
	background-color: #36383d;
}

.header-extras li .he-text span {
  color: #fdc713;
}

.header-extras li .he-text {
	letter-spacing: 1px;
}
@media (min-width: 992px) {

	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
  	color: #fdc713;
	}
	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
  	color: #fff;
	}
	
}

#footer .footer-widgets-wrap {
  padding: 40px 0;
}

.features-items .feature-box .fbox-icon {
	
	position: relative;
	margin-bottom: 34px;
	width: 42px;
	height: 42px;
}

.features-items .feature-box .fbox-icon i {
	background-color: transparent !important;
	color: var(--themecolor, #3D80E4);
	font-size: 42px;
	font-size: var(--f-icon-size);
}

.features-items .fbox-desc h3 {
	font-size: 19px;
	text-transform: none;
	font-weight: 800;
	letter-spacing: 0;
}


.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
  color: var(--bs-heading-color);
}

#gotoTop:hover {
  background-color: #4f003b;
}

.heading-block::after {
  width: 140px;
  border-top: 2px solid #4f003b;
}
#header, #header.dark {border-bottom: none;}

.section-features {
  padding: 120px;
}
.bg-color, .bg-color #header-wrap {
  background-color: #36383d !important;
}
.fbox-dark .fbox-icon i, .fbox-dark .fbox-icon img {
  background-color: #4f003b;
}
.button.button-dark {
  background-color: #4f003b;
}
.button.button-dark:hover {
  background-color: #fdc713;
}
.fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i {
  color: #FFF;
  box-shadow: 0 0 0 1px #4f003b;
}
.fbox-content h3 {
  font-size: 1rem;
  font-weight: 600;
  font-family: futura-pt, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #4f003b;
}
.fbox-border.fbox-light .fbox-icon i, .fbox-border.fbox-light .fbox-icon img {
  color: #4f003b;
}
.fbox-border.fbox-light .fbox-icon a {
  border-color: #4f003b;
}

.side-header #header.dark {
  background-color: #4f003b;
}
.bg-color2 {
  background-color: #4f003b !important;
}

.pattern-container-1 {
    position: absolute;
    left: 25%;
    z-index: 3;
	margin-top: -50px;
}
.pattern-container-2 {
    position: absolute;
    right: 15%;
    z-index: 5;
	margin-top: -100px;
}
.fp-image-right {
	max-width: 100%; 
    height: auto; 
    display: block; 
}
.l-image-left {
	max-width: 80%; 
    height: auto; 
    display: block; 
}
.dark .heading-block::after, .heading-block::after {
  border: none !important;
}

.slider-caption.slider-caption-center {
  max-width: 900px;
}
.text-muted {
  color: #056663 !important;
}
.color {
  color: #1f2e23 !important;
}
.color-3{color: #dfe6cb !important;}
.heading-block h1 {
  font-size: 52px;
}
.skills li .progress-percent .counter {
  font-weight: 400;
  font-family: futura-pt, sans-serif;
	letter-spacing: 0.05rem;
}
.skills li {
	height: 50px;
	border-radius: 10px;
}

.skills li .progress { border-radius: 10px; }

.skills li > span {
	font-size: 17px;
	font-weight: 700;
	top: -30px;
}

.skills li .progress-percent {
	top: -38px;
	right: -60px;
	padding: 15px;
	text-align: center;
	color: #FFF;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
	height: auto;
	z-index: 2;
	font-size: 24px;
	line-height: 24px;
	text-shadow: none;
}
.skills li .progress {
  background-color: #dfe6cb;
}
.dark .skills li .progress-percent {
  background-color: #1f2e23;
  color: #dfe6cb;
}

.dark .progress-percent::before, .dark .progress-percent::after {
    border-top-color: #1f2e23;

}
.counter {
  font-family: futura-pt, sans-serif;
}
.entry-meta:not(.no-separator) li::before
{
 display: none;
}
.dark .entry-meta li, .dark .entry-meta a:not(:hover)
{
  color: #f6f6f6;
}
.card-bg{background-color: #4f003b;}
.al-purple{color: #4f003b !important;}
.al-border{border-color: #4f003b !important;}
.al-intro {font-size: 1.1rem; line-height: 1.75;}
.al-intro-border {display: block;
  width: 100px; /* Adjust the width of the line as needed */
  height: 1px; /* Adjust the thickness of the line as needed */
  background-color: #4f003b; /* Change the color of the line as needed */
  margin: auto;
}


		/* <a href="https://www.jqueryscript.net/animation/">Animation</a> */
		@-webkit-keyframes
			pulsate {  0% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 0.8;
			}
			 45% {
				-webkit-transform: scale(1.75);
				transform: scale(1.75);
				opacity: 0;
			}
		}
		@keyframes
			pulsate {  0% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 0.8;
			}
				45% {
				-webkit-transform: scale(1.75);
				transform: scale(1.75);
				opacity: 0;
			}
		}

		/* Hotspot */
		.hotspot-img {
			background-size: cover;
			background-position: center center;
			position: relative;
		}

		.hotspot-img .img-responsive { max-width: 100%; }

		.hotspot-img .hot-spot {
			position: absolute;
			width: 26px;
			height: 26px;
			top: 5px;
			left: 5px;
			text-align: center;
			background-color: #000;
			color: #FFF;
			border-radius: 100%;
			cursor: pointer;
			font-size: 12px;
			line-height: 26px;
			transition: all .3s ease;
		}

		.hotspot-img .hot-spot .circle i {
			-webkit-transition: -webkit-transform .25s ease-out;
			transition: transform .25s ease-out;
		}

		.hotspot-img .hot-spot.hotspot-tooltip-open .circle i,
		.hotspot-img .hot-spot:not(.hotspot-on-click):hover .circle i {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.hotspot-img .hot-spot .circle:after {
			content: '';
			display: block;
			position: absolute;
			top: 39%;
			left: 39%;
			width: 30px;
			height: 30px;
			margin: -1em auto auto -1em;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			border-radius: 50%;
			border: 10px solid #000;
			opacity: 0;
			-webkit-animation: pulsate 3s ease-out infinite;
			animation: pulsate 3s ease-out infinite;
		}

		.hotspot-img .hot-spot .tooltip {
			display: none;
			background-color: rgba(255, 255, 255, 0.96);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			font-size: 14px;
			opacity: 1.0;
			left: 0;
			padding: 15px;
			position: absolute;
			top: 35px;
			width: 280px;
			z-index: 999;
			box-shadow: 0 30px 102px rgba(0,0,0,0.33), 0 20px 51px rgba(0,0,0,0.18);
		}

		.hotspot-img .hot-spot .tooltip.ontop {
			top: auto;
			bottom: 35px;
		}

		.hotspot-img .hot-spot .tooltip .img-row {
			margin-bottom: 10px;
			display: block;
		}
		.hotspot-img .hot-spot .tooltip h4 { margin-bottom: 0; }

		.hotspot-img .hot-spot .tooltip p {
			font-size: 13px;
			line-height: 1.3rem !important;
			margin-bottom: 10px;
			color: #666 !important;
		}

		.hotspot-img .hot-spot .tooltip p:last-child { margin-bottom: 0; }

		@media (max-width: 991px) {
			.hotspot-img .hot-spot .tooltip {
				width: 200px;
				left: 30px;
				top: 35px;
			}

			.hotspot-img .hot-spot .tooltip .img-row {
				display: none;
			}
			.section-features {
  padding: 40px;
}
		}

.title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 {
  width: 100%;
  padding: 0 0 0.75rem;
  border-bottom: 2px solid #4f003b;
}
.bg-purple {background-color: #4f003b;}
.bg-dark-2{background-color: #527F5D;}
.bg-dark-3{background-color: #E0EEDD;}