/* ACME iCREATIVE */
/*blue:#1e439b;
red:#ec2739*/
/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#Media Queries
	#Font-Face */
html, body, #wrapper {
	height: 100%;
	background: #fff;
	scroll-behavior: smooth
	}
body > #wrapper {
	height: auto;
	min-height: 100%;
	scroll-behavior: smooth
	}	
#main {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	padding-top:96px;
	}
* {
	padding: 0;
	margin: 0;
	}
/* #Grid system
================================================== */
.container {
	width: 1170px;
	margin: 0 auto;
	}
.container:before, .container:after, .row:before, .row:after {
	content: "";
	display: table;
	}
.container:after, .row:after {
	clear: both;
	}
.row {
	margin-left: -10px;
	margin-right: -10px;
	display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
	}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	}
.col-sm-12 {
	-ms-flex:0 0 100%;
  flex:0 0 100%;
	max-width: 100%;
	}
.col-sm-11 {
	-ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
	max-width: 91.66666667%;
	}
.col-sm-10 {
	-ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
	max-width: 83.33333333%;
	}
.col-sm-9 {
	-ms-flex:0 0 75%;
  flex:0 0 75%;
	max-width: 75%;
	}
.col-sm-8 {
	-ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
	max-width: 66.66666667%;
	}
.col-sm-7 {
	-ms-flex:0 0 58%;
  flex:0 0 58%;
	max-width: 58%;
	}
.col-sm-6 {
	-ms-flex:0 0 50%;
  flex:0 0 50%;
	max-width: 50%;
	}
.col-sm-5 {
	-ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
	max-width: 41.66666667%;
	}
.col-sm-4 {
	-ms-flex:0 0 33%;
  flex:0 0 33%;
	max-width: 33%;
	}
.col-sm-3 {
	-ms-flex:0 0 24.9%;
  flex:0 0 24.9%;
	max-width: 24.9%;
	}
.col-sm-2 {
	-ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
	max-width: 16.66666667%;
	}
.col-sm-1 {
	-ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
	max-width: 8.33333333%;
	}
.flt-right {
	float: right;
	}
.flt-left {
	float: left;
	}
.align-center{
	text-align: center!important;
}
.align-right{
	text-align:right!important;
}
.dbx{
	display: block;
	}
.mrg_top {
  margin-top: 20px;
}
.pd_rt10{
	padding: 10px 10px 10px 0px;
}
.bdr_rt {
  border-right: 1px dashed #000;
}
.bdr_lt {
  border-left: 1px dashed #000;
}
/* #Buttons Styles
================================================== */
.wd25{
	width:25%;
}
.wd100{
	width:100%;
}
.btn_common {
	width:18%;
	position: relative;
	display: block;
	padding: 15px 15px;
	margin:4% auto;
	transition: background-color .3s;
	background:#1e439b;
	color:#fff;
	font-size:32px;
	font-weight:900;
	cursor: pointer;
	text-align: center;
	text-transform:capitalize;
	transition: all 300ms ease 0s;
	border:0px;
	border-radius:8px;
	}
.btn_common:hover {
	background: #ec2739;
	color: #fff;
	}
.btn_common a{
	color:#fff;
}
/* #Homepage Styles
================================================== */
.clr {
	clear: both;
	}
.text_center {
	text-align: center;
	}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right!important;
}
.dbox{
	display:block;
	}
.mbox{
	display: none;
	}
.dbox16{
  display:none;
}
.dbox14{
  display:none;
}
.dbox10{
  display:none;
}
.sml{
	display:block;
	}
.big{
	display: none;
	}
.pdtop{
		padding-top: 20px;
	}
/* =Header
-------------------------------------------------------------- */
header {
	width: 100%;
	position: fixed;
	top: 10;
	left: 0;
	z-index: 9999;
	background:#fff;
	}
header .container{
	width:90%;
	margin: 0 auto;
}
header .top_header{
	width:100%;
	padding:10px 0px;
	background: #fff;
	display: inline-block;
	}
