*{
	margin:0;
	box-sizing:border-box;
}
body{
    font-family: "Montserrat", sans-serif;
}
h1,h2,h3,h4,h5,h6{
font-family: "Bebas Neue", sans-serif;
}
html{
	scroll-behavior:smooth;
}
body{
	background:black;

	scroll-behavior:smooth;
}
body::-webkit-scrollbar{
	width:5px;

	

}
body::-webkit-scrollbar-track{
	background:black;

}
body::-webkit-scrollbar-thumb{
	background:white;
	border-radius:8px;

}

nav{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	padding:10px 6%;
	background-color:rgba(0,0,0,0.2);
}
nav:before, nav:after{
	content:'';
	display:block;
	clear:both;
}
nav a.portfolio
{
	text-decoration:none;
	font-size:25px;
	display:block;
	font-weight:bold;
	float:left;
	padding:10px 30px;
	color:white;
}

nav ul{
	float:right;
}
nav ul{
	list-style:none;
	padding:0;
	justify-content:flex-end;
	display:flex;
	align-items:center;
	cursor:pointer;
}

nav ul li a.menu{
	transition:0.4s;

}
nav ul li a{
	display:block;
	text-decoration:none;
	padding:10px;
	color:white;
}
nav ul li span{

	width:30px;
	display:block;
	height:2px;
	margin:2px;
	background-color:#80DCD7;
	transition:0.4s;
	
}
.rotation{
	transform:rotate(45deg);
	transition:0.4s;
}
.rotation1{
	transform:rotate(-45deg);
	transition:0.4s;
}
/*nav ul li a:hover span{
	transform:rotate(45deg);
}
nav ul li a:hover span.span1{
	transform:rotate(-45deg);
}*/

.nav{
	width:100%;
	position:fixed;
	height:100%;
	top:0;
	left:0;
	z-index:12;
	background:#101010;
	display:none;
	padding:80px 30px 30px;
	

}
.nav  .nav1{
	width:60%;
	float:left;
    color:white;


}
.nav .nav1 ul{
	list-style:none;
	padding:0;
}
.nav .nav1 ul li a{
text-decoration:none;
padding:10px;
color:white;
font-size:45px;
font-weight:bold;
text-transform:capitalize;
}
.nav .nav2{
	width:40%;
	float:left;
	margin-top:150px;
}
.nav .nav2 ul{
	list-style:none;
	padding:0;
}
.nav .nav2>ul li:first-child{
	color:#12ABA2;
	font-size:20px;
}
.nav>.nav2>ul li{
	font-size:14px;
	color:white;
	font-weight:bold;
	padding:5px;
}
.nav .nav2 ul:last-child li:not(:first-child){
	float:left;
}

.nav2_submenu ul li:not(:first-child){
	color:black!important;
}


header{
	width:100%;
	background:url(../img/personal.jpg);
	background-size:cover;
	background-position: center;
	position:relative;
	padding:10px 6%;
}
/* header img{
	width:100%;
	height:620px;
	object-fit:cover;
	opacity:0.8;
	position:relative;
} */
header:before{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	height:100%
}

section{
	width:660px;
	padding:160px 30px;
	position: relative;
	z-index:4;


}
section h5{
	width:150px;
	margin-bottom:20px;
	padding:5px;
	color:white;
	letter-spacing:3px;
	font-size:18px;
	text-align:center;
	background:black;
	font-weight:500
}
section h1{
	font-size:66px;
	line-height:1.2em;
	color:white;
	font-weight:600
}
section p{
	color:#fff;
	padding:10px 0 30px;
	line-height: 1.7em;
	font-size:16px;
	border-bottom :1px solid gray;
}
header a{
	display:block;
	color:white;
	text-decoration:none;
	width:160px;
	padding:15px;
	border-radius:35px;
	border:2px solid #7ADBD5;
	text-transform: uppercase;
	text-align:center;
	font-size:16px;
	margin-top:30px;
	font-weight:600;
	position:relative;
	transition:0.5s;

}
header span.border{
width:30px;
border-top:2px solid rgba(0,0,0,0.8);

position:absolute;
top:-2px;
left:30%;
z-index:10;
}
header section a:hover{
	border-color:red;
}

