svg.radial-progress {
  height: auto;
  max-width: 170px;
  padding:1rem;
  transform: rotate(-90deg);
  width: 50%;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width:5;
}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #fff;
  font: 400 1em/1 'Oswald', sans-serif;
  text-anchor: middle;
}
svg.radial-progress.html circle { stroke:#55efc4; }
svg.radial-progress.css circle { stroke:#74b9ff; }
svg.radial-progress.java circle { stroke: orange; }
svg.radial-progress.boot circle { stroke:#ff7675; }
svg.radial-progress.word circle { stroke:#e84393; }
svg.radial-progress.php circle { stroke:#3B3B98 ; }

.bd{
margin:0px;
padding:0px;
font-family: 'Roboto Slab', serif;;
}

.menubar{
width:100%;
}
.setImage{
min-height:400px;    //parallaxie code
height:400px;
position: relative;
width:100%;
margin-top:60px;
padding-top:100px;
background-size:cover;
background-position: center center;
background-image: linear-gradient(rgba(64, 64, 122,0.7),rgba(64, 64, 122,0.7)),url("../images/header image/h-2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
}
.abtcontaint {
min-height:300px;    //parallaxie code
height:300px;
position: relative;
margin:0px 10px 0px 10px;
background:white;
padding-bottom:100px;
border-bottom-left-radius:50px;
border-bottom-right-radius: 50px;
box-shadow:3px 3px 5px 0px #ccc;
}
.skills-div {
min-height:300px;
margin:0px 10px 0px 10px;
position: relative;
border-bottom-left-radius:50px;
border-bottom-right-radius: 50px;
padding-bottom:30px;
background-size:cover;
background-position:center center;
background-image: linear-gradient(rgba(64, 64, 122,0.7),rgba(64, 64, 122,0.7)),url("../images/header image/1588587302281.jpg");
background-attachment:fixed ;
background-repeat: no-repeat;
}
#headerImage{
position: absolute;
top:7%;
width:100%;
text-align: center;
}
#headerImage img{
height:150px;
width:150px;
border-radius:50%;
}
#headerH2 {
    width: 100%;
    position: absolute;
    top: 46%;
    text-align: center;
}
.headerH4{
width:100%;
position: absolute;
top:56%;
}
.socialLink {
width:100%;
position: absolute;
top:63%;
text-align: center;
font-size:30px;
}
.socialLink ,i{
padding:10px;
color:white;
}
.arrowDiv {
position: absolute;
text-align: center;
font-size:40px;
top:75%;
left:48%;
}
#arrowicon{
position: absolute;
animation:icon 1s infinite;
}
@keyframes icon{
from{top:0px;}
to{top:20px;}
}

.infoMain{
background:#dfe6e9;
width:100%;
padding-top:30px;
text-align: cente;
padding-bottom:40px;
}
.cv{padding-top:20px;}
.service-hr {
width:124px;
height:2px;
background: orange;
position:absolute;
top:18px;
left:30%;
}
.serviceDivSelector{
height:250px;
position: relative;
background:white;
margin-left:10px;
margin-right:10px;
box-shadow:3px 3px 5px 6px #ccc;
border-radius:7px;
}
.serviceDivElement{
position:absolute;
top:30px;
}
.serviceDivElement i{
font-size:30px;
}
.portImages{
width:100%;
box-shadow:3px 3px 5px 6px #ccc;
}
#card{
background: #fff;
margin-left:10px;
margin-right:10px;
padding-bottom:30px;
border-radius:7px;
box-shadow:3px 3px 5px 6px #ccc;
}
#conIcon{
font-size:40px;
position: absolute;
margin-left:-150px;
color:#f368e0;
}
#min-con{margin-left:16px;}
.foot-icon i{
font-size:25px;
margin:7px 10px;
}
.arrowUp{
color:white;
font-size:30px;
float:right;
margin-right:33px;
margin-bottom:20px;
background:rgba(232, 67, 147,1);
border-radius:50%;
}
.zero-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.first-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.second-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.thaird-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.fout-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.five-item-div{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.six-i{
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.about-top-padding{
  padding-top: 35px;
}
.skills-top-padding{
  padding-top: 35px;
}
.zero-item-div::after{
    content: "";
    background:#F79F1F;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    margin-top: -12px;
    margin-left: -17px;
}
.first-item-div::after{
    content: "";
    background:#F79F1F;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    margin-top: -12px;
    margin-left: -17px;
}
.second-item-div::after{
    content: "";
    background:#F79F1F;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    margin-top: -10px;
    margin-left: -17px;
}
.thaird-item-div::after{
    content: "";
    background:#F79F1F;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    margin-top: -10px;
    margin-left: -17px;
}
.fout-item-div::after{
    content: "";
    background:#F79F1F;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    margin-top: -10px;
    margin-left: -17px;
}
.five-item-div::after{
  content: "";
  background:#F79F1F;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 1;
  transform: rotate(45deg);
  margin-top: -10px;
  margin-left: -17px;
}
.six-i::after{
  content: "";
  background:#F79F1F;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 1;
  transform: rotate(45deg);
  margin-top: -10px;
  margin-left: -17px;
}
figure {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	background:#dfe6e9;
	overflow: hidden;
}
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
li.first {
    margin-left: 60px;
}
li.last {
    float: right;
}
li.second {
    margin-left: 60px;
}
li.thaird {
    margin-left: 60px;
}
li.fourth {
    margin-left: 60px;
}
li.last {
    margin-left: 60px;
}
li.last2 {
    margin-left: 60px;
}
.footer-content-csm-stl {
  background:#353b48;
  padding-bottom:30px;
  padding-top:30px;
}
.get-tus-cs-stl {
  background:#F79F1F;
}
#map-ifram-style {
  border:0;
}