*{
	padding: 0;
	margin: 0;
	outline: 0;
}
a,a:hover{
	text-decoration: none;
}
ul,ol{
	list-style: none;
}
html{
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,p,div,ul,ol,span,nav,section,header,div{
	padding: 0;
	margin: 0;
}
row{
	padding: 0;
	margin: 0;
}

body{
	min-height: 100vh;
	width: 100vw;
	overflow-x: hidden;
	
}
/* .container{
	width: clamp(15.6rem, 50vw, 50rem);
} */

/* Dark mode And light mode Toggle Button code Start 
.checkbox{
		opacity: 0;
		position: absolute;
		display: none !important;
	}
	.checkbox-label{
		background-color: #111;
		width: 3.13rem;
		height: 1.56rem;
		border-radius: 3.13rem;
		position: relative;
		padding: .31rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.fa-moon{
		color: #f1c40f;
	}
	.fa-sun{
		color: #f39c12;
	}
	.checkbox-label .ball{
		background-color: #fff;
		width: 1.38rem;
		height: 1.38rem;
		position: absolute;
		left: .13rem;
		top: .13rem;
		border-radius: 50%;
		transition: transform 0.2s linear;
	}
	.checkbox:checked + .checkbox-label .ball{
		transform: translateX(1.5rem);
	}
	#checkbox{
		display: none;
	}
/* Dark mode And light mode Toggle Button code End */
  
/*  header part css start */

/* Slider Css Code Start */
.carousel-indicators [data-bs-target] {   
    background-color: #e3e3e3;   
}
#slide1{
	padding: 0;
}

.carousel-indicators .active {
    background-color: #2a2a2a;
}
.carousel-caption{
		color: #757575;
	 	position: absolute;
    right: 45%;
    text-align: left;
    left: 10%;
    padding-top: 0;
    padding-bottom: 1.25rem;
    align-content: left;
    align-items: left;
    margin-bottom: 16%;
}

.carousel-indicators {
		margin-top: 3%;
    margin-right: 82%;
    margin-bottom: 1rem;
    margin-left: 10%;
    margin-bottom: 15%;
}
/* .carousel-inner{
	background: url('../images/F_banner_m2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	
} */
.slider_heading{
	position: relative;
}
.round{
	background-color: #ffe400;
	width: 10vw;
	height: 10vw;
	border-radius: 50%;
	
}

.round_heading{
	position: absolute;
	top: 15%;
    left: 2%;
}
.round_heading h1{
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 3vw;
    font-weight:800;
}

.carousel-caption p{
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.6vw;
    font-weight:300;
    margin: 2vw 0;
   
}
.carousel-caption a{
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 0.9vw;
    font-weight:300;
    text-transform: uppercase;
    padding: 0.5vw 1vw;
    border: .12rem solid #444444;

}
.carousel-caption a:hover{
	background-color: #ffe400;

}
/* Slider Css Code End */



/* .col-md-4{
	padding: 0;
} */
/*  header part css end */

/* navigation bar css start */
.navbar{
	padding: 0;
	background-color: #2c3c50;  
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.navbar-nav .nav-item .nav-link.actv,
.navbar-nav .nav-item .nav-link:hover{
	color: #ffe400;
}
.nav-link{
	color: #FFFFFF;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:300;
    text-transform: uppercase;

}
.nav-link i{
	padding-right: 0;
	margin-right: .5rem;
}
.nav-item{
	margin: 0 .5rem;
}
.navbar-brand{
	margin-left: 0%;
	width: 15.62rem;
	padding: .70rem;
}
/* navbar google translate responsive code start */
.navbar-toggler {    
    background-color: #ddd;    
}

.translated-ltr{margin-top:-2rem;}

.goog-te-banner-frame {display: none;margin-top:-1.2rem;}

.goog-logo-link {
   display:none !important;
}

.goog-te-gadget .goog-te-combo {
  margin: 0;
  padding: .31rem;
}

/* .goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf * {
    font-family: arial;
    font-size: 14pt;
} */
.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none;
}

/* .VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
    font-size: .9rem;
    font-weight: bold;
    color: transparent !important;
    text-decoration: none;
}  */

/* .goog-te-gadget {
    margin-left: 3vw;
    font-family: arial;
    font-size: .88rem;
    color: #ddd;   
    white-space: nowrap;    
} */
/* navbar responsive code end */
.clear_both{
	clear: both;
}
/* navigation bar css End */

/* About part css start */

