body{
padding: 0px;
margin: 0px;
width: 100%;
overflow-x: hidden;
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #393185;
}


.blogs p b
{
        margin-top: 20px;
    display: block;
}
.border-left {
    border-left: 2px dotted #68BD55 !important;
}
.border-right {
    border-right: 2px dotted #68BD55 !important;
}
.desktop_menu
{
position: fixed;
width: 100%;
top: 0;
z-index: 1024;

}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
.hero {
position: relative;
}
.hero:after {
position: absolute;
bottom: -76px;
height: 120px;
content: '';
width: 100%;
background: url(../img/bottomarrow.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 10;
background-position: center;
}
h1
{
font-size: 42px;
font-weight: 400;
line-height:1;
}
h1 span
{
font-size: 42px;
font-weight: 400;
line-height:1.3;
color: #67B437;
} 
h2
{
font-size: 28px;
font-weight: 400;
}
h3
{
font-size: 24px;
font-weight: 400;
}
p{
font-size: 16px;
margin-bottom: .5rem;
line-height: 1.5;
}
.hero__background {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
}
.hero__background, .hero__overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.hero__overlay {
background: #16104c;
z-index: 2;
opacity: 0.4;
}
.hero__content {
position: relative;
z-index: 3;
color: white;
min-height: 84vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.hero span {
font-size:60px;
color: white;
font-weight: 400;
line-height: 1.2;
}
.m-140
{
margin-top: 140px;
}
.button
{
padding: 8px 32px;
background: #67B437;
font-size: 14px;
color: white !important; 
display: inline-block;
margin-top: 20px;
cursor: pointer;
transition: all .4s ease;
font-weight: 400;
}
.button:hover
{
background: #393185;
}
.after_icon:after {
position: absolute;
bottom: -41px;
height: 120px;
content: '';
width: 100%;
background: url(../img/bottomarrow.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 10;
background-position: 33%;
}
.position-relative
{
position: relative;
}
/*css for home page*/
.home .after_icon:after
{
position: absolute;
bottom: -36px;
height: 120px;
content: '';
width: 100%;
background-repeat: no-repeat;
background-size: contain;
z-index: 10;
background-position: 63%;
}
.home_section:before {
position: absolute;
left: -45px;
height: 801px;
content: '';
width: 218%;
background: url(../img/background_front.jpg);
background-repeat: no-repeat;
background-size: contain;
top: 15.5%;
}
.step_section img
{
width: 100px;
height: 100px;
}
.home_button
{
display: flex;
}
/*css for carousel slider*/
.slider .box
{
border: 1px solid #393185;
padding: 10px;
margin: 5px;
height: 100px;width: 130px;display: flex;justify-content: center;align-items: center;
}
.carousel-indicators li
{
display: none;
}
.carousel-control-prev-icon {
background-image: url('../img/chevron-left-solid.svg');
}
.carousel-control-prev {
left: -62px;
}
.carousel-control-next-icon {
background-image: url('../img/chevron-right-solid.svg');
}
.carousel-control-next {
right: -62px;
}
.step_section
{
margin-bottom: -3rem
}
.step_section .step_section_row
{
height: 550px; 
}
.step_section .step_section_row .col-md-4
{
display: flex;justify-content: center;flex-direction: column;align-items: flex-start;text-align: left;
}
.step_section .step_section_row .col-md-7
{
background-image: url(../img/stepgreen.jpg);
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/*css for footer*/
.footer
{
background:#393185;
color: white;
font-size: 14px;
}
.footer .contact-icon img
{
width: 18px;
}
.footer .contact-icon p
{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer .row
{
display: flex;justify-content: center;align-items: center;
}

.mobile_arrow
{
  display: none;
  justify-content: center;
  align-items: center;
 margin-top: 20px;
}
.mobile_arrow img
{
    height: 80px;
}

.example-image-link
{
    text-align: center;
}

.green_text
{
color:#67B437;	
}

/*css for mobile*/
@media only screen and (max-width: 768px)
{
    
	.button 
	{
		font-size: 13px;
	}
	.green_text
	{
		display: none;
	}
    .mobile_arrow
{
    display: flex !important;
}
h1 span {
font-size: 33px;
font-weight: 500;
}
.blogs h1.h1_home
{
 font-size: 25px;
font-weight: 400;  
}

h1{
font-size: 33px;
font-weight: 400;
}
h2 {
font-size: 24px;
font-weight: 400;
}
h3
{
font-size: 18px;
font-weight: 400;
}
p
{
	font-size: 16px;
}

.button 
{
margin-top: 10px;
}
.hero span {
font-size: 33px;
}
.hero__content {
z-index: 3;
min-height: 53vh;
}
.hero:after {
position: absolute;
bottom: -53px;
height: 100px;
}
.m-140 {
margin-top: 80px;
}
}