/*** 
====================================================================
	Css Files
====================================================================
***/
@import url('global.css');
@import url('module-css/header.css');
@import url('module-css/footer.css');
@import url('module-css/slider.css');
@import url('module-css/banner.css');
@import url('module-css/category.css');
@import url('module-css/project.css');
@import url('module-css/why-choose.css');
@import url('module-css/video.css');
@import url('module-css/event.css');
@import url('module-css/services.css');
@import url('module-css/cta.css');
@import url('module-css/testimonial.css');
@import url('module-css/gallery.css');
@import url('module-css/blog.css');
@import url('module-css/brand.css');
@import url('module-css/creativity.css');
@import url('module-css/about.css');
@import url('module-css/counter.css');
@import url('module-css/steps.css');
@import url('module-css/feature.css');
@import url('module-css/team.css');
@import url('module-css/page-header.css');
@import url('module-css/google-map.css');
@import url('module-css/contact.css');
@import url('module-css/coming-soon.css');
@import url('module-css/error.css');
@import url('module-css/products.css');
@import url('module-css/faq.css');
@import url('module-css/we-help.css');
@import url('module-css/pricing.css');
@import url('module-css/team-details.css');







@import url('nice-select.css');
@import url('owl.css');
@import url('animate.css');
@import url('rtl.css');
@import url('custom-animate.css');
@import url('dark-body.css');
@import url('font-awesome.css');
@import url('icomoon.css');
@import url('jarallax.css');
@import url('preloader.css');
@import url('swiper.min.css');
@import url('odometer-theme-default.css');
@import url('jquery-ui.css');
@import url('slick.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.magnific-popup.css');



/*** 
====================================================================
	
====================================================================
***/


/* Sticy Header */
.want-sticky-header .main-header.fixed-header {
	position: relative !important;
	display: none;
}





/* Box Layout */
.box-layout .page-wrapper {
	max-width: 1390px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	margin-top: 15px;
}

.box-layout:before {
	position: fixed;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/pattern/thm-pattern-2.jpg);
	opacity: 0.40;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
}


.dark-body .page-wrapper {
	background-color: var(--thm-black);
}







.box-layout .main-menu-one__call {
	display: none;
}

.box-layout .main-menu-three__call,
.box-layout .main-menu-three__search-box:before {
	display: none;
}

.box-layout .main-menu-three__search-box {
	margin-left: 50px;
	margin-right: 0;
}

.box-layout .main-slider-two .owl-theme .owl-nav {
	padding: 0px 30px;
}

.box-layout .main-slider-three .owl-theme .owl-nav {
	padding: 0px 30px;
}

.box-layout .project-one__carousel.owl-theme .owl-nav {
	left: -100px;
	right: -100px;
}







.box-layout .rtl .main-menu-three__search-box {
	margin-left: 0;
	margin-right: 50px;
}










/* The End */
.icon-youtube:before {
  content: "\ea9d";   /* example Unicode */
  font-family: "icomoon"; /* or similar */
}
.icon-right-angle::before {
  content: "\f105"; /* Unicode for a right angle/arrow from Font Awesome */
  font-family: "Font Awesome 6 Free"; /* Or your icon font */
  font-weight: 900;
}
/* Dollar sign icon */
.icon-dollar:before {
    content: "\f155"; /* Unicode for Font Awesome dollar-sign */
    font-family: "Font Awesome 5 Free"; /* Make sure Font Awesome is loaded */
    font-weight: 900; /* Needed for solid icons */
}

/* Shield icon */
.icon-shield:before {
    content: "\f3ed"; /* Unicode for Font Awesome shield-alt */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Users icon */
.icon-users:before {
    content: "\f0c0"; /* Unicode for Font Awesome users */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Robot icon */
.icon-robot:before {
    content: "\f544"; /* Unicode for Font Awesome robot */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}


.praju{
	margin-top: 81px;
}

@media(max-width:480px){
	.praju{
		margin-top: 0px;
	}
}
.pp{
	    margin-top: -56px;

}

.icon-hand::before {
  content: "\f0a4"; /* Unicode for fa-hand-point-right */
  font-family: "Font Awesome 6 Free"; 
  font-weight: 900;
  display: inline-block;
     font-size: 76px;
    color: #ffffff;  /* change color */
}
.icon-arrow-up::before {
  content: "\f062"; /* Unicode for fa-arrow-up */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid style */
  display: inline-block;
  font-size: 22px;   /* adjust size */
  color: #e63946;    /* custom color */
}
.icon-facebook::before {
  content: "\f09a"; /* fa-facebook-f */
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  font-size: 20px;
  color: #1877f2; /* Facebook blue */
}

.icon-instagram::before {
  content: "\f16d"; /* fa-instagram */
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  font-size: 20px;
  color: #e4405f; /* Instagram pink */
}

.icon-pinterest::before {
  content: "\f0d2"; /* fa-pinterest-p */
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  font-size: 20px;
  color: #bd081c; /* Pinterest red */
}

.icon-xamp::before {
  content: "\f099"; /* using fa-x-twitter (X) */
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  font-size: 20px;
  color: #000000; /* Black for X (Twitter) */
}

/* Optional: Hover effect */
.site-footer__social a:hover i::before {
  color: #e63946; /* Highlight color on hover */
}
.icon-bars::before {
  content: "\f0c9"; /* fa-bars */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid style */
  display: inline-block;
  font-size: 22px;  /* adjust size */
  color: #333333;   /* custom color */
  cursor: pointer;  /* make it clickable */
}
.icon-close::before {
  content: "\f00d"; /* fa-times (close icon) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid style */
  display: inline-block;
  font-size: 22px;  /* adjust size */
  color: #e63946;   /* red close button */
  cursor: pointer;
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Optional hover effect */
.icon-close:hover::before {
  color: #000000;   /* change to black on hover */
  transform: rotate(90deg);
}