.banner2{
	background: url('../images/banner2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.banner_overlay{
	padding: 3.75rem 0;
}
.common_heading2, 
.common_heading3, 
.common_heading4, 
.common_heading5, 
.common_heading6, 
.common_heading7, 
.common_heading8, 
.common_heading9,
.common_heading10,
.common_heading11{
	text-align: center;
	position: relative;
    margin-bottom: 3.5rem;
}
.common_heading2 h4{
	position: absolute;
	top: 55%;
	left: 30%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.8vw;
    font-weight:400;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading2 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;


}
.about_para p{
	color: #757575;
	font-family: "Montserrat", sans-serif;
    font-size: 1.3rem;
    font-weight:300;
    text-align: center;
    margin-top: 2vw;
    padding: 0 5vw;
    text-align: justify;
}
.about_btn{
	padding: 3.12rem 0;
	text-align: center;

}

.J_btn{
	color: #ffe400;
	font-family: "Montserrat", sans-serif;
    font-size: 0.8vw;
    font-weight:300;    
    padding: 0.8vw 1.3vw;    
    background-color: #2c3e50;
    transition: all linear .3s;
}
.J_btn:hover{
	background-color: #ffe400;
	color: #2c3e50;
	transition: all linear .3s;
}
.about_info{
	position: relative;
	
	background-color: #2c3e50;
	width: 100%;
	height: 25vw;
	display: flex;
	justify-content: center;
	align-items: center;
	
    transition: all linear .3s;

}
.a_item{
	position: absolute;
}
.about_info:hover{
	background-color: #ffe400;
	color: #2c3e50;
	transition: all linear .3s;

}
.about_info:hover .a_item a{
	color: #2c3e50;
	transition: all linear .3s;
}
.about_info:hover .a_item h4{
	color: #2c3e50;
	transition: all linear .3s;
}

.about_info a{
	color: #ffe400;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 6vw;
	margin-bottom: 2.8vw;
	
}
.about_info h4{
	color: #ffe400;
	font-size: 1.8vw;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.about_info p{
	color: #FFF;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 1.5vw;
	
}
.about_info_l_h h4{
	color: #2c3e50;
	font-family: "Montserrat", sans-serif;
    font-size: 2vw;
    font-weight:300; 
    margin: 4vw 0;
    text-align: center;
    text-transform: uppercase;

}
.count_dwn h1{
	color: #2c3e50;
	font-family: "Oswald", sans-serif;
    font-size: 3.5vw;
    font-weight:500;
    text-align: center;
    margin-top: 1.88rem;
}
.count_dwn p{
	color: #757575;
	font-family: "Oswald", sans-serif;
    font-size: 1.5vw;
    font-weight:500;
    text-align: center;
    
}
/* Counter code Start */

		.icon-box{
			border: .19rem solid #2c3e50;
			height: 6.25rem;
			width: 6.25rem;
			margin: 1.25rem auto;
			transform: rotate(45deg);

		}
		.icon-box .fa{
			font-size: 2.5rem;
			margin: 1.56rem auto;
			color: #ffE400;
			transform: rotate(-45deg);
		}
		
		
/* Counter code End */
/* About part css end */

/* Responsive part css Start */
.bg_responsive{
	background-color: #fafafa;
}
.resp{
	padding: 6.25rem 0;
}
.c_h_overlay{
	padding: 5vw 0;
}

.common_heading3 h4{
	position: absolute;
	top: 60%;
	left: 27%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.5vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading3 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;


}
.about_para{
	color: #757575;
	font-family: "Montserrat", sans-serif;
    font-size: 0.9vw;
    font-weight:300;
    text-align: center;
    margin-top: 4vw;
}
.about_btn{
	padding: 2.6vw 0;
	text-align: center;

}
.M_btn{
	color: #ffe400;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:300;    
    padding: .62rem 3.12rem;
    width: 31.25rem;
    height: 5rem;
    background-color: #2c3e50;
    margin-right: 1.88rem;
    transition: all linear .3s;
    border-radius: 0;
}
.M_btn:hover{
	background-color: #ffe400;
	color: #2c3e50;
	transition: all linear .3s;
}
.J_btn{
	color: #ffe400;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:300;    
    padding: .63rem 1.6rem;    
    background-color: #2c3e50;
    transition: all linear .3s;
    border-radius: 0;
}
.J_btn:hover{
	background-color: #ffe400;
	color: #2c3e50;
	transition: all linear .3s;
}
.c_h_para ul li{
	color: #757575;
	font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    font-weight:300;
    margin: .62rem 0 .62rem 3.12rem; 

}
.c_h_para p{
	color: #757575;
	font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    font-weight:300;
    margin: 3.12rem 0 3.12rem 3.12rem; 

}

.c_h_para ul li a{
	color: #757575;
	margin-right: 1.25rem;

}
.c_h_para ul{	
	margin-bottom: 3.12rem;

}
.purchase a{
	color: #2c3e50;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:300;
    text-transform: uppercase;
    padding: .62rem 1.88rem;
    background-color: #ffe400; 
    margin-left: 3.12rem;
    transition: all linear .3s;

}
.purchase a:hover{
	background-color: #2c3e50;
	color: #ffe400;
	transition: all linear .3s;
}
.run{
	width: 50%;
    display: flex;
    text-align: center;
    justify-content: center;
    
}
/* Responsive part css end */

/* who part css Start */
#banner{
	background: url('../images/who.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;

}
.banner_content{
	text-align: center;
	color: white;
	
}
.banner_content h4 img{
	width: 17.2rem;
}

.banner_content h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	text-transform: uppercase;
	padding: 1.9rem 0;
	font-weight: bold;
}

.banner_content p{
	font-family: 'open sans', sans-serif;
    font-weight: 400;
    font-size: 1.3vw;
    text-align: justify;
    line-height: 2rem;
    padding: 1.25rem;
    margin-bottom: 3.12rem;
}

.m_btn{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	border: 0.07rem solid white;
	color: white;
	padding: 0.7rem 1.3rem;	 
	transition: all linear .3s;
    border-radius: 0;
}

.j_btn{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	border: .07rem solid white;
	color: white;
	padding: 0.7rem 1.3rem;	 
	transition: all linear .3s;
    border-radius: 0;

}

.banner_content a:hover{
	background-color: #ffe400;
	border: .07rem solid #ffe400;
	transition: all linear .3s;
	color: #2c3e50;
}
.clear_both{
	clear: both;
		}
/* who part css End */

/* Features part css Start */
.feature_main{
	padding:3.75rem 0;
}
.common_heading4 h4{
	position: absolute;
	top: 60%;
	left: 24%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading4 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
.icon_desc a{
	margin-right: 1.25rem;
}
.icon_overlay{
	margin-top: 4vw;
}
.icon_main{
	padding: 1.7vw 0;
}
.icon a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #73c8b7;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}
.icon2 a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #31aae2;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}
.icon3 a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #c183d6;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}
.icon4 a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #eb768c;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}
.icon7 a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #ebd175;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}
.icon8 a{
	width: 3vw;
	height: 3vw;
	color: white;
	background-color: #718ac7;	
	font-size: 1.2vw;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition: all linear .3s;
}

.icon_desc{
	margin-left: .63rem;
}
.icon_desc h4{
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:400;
    text-transform: uppercase;
    margin-bottom: 1.25rem;

}
.icon_desc p{
	color: #757575;
    font-family: "Montserrat", sans-serif;
    text-align: justify;
    font-size: 1rem;
    font-weight: 400;
    
}
/* Features part css End */

/* Portfolio part css Start */
#portfolio{
	background-color: #ffe400;
	padding: 3.12rem 0;
}

.common_heading5 h4{
	position: absolute;
	top: 60%;
	left: 43%;
	color: #444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading5 h1{
	color: #e4d119;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}

.p_btn{
	margin-top: 3vw;	
	text-align: center;
}
 .p_btn a.active {
      background-color: #2c3e50;
      color: #FFE400;
    }
.p_btn a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1vw;
	border: .07rem solid #2a2a2a;
	color: #2a2a2a;
	padding: 0.6vw 0.9vw;
	margin-left: .32rem; 
	transition: all linear .3s;
	cursor: pointer;
    
}
.p_btn a:hover{
	background-color: #2c3e50;
	color: white;
	transition: all linear .3s;
}
/* Portfolio part css End */

/* Gallary part css Start */
.fixed-height-img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.vertical{
	position: relative;	
	overflow: hidden;
	transition: all linear .3s;
	height: 25vw;
}

.vertical:hover .gallery_overlay{
	visibility: visible;
	right: 0%;
	transition: all linear .3s;
}
.gallery{
	padding: 0;
	margin: 0;
}


.gallery_overlay{
    position: absolute;
    bottom: 0%;
    right: -40%;
    height: 100%;
    width: 100%;
    background-color: #2c3e5080;
    visibility: hidden;
    transition: all linear .3s;    
    text-align: center;
    line-height: 100%;

}

.gallery_overlay h2{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.5vw;
	text-transform: uppercase;	
	font-weight: bold;
	margin-top: 6vw;
	text-align: center;
}
.gallery_overlay h4{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1vw;
	text-transform: capitalize;	
	margin: 0 0;
	text-align: center;
}

.gallery_overlay ul{
    display: inline-flex; 
    margin-top: 1vw;  
}

.gallery_overlay ul li{
    width: 3.5vw;
    height: 2vw;
} 
.gallery_overlay ul li a{
	font-size: 1vw;
    color: #2c3e50;
    width: 2vw;
	height: 2vw;
	background-color: #ffe400;	
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	
    
}
.vertical:hover{
	transform: scale(1.2);
	z-index: 1;
}
.container2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(6.25rem, 1fr));
        grid-gap: 0;
        grid-auto-flow: dense;
        
        
      }
      .container2 img {
        width: 100%;
        height: 100%;
       
             }
       .horizontal {
        grid-column: span 1.5;
      }
     .vertical {
        grid-row: span 8;
      }
      .big {
        grid-column: span 2;
        grid-row: span 2;
      } 
