*{	
	margin: 0px;
	padding: 0px;
}
body{
	font-family: 'Yaldevi', sans-serif;		
	font-size: 16px;
}
h2{
	color: #021651;
	size: 40px;

}
p{
	color: #021651;
}
h1{
	font-size: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #021651;
}
.yuvika-button{
	color: #fff;
    background-color: #7041b6;
    border-color: #f04a80;
}
.social-media-icon p i{
	font-size: 30px;
	margin-top: 3px;
	color: white;
}
.social-media-icon p i:hover{
	font-size: 30px;
	margin-top: 3px;
	color: blue;
	transition: 1s;

}

.top-menu{
	background-color: #7041b6;
	height: 50px;
	
}
.top-menu p{
	color: white;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
}
.image-point{
	width: 175px;
    text-align: center;
}	
.image-point img{
	padding: 2px;
	text-align: center;
}
.main-menu ul{
	list-style: none;
	display: inline-flex;
	margin-top: 30px;
	text-align: right;
}
.main-menu ul li{
	margin-left: 10px;
	width: 130px;
	text-align: center;
	display: block;
	background-color: #7041b6;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 1px;
	height: 1%;
	border-radius: 5px;
	border-color: #f04a80;
    border-width: 2px;
    border-style: solid;

}
.main-menu ul li a{
 text-decoration: none;
 color: white;
}

.main-menu ul li a:hover{
 color: #f04a80
 font-style: bold;
 transition: color .5s, font-style 1s;
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-bottom-color: white;
 padding-bottom: 8px;
 border-radius: 5px;
border-color: white;

 }

 .main-menu ul li ul{
 	display: none;
 }
 .main-menu ul li:hover >ul{
 	display: block;
 	position: absolute;
    background-color: white;
    }
.sending-back{
	position: relative;
	z-index: -1;
}
#drop-down ul{
 margin-left: 0px;
 margin-top: 8px;
 padding: 5px;
background-color: #ffffff00;


 }