.cursor{
	width:25px;
	position:fixed;
	height:25px;
	z-index:28;
	top:0;
	opacity:0.8;
	background:white;
	border-radius:50%;
	transition:0.2s;
	transform:scale(1);
}
header section:hover ~.cursor{
transform:scale(3);
}

 .section1{
	width:80%;
	margin:50px auto;
	padding-top:80px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	


} 
.section1 .gallery{
	width:45%;
	padding:15px;
	/* *background-color:#101010; */
	border:1px solid gray;
	position:relative;
	


}

.section1 .gallery .top-left{
	width:15px;
	height:15px;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	position:absolute;
	top:-15px;
	left:-15px;
	z-index:1;

}
.section1 .gallery .top-right{
	width:15px;
	height:15px;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:1;

}
.section1 .gallery .bottom-left{
	width:15px;
	height:15px;
	border-right:1px solid gray;
	border-top:1px solid gray;
	position:absolute;
	bottom:-15px;
	left:-15px;
	z-index:1;

}
.section1 .gallery .bottom-right{
	width:15px;
	height:15px;
	border-left:1px solid gray;
	border-top:1px solid gray;
	position:absolute;
	bottom:-15px;
	right:-15px;
	z-index:1;

}
.section1 .gallery img{
	width:100%;
	height:560px;
	object-fit:cover;
	border:1px solid gray;

}
.section1 .about{
	width:45%;
	color:white;
	/* transform:scale(0); */
}
/* .maintain{
	animation:gallery 1s ease-in-out forwards;
}
.animate{
	animation:about 1s ease-in-out forwards;
} */
@keyframes gallery{
	0%{
	left:-200%;
	}
	100%{
		left:0;
	}
}
@keyframes about{
	0%{
	transform:scale(0);
		
	}
	100%{
	transform:scale(1);

	}
}

.about h3{
	font-size:18px;
	color:#fff;
	font-weight:500;

	letter-spacing:3px;
}
.about h2{
	font-size:52px;
	line-height:1.2em;
	padding:20px 0;

}
.about h6{
	font-size:18px;
	color:#7ADBD5;
	font-weight:500;
	border-bottom:1px solid gray;
	padding-bottom:20px;


}

.about p{
	padding:30px 0;
	border-bottom:1px solid gray;
	
	color:#fff;
	font-size:16px;
	line-height:1.7em
}
.about .detail{
	border-bottom:1px solid gray;
	
	padding:10px 0;

}
.about .detail h5{
	width:48%;
	padding:8px;
    font-size:16px;
	display:inline-block;	
    vertical-align:top;
	font-weight:500
}
.about .detail h5>span{
	font-size:16px;
	font-weight:normal;
	color:#7ADBD5;
	padding:15px;
}


.about a{
	text-decoration:none;
	display:inline-block;
	padding:16px;
	width:180px;
	text-align:center;
	color:white;
	border-radius:35px;
	border:1px solid white;
	margin:30px 0;
	font-size:15px;
	margin-right:30px;
	text-transform:uppercase;
	transition:0.4s;
	font-weight:600;

}
.about a:hover{
	border-top:1px solid red;
}

span.radius{
	position:fixed;
	top:8%;
	right:10px;
	z-index:28;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:2px solid white;


}

.right{
	position:fixed;
	right:10px;
	top:10%;
	z-index:25;
	color:white;
	letter-spacing:3px;
	font-size:15px;
	transform:rotate(-90deg);
	transition: transform ease-in 0.5s;
    transform-origin: calc(100% - 5px) 50%;
    cursor:pointer;
    

}

.right1{
	transform:rotate(0deg);
    transform:translate(-25%,-78%);


	
}


 .contact-detail{
	width:90%;
	height:100%;
	z-index:5;
	background:#101010;
	top:0%; 
	right:-2500px;
	position:fixed;
	z-index:20;
	transition: ease-in 0.5s;
	color:white;


	}
	.contact-detail_change{
		background:white;
		color:black;
	} 