/* Gallary part css End */

/* Service part css Start */
.service{
	padding: 3.12rem 0;

}
.container-fluid{
	padding: 0;
}
/* .ser_first{
	margin-top: 18.75rem;
	padding: 0;
	
}

.secend_service{
	margin-top: 1.88rem;

} */

.common_heading6 h4{
	position: absolute;
	top: 60%;
	left: 32.5%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading6 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: .62rem;
  width: .62rem;
}
*::-webkit-scrollbar-track {
  border-radius: .32rem;
  background-color: #DFE9EB;
}

*::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-thumb {
  border-radius: .32rem;
  background-color: #2c3e50;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #FFE400;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #2c3e5080;
}

/* Service part css End */

/* Pricing part css Start */
#pricing{
	background: url('../images/5th_banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;	
	width: 100%;
}
/* Pricing part overlay code start */
.pricing_main{
	padding: 3.75rem 0;
}
/*
.pricing_overlay{
	content: '';
            
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;           
            /*background: rgba(0, 0, 0, 0.5);  Dark semi-transparent overlay 
            background-color: #FFE40095;
             z-index: 1; 
            
} 
 Pricing part overlay code End */
.common_heading7 h4{
	position: absolute;
	top: 60%;
	left: 36%;
	color: #444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading7 h1{
	color: #e4d119;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
/* toggle button code start */
.menu {
      margin-top: 3.75rem;
	text-align: center;
	margin-bottom: 1rem;
    }

    .menu-item {
    	color: #2c3e50;    	
		padding: .62rem 2.85rem;		
		border: 2px solid #2c3e50;
	    cursor: pointer;
		font-family: "Montserrat", sans-serif;
	    font-size: 1.3rem;
	    font-weight:400;
    }

    .menu-item.active {
      background-color: #2c3e50;
      color: #ffe400;
    }

    .content {
      display: none; /* Hide by default */     
      
    }

    .content.active {
      display: flex; /* Only the active one shows */
    }
/* toggle button code End */

/* .p_main:hover{	
	box-shadow: 0 .2rem .2rem rgb(0 0 0 / 0.2);
    transform: scale(1.05); 
    transition: all 0.3s ease-in-out;
} */
.p_bg{
	background: url('../images/price_1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 1.57rem 0;
	width: 100%;
}
.p_bg2{
	background: url('../images/price_2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 1.57rem 0;
	width: 100%;
}
.p_bg3{
	background: url('../images/price_3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 1.57rem 0;
	width: 100%;
}
.p_bg p{
	color: #dbdbdb;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:400;
}
.p_bg h3{
	color: #FFFFFF;
	font-family: "poppins", sans-serif;
    font-size: 1.13rem;
    font-weight:400;
    text-transform: uppercase;
}
.p_bg h4{
	font-size: 1rem;
	color: white;
	margin: 1.25rem 0;
}
.p_bg h4 span{
	font-size: 3.75rem;
	color: white;
}

/* p_bg2 start */
.p_bg2 p{
	color: #dbdbdb;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:400;
}
.p_bg2 h3{
	color: #FFFFFF;
	font-family: "poppins", sans-serif;
    font-size: 1.1rem;
    font-weight:400;
    text-transform: uppercase;
}
.p_bg2 h4{
	font-size: 1rem;
	color: white;
	margin: 1.25rem 0;
}
.p_bg2 h4 span{
	font-size: 3.75rem;
	color: white;
}
/* p_bg2 End */
/* p_bg3 Start */
.p_bg3 p{
	color: #dbdbdb;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:400;
}
.p_bg3 h3{
	color: #FFFFFF;
	font-family: "poppins", sans-serif;
    font-size: 1.1rem;
    font-weight:400;
    text-transform: uppercase;
}
.p_bg3 h4{
	font-size: 1rem;
	color: white;
	margin: 1.25rem 0;
}
.p_bg3 h4 span{
	font-size: 3.75rem;
	color: white;
}

.p_bg_desc{
	background-color: white;
	text-align: center;
	color: #808080;
}
.p_desc1{
	padding-top: 2.5rem;
	text-align: left;
	margin-left: 1rem;
}
.p_bg_desc ul li{
	border-bottom: .07rem solid #f0f0f0;
	padding: 1rem 0;
	font-size: 1rem;
}
.p_bg_desc ul li a{
	color: #808080;
}
.p_bg_btn{
	background-color: white;
	text-align: center;
	margin-top: .19rem;
	padding: .62rem 0;
    transition: all linear .3s;
}
.p_bg_btn a{
	color: #444444;
	font-family: "poppins", sans-serif;
    font-size: 1rem;
    font-weight:400;

}

.p_bg_btn:hover{
	background-color: #2c3e50;
  	color: #FFE400;
  	transition: all linear .3s;
}

.p_bg_btn:hover p a{
	
  	color: #FFE400;
}
/* Pricing part css End */

/* Expart part css Start */
.expart_main{
	padding: 3.75rem 0;
}
.common_heading8 h4{
	position: absolute;
	top: 60%;
	left: 41%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading8 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
.team_img{
	background-color: #ebebeb;
}
.team_bg{
	background-color: #ebebeb;
	margin-top: .62rem;
}
.secnd_p{
	padding: .62rem 0;
	text-align: center;
	font-family: "poppins", sans-serif;
    font-size: 1rem;
    font-weight:400;
    text-transform: uppercase;
    font-weight: bold;
    color: #444444;

}
.frst_p{
	color: #444444;
	padding: .62rem 1.88rem;
	text-align: center;
	border-bottom: .13rem dashed #b7b7b7;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:400;
    text-transform: uppercase;
    font-weight: bold;
}


/* Expart hover part css Start */
.team_p{
   position: relative;
	overflow: hidden;
	transition: all linear .3s;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-track{
	margin-top: 1rem;
}

.team_1_hover{
    position: absolute;
    bottom: 0%;
    right: -40%;
    height: 100%;
    width: 100%;
    background-color: #ffe400;
    visibility: hidden;
    transition: all linear .3s;
    text-align: center;

}
.team_p:hover .team_1_hover{
    right: 0%;
    visibility: visible;
    transition: all linear .3s;
}
.team_1_hover h2{
	color: #2c3e50;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	text-transform: uppercase;	
	font-weight: bold;
	margin-top: 4.34rem;
	text-align: center;
}
.team_1_hover h4{
	color: #2c3e50;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	text-transform: uppercase;	
	margin-top: .62rem;
	text-align: center;
}
.team_1_hover p{
	color: #2c3e50;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .75rem;	
	margin-top: .62rem;
	text-align: center;
	margin: 3.13rem 0 3.13rem 0;
	padding: 0 1.25rem;

}
.team_1_hover h3{
	margin: 1.88rem 0;
	border: .07rem dashed #757575;
	
}

.team_1_hover ul{
    display: inline-flex;
}

.team_1_hover ul li{
    width: 3.12rem;
    height: 2.5rem;
} 
.team_1_hover ul li a{
	font-size: 1.25rem;
    color: #6b6000;
    padding: 0 1.56rem;
    
}
/* Expart part css End */
/* Review part css Start */
.review-container {
            width: 100%;           
            padding: 1.25rem;
            background: #fff;
            box-shadow: 0 0 .63rem rgba(0, 0, 0, 0.1);
            border-radius: 0;
            position: relative;

        }
.review_main{
	padding-bottom: 3.75rem;
}
        .review {
            display: flex;
            align-items: center;
            border-bottom: .07rem solid #ddd;
            padding: .94rem 0;
            position: relative;
        }
        .review:last-child {
            border-bottom: none;
        }
        .avatar {
            width: 3.75rem;
            height: 3.75rem;
            border-radius: 50%;
            margin-right: 5%;
        }
        .rev_mid{
        	width: 90%;

        }
        .review-content {
            flex-grow: 1;
        }
        .reviewer-name {
            font-weight: bold;
            color: #333;
        }
        .stars {
            color: #f39c12;
        }
        .comment {
            font-size: 1rem;
            color: #555;
            margin-top: .31rem;
            text-align: justify;
        }
        .project-price {
            position: absolute;
            top: .62rem;
            right: .62rem;
            background: #2c3e50;
            color: #ffe400;
            padding: .32rem .62rem;
            border-radius: .32rem;
            font-size: 1rem;
            font-weight: bold;
            
        }

/* Review part css End */

/* Impressed part css Start */
#impressed{
	background: url('../images/6th_banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;

}
.banner_content2{
	text-align: center;
	color: white;
}

.banner_content2 h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: bold;
}

.banner_content2 p{
	font-family: 'open sans', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.75rem;
	padding: 1.25rem;
	margin-bottom: 2.5rem;
}

.m_btn2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1vw;	
	text-transform: uppercase;
	color: #2c3e50;
	padding: 0.8vw 1.6vw;
	margin-left: 1.25rem; 
	transition: all linear .3s;
	background-color: #ffe400;
}

.j_btn2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1vw;	
	text-transform: uppercase;
	color: #2c3e50;
	padding: 0.8vw 2vw;
	margin-left: 1.25rem; 
	transition: all linear .3s;
	background-color: #ffe400;
}

.banner_content2 a:hover{
	background-color: white;	
	transition: all linear .3s;
	color: #2c3e50;
}
.clear_both{
	clear: both;
		}
/* Impressed part css End */

/* News part css Start */
.news_main{
	padding: 3.75rem 0;
}
.news_overlay{
	margin-top: 0;
}

.common_heading9 h4{
	position: absolute;
	top: 60%;
	left: 35%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading9 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
.news_single {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    margin-bottom: 1.25rem;
}

/* .news_single:hover {
    transform: translateY(-.31rem);
} */

.news_single img {
    width: 100%;
    height: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.news_date{
	margin-top: -.75rem;
    position: relative;
	z-index: 1;
}
.news_date_vid{
	margin-top: -2.5rem;
}
.news_date_vid a{
	margin-left: 25%;
	align-items: center;
	text-align: center;
	padding: .62rem 1.88rem;
	background-color: #FFE400;
	border-radius: 1.56rem;
	font-family: "Montserrat", sans-serif;
    font-size: .8rem;
    font-weight:400;
    color: #444444;
    font-weight: bold;
}
.news_date a{	
	margin-left: 25%;
	align-items: center;
	text-align: center;
	padding: .62rem 1.88rem;
	background-color: #FFE400;
	border-radius: 1.56rem;
	font-family: "Montserrat", sans-serif;
    font-size: .8rem;
    font-weight:400;
    color: #444444;
    font-weight: bold;
}
.news_title{
	padding-bottom: 1.56rem;
}
.news_title_vid{
	padding-bottom: 1.56rem;
}
.news_title h2{
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:600;
    text-transform: uppercase;
    margin-top: 2.5rem;
    text-align: center;
}
.news_title h4{
	color: #757575;
	font-family: "openSans", sans-serif;
    font-size: .62rem;
    font-weight:200;
    text-transform: uppercase;
    margin-top: .38rem;
    text-align: center;
}
.news_title p{
	color: #757575;
	font-family: "Montserrat", sans-serif;
    font-size: .9rem;
    font-weight:400; 
    text-align: justify;   
    margin: .32rem 0;
    padding: 1rem;
    line-height: 1.38rem;
}

.play_btn{
	margin-top: -80%;
	margin-left: 40%;
	width: 3.13rem !important;
	height: 3.13rem;
	position: relative;	
	cursor: pointer;
	transition: 0.5s;
	opacity: 0;
}
.news_single:hover .play_btn{
	opacity: 1;
}
/* gallary image slide show code Start */
.swiper-button-next, .swiper-button-prev{
	cursor: pointer;
  	position: absolute;
  	top: 35%;
  	width: 6.25rem;
  	height: 6.25rem;  
  	padding: .07rem;
  	color: #2c3e50;
  	
  	transition: 0.6s ease;
  	border: .13rem solid #2c3e50;
  	border-radius: 50%;
  	user-select: none;
  	text-align: center;
  	line-height: 6.25rem;    
    cursor: pointer;
    right: -1rem;
    transform: scale(0.3); /* Shrinks the button size */

}
.swiper-button-prev{
	left: -1.25rem !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
   background-color: #FFE400;  
/*    opacity: 0.5; */
/*    background-color: #FFE40050; */
}
/* gallary image slide show code End */

/* Read more show Less code Start */
#ch, #ch2, #ch3{
	display: none;
}
#ch:checked ~ .a_para{
	display: block;
}
#ch2:checked ~ .a_para{
	display: block;
}
#ch3:checked ~ .a_para{
	display: block;
}
#ch:checked ~ label{
	display: none;
}
#ch2:checked ~ label{
	display: none;
}
#ch3:checked ~ label{
	display: none;
}

