/* navigation styling begins here */
		.header_section .main-menu .navbar .navbar-brand{
			padding: 0 3rem 0 3rem;
		}

		.navbar{
			padding-right:  3rem; 
		}
		.header_section .main-menu .navbar{
			margin-top: -15px;
		}

		.nav-link{
			font-family: sans-serif;
			text-transform: uppercase;
			font-weight: 500;
			padding: 1.7rem;
			color: #141313;
		}

		.navbar-nav .nav-item{
			word-spacing: 50px;
		}
		  
		

		.header_section .main-menu .navbar-nav {
			font-size: 0.8em;
			font-weight: bold;
		}
		.header_section .main-menu .navbar-nav .active a{
			background: linear-gradient(90deg, #dc113a 0%, #854fee 100%);
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			
			
		}

		.header_section .main-menu .navbar-nav a:hover{
			background: linear-gradient(90deg, #4458dc 0%, #854fee 100%);
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			/* border-bottom: 1px solid #f00946; */
		}

		
		/* navigation styling ends here */

		/* Main Section Styles */
		.site-main .site-banner{
			background: url(../img/banner/stream.svg) no-repeat 0% 10% ;
		}

		.site-main .site-banner .site-title{
			padding-top: 3rem;
			font-weight: 700;
		}

		h1 .title-text{
            padding-top: 5rem;
            padding-left: 5rem;
		}
		.site-main .site-banner .site-title span{
            font-size: 3rem;
            padding-left: 2rem;
		}
		.site-main .site-banner .banner-image{
			padding: 4rem 1;
			width: 90rem;
		}
	
		 .primary-button{
			background: linear-gradient(90deg, #4458dc 0%, #854fee 100%);
			background-clip: padding-box;
			color: whitesmoke;
			transition: background .6s ease;
			box-shadow: 0px 10px 30px rgba(57, 56, 61, 0.205);
			margin-left: 2rem;
			  /* max-width: 3rem;
            max-height: 2rem; */
		}

		.primary-button:hover{
			background: whitesmoke;
			background-clip: padding-box;
			color: rgb(193, 14, 47);
			transition: all 3s ease;
			font-weight: 500;

		}
 		.title-text {
            font: normal bold 50px/72px sans serif;
            padding-left: 2rem;
        }

        .bullet{
            font-size: 2rem;
        }
        
        .text-uppercase{
            text-transform: uppercase;
        }

         /* .button{
            max-width: 3rem;
            max-height: 2rem;
        }  */
		
		  .secondary-button{
			background: white;
			background-clip: padding-box;
			transition: background .6s ease;
			border: 2px solid crimson;

		} 

		 .secondary-button:hover{
			background:crimson;
			color: whitesmoke;
			background-clip: padding-box;
			box-shadow: 0px 10px 30px rgba(57, 56, 61, 0.205);
		} 
		
		.site-main .about-area{
			padding: 8rem 5rem;
		}

		
	   h2>span{
			display: block;
			font: normal bold 49px/60px sans Serif;
			letter-spacing: 10px;
		}
		 .site-main .about-area .paragraph > p{
			 padding: .4rem 0;
		 }

		 p.para{
			 font: normal 500 16px/25px sans Serif;
		 }

		 /* Serices Styles */
		  .site-main .services-area{
			 padding: 7rem 2rem;
		 }

		.site-main .services-area .services-title h1{
			 font-size: 35px;
		 }

		 .site-main > .services-area .services{
			 background: rgba(248, 252, 253, 0.973);
			 padding: 2rem 0;
			 width: 16rem;
			 margin: 5rem .5rem;
			 transition: box-shadow .7s ease;
			 border-radius: 10px;
		 }

		  

		  .site-main > .services-area .services:hover{
			 box-shadow: 0px 20px 40px rgba(57, 56, 61, 0.205);
			 cursor: pointer;
			 border-radius: 30px;
		 } 
		 /* Serices Styles end*/

		 /* Contact styles */
		.site-main .contactUs .contact{
			background: url(../img/subscribe-bg.png);
			padding: 10rem 0;
			margin: 3rem auto;
		 }

		.site-main .contactUs .contact .contact-title h4{
			font: normal 700 30px/30px sans Serif;
			color: whitesmoke;
		}

		.site-main .contactUs .contact .contact-title p{
			color: whitesmoke;
			padding: 1rem 4rem;
		}
		.site-main .contactUs .contact form .form-control{
			border: 1px solid whitesmoke;
			background: transparent;
			color: whitesmoke;
		}

		.site-main .contactUs .contact form .form-control::placeholder{
			 color: whitesmoke;
		}
		.site-main .contactUs .contact form .btn-submit{
			background: whitesmoke;
			color: #000;
		}

		
		 /* Contact styles ends*/

		 /* Footer Styles */
		 footer {
			padding: 5rem 0;
			background: url(../img/footer-bg.png);
		}

		footer.footer-area.social h5{
			font: normal 500 23px/30px sans ;
		}

		.social a>i{
			font-size: 30px;
			padding: 2rem;
			color: #cd555547; 
		}

		.social a:hover > i{
			color:  #4458dc;
			box-shadow: 0px 20px 40px rgba(57, 56, 61, 0.205);
			border-radius: 25px;
		}

		 /* Footer Styles ends */


		/* Nelson Look Into this */

		 .button .primary-button::after{
			position: absolute;
			top: -2px; left: -2px;
			bottom: -2px; right: -2px;
			background: linear-gradient(90deg, #4458dc 0%, #854fee 100%);
			content: '';
			z-index: -1;
			border-radius: 4px;	
		} 
		/* End of Main Section Styles */