html {
  scroll-behavior: smooth;
}

.theme-color{
	background-color:#800079;
}

.ns1{
	padding:0px 10px;
	text-align:center;
	border-radius:5px;
}

.ns1 .nav-link{
	color:white!important;
	border-bottom:4px solid transparent;
	transition:500ms all;
}

.ns1 .nav-link:hover{
	border-bottom:4px solid #EFD27F;
}

.navbar{
	box-shadow:5px 5px 10px #BB9A34;
}

#home-section0{
	margin-top:-140px;
	margin-bottom:50px;
}

#home-section0 h1{
	font-size:23px;
	font-family: "Gabriela", serif;
}

#home-section0 .fa{
	color:#FFC700;
}

.home-slider .btn2{
	padding:10px;
	color:white;
	font-weight:500;
	background-color:#C59D60;
	border:1px solid #ddd;
	transition: all 500ms;	
}

#home-section1{
	padding:100px 100px 20px 100px;
	background-color:#f7f7f7;
}

.mobile-home {
	display:none;
	width:100%;
}

.mobile-products {
	display:none;
	width:100%;
}

.mobile-contact{
	display:none;
	width:100%;
}

@media(max-width:900px){
	.img12{
		display:none;
	}
}

@media(max-width:600px){
	#home-section1{
	padding:100px 50px 20px 50px;
	background-color:#f7f7f7;
}
.mobile-home {
	display:block;
}

.mobile-products {
	display:block;
}

.mobile-contact{
	display:block;
}

.ns1{
	
	text-align:right;
}

#home-section0{
	margin-top:30px;
	margin-bottom:0px;
	text-align:center;
}

.main-logo1{
	width:30%;
}

.main-logo2{
	width:30%;
}

@media(max-width:800px) {
	.main-logo2{
		display:none;
	}
}

}


.btn1{
	padding:5px 10px;
	background-color:#800079;
	color:white;
	border:4px solid transparent;
	transition:500ms all;
	border-radius:5px;
}

.btn1:hover{
	border-bottom:4px solid #EFD27F;
	transition:500ms all;
}

.hr1{
	box-shadow:0px 0px 5px #EFD27F;
}

#home-section2{
	padding:100px 100px 20px 100px;
	text-align:center;
}

#home-section2 .inner-style1{
	margin:20px;
	box-shadow:0px 0px 25px #800079;
	cursor:pointer;
}

#home-section2 .inner-style1:hover{
	box-shadow:0px 0px 25px #EFD27F;
}


#home-section2 .inner-style2{
	padding:10px;
}

#home-section2 a{
	color:#303030;
}

@media(max-width:600px){
	#home-section2{
	padding:100px 80px 20px 80px;
	text-align:center;
}
}

.style2 img{
	transition:all 500ms;
}

.style2 img:hover{
	transform:rotate(5deg);
}

.style21 img{
	transform:rotate(10deg);
}

#home-section3{
	padding:100px 100px 20px 100px;
	background-color:#f7f7f7;
}

#home-section3 .r1{
	text-align:center;
}
#home-section3 .r2{
	text-align:center;
}

#home-section3 .card-header{
    background-color:#800079;
	cursor:pointer;
}

#home-section3 .card-header button {
    color:white;
	text-decoration:none;
}

@media(max-width:600px){
	#home-section3{
	padding:100px 50px 20px 50px;
	background-color:#f7f7f7;
}
}

@media(max-width:600px){
	.home-slider{
		display:none;
	}
}



 
  /*==================================================
9. TESTIMONIAL
==================================================*/
section.testimonial {
  position: relative;
  height: 500px;
  overflow: hidden; }

section.testimonial .heading-section {
  margin: 80px 0px 60px; }



section.testimonial .parallax-stellar.testimonial-parallax {
  height: 500px; }

section.testimonial .tst-wrap {
  position: relative;
  z-index: 1; }

section.testimonial .bg-tst {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0px;
  left: 0px; }

section.testimonial .bg-tst .bg-img-tst {
  background-size: 100% auto;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

section.testimonial .bg-tst .bg-color-tst {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9; }

section.testimonial .item-testimonial {
  position: relative;
  width: 100%;
  height: 180px; }

section.testimonial .item-testimonial .client-info {
  width: 120px;
  text-align: center;
  position: absolute; }

section.testimonial .item-testimonial .client-info .client-img {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 10px; }

section.testimonial .item-testimonial .client-info .rating {
  color: #ffc700; }

section.testimonial .item-testimonial .client-content {
  padding: 0px 30px 0px 150px; }

section.testimonial .item-testimonial .client-content h4 {
  color: #ffc700; }

section.testimonial .item-testimonial .client-content h5 {
  font-weight: 300; }

section.testimonial .item-testimonial .client-content p {
  font-style: italic; }

section.testimonial img {
  max-width: 100%;
  max-height: 100%; }

section.testimonial .item-testimonial .client-info .client-img img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }
  
  section.testimonial .item{
	  box-shadow:0px 0px 25px #800079;
	  padding:20px;
	  margin:20px;
	  background-color:#f7f7f7;
  }
  
@media(max-width:600px){
	section.testimonial .item-testimonial .client-content p {
  font-size: 13px }
}
  
  
#footer{
	background-color:#800079;
	padding:50px;
	color:white;
}

#foot-note{
	background-color:#ddd;
	color:black;
	padding:10px 50px;
	font-size:14px;
}

#contact-page-title{
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url("../img/banner-bg4.jpg");
	text-align:center;
	padding:100px;
}

@media(max-width:600px){

#contact-page-title{
	display:none;
}

}



.ocblock2{
	padding:30px;
}

.ocblock2 .col-md-4{
	padding:50px;
	text-align:center;
}

.ocblock2 .col-md-4 img{
	width:60%;
}

.ocblock2 h3{
	text-align:center;
}

.ocblock2 input{
	width:80%;
	height:40px;
	border:3px solid #ddd;
	transition:600ms all;
	-webkit-transition:600ms all;
	padding:5px;
}

.ocblock2 textarea{
	width:80%;
	height:150px;
	border:3px solid #ddd;
	transition:600ms all;
	-webkit-transition:600ms all;
	padding:5px;
}

.ocblock2 ::placeholder{
	padding-left:10px;
	font-size:14px;
}

.ocblock2 .col-md-8{
	border-left:10px solid #800079;
	padding:50px;
}

.ocblock2 input:focus,.ocblock2 textarea:focus {
border: 3px solid #DAA106 !important;
outline-offset: 0px !important;
outline: none !important;
-webkit-outline-offset: 0px !important;
-webkit-outline: none !important;
}

.ocblock2 .btn2{
	width:200px;
		cursor:pointer;
}

.ocblock2 .btn2:hover{
	background-color:#DAA106;
}

@media screen and (max-width:500px){
	.ocblock2 .btn2{
	margin-bottom:10px;
}

.ocblock2 .col-md-8{
	padding:10px;
}
}

.ocblock2 .d1 i{
	color:#800079;
}