﻿@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
@import url(simple-line-icons.css);
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&family=Oswald:wght@300;400&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Kumbh Sans', sans-serif; padding:0; color:#242424; font-weight:400; padding-right:0!important;
font-size:15px;
line-height:1.5;
}
:root{--orange:#ee741d; --blue:#00799E; --sky:#6CBDEA;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--orange);}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:700;font-family:'Oswald';}

.fa-rupee-sign{margin-right:3px;}

.headerTop{display:block; float:left; width:100%; background:var(--blue); height:5px; text-align:center; color:#fff;font-weight:600;text-transform:uppercase;}
.headerTop i{font-size:10px; position:relative; top:-2px; color:var(--sky); letter-spacing:2px;}
.marquee-child {
  display: block;
  white-space: nowrap;
  /* width of your text div */
  line-height: 30px;
  /* height of your text div */
  position: absolute;
  animation: marquee 40s linear infinite; /* change 5s value to your desired speed */
  width:100%;
}
.marquee-child:hover {
  animation-play-state: paused;
  cursor: pointer;
}
@keyframes marquee {
  0% {
    left: 65%;
  }
  100% {
    left: -65% /* same as your text width */
  }
}

.headerOuter{ display:block; padding:10px 0; background-color:#fff; float:left; width:100%; background-size:cover; box-shadow:0 0 10px #666; position:relative; z-index:10;}
.headerOuter img{height:90px;}
.headerOuter ul{margin:0; padding:0; float:right; text-align:right; list-style-type:none;}
.headerOuter ul li{font-size:18px; vertical-align:middle;}
.headerOuter ul li a{display:inline-block; padding:0 10px; font-weight:600; color:var(--blue); font-size:22px;}
.headerOuter ul li a:hover{color:var(--orange);}
.headerOuter ul li strong{color:var(--orange); margin:0 15px 10px;}


.innerHeader{ background:#f0d2ff; padding:40px 0; text-align:center;}
.innerHeader span{display:inline-block; overflow:hidden; padding:5px 20px; font-size:30px; background:#fff; letter-spacing:2px; margin-bottom:0;}


.fullWidth{ max-width:1280px; width:95%; margin:0 auto; overflow: hidden; display:block;}
.inner-content-area{ display:block; clear:both; overflow:hidden; font-size:14px;background: transparent url('../images/right-mortar-bottles.jpg') no-repeat center center fixed; background-size:cover; border-bottom:5px var(--blue) solid;}
.inner-content-area > .fullWidth{background:rgba(255,255,255,0.8); position:relative; border:1px #f0d2ff solid; border-bottom:0; border-top:0; padding:30px;}
.inner-content-area h3{ font-size:20px;}

.inner-content-area h1{text-align:center; margin-bottom:10px;}
.inner-content-area h2{text-align:center; margin-bottom:45px; font-size:26px;}


table img{width:90px!important;}

.card{border:none; border-radius:0!important; text-align:left; background:none; margin-bottom:15px;}
.card-header{ border-radius:0!important; border:none; background:#ddd; margin:0; padding:0;}
.card-header button{ position:relative; display:block; background:var(--blue); color:#fff; padding:14px 20px; width:100%; border:none; text-align:left;font-size:17px;}
.card-header button.collapsed{ background:transparent!important; color:#222;}
.card-header button:after {
	position:absolute; right:20px; top:10px;
    font-family: 'Font Awesome 5 Free';
    content:'\f107';
    font-weight:600;
    width:15px; height:30px;
    transform: rotate(180deg); 
}
.card-header button.collapsed:after {transform: rotate(0deg); color:var(--blue); top:18px;}
.card-header button img{height:30px; margin-right:5px; position:relative; top:-3px;}
.card-header button.collapsed img{filter: invert(100%);}
.card-body{padding:15px 20px; background:#fff; color:var(--dark);}
.card-body a, .card-header button span{color:var(--blue);}
table td {vertical-align: middle !important;}


.btnList{display:block; overflow:hidden; margin:0 auto 5%; width:300px; background:var(--orange); padding:10px; border-radius:10px; color:#fff; text-align:center; font-size:20px;}
.btnList:hover{background:var(--blue); color:#fff;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (max-width: 991px){
}


@media (max-width: 767px){
.headerOuter{text-align:center;}
.headerOuter ul{width:100%; text-align:center; padding:10px 0 0;}
.inner-content-area > .fullWidth{padding:25px 15px;}
.inner-content-area table{font-size:14px;}
}

@media (max-width: 500px){

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}