label{
	color: #444444;
    font-family: "Montserrat", sans-serif;
    font-size: .63rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: .63rem 1.25rem;
    border-radius: 1.56rem;
    background-color: #ffe400;
    margin-left: 33%;
    transition: all linear .3s;
}
.a_para{
	display: none;
	margin-top: -2.19rem;
}
.news_title label:hover{
	background-color: #f9f9f9;
	border: .07rem solid #2c3e50;
	color: #2c3e50;
	transition: all linear .3s;
}
/* Read more show Less code End */

/* News part css End */

/* Contact part css Start */
#contact{
	background: url('../images/form_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 5rem 0;
}
.form_cont{
	margin-top: 3.75rem;
}
.common_heading10 h4{
	position: absolute;
	top: 60%;
	left: 35%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.7vw;
    font-weight:500;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading10 h1{
	color: #d8d8d8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;
}
.form_cont .btn{
	padding: .94rem 2.5rem;
	background-color: #ffe400;
	color: #2c3e50;
	font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight:500; 
    text-transform: uppercase; 
}
.form_cont .btn:hover{
	background-color: #2c3e50;
	color: #ffe400;
	transition: all linear .3s;
}
/* Contact part css End */

/* Locate Us part css Start */
#locate{
	background: url('../images/7th_banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 3.75rem;
    margin-bottom: 3.13rem;
}
.locate p{
	font-family: "Montserrat", sans-serif;
    font-size: 1.88rem;
    font-weight:800; 
    text-align: center;
}
.map_content{
    text-align: center;
    color: white;
    padding-top: 3.75rem;
}
.locate a{
	color: #2a2a2a;
}
/* Locate Us part css End */

/* FAQ part css code start */
.common_heading11 h4{
	position: absolute;
	top: 61%;
	left: 37%;
	color: #444444;
	font-family: "Montserrat", sans-serif;
    font-size: 1.8vw;
    font-weight:400;
    text-transform: uppercase;
    font-weight: bold;

}
.common_heading11 h1{
	color: #e8e8e8;
	font-family: "Montserrat", sans-serif;
    font-size: 4.7vw;
    font-weight:800;
    text-transform: uppercase;


}
.acrdn_container{
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 3.75rem;
	box-shadow: 0 .5rem .63rem rgba(0, 0, 0, 0.5);	

}

.acrdn_heading {
	padding: .94rem;
	background-color: #2c3e50;
	position: relative;
	cursor: pointer;
	border: .07rem solid #57606f;
	border-radius: 0;
	color: #bdc3c7;
	font-size: 1rem;
}

.acrdn_heading::after {
    content: '\002B';
    position: absolute;
    top: 1rem;
    right: .94rem;
    font-size: 1.5rem;
}

.active::after {
	content: '\002D';
	position: absolute;
    top: .94rem;
    right: 1.25rem;
    font-size: 1.5rem;
}

.acrdn_content {
	padding: 1.25rem;
	background-color: #34495e;
	font-size: 1rem;
	text-align: justify;
	display: none;
	border-radius: 0;
	color: #f1f2f6;
}
/* FAQ part css code End */

/* F_Footer part css Start */

 /* Footer Styles */	   

    .footer {
      	background: linear-gradient(135deg, #2c3e50, #34495e);      
      	padding: 3.75rem 1.88rem 0;
     	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2);

    }

    .footer-container {
    	display: flex;
      	flex-wrap: wrap;
      	justify-content: space-between;
      	gap: 1.88rem;  
      	margin-bottom: 3.75rem;   

    }

    .footer-section {
    	flex: 1;
	    min-width: 17.5rem;
	    max-width: 31.25rem; /* Increased width */
	    padding: 1.88rem;
	    border-radius: .5rem;
	    background-color: #34495e;
	    transition: transform 0.3s ease, box-shadow 0.3s ease;	     
    }
	.footer-section p{
		color: #bdc3c7 ;
	}

    /* .footer-section:hover {
      transform: translateY(-.63rem);
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
    } */

    .footer-section h3 {
      font-size: 1.25rem;
      color: #ffe400;
      margin-bottom: 1.25rem;

    }

    .footer-section ul {
      	list-style: none;
      	color: #bdc3c7;

    }
    .footer-section ul li {
      margin-bottom: .63rem;

    }

    .footer-section ul li a {
      color: #bdc3c7;
      text-decoration: none;
      font-size: 1rem;
      transition: color 0.3s ease;
      transition: linear all .3s;
    }

    .footer-section ul li a:hover {
      color: #ffe400;
      margin-left: .5rem;
      transition: linear all .3s;

    }

    .footer-section input[type="email"] {
	      padding: .75rem;
	      width: 100%;
	      border: .14rem solid #ccc;
	      border-radius: .31rem;
	      margin-bottom: .94rem;
	      font-size: 1rem;
	      transition: border-color 0.3s ease;
    }

    .footer-section input[type="email"]:focus {
      	border-color: #f39c12;

    }

    .footer-section button {
	      padding: .75rem;
	      background-color: #f39c12;
	      color: white;
	      border: none;
	      border-radius: .31rem;
	      cursor: pointer;
	      font-size: 1rem;
	      width: 100%;
	      transition: background-color 0.3s ease;
    }

    .footer-section button:hover {
      background-color: #e67e22;

    }

    .social-icons a {
      color: #bdc3c7;
      margin-right: .94rem;
      font-size: 1.38rem;
      text-decoration: none;
      transition: color 0.3s ease;
      transition: linear all .3s;
    }


    .social-icons a:hover {
      color: #ffe400;
      padding: .2rem .5rem;
      border: 2px solid #ffe400;
      border-radius: 20%;
      transition: linear all .3s;

    }


    .footer-bottom p{
      text-align: center;      
      font-size: 1.2rem;
      color: #bdc3c7;
      border-top: .07rem solid #7f8c8d;
      padding:1.56rem 0;
    }

    .footer-bottom a {
      color: #ffe400;
      text-decoration: none;
    }

    /* Quick Links Two Column Layout */

    .footer-section.links ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* Creates two columns */
      gap: 1.25rem;
    }

     /* Contact Info margin update */

    .footer-section.contact p {
      margin-top: .94rem;
      margin-bottom: .94rem;
    }

    .footer-section.contact i {
      margin-right: .63rem;

    }

    /* Add icons for quick links */

    .footer-section.links ul li a {
      display: flex;
      align-items: center;

    }

    .footer-section.links ul li a i {
      margin-right: .5rem;

    }
    .fishait{
    	color: #FFE400;
    }

    /* Responsive Design */

    @media (max-width: 768px) {

      .footer-container {
        flex-direction: column;
        align-items: center;

      }
      .footer-section {
        width: 90%;
        margin-bottom: 1.25rem;
      }

      /* Adjust grid layout for small screens */

      .footer-section.links ul {
        grid-template-columns: 1fr; /* Stacks the links in one column on small screens */

      }

    }   

    .lng{
    	margin-top: 2rem;
    }

