@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf') format('truetype');
   
   
    font-display: swap;
  }
 

body
  {
	font-family:"Poppins",sans-serif;
	 margin: 0;
	font-weight:normal;
	font-style:normal;
	font-size:15px;
	line-height:1.7;
	color:#4f4e4e;
	letter-spacing:1px;
  }
   
 img {
  max-width: 100%;
  height: auto;
}

h1,h2,h3,h4,h5,h6 
  {
	font-weight:normal;
	margin:0;
	text-transform:capitalize;
	letter-spacing:2px;
  }
  
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
  {
	color:inherit;
  }
  
h1,.h1
  {
	font-size:60px;
	font-style:normal;
	line-height:70px;
	font-weight:700;
	color:#1c2045;
	letter-spacing:0;
  }
  
h2,.h2
  {
	font-size:38px;
	font-style:normal;
	line-height:46px;
	font-weight:600;
	color:#1c2045;
	text-transform:capitalize;
	margin-bottom:10px;
	position:relative;
  }
  
h3,.h3
  {
	font-size:30px;
	font-style:normal;
	line-height:36px;
	font-weight:500;
  }
  
h4,.h4 
  {
	font-size:24px;
	font-style:normal;
	margin-bottom:10px;
	font-weight:500;
	line-height:30px;
	color:#1c2045;
  }
  
h5,.h5
  {
	font-size:20px;
	font-style:normal;
	margin-bottom:10px;
	font-weight:500;
	line-height:26px;
	color:#1c2045;
  }
  
h6,.h6
  {
	font-size:18px;
	font-style:normal;
	line-height:24px;
	margin-bottom:10px;
	color:#1c2045;
  }
  
ul
  {
	margin:0;
	padding:0;
  }

u
  {
	text-decoration-style:wavy;
  }

p
  {
	line-height:1.9;
  }
  
.lead
  {
	font-weight:normal;
	font-size:16px;
	line-height:30px;
  }
  
.z-index-0
  {
	z-index:0;
	position:relative;
  } 

.z-index-1
  {
	z-index:1;
	position:relative;
  }
  
.z-index-999 
  {
	z-index:999;
	position:relative;
  }
  
h1 span
  {
color:#ff7810;
  }
  
section
  {
	padding:80px 0;
  }
  
.section-title
  {
	margin-bottom:50px;
  }
  
.section-title p
  {
	font-size:16px;
  }
  
.align-item-middle
  {
	display:-webkit-flex;
	-webkit-align-items:center;
	display:flex;
	align-items:center;
  }
  
.align-item-middle>div
  {
	width:100%;
  }
  
.font-w-3
  {
	font-weight:300;
 }
 
.font-w-4
  {
	font-weight:400;
  }
  
.font-w-5
  {
	font-weight:500;
  }
  
.font-w-6
  {
	font-weight:600;
  }
  
.font-w-7
  {
	font-weight:700;
  }
  
.font-w-8
  {
	font-weight:800;
  }
  
.font-w-9 
  {
	font-weight:900;
  }
  
.line-h-2 
  {
	line-height:1.6;
  }
  
.line-h-3
  {
	line-height:1.7;
  }
  
.line-h-4
  {
	line-height:1.8;
  }
  
.line-h-5
  {
	line-height:1.9;
  }
  
.letter-space-1
  {
	letter-spacing:5px;
  }
  
.letter-space-2
  {
	letter-spacing:10px;
  }
  
.letter-space-3
  {
	letter-spacing:15px;
  }
  
.text-theme
  {
	color:#ff7810;
  }
  
.text-black
  {
	color:#111121!important;
  }
  
.text-grey
  {
	color:#999999;
  }
  
.text-rgba
  {
	color:rgba(255,255,255,0.8);
  }
  
.white-bg
  {
	background-color:#ffffff!important;
  }
  
.dark-bg
  {
	background-color:#141414;
  }
  
.light-bg
  {
	background-color:#f72a6e12;
  }
  