.contact-detail2{
		width:86%;
		height:100%;
		margin:0px auto;
		overflow-y:scroll;
		padding:60px 20px;	
	}
.contact-detail2::-webkit-scrollbar {
		  width:2px;
		  background:gray;

}
.contact-detail2::-webkit-scrollbar-thumb:hover{
	
	background:lightgray;
}

.contact-detail1{
	right:0;
}
.contact-detail .form{
	width:60%;
	padding:60px 30px;
	border:1px solid gray;
	margin:40px 0;
	float:left;
	position:relative;
}
.form button{
	width:160px;
	border:none;
	outline:none;
	padding:15px;
	margin-top:10px;
	background:black;
	color:white;
	font-size:16px;
	cursor:pointer;
	}
@keyframes main{
	0%{transform:translate(1px,-1px);}
	35%{transform:translate(2px,1px);}
	70%{transform:translate(-1px,2px);}
	100%{transform:translate(2px,1px);}
}
.form button:hover{
	animation:main ease-in 0.6s infinite;

}
.form h3{
	font-size:14px;
    letter-spacing:3px;
    color:gray;

}
.form h3 span{
    display:inline-block;
	background:black;
	color:white;
	padding:2px;
	color:gray;
	

}
.contact-detail .form:before{
	position:absolute;
	display:block;
	content:'';
	width:15px;
	height:15px;
	top:-16px;
	left:-16px;
	border-bottom:1px solid gray;
	border-right:1px solid gray ;

}
.contact-detail .form:after{
	position:absolute;
	display:block;
	content:'';
	width:15px;
	height:15px;
	bottom:-16px;
	right:-16px;
border-top: 1px solid gray;
border-left:1px solid gray;
}

.form p{
	font-size:35px;
	padding:25px 0;
	font-weight:bold;

}
.contact-detail .form  input[type="text"],textarea{
	display:block;
	border:none;
	outline:none;
	border-bottom:1px solid gray;
	width:100%;
	padding:15px 0 5px;
	margin-bottom:12px;
	background:#101010;
        color:gray;
       font-size:18px;
       font-weight:bold;
}


.form input,textarea::-webkit-placeholder{
	font-size:16px;
	font-weight:bold;
	color:gray;
}
.form label{
	color:#126E69;
	font-weight:bold;
}

.contact-detail .form-detail{
	float:left;
	width:40%;
	padding:30px;
	margin-top:80px;

	
}
.form-detail ul{
	padding: 0;
	list-style:none;
}
.form-detail ul li{
	font-size:14px;
	color:gray;
	padding:8px 30px;
	font-weight:bold;
	transition:0.4s;
	cursor:pointer;
	
}
.form-detail ul li:first-child{
	font-size:22px;
	color:white;
}
.form-detail ul li:nth-child(3):hover{
	transform:translatey(-8px);
	
}
main{
	width:100%;
	background-color:#101010;
	color:white;
}

main:before,main:after{
	content:'';
	display:block;
	clear:both;
}
main .main1{
	width:90%;
	margin:0px auto;
	padding:50px;
	
}
main .main2 h4{
	font-weight:500;
	font-size:21px;
}
main .main2{
	width:50%;
	margin:20px auto;
	float:left;
	padding-right:30px;
}

main .main2 h4 span{
	width:10px;
	height:10px;
	display:inline-block;
	background:#48CDC5;
	border-radius:50%;
	margin-right:22px;
	}

	main .main2 p{
		margin:10px 0;
		padding:12px;
		border-left:1px solid gray;
		color:#fff;
		line-height:1.6em;
		text-transform:initial
		}
	.main1 p{
		color:#48CDC5;
		padding:30px 0;
		text-transform: uppercase;
		
	}

	.main1 h3{
		font-size:45px;
	}
	.main2 h3{
		font-weight:normal;
		font-size:50px;
		padding:20px 0;
		top:30%;
		z-index:25;
	} 
	.alldetail{
		position:fixed;
		right:10px;
		top:30%;
		z-index:25;
	}
	.alldetail ul{
		list-style:none;
		padding:0;
	}
	.alldetail ul li{
		position:relative;
        background:gray;
	}