/* footer part css end */

/*top to css code start */ 
#myBtn {
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.88rem;
  z-index: 99;
  font-size: 1.13rem;
  border: .19rem solid #FFE400;
  outline: none;
  background-color: #2c3e50;
  color: #FFE400;
  cursor: pointer;
  padding: .63rem .94rem;
  border-radius: 0;
  -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
   transition: all 0.3s ease-in-out;;
}
#myBtn i{
	transform: rotate(90deg);

}

#myBtn:hover {
  background-color: #FFE400;
  color: #2c3e50;
  border: .19rem solid #2c3e50;
  transition: all 0.3s ease-in-out;
}

/*top to css code end*/

/*  slick Slider part css code start */
.team_p{
	margin: 0 .63rem;
}

.slick-dots li {    
    width: .63rem;
    height: .63rem;   
    border: .13rem solid #2c3e50;
    border-radius: 10%;
    display: none;

}

.slick-dots{
	bottom: -2.5rem;
	
}

.slick-dots li.slick-active{
	 background: #FFE400;
}

.slick-dots li button:before {   
    
    opacity: 0;
    
}

.slick-dots li.slick-active button:before {
    opacity: 0;
    
}

.left_slick_icon{
	position: absolute;
	top: 37%;
	left: -5%;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #2c3e50;
	border-radius: 50%;
	text-align: center;
	line-height: 2.5rem;
	display: block;
	color: #FFE400;
	cursor: pointer;

}

.right_slick_icon{
	position: absolute;
	top: 37%;
	right: -5%;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #2c3e50;
	border-radius: 50%;
	text-align: center;
	line-height: 2.5rem;
	display: block;
	color: #ffe400;
	cursor: pointer;

}
/*  slick Slider part css code End */