.theme-bg
  {
	background-color:#ff7810;
  }
  
.transparent-bg
  {
	background-color:inherit!important;
  }
  
.radius
  {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
  } 
  
.radius-0
  {
    -webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
  }
  
.radius-1
  {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.radius-2
  {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
  }
  
.radius-3
  {
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
  }
  
.radius-4
  {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
  }
  
.fullscreen-banner
  {
	position:relative;
	min-height:800px;
  }
  
[data-bg-img]  
  {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
  }
  
.align-center
  {
	position:absolute;
	top:50%;
	width:100%;
	z-index:9;
  }

.align-end
  {
	position:absolute;
	bottom:0;
	width:100%;
	z-index:9;
  }
.img-fluid {
  
  width: 100%;
  height: auto;
}
.bnr-img2
  {
	position:absolute;
	top:50%;
	left:0;
  }

.banner-2 .mouse-parallax
  {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:1;
  }
.fullscreen-banner {
    height: 100vh; /* Match the expected height */
    background-image: url('images/bg/05.webp');
    background-size: cover;
	
    background-position: center;
}
.mouse-parallax {
	
	background-image: url('images/pattern/01.webp'); 
            background-size: cover; 
            background-position: center; 
         min-height: 200px;
}

 

.toggle-sticky {
  height: 50px;
  visibility: hidden; /* Keeps space reserved */
}
.toggle-sticky.active {
  visibility: visible; /* Shows content when toggled */
}
 
  
   
.fullscreen-banner .owl-carousel,.fullscreen-banner .owl-stage-outer,.fullscreen-banner .owl-stage,.fullscreen-banner .owl-item
  {
	height:100%
  }

.hero-bg
  {
 	left:-50%;
	position:absolute;
	top:-45%;
  }

.banner-4 .mouse-parallax
   {
	z-index:9;
  }

.bg-cover
  {
	background-size:cover;
  }

.bg-contain
  {
	background-size:contain;
  }

.bg-pos-l
  {
  	background-position:left;
  }

.bg-pos-r
  {
	background-position:right;
  }

.bg-pos-rt
  {
	background-position:right top;
  }

.bg-pos-lt
  {
	background-position:left top;
  }

.bg-pos-rb
  {
	background-position:right bottom;
  }

.bg-pos-lb
  {
	background-position:left bottom;
  }

.countdown
  {
	margin:50px 0;
	display:table;
	width:100%;
  }

.countdown>li
  {
	padding:0 30px;
	font-weight:700;
	text-align:center;
	border-right:1px dashed rgba(0,0,0,0.1);
	list-style-type:none;
	display:table-cell;
	width:auto;
  }

.countdown>li:last-child
  {
	border-right:none;
  }

.countdown>li span
  {
	font-size:70px;
	font-weight:700;
	line-height:60px;
	margin-bottom:20px;
	display:inline-block;
  }

.countdown>li p
  {
	font-size:20px;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:0;
	color:#ff7810;
  }

.dark-bg .countdown>li
  {
	border-color:rgba(255,255,255,0.2);
  }

.coming-soon .subscribe-form
  {
	margin:0 auto;
  }

.terms-and-conditions p,.privacy-policy p
  {
	margin-bottom:25px;
  }

.terms-and-conditions ul.list,.privacy-policy ul.list
  {
	margin-bottom:20px;
	display:block;
  }

.terms-and-conditions ul.list li i,.privacy-policy ul.list li i
  {
	padding-right:12px;
	font-size:15px;
  }

.cases-item
  {
	overflow:hidden;
	position:relative;
	text-align:center;
  }

.cases-item .cases-description
  {
	background:#ffffff;
	padding:20px;
  }

.cases-item .cases-description h5
  {
	margin:0 0 15px;
	text-transform:capitalize;
	font-weight:500;
  }

.cases-item img
  {
	width:100%
  }

.cases-item span
  {
	font-weight:500;
	display:block;
  }

.owl-carousel .cases-item
  {
	margin:30px 10px;
  }

.work-process-inner
  {
	position:relative;
  }

.step-num
  {
	background:#ff7810 linear-gradient(90deg,#ff7810 0%,#ff5e2c 50%);
	border:5px solid #ffffff;
	border-radius:50%;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	height:80px;
	line-height:75px;
	position:absolute;
	right:-40px;
	top:-40px;
	width:80px;
	text-align:center;
  }

.work-process-inner .work-img
  {
	border:2px dashed #e2dfdf;
	border-radius:10px;
	display:inline-block;
	width:230px;
	height:250px;
	line-height:250px;
	margin:40px 0;
	position:relative;
  }

.work-process.style-2 .work-process-inner
  {
	padding-left:80px;
  }

.work-process.style-2 .step-num
  {
	right:inherit;
	top:0;
	border:none;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:24px;
  }

.theme-bg .work-process-inner,.theme-bg .work-process-inner h4
  {
	color:#ffffff;
  }

.clients-logo
  {
	background:#ffffff;
	border:1px solid #ebebeb;
	margin-right:-1px;
	margin-top:-1px;
	padding:50px 10px;
	width:calc(100%/4);
  }

.sidebar-links li a
  {
	color:#111121;
	border-bottom:1px dashed #ddd;
	padding:10px 0;
	display:block;
	font-size:15px;
	font-weight:600;
	position:relative;
	text-transform:uppercase;
 }

.sidebar-links li.active a,.sidebar-links li a:hover
  {
	color:#ff7810;
  }

.sidebar-links li:first-child a
  {
	padding-top:0;
  }

.sidebar-links li:last-child a
  {
	padding-bottom:0;
	border-bottom:none;
  }

.portfolio-meta li
  {
	position:relative;
	padding-left:50px;
  }

.portfolio-meta li i
  {
	position:absolute;
	left:0;
	top:0;
	color:#ff7810;
	font-size:30px;
  }

.portfolio-meta li span
  {
	color:#111121;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:7px;
  }

.theme-bg .portfolio-meta li,.theme-bg .portfolio-meta li i,.theme-bg .portfolio-meta li span
  {
	color:#ffffff;
  }

.contact-info li
  {
	padding-left:50px;
	position:relative;
  }

.contact-info li i
  {
	position:absolute;
	left:0;
	top:0;
	line-height:24px;
	font-size:20px;
	color:#ff7810;
  }

.contact-info li span
  {
	font-size:15px;
	color:#111121;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
  }
  
.footer-social li
  {
	list-style:none;
	display:inline-block;
	margin-right:5px;
  }

.footer-social li a
  {
	font-size:20px;
	line-height:20px;
	width:30px;
	height:30px;
	background:#ff7810;
	color:#ffffff;
	display:inline-block;
	text-align:center;
	position:relative;
  }

.footer-social li a:hover
  {
	color:#ff7810;
	background:#ffffff;
	border:1px solid #ff7810;
  }

.preloader
  {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#ffffff;
	z-index:999;
  }

.preloader .container
  {
	display:table;
	width:100%;
	height:100%;
  }

.preloader .container .row
  { 
	display:table-cell;
	vertical-align:middle;
  }

.loader
  {
	margin:0 auto;
	position:relative;
	width:120px;
	height:120px;
	animation:rotate 2s linear infinite;
  }

.loader:after
  {
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	box-shadow:0 4px 0 0 #ff7810;
  }

.@keyframes rotate
  {
0%
  {
	transform:rotate(0deg);
  }

100%
  {
	transform:rotate(360deg);
  } 
  }
@media (max-width: 768px) {
  .mouse-parallax {
    height: 150px; /* Adjust for mobile view */
  }
  .navbar {
    min-height: 50px; /* Adjust for mobile view */
  }
}
element.style {
    background-image: url(images/pattern/01.png);
    transform: matrix(1, 0, 0, 1, 9.43333, -7.55);
}