header .top_header .logo {
	width:5%;
	float: left;
  top:0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
header .navigation{
	width:95%;
	float:left;
	padding:12px 0px;
	position: relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
header.smaller {
	padding:0px 0px;
	border-bottom: none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-box-shadow: -1px -1px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px -1px 8px 0px rgba(0,0,0,0.75);
box-shadow: -1px -1px 8px 0px rgba(0,0,0,0.75);
	}
header.smaller .top_header {
  padding: 0px 0px;
}
header.smaller .logo {
	width:4%;
	}
header.smaller .navigation{
	width:96%;
	padding:10px 0px;
}
/*Banner
================================================== */ 
.banners{
  width:100%;
  position: relative;
  margin:0 auto 40px;
}
.banners img{
  width:100%;
}
.video-container {
  width: 100%; /* Ensures the container spans the full width */
  height:870px; /* Set a fixed height */
  overflow: hidden; /* Hides any overflow content */
  margin-bottom:40px;
}

video {
  width: 100%; /* Makes the video span the full width */
  height: 100%; /* Ensures the video fills the container height */
  object-fit: cover; /* Maintains aspect ratio and fills the container */
}

/*section one*/
.section-one{
	width: 100%;
	position: relative;
	display: block;
	padding:0px 0px 80px;
}
.section-one h1.page-title{
	font-size:54px;
	color:#000000;
	font-weight:900;
	text-transform: uppercase;
	text-align: left;
	line-height:72px;
	padding:20px 0px 40px;
}
.section-one .container{
	width:90%;
}
.work-box{
	width:100%;
	display: block;
	margin-bottom:60px;
}
.work-box h2.flim-name{
	font-size:28px;
	color:#000000;
	font-weight:800;
	text-transform: uppercase;
	text-align: left;
	line-height: 37px;
}
.work-box p{
	font-size:22px;
	color:#000000;
	font-weight:400;
	text-transform: uppercase;
	text-align: left;
	line-height:30px;
}
/*Youtube Video Popup*/
.video-item {
	position: relative;
  cursor: pointer;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-bottom: 10px;
}
.video-item .youtube-bg{
	width:100%;
	height:100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	position:absolute;
	top:0%;
	left:0%;
	z-index:9;
	opacity: 0;
	transition: all .3s ease;
}
.video-item:hover .youtube-bg{
	z-index:9;
	opacity: 1;
}
.video-item .youtube-btn{
	position:absolute;
	top:40%;
	left:45%;
	z-index:9;
	opacity: 0;
	transition: all .3s ease;
}
.video-item:hover .youtube-btn{
	opacity:1;
}
.video-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.popup-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
}
.popup-content iframe {
  width: 100%;
  height: 100%;
}

.close-btn {
  position: absolute;
  top: -20px;
  right: -20px;
  background: #fff;
  color: #333;
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/*End Youtube Video Popup*/
.our-clients{
	width:90%;
	margin: 0 auto;
}
.our-clients .title{
	font-size:32px;
	color:#000000;
	font-weight:900;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom:1px solid #000000;
}
.our-clients .client-logo{
	width:10.5%;
	float: left;
	padding:0px 30px;
	margin-bottom: 8px;
}
/*work-section*/
.work-section{
	width: 100%;
	display: block;
	position: relative;
	padding:80px 0px;
}
.work-section .container{
	width:90%;
}
.work-section .work-category{
	width:100%;
	display: block;
	margin-bottom: 25px;
}
.work-section .work-category .thum{
	width:100%;
	margin-bottom:5px;
}
.work-section .work-category h3.category-name{
	font-size: 24px;
	color:#000000;
	font-weight: 700;
	line-height: 32px;
	padding:10px 0px;
	position: relative;
}
.work-section .work-category h3.category-name a{
	color:#000000;
	transition: all .3s ease;
}
.work-section .work-category h3.category-name a:hover{
	color: #1e439b;
}
.work-section .work-category h3.category-name a span{
	position: absolute;
	right:0px;
	font-size:36px;
	color:#000000;
}
.work-section .work-category h3.category-name a span:hover{
	color: #1e439b;
}
/*
.work-section .work-category h3.category-name:after{
	content: "";
	background-image: url("../images/arrow-left.png");
	width:21px;
	height:20px;
  position: absolute;
  top:15px;
  right:0;
}*/
/*Our Story*/
.our-story-one{
	width: 100%;
	display: block;
	position: relative;
	padding:60px 0px;
}
.our-story-one .container{
	width:75%;
}
.our-story-one h1.title{
	font-size:42px;
	color:#000000;
	font-weight:700;
	line-height: 54px;
	padding:0px 0px 8px 30px;
}
.our-story-one p{
	font-size:24px;
	color:#000000;
	font-weight:400;
	line-height: 36px;
	text-align: justify;
	padding-bottom:15px;
}
.our-story-one .col-sm-6{
	padding:0px 40px;
}

.our-story-two{
	width: 100%;
	display: block;
	position: relative;
	padding:20px 0px 60px;
}
.our-story-two .container{
	width:75%;
}
.our-story-two h2.title{
	font-size:42px;
	color:#000000;
	font-weight:900;
	line-height: 56px;
	padding:0px 0px 8px 30px;
}
.our-story-two ul{
	padding: 0px 0px 0px 50px;
	margin: 0px;
}
.our-story-two ul li{
	font-size:24px;
	color:#000000;
	font-weight: 400;
	line-height: 40px;
	list-style-type: disc;
}
.our-story-two p{
	font-size:24px;
	color:#000000;
	font-weight:400;
	line-height: 36px;
	text-align: left;
	padding:15px 0px 0px 30px;
}
/*Team*/
.team{
	width:73%;
	margin: 0 auto 150px;
	display:flex;
	flex-wrap: wrap;
}
.team .team-box{
	flex:0 46%;
	margin:10px 15px;
}
.team .team-box .thum{
	width:100%;
	margin-bottom: 8px;
}
.team .team-box .thum img{
	width:100%;
}
.team .team-box .member-name{
	font-size:42px;
	color:#000000;
	font-weight:900;
	text-transform: uppercase;
	line-height: 56px;
	margin-bottom: 8px;
}
.team .team-box .member-designation{
	font-size:26px;
	color:#000000;
	font-weight:400;
	text-transform: uppercase;
	line-height: 36px;
	margin-bottom: 8px;
}
.team .team-box p{
	font-size:16px;
	color:#000000;
	font-weight:400;
	line-height: 36px;
	text-align: left;
}
.button-bottom{
	width:100%;
	margin: 0 auto;
	margin:40px 0px;
}
.button-bottom .btn-prev{
	width:15%;
	float: left;
	border:2px solid #1e439b;
	padding:8px 15px;
	font-size:32px;
	color:#1e439b;
	font-weight:900;
	text-align: center;
	border-radius: 8px;
	transition: all .3s ease;
}
.button-bottom .btn-prev a{
	color:#1e439b;
	transition: all .3s ease;
}
.button-bottom .btn-prev:hover a{
	color:#ec2739;
}
.button-bottom .btn-prev:hover{
	border:2px solid #ec2739;
}
.button-bottom .btn-next{
	width:15%;
	float: right;
	background:#1e439b;
	padding:8px 15px;
	font-size:32px;
	color:#ffffff;
	font-weight:900;
	text-align: center;
	border-radius: 8px;
	transition: all .3s ease;
}
.button-bottom .btn-next a{
	color:#ffffff;
}
.button-bottom .btn-next:hover{
background:#ec2739;
}
/*Contact*/
.contact{
	width: 100%;
	display: block;
	position: relative;
	padding:80px 0px;
}
.contact h3.title{
	font-size:32px;
	color:#000000;
	text-align: center;
	font-weight:900;
	line-height: 42px;
	text-transform: uppercase;
	padding:0px 0px 28px 0px;
}
.contact .link{
	width:100%;
	display:block;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.contact .link a{
	font-size:26px;
	color:#000000;
	text-align: center;
	font-weight:400;
	line-height: 42px;
	text-transform: uppercase;
	padding:0px 10px;
	transition: all .3s ease;
}
.contact .link a:hover{
	color: #1e439b;
}
.contact p{
	font-size:26px;
	color:#000000;
	font-weight:400;
	line-height: 36px;
	text-align: center;
	padding-bottom:15px;
}
.contact p span{
	display:block;
}

/*footer*/
.footer {
    width: 100%;
    padding:80px 0px 20px;
    position: relative;
}
.footer .container{
 	width:90%;
}
.footer .scrollToTop {
	text-align:center;
	text-decoration: none;
	display: none;
	padding:13px;
	z-index:9;
	}
.footer .scrollToTop a{
	font-size:18px;
	text-align:center;
	font-weight:500;
	color: #c19964;
}
.copyright{
	font-size:26px;
	color:#000000;
	font-weight:300;
	text-align: left;
}
.copyright span{
	display: block;
}
.social-media{
	width:100%;
	float: left;
	text-align: right;
}
.social-media a{
	padding:0px 0px 0px 10px;
	display: inline-block;
	text-align: right;
}