body{
  font-family: 'Nunito Sans', sans-serif;
}

h1,h2,h3,h4,h5{
  font-family: 'Sarala', sans-serif;
  color: #2E3192;
}
p{
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
}

.pdf-icon{
	color: red !important;
	font-size: 20px;
}

.small-header{
	color: #ff5500; 
	font-size:19px;
}
.hr-style{
	border:solid 2px;
	color:green;
}

.highlighter-txt {
  color: #8CC63F;
  font-family: 'Oleo Script Swash Caps', cursive;
  font-size: 28px;
  line-height: 28px !important;
}

.btn{
  border: solid 1px #000000;
}
.contact-details-i{
  font-size: 22px;
  background: yellow;
  color: red;
  padding: 20px;
  border-radius: 30px;
  border: solid 2px green;
}

.p-btn {
  border: solid 2px white !important;
  border-radius: 9px;
  margin-top: 20px;
  color: #000000;
  font-weight: 600;
}

.box-border{
  border: solid 1px #ccc;
  border-radius: 5px;
  background: #ffffff;
  padding: 15px;
}

.text-aqua
{
  color: #ccc;
}

.ocontainer {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  border: solid 5px #ccc;
}

.ocontainer img {vertical-align: middle;}

.ocontainer .content {
  position: absolute;
  bottom: 0;
  background: orange; /* Black background with 0.5 opacity */
  color: #000000;
  font-weight: 600;
  font-family: 'Sarala', sans-serif;
  opacity: 0.9;
  width: 100%;
  padding: 10px;
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  text-align: center;
  border: solid 3px #ccc;
}

.content:hover{
  color: yellow !important;
}

.orange-btn:focus,
.orange-btn:active,
.orange-btn.active {
  background: #FD7012 !important;
}

.pink-btn:focus,
.pink-btn:active,
.pink-btn.active {
  background: #CD2182 !important;
}

.green-btn:focus,
.green-btn:active,
.green-btn.active {
  background: #63A94C !important;
}

.navy-btn:focus,
.navy-btn:active,
.navy-btn.active {
  background: #1A2352 !important;
}


#header{
  /*background-image: linear-gradient(to bottom, #63f759, #90f748, #b5f639, #d5f42e, #f2f22b);*/
  /*background-image: linear-gradient(to right, #fffefe, #ffe4cc, #ffda80, #d4e235, #12eb2d);*/
  /*background-image: linear-gradient(to right, #e7f8a9, #dcf898, #cef887, #bff877, #acf868, #c1e646, #d3d326, #e3be00, #ff8b1b, #ff4d4d, #fd0080, #c407b4);*/
  /*background: #e7f8a9;*/
  background: #8CC63F;
}

#header i{
  font-size: 28px;
  margin-right: 10px;
  margin-top: -9px;
}

#top-bar{
  /*background: #fcfcfc;*/
  background:#ff5500;
}

#quality{
  padding: 30px 10px 30px 10px;
  background: #ffffff;
}

#quality h5{
  color: #F36F21;
}

#quality i {
  border-radius: 60px;
  font-size: 40px;
  padding: 30px;
  background-image: linear-gradient(to right bottom, #ecbe21, #ecc91b, #ead415, #e7df11, #e3eb12);
  color: #000000;
  border: solid 3px #8CC63F;
}

#quality p{
    font-size:14px !important;
    color: #303030 !important;
}

#about {
  background: #fcfcfc;
  padding: 30px 10px 30px 10px;
}

#products{
  background-image: linear-gradient(to right bottom, #ecbe21, #ecc91b, #ead415, #e7df11, #e3eb12);
  padding: 30px 10px 30px 10px;
}

#products h3{
  font-family: 'Oleo Script Swash Caps', cursive;
  color: #000000;
}

#products p{
  color: #303030;
  line-height: 26px;
}

#products strong{
  color: #2E3192;
}

#makeInIndia{
  padding: 30px 10px 30px 10px;
  background: #ffffff;
}

#trust{
  background-image: url('../images/curls.jpg');
  border-top: solid 3px yellow;
}

#trust h1{
  color: white;
}

#trust h5{
  color: white;
}

#footer{
  background: #1a1919;
  color: #ffffff;
  border-top: solid 3px yellow;
}

#breadcrums{
  background-image: url('../images/aq_bread.jpg');
  padding: 30px;
}

#breadcrums h2{
  font-family: 'Oleo Script Swash Caps', cursive;
  font-size: 50px;
}

#contact-details p{
  font-size: 14px;
}

#franch{
  padding: 50px 0 50px 0;
  min-height: 350px;
  background: #404040;
}

#franch h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #fff;
}

#franch p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #fff;
}

.franchise-dist {
  font-size: 18px;
  color:green;
  font-weight: bold;
}

.frach-box{
  border: solid 1px #ccc;
  padding:0 !important;
}

.frach-box h5{
  color:#ffffff;
  background: #000;
  font-weight: normal;
  font-size: 15px;
  margin-top: -15px !important;
}

.frach-box img{
  width:250px;
  height:250px;
  margin-top:-8px;
  border-bottom: solid 2px #000;
}

.nav-item a{
  font-family: 'Maven Pro', sans-serif;
  font-size: 15px !important;
  font-weight: 600;
  margin-left: 35px;
  color: #000000 !important;
}

.nav-item a:hover{
  color: #2E3192 !important;
}

.navbar-text{
  color: #fff !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 18px;
}