.alldetail ul li a{
	width:2px;
	display:block;
	margin:8px 0;
	height:30px;
	font-size:16px;
	text-decoration:none;
	color:black;
	
}
.alldetail ul li .submenu{
	list-style:none;
	padding:0;
	position:absolute;
	top:0px;
	background-color:white;
	
	right:-500px;
	transition: 0.4s;


	
	
}

.alldetail ul li  .submenu li{
	background:white;

	

}
.alldetail ul li  .submenu li a{
	padding:0;
	margin:0;
	padding:0 50px;

}

.alldetail ul li  ul.submenu{
	width:160px;
}
.alldetail ul li:hover .submenu{
	right:-10px;
}


.intro{
	width:85%;
	margin:20px auto;
	display:flex;
	justify-content:space-between;

}
.intro .intro1{
	width:40%;
	color:white;
	padding:30px 0;

}
.intro .introp{
	width:60%;
}
.intro1 h6{
	font-size:16px;
	padding:90px 0  20px;
	color:#127670;
	letter-spacing:5px;
}
.intro1 h5{
	padding:30px 0 10px;
	font-size:24px;
	letter-spacing:4px;
}
.intro h6.pro{
	padding:20px 0;

}
.intro p{
	padding:20px 0;
	color:#fff;
	width:90%;
	border-bottom:1px solid gray;
	line-height:1.6em;
}
.intro1 .intro2{
	width:46%;
	margin:10px;
	padding:60px 20px;
	background:#101010;
	display:inline-block;
	position:relative;

     vertical-align:middle;
	 line-height:1.6em;

}

.intro1 .intro2:before{
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	width:15px;
	height:15px;
	border-top:1px solid white;
	border-left:1px solid white;
}
.intro1 .intro2:after{
	position:absolute;
	bottom:0;
	right:0;
	content:'';
	display:block;
	width:15px;
	height:15px;
	border-bottom:1px solid white;
	border-right:1px solid white;
}
 .intro1 .intro3{
	margin-top:100px;

}
.intro1 .intro4{
	margin-top:0!important;
	vertical-align:top!important;
}

figure{
	width:100%;
	position:relative;
}
figure img{
	width:100%;
	object-fit:cover;
	height:450px;
	position:absolute;

}
figure:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:450px;
	background-color:rgb(0,0,0,0.7);
}
figcaption{
width:85%;
position:absolute;
margin:100px 150px;
color:white;
z-index:3;

}
figcaption .fig1,.fig2,.fig3,.fig4{
	width:25%;
	float:left;
}
figcaption h3{
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:20px;
}

figcaption span{
	display:block;
	text-align:center;
	padding:60px 0;
	margin:20px 0;
	font-weight:bold;
	width:160px;
	height:160px;
	border:12px solid rgba(0,0,0,0.2);
	border-radius:50%;
	border-top:12px solid #126796;


}
figcaption .fig1 span{
	border-top:12px solid #126796;
	border-left:12px solid #114A8C;
	border-right:12px solid #126796;
}
figcaption .fig2 span{
	border-top:12px solid #126796;
	border-left:12px solid #114A8C;
}
figcaption .fig2 span{
	border-top:12px solid #126796;
	border-left:12px solid #114A8C;
}
.loader{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:60;
	background:black;
	height:100%;
}
.loader ul{
	list-style:none;
	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%)
}
.loader ul li{
	color:white;
	display:inline-block;
	font-size:22px;
	font-weight:bold;
	animation:loading 0.4s ease-in infinite;
}
@keyframes loading{
	0%{transform:translate(0,0);}
	25%{transform:translate(10px,10px);}
	50%{transform:translate(5px,5px);}
	75%{transform:translate(10px,10px);}
	100%{transform:translate(0px,0px);}
}
.our-works{
	width:100%;
	text-align:center;
	margin-top:520px;
	


}
.our-works p{
	color:#fff;
	font-size:18px;
	letter-spacing:1px;
	padding:20px;
	position:relative;
	text-transform: uppercase;
}
.our-works p:before{
	content:'';
	display:block;
	width:60px;
	height:1px;
	background:gray;
	top:50%;
	left:40%;
	position:absolute;
}
.our-works h1{
	color:white;
	letter-spacing:3px;
	font-size:52px;
	padding:20px;
	margin-bottom:60px;
}
ul.cs-hidden{
	
	

}
 .image-container{
	width:90%;
   object-fit:cover;
   
position:relative;

}
 .image-container img{
	width:100%;
	height:420px;

	
}
.image-container:before{
	content:'';
	display:block;
	width:100%;
	height:420px;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
}
.image-container .content{
	width:400px;
	position:absolute;
	bottom:-5px;
	left:30px;
	color:white;
	z-index:999;
}