#drop-down ul li{
width: 175%;
text-align: center;
padding-top: 10px;
margin-top: 1px;
margin-left: 2px;
}
.slider-para{
	color: green;
	margin-top: 0%;
}
.about-priya{
    text-align: left;
    list-style: none;
    font-size: 20px;
}
.about-priya li i{
    
    margin-right: 12px;
}
.company-statement h3{
	margin: 5px 30px 5px 30px;
    padding: 5px 5px 5px 5px;
    background-image: linear-gradient(45deg, #f04a80, transparent);
}
.trust-credit{
	background-color: #ffffffcc;
    margin-top: -6%;
    height: 85px;
    line-height: 0px;
}
.trust-credit i{
	font-size: 40px;
    color: #7041b6;
    margin: 6px 10px 3px 10px;
}

.first-para p{
	text-align: left;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 10px;
}
.first-para h2{
	text-align: left;
	padding: 1%;
	background-image: linear-gradient(90deg, #7041b6, #dee2eb);
	color: white;
	height: 12%;

}
.first-para{
	text-align: left;
	margin-top: 25px;
}
.service-heading h3{
	text-align: center;
    font-size: 37px;
    margin-bottom: 50px;
    color: #021651;

}
.service-heading{
	margin-top: 75px;

}
.image-listed{
	padding-top: 20px;
	padding-left: 17px;
	padding-right: 1px;
	padding-bottom: 20px;
	text-align: left;

}
.image-listed h4{
	text-align: left;
    color: white;
    background-color: none;
    margin-top: 10px;
    font-size: 19px;
    font-style: italic;
}
.image-listed h4 a{
	text-align: left;
    color: white;
    margin-top: 10px;
    font-size: 19px;
    transition: 1s;
   }
   .image-listed h4 a i{
	text-align: left;
    color: white;
     font-size: 19px;
    }

    
   .image-listed h4 a:hover{
	text-align: left;
    color: #0920bd;
    margin-top: 10px;
    font-size: 19px;
   }
.marketing-methodologies{
	text-align: left;
	padding-top: 10px;
}
}
.image-listed h5{
	text-align: center;
    color: green;
    background-color: #7041b6; 
    border-style: double;
    padding: 5px;
    margin-top: 10px;
}
.image-listed h4 i{
	color: #f04a80
}
.image-listed h5{
	text-align: center;
}
.image-listed img{
	border: #294e97;
    border-width: 2px;
    border-style: double;
}
.seo-pki{
	background-image: linear-gradient(0deg,  #7041b6, #7041b6);
	color: whitesmoke;
	height: 40%;
	padding: 20px;
	margin-top: 15px;

}
.seo-pki div{
	margin-top: 40px;
	line-height: 140px;
}
.seo-pki div i{
	font-size: 60px;
	padding: 10px;
	line-height: 150px;
}
.seo-content-marrketing{
	margin: 30px;
}
.portfolio-grid{
	margin: 0px;
	text-align: center;
}
.portfolio{
	padding: 10px 10px 10px 10px;	

}
.portfolio h4{
	margin: 20px 10px 10px 10px;	

}

.portfolio ul{
	padding: 10px 10px 10px 10px;
	text-align: left;
	margin-left: 20px;
}
.portfolio h6{
	text-align: left;
	font-size: 25px;
	margin-left: 10px;

}
.portfolio p{
	padding: 10px 10px 10px 10px;
	text-align: left;
}
.instalation{
	background-image: linear-gradient(4deg, #f04a80, #7041b6);
}
.instalation{
	padding: 10px;
    color: #ffffff;
    margin: 20px 0px 0px 0px;
}
.instalation p{
	padding: 2px;
    color: #ffffff;
    font-size: 12px;
}
.service-listed p{
	text-align: justify;
} 
.image-listed a{
	text-decoration: none;
	color: #f7f9ff;
}
.corporate-culture{

	color: white;
}
.corporate-culture ul p{
	color: white;
	padding: 10px;
	text-align: left;
}
.corporate-culture ul li h5{
	text-align: left;
}
.corporate-culture ul{
	padding-top: 10px;
	color: white;
}
.corporate-culture div{

	text-align: center;
	padding: 20px;
}
.corporate-heading{

	background-color: #7041b6;
}
.corporate-heading h2{
	
	color: white;
	padding-top: 40px;
}
.corporate-heading{
	text-align: center;
}
.image-container {
  position: relative;
  display: inline-block;
  z-index: -1;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;

}

.overlay-text{
  position: absolute;
  top: 80%; 
  left: 25%; 
  transform: translate(-50%, -50%); 
  background-color: 0000005e; 
  color: #fff; 
  padding: 10px 20px; 
  font-size: 20px; 
  text-align: center;
}
.overlay-text h1{
	color: whitesmoke;
}
.services-icon{
	text-align: center;
	font-size: 85px;
	color: #021651;
	margin-top: 30px;
}
.services-icon p{
	text-align: left;
	font-size: 15px;
	color: #021651;
}
.services-icon i{
	color: #f04a80
}

.service-section
{
	margin: 45px 20px 45px 20px;
}
.service-heading h2{
	text-align: left;
	padding: 1%;
	background-image: linear-gradient(180deg, #7041b6,#ffffff);
	color: white;
	height: 12%;
}
.service-section div button{
	margin:1px;
	width: 200px;
	background-color: #7041b6;
	color: white;
}

.card-title a{
	color: #f04a80
}
.card-title a i{
	color: #7041b6;
}
.card-title a:hover{
	color: #7041b6;
}
.card-title a i:hover{
	color: #f04a80
}
.service-button{
	color: #fff;
    background-color: #7041b6;
    border-color: #f04a80;
    border-width: 2px;
    border-radius: 5px;
}
.service-button:hover{
	color: #7041b6;
    background-color: #f04a80;
    border-color: #7041b6;
    border-width: 2px;
    border-radius: 5px;
}
.on-grid-section{
	text-align: left;
	background-image: linear-gradient(180deg, #f04a80, #7041b6);
	color: white;
}
.on-grid-section h2{
	text-align: center;
	margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    color: white;
	
}
.on-grid-section p{
	text-align: center;
	margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    color: white;
	}

.on-grid-section div{
	text-align: left;
	color: white;
}
.on-grid-section img{
	text-align: center;	
}
.off-grid-section{
	text-align: left;
	background-image: linear-gradient(180deg, #7041b6, #ffffffff);
}
.off-grid-section h2{
	text-align: center;
	
}
.on-grid-section img{
	text-align: center;
	margin: 10px;
}
.address-map{
	text-align: center;
}
.whytochoose{
	
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left:20px;
	padding-right:20px;
	background-image: linear-gradient(180deg, #7041b6,#edeff3);
	
}
.certificate-icon{
	text-align: center;
	font-size: 45px;
	color: #f04a80
}
.proud-numbers{
	text-align: center;
	font-size: 50px;
	color: #f04a80
}
.proud-numbers p{
	
	color: #f0f8ff;
}
.make-payment input{
	background-color: #f04a80;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    color: white;
}
.make-payment i{	
    color: #7041b6;
    font-size: 25px;
    margin: 10px;
}

.faq-heading{
background-color: #02165112;
color: #021651;
padding-top: 40px;
	
}
.faq-heading h2{
	
	color: #021651;
	padding-top: 40px;
}
.faq-heading{
	text-align: center;
}
.faq-section{
	width: 90%;
	margin-left: 5%;
	text-align: left;
	padding-bottom: 70px;

}
.faq-collapsable{
	background-color:#02165112;
}
.blog-social-media{
	text-align: center;
	margin-top: 70px;
}
.blog-social-media img{
	margin-bottom: 40px;
}
.blog-image-section{
	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.blog-cotent-section h5{
text-align: left;
margin: 3px;
padding-left: 45px;

}
.blog-cotent-section p{
text-align: justify;
margin: 3px;
padding-left: 45px;
}
.footer-section{
	background-color:#7041b6;
	width: 100%;
	height: 300px;
	color: white;
	margin-top: 2%;

}
.footer-section p{
	color: white;
	margin: 10px;
	}
.footer-section ul{
	list-style: none;
}
.footer-section h4{
	text-align: center;
	margin-top: 10px;
}
.below-footer{
	background-color: #f04a80
	
}
.below-footer p{
	color: white;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
}
.arrow-icon {
	text-align: initial;
}
.arrow-icon li a{
	color: white;
	text-decoration: none;
	padding-left: 2px;
	padding-top:5px;

}
.arrow-icon li a:hover{
	color: lightblue;
	text-decoration: none;
	transition: 1s;

}
.arrow-icon i{
	color: #f04a80
}
.header-image{
	background-image: url(/img/header-image.jpg);
	height: 300px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.header-image h1{
	padding-top: 120px;
}
.input-form input, textarea{
	height: 50px;
    width: 99%;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
}
.input-form textarea{
	height: 75px;
	width: 100%;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.input-form{
	text-align: center;
}
.inner-page-firstpara{
	margin-top: 50px;
}
.inner-page-firstpara p{
	text-align: justify;
	padding: 5px;
	margin-left: 25px;

}
.inner-page-firstpara h2{
	text-align: center;
	margin-left: 10px;
}
.inner-page-firstpara h5{
	margin-left: 25px;
}
.input-form-heading{
	margin-top: 50px;
}
.most-demanded-service{
	text-align: left;
	list-style: none;
	margin-left: 50px;
}
.most-demanded-service li a{
text-decoration: none;
color: #021651;
}
.most-demanded-service li a:hover{
color:#c20c0a;
font-size: 23.2px;
transition: 1s;

}
.most-demanded-service li {
padding-top: 10px;
font-size: 23px;
}
.most-demanded-service li i{
font-size: 23px;
color:#7041b6;
}
.recent-tweet{
padding: 20px;
text-align: center;
}
.cbox{
	display: none;
	}
.menu-button{
	display: none;
}
.blog-link{
	padding:25px;
}
.blog-link a{
	color: #7041b6;
    text-decoration: underline;
}
.blog-link div h5{
	color: #7041b6;
	font-style: italic;
}
.blog-button{
	width: 50%;
	height:40px;
	background-color: #7041b6;
	color: white;
	text-align: right;
    padding: 0 23px 0 0px;
}
.business-details{
	background: #7041b638;
    padding: 10px;
}
.business-details div h3{
	font-size: 20px;
}
.business-details div p{
	font-size: 35px;
}
.latest-blog-heading h2{
	color: white;
    background-image: linear-gradient(91deg, #7041b6, #ea2367);
    height: 85px;
    line-height: 75px;
    margin-top: 30px;
}
.latest-blog{
	border-style: outset;
    border-color: #df266e;
    background-color: #7540b312;
    margin: 2px 0px 2px 0px;
    border-width: 3px;
    padding: 5px;
	
}

@media(max-width: 985px){
	.top-menu{
		display: none;
	}
.cal-button a{
    padding-left: 15px;
    padding-right: 12px;
}
.main-menu{

	list-style: none;
	width: 100%;
	position: relative;
	
}
.main-menu ul{
	display: none;
	}
.main-menu ul li{
	width: 100%;
	margin-left:0%;

}

#click:checked ~ ul {

	display: block;
}
.cbox{
	display: none;
}
.menu-button{
display: block;
float: right;
font-size: 50px;
margin-right: 10px;
margin-top: 20px;

}
.video{
	display: none;
}
.below-footer{

	display: none;
}

.recent-tweet{
display: none;
}
.overlay-text{
	display: none;
}
.footer-section{
	background-color:#7041b6;
	width: 100%;
	height: 100%;
	color: white;
}

}