/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Why Choose Us css
08. Intro Video css
09. Our Project css
10. Our Testimonial css
11. Our Faqs css
12. Latest News css
13. Footer css
14. About us Page css
15. Services Page css
16. Service Single css
17. Blog Archive css
18. Blog Single css
19. Project Page css
20. Project Single css
21. Team Page css  
22. Contact us Page css
23. Gallery Page css
24.	FAQs Page css
25. 404 Page css
26. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/	

:root{

    --primary-color			: #229f72;
	--secondary-color		: #F2F4E9;
	--text-color			: #737577;
	--accent-color			: #229f72;
	--white-color			: #FFFFFF;
	--divider-color			: #E8E8E8;	
	--dark-divider-color	: #ffffff20;
	--error-color			: rgb(230, 87, 87);
    --focus-color           : #ee8d10;
	--default-font			: "Plus Jakarta Sans", sans-serif;

	/*--primary-color			: #0E0D1B;
	--secondary-color		: #F2F4E9;
	--text-color			: #737577;
	--accent-color			: #96D055;
	--white-color			: #FFFFFF;
	--divider-color			: #E8E8E8;	
	--dark-divider-color	: #ffffff20;
	--error-color			: rgb(230, 87, 87);
	--default-font			: "Plus Jakarta Sans", sans-serif;*/
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/



/************************************/
/***    14. About us Page css	  ***/
/************************************/

.page-header {
    position: relative;
    padding: 40px 0px;
    background: linear-gradient(180deg, transparent 0%, #0e0d1b8c 0.5%), url('../images/page-header-bg.jpg') no-repeat center center;     
    background-size: cover;
}

.page-header::after{
	content: '';
    position: absolute;
    background-image: url(../images/white-squre-bg-img.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    right: 0;
    bottom: 0;
    width: 52px;
    height: 52px;
    z-index: 1;
}

.page-header-box{
	position: relative;
	z-index: 1;
	text-align: center;
}

.page-header-box h1{
	color: var(--white-color);
	font-size: 42px;
	/*letter-spacing: -0.02em;*/
    margin-bottom: 10px;
	cursor: none;
    font-weight:700;
}

.page-header-box ol{
	display: inline-flex;
    margin-bottom: 0;
	justify-content: center;
	background-color:#62a230;
	border-radius: 80px;
	padding: 15px 20px;
}

.page-header-box ol li.breadcrumb-item{
	color: var(--white-color);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.1em;
	text-transform: capitalize;
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
    color: var(--white-color);
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:80px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
/************************************/
/***      26. responsive css      ***/
/************************************/

@media only screen and (max-width: 1024px){
	
	
}

@media only screen and (max-width: 991px){

    
}

@media only screen and (max-width: 767px){
    .section-py {
    padding-top: 80px;
    padding-bottom: 60px;
}

    

	
}