.image-container .content span{
	display:inline-block;
	margin-right:5px;
	border:1px solid gray;
	padding:4px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.image-container .content h3{
	letter-spacing:3px;
	font-size:25px;
}
.scroll_top{
	width:70px;
	position:fixed;
	bottom:30px;
	right:20px;
	z-index:4;
}
.scroll_top_change{
	color:black;
	background:rgba(0,0,0,0.5);
    

}
.scroll_top img{
	width:100%;

}
.scroll_top span.per{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	font-size:12px;
	
}
.scroll_topimg{
	animation:bottomimg 0.3s linear forwards;
} 
@keyframes bottomimg{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}

}
.left_scroll{

	width:55px;
	height:55px;
	border-radius:50%;
	background:#78DAD4;
	border:8px solid #126964;
	position:fixed;
	bottom:30px;
	left:-200px;
	cursor:pointer;
	text-align:center;
	transition:0.8s;
	z-index:30;

}
.left_scroll i{
	padding:8px;
	display:block;
	font-size:25px;
	color:white;

	animation:scroll_left 1s linear infinite;

}
@keyframes scroll_left{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.left_scroll_container{

position:absolute;
top:0px;
left:-2px;
width:0px;
height:40px;
transition:0.4s;
border-radius:28px;
background:rgba(255,255,255,0.6);
opacity:0.6;
color:white;
font-size:20px;
text-align:left;

}
.left_scroll_container span.left{
	width:15px;
	height:15px;
	border:2px solid black;
	background:white;
	text-align:center;
	padding:5px;
	border-radius:50%;
	
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	transform:translate(-50%,-50%);
    display:none;
	
}

.left_scroll:hover .left_scroll_container{

width:150px;
}
.left_scroll:hover span.left{
display:block;
}

footer{
	width:100%;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	color:white;
	padding:60px 20px;
	margin:20px 0;
	display:flex;
	align-items:center;
	background:url("../img/circle-dotted.png") no-repeat;
	background-size:22% 70%;
	background-position:top left;
	position:relative;
	object-fit:cover;
	display: flex;
	align-items: center;
	justify-content: space-between;



}
footer .footer1{
	
	padding:80px 20px;
	
	

}
footer .footer1 p{
	font-size:17px;
	padding:10px 0;
	color:#fff;
	letter-spacing:1px;
	text-transform: uppercase;
}
footer .footer1 h3{
	font-size:54px;
		letter-spacing:1px;
		font-weight:500;
		max-width:700px;
}
footer .circle{
	width:30%;
	height:100px;
	bottom:0;
	right:0;

}
footer .circle img{
	width:100%;
	height:260px;
}
footer .footer2 a{
	display:block;
	text-decoration:none;
	width:180px;
	color:white;
	border:1px solid white;
	border-radius:32px;
	text-align:center;
	padding:18px;
	font-size:16px;
	margin-left:30px;
	transition:0.4s;

}
footer .footer2 a:hover{
	border-top:1px solid red;
}
.footer_social{
	width:100%;
	padding:40px;

}
.footer_social ul{
	list-style:none;
	padding:0;
	display:flex;
	justify-content:center;
}
.footer_social ul li{
   
    padding:0 12px;
}
.footer_social ul li a{
	text-decoration:none;
	 color:white;
	 font-weight:bold;
}
.footer_social ul li:hover{
	animation:social_animate 0.4s linear infinite;
}

/*.footer_social ul li a:hover .cursor{
	transform:scale(3);
}*/
@keyframes social_animate{
0%{
	transform:translate(0px,0px);
}
25%{
	transform:translate(1px,0px);
}
50%{
	transform:translate(-1px,1px);
}
75%{
	transform:translate(1px,2px);
}
100%{
	transform:translate(0px,0px);
}
}
@media (max-width:767px) and (min-width:300px){

nav a.portfolio{
	padding-left:10px;
}

.nav .nav1{
		width:100%;
	
	
		text-align:center;

}
.nav .nav1 ul li{
		padding:10px;
	}
	.nav .nav1 ul li a{
font-size:18px;
	}
	.nav .nav2{
		display:none;
	}
	header{
		width:100%;

	}
	header section{
		width:100%;
	
		padding:90px 10px;

	}
	header section h5{
		width:130px;
		margin-bottom:0px;
		font-size:16px;
	}
	header section h1{
		padding:20px 0;
		font-size:30px;
	}
	header section p{
		width:100%;
		font-size:16px;
	border:none;
	}
.section1{
	flex-direction:column;
	padding:15px;
	width:100%;
}
 .section1 .gallery{
	width:100%;
	margin:0;


}

.section1 .gallery img{
	height:300px;
}
.section1 .about{
	width:100%;
	margin-top:10px;
}
.section1 .about a{
	margin:10px;
}
span.radius,.right,.alldetail{
	display:none;
}
main{
	flex-direction:column;

}
.about h2{
	font-size:30px
}
main .main1{
	width:100%;
	padding:15px;
}
.main1 h3{
font-size:30px	
}
main .main2{
	width:100%;
	margin:0;
}

.intro{
	flex-direction:column;
	width:100%;
	margin:0;
	padding:15px;


}
.intro .intro1{
	width:100%;
	margin:0;
	padding-right:0;
	
}
.intro .intro1 .intro2{
	width:100%;
	margin:8px 0;

}
.intro .intro1 .intro3{
	margin-top:0;
}
figcaption .fig1,.fig2,.fig3,.fig4{
	display:none;
}
.our-works h1{
	font-size:25px;
}
.our-works p:before{
	display:none;
}
.loader ul li{
	font-size:16px;
}
.scroll_top{
display:none;}
footer{
	flex-direction:column;
	background-size:50% 60%;
}
footer .footer1 h3{
	font-size:25px;
}
footer .circle{
	display:none;
}
footer .footer2 a{
	margin:0;
	
}
.footer_social{
	padding:15px;
}
.footer_social ul{
	flex-direction:column;
	text-align:center;
	}
.footer_social ul li{
	padding:10px;
}

}
@media (max-width:1024px) and (min-width:768px){
	
	.nav .nav1{
		width:50%;
		float:none;
		margin:0 auto;
		text-align:center;
	}
	.nav .nav1 ul li{
		padding:10px;
	}
	.nav .nav1 ul li a{
font-size:28px;
	}
	.nav .nav2{
		display:none;
	}
	.section1{
		flex-direction:column;

	}
	.section1 .gallery{
width:100%;

	}
	.section1 .about{
		width:100%;
		margin:10px;
	}
	span.radius,.right,.alldetail{
		display:none;
	}
	main .main1{
		width:100%;
	}
	.intro {
	flex-direction:column

	}
	.intro .intro1{
		width:100%;
	}



	figcaption{
margin:0;
width:100%;
padding:40px 100px 20px 200px;

	}
	figcaption .fig1,.fig2,.fig3,.fig4{
	width:40%;
	height:200px;


		
	}
	figcaption .fig1 span{
		width:120px;
height:120px;
border-radius:50%;
padding:30px;
	}
	figcaption .fig2 span{
		width:120px;
height:120px;
border-radius:50%;
padding:30px;
	}
	figcaption .fig3 span{
		width:120px;
height:120px;
border-radius:50%;
padding:30px;
	}
	figcaption h3{
		font-size:16px;
	}
	.our-works p:before{
	display:none;
}
	footer{
		flex-direction:column;
		background-size:50% 70%;
	}
	footer .footer1,.footer2{
		width:100%;
	}
	footer .circle{
		display:none;
	}

}