@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}
.h1, .h2, .h3, h1, h2, h3 {
   font-family: 'Poppins', sans-serif; 
}

/* start student section */
.rgisdg
{
    text-align:right !important;
}
/* end student section */



.mtt{
    background:#393185;
    padding: 5px;
    height: 40px;
    width: 40px;
    bottom: 58px;
    position: fixed;
    right: 35px;
    text-align: center;
    color: #fff;
}
hr{
	border-top: 1px solid #222;
}
a:hover{
	text-decoration:none;
}
*:focus {
    outline:none !important;
}
ul{
	margin: 0;
    padding: 0;
}
ul li{
    list-style-type:none;
}
.btn.focus, .btn:focus {
    outline:none !important;
    box-shadow:;
}
.btn-submit{
	background: #a70b06;
    border: 1px solid #a70b06;
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    padding: 10px 15px;
    line-height: 18px;
    letter-spacing: 0.8px;
    color: #fff;
}
.text-white{
	color:#fff !important;
}
.section{
	padding:60px 0 120px;
}
.section-title h2{
    font-weight: 800;
    margin: 0;
    font-size:40px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title p{
	font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 60px;
}
.section-title h2 span{
	color:#033b85;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color:#ced4da !important;
    outline: 0;
    box-shadow:none; 
}
.form-group label {
    margin-bottom: 3px;
    font-size: 16px;
}
.area{
	height:100vh;
	width:100%;
	background-image:url(mega.jpg);
	background-size:cover;
	background-position:center center;
}
.menu-area{
	position:static;
}
.mega-area{
	position:absolute;
	width:100%;
	left:0;
	right:0;
	padding:15px;	
}
.date-ul{
	margin:0;
	padding:0;
}
.date-ul li{
	list-style-type:none;
}
#myDiv{
	color: #fff;
    margin-right: 10px;
	letter-spacing:1px;
	font-weight:500;
}
#myDiv:before {
    content: '\f073';
    font-family: 'FontAwesome';
    position: relative;
    font-size: 14px;
    right: 15px;
    top: 2px;
    float: left;
}
.top-header{
	background:#b41e27;
    padding: 4px;
}
.middle-header{
	padding-top: 5px;
    padding-bottom: 5px;
}
.left-top-header ul{
	margin:0;
	padding:0;
}
.left-top-header ul li{
	list-style-type:none;
	display:inline-block;
	margin-left:5px;
}
.left-top-header ul li a{
	font-weight:500;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:1px;
}
.login-btn a{
    background:#a70b06;
    padding: 5px 10px;
    color: #fff;
	text-transform:uppercase;
}
.login-btn{
	display: inline-block;
}
.right-top-header{
	float:right;
}
.right-top-header ul{
	margin:0;
	padding:0;
}
.social-media {
	float:left;
}
.social-media ul{
	margin:0;
	padding:0;
}
.social-media ul li{
	list-style-type:none;
	display:inline-block;
	margin-left:5px;
}
.social-media ul li a{
	font-weight:600;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
}
.contact-info ul{
	margin:0;
	padding:0;
}
.contact-info ul li{
	list-style-type:none;
	display:inline-block;
}
.contact-icon{
	background: #fff;
    padding: 8px;
    min-height: 148px;
    box-shadow: 2px 2px 12px rgb(49 62 87 / 25%);
    text-align: center;
    margin-bottom: 15px;
}
.contact-icon i {
	font-size: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #393185;
}
.contact-icon p{
	margin:0;
}
.contact-icon p a{
	color: #000;
    font-weight: 500;
}
.contact-icon p a:hover{
	text-decoration:none;
}

.menu-header{
	background:#b41e27;
}
.info-box:first-child {
    margin-left: 0;
}
.info-box {
    position: relative;
    float: left;
    margin-left: 70px;
    padding-left: 45px;
    margin-bottom: 0px;
}
.info-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 56px;
    font-size: 30px;
    color: #df6512;
}
.text {
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    color: #555555;
    margin: 0;
}
.info-box strong {
    font-weight: 600;
    line-height: 1.2em;
    font-size: 15px;
    color: #222222;
    text-transform: uppercase;
}
.info {
    position: relative;
    display: block;
    line-height: 1.4em;
    font-size: 16px;
    color: #222222;
}
.info-box a {
    color: #222222;
}
.dropdown:hover>.dropdown-menu{
	display:block;
	transition:all 0.5s ease-in-out;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}




.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.why-content{
    position: relative;
    display: block;
    z-index: 3;
    padding-top: 45px;
    padding-left: 5px;
}
.why-content .sec-title {
    padding-bottom: 32px;
}
.why-content .sec-title h4 {
    position: relative;
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.why-content .title {
    position: relative;
    display: block;
    color: #000;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.about-container ul {
    margin: 0;
    padding-left: 25px;
    padding-bottom: 15px;
}
.about-container ul li {
    list-style-type: square;
}
.about_sec{
	background:#f5f5f5;
}
.about_head{
	float: left;
    padding-bottom: 50px;
    padding-top: 50px;
}
.about_img{ 
	padding: 8px;
}
.about_head h1{
    font-size: 60px;
    letter-spacing: 1.5px;
    font-weight: 600;
}
.about_head h6{
	font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}
.about_head h2{
    font-weight: 800;
    margin: 0;
    font-size:40px;
    background: -webkit-linear-gradient(#ea5736, #fbb326);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about_head h4 {
	margin: 0;
    line-height: 0;
}
.btn_apy{
	float: left;
    width: 180px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    background: #520672;
    padding: 10px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
}
.about_head a:hover {
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.about_head h4 span {
    width: 8px;
    height: 8px;
    background:#520672;
    display: inline-block;
    position: relative;
}
.about_head h4 span:after {
    content: '';
    border: 1px solid #d8d8d8;
    width: 40px;
    position: absolute;
    left: 8px;
    top: 3px;
}
.categories-listing{
	color: #fff;
    font-size: 14px;
	margin:0;
    line-height: 20px;
}
.nav-item{
	margin-right:2px;
}
.thumb-wrapper{
	padding: 10px;
    background: #f8f8f8;
}


/* #Form Section CSS
================================================== */
.form_sec{
	background: url(../images/bg.jpg);
}
.form_sec .form{
	position: relative;
    overflow: hidden;
	background: none;
	padding:0 !important;
}
.form_sec .form-sec{
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
    background: #adaba74d;
    padding: 15px;
}

/* #table
================================================== */
.table-box{
	overflow-x:auto;
}
.table-box table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

.table-box th, td {
	text-align: left;
	padding: 8px;
	border: 1px solid #ddd;
}

.table-box tr:nth-child(even){
	background-color: #f2f2f2;
}
.course-box h3{
	font-size: 30px;
    text-decoration: underline;
    margin: 15px 15px;
    letter-spacing: 0.5px;
}
.course-box h4{
	margin-top: 15px;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.course-box ul{
	margin:0;
	padding:0;
}
.course-box ul li{
	list-style-type:none;
	text-align: left;
}
.course-box ul li a {
    font-size: 15px;
    font-weight: 500;
    color: #e2e2e2;
    margin-left: 5px;
}
.course-box ul li:before {
    content: '\f101';
    font-family: 'FontAwesome';
    position: relative;
    font-size: 15px;
    left: 0px;
}
/* #Team Section CSS
================================================== */

.wrapper{
	width:100%;
	min-height:100px;
	background:#262626;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.column{
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}

column .imgBx{
	position:relative;
}
.column .imgBx p{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: rgb(1 96 176 / 62%);
    padding: 7px 15px;
    margin-top: -80px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}
.column .imgBx p span{
	font-size:12px;
}
.column .imgBx img{
	max-width:100%;
	transition:1s;
}
.column:hover .imgBx img{
	transform:scale(1.5); 
}
.column .details{
	position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgb(255 255 255 / 95%);
    text-align: center;
    transition: .5s;
    transform: scale(.5);
    visibility: hidden;
    z-index: 1000;
	cursor: pointer;
}
.column:hover .details{
	transform:scale(1);
	visibility:visible;
}
.column .details .contant{
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    left: 50%;
    width: 100%;
}
.column .details .contant h1{
	position:relative;
	margin:0;
	padding:0;
	font-size:20px;
	color:#262626;
	text-transform:uppercase;
}
.column .details .contant h1 span{
	font-size:14px;
	color:#999;
}
.column .details .contant h1 span:before{
	contant:'';
	position:absolute;
	bottom:0;
	width:50px;
	height:2px;
	background:#f000;
	left:50%;
	transform:translateX(-50%);
}
.column .details .contant p{
    margin: 0;
    font-size: 13px;
    padding: 5px;
}
.column .details .contant ul{
    margin: 5px auto 0;
    padding: 0;
    position: relative;
    display: flex;
    width: 80%;
	transform:translateY(-100px);
	opacity:0;
	transition:.5s;
}
.column:hover .details .contant ul{
	transform:translateY(0px);
	opacity:1;
}
.column .details .contant ul li{
	list-style:none;
	width:25%;
	margin-left:5px;
	text-align:center;
}
.column .details .contant ul li a{
    display: block;
    color: #262626;
    width: 30px;
    height: 30px;
    line-height: 28px;
	box-sizing:border-box;
	border:1px solid #262626;
}
.column .details .contant ul li a:hover{
	background:#f00;
	color:#fff;
	border:1px solid #f00;
}


/* #Client logo Section CSS
================================================== */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.logo-slider{
	padding:60px 0 120px;
}

/* #Faq's Section CSS
================================================== */
.card{
	border-radius:0 !important;
	border:none !important;
	margin-bottom: 5px;
}
.accordion>.card>.card-header{
	background:#016735;
}
.accordion>.card>.card-header h6 a{
	margin:0;
	font-size:13px;
}
.accordion>.card>.card-header h6 a:hover{
	text-decoration:none;
}
/* #Testimonial Section CSS
================================================== */
.testimonials-sec{
	background:#27282c url(../images/bg-sec.png);
}
.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel .carousel-item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item .img-box {
    width: 125px;
    height: 125px;
    margin: 0 auto;
    padding: 5px;
    border: 3px solid #b60003;
    border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
    font-size: 17px;
    color: #000;
}
.carousel .overview {	
	font-style: italic;
    font-size: 23px;
    font-weight: 600;
    color: #b60003;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.carousel-control-prev, .carousel-control-next {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	background: none;
}
.carousel-control-prev i{
	margin-right: 125px;
}
.carousel-control-next i {
	margin-left: 125px;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 68px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color:#033b85;
}
.testimonial-indicators{
	bottom:-45px !important;
}
.carousel-indicators {
	bottom: 10px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin: 1px 3px;
	border-radius: 50%;
	border: none;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #d00;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
}
.white-heading:after {
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}

/* #Gift Number Section CSS
================================================== */
.pots-container{
	
}
.pots-text h4{
	font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
	color:#fff;
}
.pots-text p{
	font-size: 14px;
    margin: 0;
	color:#fff;
    font-weight: 500;
}


/* #Counter Number Section CSS
================================================== */
.counter{
    text-align: center;
    min-height: 215px;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 30px;
    position: relative;
}
.counter .counter-icon{
    font-size: 50px;
}
.counter .counter-icon:before{
    content: "";
    border-radius: 10px 10px 0 0;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.counter:hover .counter-icon i{
    transform: rotate(360deg);
    transition: all 0.3s ease;
}
.counter h3:before {
    content: " ";
    background: #520672;
    width: 30%;
    height: 8px;
    position: absolute;
    bottom: 45%;
    left: 35%;
}
.counter h3{
	color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 15px;
    margin-top: -1px;
}
.counter .counter-value{
    font-size: 70px;
    font-weight: 600;
    display: block;
}
.color-blue{
	color:#367DCB; !important;
}
.counter.blue:before{ background-color: #5A9BEF; }
.counter.blue .counter-icon:before{ background-color: #367DCB; }
.counter.blue .counter-value{ color: #367DCB; }
.counter.red:before{ background-color: #FD6D4B; }
.counter.red .counter-icon:before{ background-color: #EA5736; }
.counter.red .counter-value{ color: #EA5736; }
.counter.gray:before{ background-color: #777; }
.counter.gray .counter-icon:before{ background-color: #666; }
.counter.gray .counter-value{ color: #666; }
@media screen and (max-width:990px){
    .counter{ margin-bottom: 40px; }
}


/* #Why Section CSS
================================================== */
.why-choose-area {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 0 110px;
    z-index: 1;
}
.why-choose-title {
	position: relative;
    display: block;
    padding-bottom: 43px;
    background: #ffff00;
    max-width: 390px;
    width: 100%;
}
.why-choose-title .sec-title {
    margin: 0;
    padding-top: 50px;
    padding-left: 40px;
    padding-bottom: 28px;
}
.why-choose-title .sec-title .secicon {
    position: relative;
    display: block;
    margin-bottom: 32px;
}
.why-choose-title .sec-title .title-sec {
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-title {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 25px;
}
.sec-title .title-sec span {
    font-weight: 700;
    color: #a70b06;
}
.why-choose-title ul {
    position: relative;
    display: block;
    padding-left: 40px;
}
.why-choose-title ul li {
    position: relative;
    display: block;
    padding-left: 35px;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 17px;
}
.why-choose-title ul li:before {
    font-family:'FontAwesome';
    content: "\f046";
    position: absolute;
    top: 2px;
    left: 0;
    color: #1d3388;
    font-size: 20px;
    line-height: 20px;
}
.why-choose-title .button {
    position: relative;
    display: block;
    margin-top: 10px;
    z-index: 1;
}
.why-choose-title .button:before {
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 10px;
    background: #a70b06;
    content: "";
    z-index: -1;
}
.why-choose-title .button a {
    position: relative;
    display: block;
    background: #a70b06;
    color: #ffffff;
    line-height: 70px;
    padding: 0 40px 0;
}

.btn-one {
    position: relative;
    display: inline-block;
    background: #1d3388;
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 20px 0;
    transition: all 500ms ease;
}
.why-choose-title .button:after {
    position: absolute;
    top: -15px;
    left: -10px;
    width: 10px;
    height: 15px;
    content: "";
    z-index: -1;
    background: #750e0b;
    background-size: cover;
    clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
}
.why-choose-content {
    position: relative;
    max-width: 720px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.why-choose-content .single-box.redbg {
    background: #a70b06;
}
.why-choose-content .single-box.whitebg {
    background: #ffffff;
}
.why-choose-content .single-box {
	position: relative;
    display: block;
    padding: 15px;
    padding-right: 30px;
    width: 50%;
}
.why-choose-content .single-box .text-holder {
    position: relative;
    display: block;
    padding-top: 0px;
}
.why-choose-content .single-box .text-holder h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}
.why-choose-content .single-box.whitebg .text-holder h3 {
    color: #1d3388;
}
.why-choose-content .single-box .text-holder p {
    color: #ffffff;
    margin: 0;
}
.why-choose-content .single-box.whitebg .text-holder p {
    color: #828282;
}



================================================== */
.navbar-toggler {
    font-size: 15px;
    line-height: 1;
    border: 1px solid #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}
.navbar-toggler-icon{
	color:#fff !important;
}
.navbar-expand-lg{
	padding:0;
}
.navbar-expand-lg .navbar-nav .nav-link{
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
}
.dropdown-menu {
	padding: 0;
    border-radius: 0;
    margin: 0;
	background-color:#ddd;
    border: none;
}
.dropdown-item{
	padding: 8px 10px;
    margin: 0;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.dropdown-item:hover{
	background:#00a0e3;
	color:#fff;
}
.dropdown-toggle::after{
	float: right;
    margin-top: 10px;
}
.form-control {
	border-radius:0;
}
.form-group{
	margin-bottom:8px;
}
.find-search{
	padding-top:35px;
}
.find-search .form-control{
	padding: 18px 10px;
    font-size: 12px;
    border-color: #eee;
	border-radius: 74px;
}
.search-btn {
    position: absolute;
    right: 0px;
    top: 35px;
    background: #393185;
    color: #fff;
    padding: 0px 8px;
    font-weight: 600;
    border-radius: 1px 20px 20px 0px;
}
/* Zodiac Sign Section CSS
================================================== */
.Zodiac_box{
	background: #fff;
    padding: 5px;
    border: 1px dotted #f1f1f1;
    text-align: center;
	margin-bottom:30px;
	cursor:pointer;
}
.Zodiac_box:hover{
    box-shadow: 2px 2px 12px rgb(49 62 87 / 25%);	
}
.Zodiac_box img{
	width:105px;
}
.Zodiac_box h4{
	text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;	
}
.Zodiac_box h6{
	font-size: 12px;
}

/* Feature Section CSS
================================================== */
.feature-sec{
	padding:60px 0 60px;
}
.feature{
	background: #fff;
    padding: 10px;
    border: 1px dotted #f1f1f1;
    box-shadow: 2px 2px 12px rgb(49 62 87 / 25%);
    text-align: center;
	margin-bottom:15px;
}
.feature i{
	font-size:30px;
	color:#375d47;
}
.feature h4{
	font-size: 20px;
    font-weight: 600;
    margin: 0px;
    text-transform: uppercase;
    color: #4f934f;
}
.feature p{
	font-size: 15px;
    font-weight: 500;
    color: #42634d;
    letter-spacing: 0.5px;
}

/* shoping Section CSS
================================================== */
.shoping-area{
	background: #fff;
    padding: 10px;
    border: 1px dotted #f1f1f1;
    margin-bottom: 15px;
    box-shadow: 2px 2px 12px rgb(49 62 87 / 25%);
}
.shoping-text h4{
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
    text-transform: uppercase;
    color: #0b5185;
    letter-spacing: 1px;
}
.shoping-text p{
    font-size: 13px;
    font-weight: 300;
    color: #42634d;
	margin:0;
    letter-spacing: 0.5px;
}
.old-amt{
	text-decoration: line-through;
    font-size: 13px;
    font-weight: 300;
    color: #7d7d7d;
    letter-spacing: 0.5px;
    margin-right: 20px;
}
.new-amt{
	font-size: 18px;
    font-weight: 600;
    color: #f50b0b;
    letter-spacing: 0.5px;
}
.dis-amt{
	float:right;
	font-size:13px;
	color:#0b5185;
	font-weight:500;
}
.shoping-rating ul{
	padding:0;
	margin:0;
}
.shoping-rating ul li{
	list-style-type:none;
	display:inline-block;
}
.shoping-rating ul li a{
	color:#7d7d7d;
	font-size:14px;
	font-weight:300;
}
.shoping-rating ul li i{
	color: #f6c347;
    font-size: 13px;
}
.discont {
	position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    background: #f44336;
    display: block;
    z-index: 3;
    color: #fff;
    padding: 3px 5px;	
}
.discont p {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
	margin:0;
}
.shoping-btn{
	margin-top: 10px;
}
.shoping-btn ul{
	padding:0;
	margin:0;
}
.shoping-btn ul li{
	list-style-type:none;
	display:inline-block;
}
.buy{
	background:#f50b0b !important;
}
.shoping-btn ul li a{
	font-weight: 500;
    color: #fff;
    background: #520672;
    font-size: 15px;
    padding: 8px;
}


/* Blog Section CSS
================================================== */
.blog-sec{
	background:#F8F8F8;
	padding:60px 0 60px;
}
.single-blog-post .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-blog-post .img-holder img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.overlay-style-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}
.overlay-style-two:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.80);
}
.overlay-style-two:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.80);
}
.img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.blog-img{
	width:100%;
}
.img-holder .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease 300ms;
}
.img-holder .overlay {
    transform: translate3d(0px, 0%, 0px);
}
.overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}
.post-date {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 65px;
    height: 75px;
    text-align: center;
    background: #003680;
    display: block;
    padding: 13px 0 6px;
    transition: all 700ms ease 500ms;
    z-index: 3;
}
.post-date h3 {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.post-date h3 span {
    font-size: 24px;
} 
.blog-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.blog-text-holder{
	padding: 10px;
    background: #fff;
}
.blog-title a {
    color: #27282c;
    transition: all 500ms ease;
}
.meta-box {
    margin-top: 14px;
    margin-bottom: 0px;
}
.meta-info {
    position: relative;
    display: block;
    overflow: hidden;
}
.meta-info li {
    position: relative;
    display: inline-block;
    float: left;
    line-height: 20px;
    padding-right: 16px;
    margin-right: 14px;
    font-weight: 500;
}
.meta-info li:before {
    position: absolute;
    top: 3px;
    right: 0px;
    width: 1px;
    height: 12px;
    background: #d3d9e0;
    content: "";
}
.meta-info li a {
    color: #003680;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.text {
    margin-top: 9px;
}
.text p {
    margin: 0 0 26px;
}


/* News Section CSS
================================================== */
.form {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
    box-sizing: border-box;
    background: #17698e;
    padding: 10px;
    margin-bottom: 15px;
}
.form h3 {
    background: #fcd01a;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0;
}
.form-sec {
    visibility: visible;
    animation-delay: 0ms;
    animation-name: fadeInRight;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
    box-sizing: border-box;
    background: #ffffff;
    padding: 15px;
}
.contact-form {
    position: relative;
}
.marquee, .marqueeul {
    margin: 0;
    padding: 0;
}
.marquee li a {
    color: #000;
    font-size: 12px;
    line-height: 17px;
    margin-left: 5px;
    display: inline-block;
}
/* quick-sec
================================================== */


.quick-sec{
	margin-top:-105px;
}
.block.red, .block.red .wrap-icon {
    background-color: #a70b06;
}
.block.red, .block.red .wrap-icon {
    background-color: #a70b06;
}
.block.blue, .block.blue .wrap-icon {
    background-color: #033b85;
}
.block.blue, .block.blue .wrap-icon {
    background-color: #033b85;
}
.block.teal, .block.teal .wrap-icon {
    background-color: #01a859;
}
.block.teal, .block.teal .wrap-icon {
    background-color: #01a859;
}
.block.orange, .block.orange .wrap-icon {
    background-color: #ff9400;
}
.block.orange, .block.orange .wrap-icon {
    background-color: #ff9400;
}

.block {
    padding: 5px;
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
}
.block .wrap-icon {
    position: relative;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    display: block;
    border-radius: 50%;
    margin-top: -55px;
    margin-bottom: 1px;
}
.block h2 {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
}
.block p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 6px;
}
.block .wrap-icon > i {
	color: #fff;
    font-size: 45px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* #enquiry Section CSS
================================================== */
.action-box{
	padding:30px 0 60px;
}
.form-sec h3{
	font-size: 28px;
    font-weight: 500;
}
.form-sec h5{
	font-size: 14px;
    font-weight: 400;
}
.bg-img5 {
    background-image: url(../images/bg-images.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ttm-bgcolor-darkgrey > .ttm-bg-layer{
	background-color:#103b4eb3;
}
.ttm-bg {
    position: relative;
}
.ttm-row.action-section {
    padding: 90px 0 150px;
}
.ttm-bg-layer{
	position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.mt_170 {
    margin-top: -170px !important;
}
.box-shadow2 {
    -webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    -moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
}
.ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes {
    height: 100%;
}
.ttm-col-bgimage-yes, .ttm-col-bgcolor-yes {
    z-index: 1;
}
.ttm-bg {
    position: relative;
}
.ttm-bgcolor-white{
	background-color:#fff;
}
.col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/student.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.ttm-bg-layer, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.layer-content {
    position: relative;
    z-index: 9;
    height: 100%;
}
.ttm-equal-height-image {
    display: none;
}
.spacing-4 {
    padding-top: 20px;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
}
.section-title.with-desc {
    margin-bottom: 40px;
}
.section-title {
    position: relative;
    margin-bottom: 18px;
}
.section-title h2.title {
    font-weight: 600;
    font-size: 35px;
    line-height: 42px;
    color: #033b4a;
    margin-bottom: 5px;
}
.section-title h4 {
	margin:0;
	line-height:0;
	padding-bottom:10px;
	padding-top:10px;
}
.section-title h4 span {
    width: 8px;
    height: 8px;
    background:#520672;
    display: inline-block;
    position: relative;
}
.section-title h4 span:before {
    content: '';
    border: 1px solid #d8d8d8;
    width: 40px;
    position: absolute;
    right: 8px;
    top: 3px;
}
.section-title h4 span:after {
    content: '';
    border: 1px solid #d8d8d8;
    width: 40px;
    position: absolute;
    left: 8px;
    top: 3px;
}
.section-title.with-desc .title-desc {
    margin-top: 6px;
    display: inline-block;
}
.wrap-form label {
    width: 100%;
    margin: 0;
}
.wrap-form span.text-input {
    margin-bottom: 15px;
    display: block;
    padding-top: 5px;
    position: relative;
}
.wrap-form span.text-input i {
    position: absolute;
    left: 10px;
    top: 21px;
    opacity: .9;
    font-size: 14px;
    z-index: 1;
}
.ttm-make-appoint-form span.text-input input{
    border: 1px solid transparent;
    background-color: #f9fafa;
    color: #9dabaf;
    width: 100%;
    padding: 10px 15px;
    padding-left: 15px;
    font-size: 13px;
    letter-spacing: 1px;
}


/* #Breadcrumbs Section CSS
================================================== */
.bg_header3 {
    background-image: url(../images/banner.jpg);
}
.page_title {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 1;
}
.page_title.has_bg_image {
    padding: 80px 0;
    background-position: 0px;
}
.page_title.has_bg_image h1 {
	letter-spacing: 1px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    margin-left: 15px;
    letter-spacing: 2px;
}
.page_title .breadcrumbs {
    float: right;
    line-height: 40px;
    margin: 35px 0 30px;
    font-size: 12px;
    color: #888;
    position: absolute;
    margin-left: 15px;
}
.page_title .breadcrumbs .crumbs-spacer {
    color: #ccc;
    margin: 0 4px;
    vertical-align: middle;
}
.page_title .breadcrumbs a {
    color: #fff;
}

/* #quick-sec
================================================== */
.counter-sec {
    background: url(../images/counter-bg.jpg);
	padding:60px 0 60px;
}
.font-55{
	font-size:55px !important;
}
.font-65{
	font-size:65px !important;
}
.text-yellow{
	color:#fcf100 !important;
}
.bg-dark-transparent-2 {
    background-color: rgb(0 0 0 / 45%) !important;
    padding: 25px;
}
.text-theme-colored {
    color: #fcf100 !important;
}
.btn-lg {
    font-size: 16px;
    padding: 10px 26px;
    background-color: #cd3728;
    border-color: #cd3728;
}
#shiva{

}
.count{
  line-height: 100px;
  color:white;
  margin-left:20px;
  font-size:38px;
}



/* #Contact-Us Section CSS
================================================== */
.contant-breadcrumbs{
	padding-bottom:225px !important;
}
.contant-sec{

}
.contact-box{
	margin-top: -200px;
    background: red;
    z-index: 1000;
    position: absolute;
    width: 100%;
    padding: 35px 0px 35px;
}
.form-sec{
	padding:10px;
}

/* #Videos Section CSS
================================================== */
.embed-responsive{
	margin-top:15px;
	margin-bottom:15px;
}
.embed-responsive h4{
	padding: 10px;
    background: #a70b06;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
}


/* #Franchise List Section
================================================== */
.table table {
	border-collapse: collapse;
	width: 100%;
}
.table th {
	background:#ddd !important;
	border: 1px solid #fff !important;
}
.table td, .table th {
	border: 1px solid #ddd;
    text-align: left;
    padding: 8px !important;
    letter-spacing: 0.6px;
}

.table tr:nth-child(even) {
	background-color: #dddddd;
	border: 1px solid #fff !important;
}
.table tr:nth-child(even) td{
	border:1px solid #fff !important;
}

/* #Title
================================================== */
.sec-title h4{
	position: relative;
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;	
}
.title {
    position: relative;
    display: block;
    color: #000;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}



/* footer-sec
================================================== */


.footer-sec{
	background:#222;
	padding:70px 0 0;
}
.footer-box {
    text-align: center;
    margin-bottom: 15px;
}
.footer-box h2{
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	text-transform: capitalize;
}

.footer-box p{
	font-size: 15px;
	text-align: center;
	color:#fff;
}
.footer-box a{
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	color:#ffff00;
	font-weight:500;
}
.footer-box a:hover{
	text-decoration: none;
}
.footer-table h2{
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	text-transform: capitalize;
}
.footer-table {
	position: relative;
	background-color: #141414;
	z-index: 888;
	border-radius: 10px;
	margin-top: -162px;
	padding: 20px;
	text-align: center;
}
.footer-table ul{
	margin-bottom: 40px;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.footer-table ul li span {
	float: right;
}
.footer-table ul li{
	list-style-type: none;
	text-align: left;
	border-bottom: 1px dashed #49433f;
	padding: 8px 0;
	color: #fff;
}
.book{
	color: #ffff00;
    border: 1px solid #ffff00;
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    padding: 10px 15px;
    line-height: 18px;
    letter-spacing: 0.8px;
}
.book:hover{
	color:#fff;
	border: 1px solid #a70b06;
	background: #a70b06;
	text-decoration: none;
}
.divider--shape-10up {
	width: 92px;
	height: 20px;
	background: url(../images/shape-10up.png) center no-repeat;
	position: absolute;
	top: -182px;
	left: 50%;
	margin-left: -46px;
}
.divider--shape-10down {
	width: 92px;
    height: 20px;
    background: url(../images/shape-10down.png) center no-repeat;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -46px;
}
.social-icon {
	float: right;
	margin-top: 10px;
}
.social-icon {

}
.social-icon ul {
	padding:0;
	margin:0;
}
.social-icon ul li {
    display: inline;
    margin-left: 3px;
}
.social-icon ul li a {
	display: inline-block;
}

.social-icon ul li a i {
	color: #000;
    font-size: 14px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #000;	
    background: transparent;
    text-align: center;
    line-height: 30px;
    z-index: 1;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.facebook::after{
	background:#475993 !important;
}
.twitter::after{
	background:#76a9ea !important;
}
.youtube::after{
	background:#f61c0d !important;
}
.linkedin::after{
	background:#0077b7 !important;
}
.instagram::after{
	background-image: linear-gradient(to bottom right, #dc8f3f, #b81a7d) !important;
}
.social-icon ul li a i::after {
    position: absolute;
    content: "";
    top: -1px;
    left: -1px;
    width: 108%;
    height: 108%;
    border-radius: 100%;

    z-index: -1;
    -webkit-transform: rotate3d(2, 2, 0, 90deg);
    -moz-transform: rotate3d(2, 2, 0, 90deg);
    -ms-transform: rotate3d(2, 2, 0, 90deg);
    -o-transform: 	rotate3d(2, 2, 0, 90deg);
    transform: rotate3d(2, 2, 0, 90deg);
    -webkit-transition: .5s; 
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 0px solid;
}
.social-icon ul li a i:hover {
	color: #fff;	
}
.social-icon ul li a i:hover::after {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: 	rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);	
}
.social-icon ul li a i {
	color: #fff;
	font-size: 14px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 1px solid #fff;
}
.social-sec{
	padding:15px 0 30px;
}
.footer--copyright {
	background-color: #141414;
	padding: 15px 0;
	position: relative;
}
.footer--copyright span {
	font-size: 13px;
}
.footer--copyright a {
	color: #ffff00;
}
.footer--copyright a:hover{
	text-decoration:none;
}
.divider--shape-dark {
	width: 92px;
	height: 20px;
	background: url(../images/shape-10up.png) center no-repeat;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -46px;
}

.article{
	width: 155px;
	/* height: 50px; */
	background: red;
	padding: 5px 30px;
	text-align: center;
	margin-top: -75px;
	z-index: 1000;
	position: absolute;
}
.article h3{
	margin:0;
}
.article h3 a {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	font-weight: 500;				
}
.short-desc {
	line-height: 28px;
	position: relative;
	z-index: 999;
}
.subscribe {
    position: relative;
}
.subscribe .form-control {
    border-radius: 50px;
    height: 44px;
    padding-left: 25px;
    border-color: #eee;
}
.subscribe .btn {
    position: absolute;
    right: 3px;
    top: 3px;
}
.btn-round-full {
    border-radius: 50px;
    margin-bottom: 20px;
}
.btn-main-2 {
    background: #cd3728;
    color: #fff;
    border-color: #cd3728;
}
.footer-box h3 {
    font-weight: 600;
    font-size: 15px;
    color: #e2e2e2;
	text-transform:uppercase;
    margin-top: 5px;
	text-align:left;
    margin-bottom: 5px;
}
.footer-box a p{
	text-transform:initial;
}
.footer-box ul {
    margin: 0;
    padding: 0;
}
.footer-box ul li {
    list-style-type: none;
    text-align: left;
}
.footer-box ul li:before {
    content: '\f101';
    font-family: 'FontAwesome';
    position: relative;
    font-size: 12px;
    left: 0px;
	color:#e2e2e2;
}
.footer-box ul li a {
    font-size: 11px;
    font-weight: 500;
    color: #e2e2e2;
    margin-left: 5px;
}





#categories {
  background: #F8F8F8;
}

#categories .categories-wrapper {
  padding: 20px 15px;
}

#categories .owl-theme .owl-nav {
  position: relative;
  top: -85px;
  left: 0;
}

#categories .owl-theme .owl-nav div.owl-prev {
  float: left;
  margin-left: -50px;
}

#categories .owl-theme .owl-nav div.owl-next {
  float: right !important;
  margin-right: -50px;
}

#categories .owl-theme .owl-nav div {
  width: 40px;
  height: 40px;
  display: block !important;
  background: #03A9F4 !important;
  text-align: center;
  display: inline-block;
  opacity: 1 !important;
  border-radius: 30px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18), 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#categories .owl-theme .owl-nav div:hover {
  background: #F06292 !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#categories .owl-theme .owl-nav div i {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}

.category-icon-item {
    background: #ffc107;
    padding: 10px;
    margin: 15px 0;
    border-radius: 10px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.category-icon-item .icon-box {
	text-align: center;
}

.category-icon-item .icon-box .icon {
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.category-icon-item .icon-box .icon i {
	color: #fff;
	font-size: 50px;
	line-height: normal;
	width: auto;
	height: auto;
}

.category-icon-item .icon-box h4 {
	font-size: 18px;
	color: #fff;
	line-height: 15px;
	font-weight: 600;
	text-transform:uppercase;
	margin-bottom: 7px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.category-icon-item .icon-box .categories-listing {
	color: #fff;
}

.category-icon-item:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.1);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
}

.lis-bg1 {
	background: #03A9F4;
}

.lis-bg2 {
	background: #26AE61;
}

.lis-bg3 {
	background: #048AF1;
}

.lis-bg4 {
	background: #7F27FB;
}

.lis-bg5 {
	background: #01a859;
}

.lis-bg6 {
	background: #FF7F15;
}

.lis-bg7 {
	background: #1D65B4;
}

.lis-bg8 {
	background: #a70b06;
}

.lis-bg9 {
	background: #033b85;
}

.lis-bg10 {
	background: #049e7c;
}

.lis-bg11 {
	background: #9b11f1;
}

.lis-bg12 {
	background: #57dc90;
}

.category-box {
	background-color: #fff;
	margin: 30px 0;
	min-height: 277px;
	box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);
	border-radius: 0;
	position: relative;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.category-box .icon {
	text-align: center;
	position: absolute;
	top: -25px;
	margin: 0 auto;
	width: 100%;
}

.category-box .icon i {
	display: inline-block;
	font-size: 22px;
	background: #03A9F4;
	width: 52px;
	height: 52px;
	color: #fff;
	line-height: 48px;
	box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
}

.category-box .category-header {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 40px 15px 20px;
	border-bottom: 1px solid #eee;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.category-box .category-header h4 {
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
	margin-bottom: 0;
	color: #333;
}

.category-box .category-header h4:hover {
	color: #03A9F4;
}

.category-box .category-content {
	margin: 0;
	padding: 15px;
}

.category-box .category-content li {
	list-style: none;
	margin-bottom: 2px;
	font-weight: 400;
	font-size: 13px;
}

.category-box .category-content li a {
	display: flex;
	align-items: center;
	color: #888;
}

.category-box .category-content li a:hover {
	color: #03A9F4;
}

.category-box .category-content li a span:first-child {
	flex-grow: 1;
}

.category-box .category-counter {
	margin-right: 15px;
}

.category-counter {
	font-size: 12px;
	color: #888;
	float: right;
}
#printableArea .form-bg {
    background-color: #e9ecef;
    padding: 0.2rem 1rem;
}

/* ------ media-query -------*/
/* ------ media-query -------*/
@media (max-width: 1024px) {
	.navbar {
		padding-top: 8px;
	}
	.hindi-marquee {
		padding: 12px !important
	}
	.marquee-sec {
		background: linear-gradient(to right,#e6e6e6 90%,#e6e6e6 50%,white 50%,white 100%);
	}
	.marky {
		padding-top: 20px;
	}
}

@media (max-width: 767px) { 
	h1{
		font-size: 38px;
	}
	.section {
		padding: 20px 0 20px !important;
	}
	.header-right-btn ul li a {
		color: #fff;
		font-size: 15px !important;
	}
	.mission-area h3 {
		font-size: 15px !important;
	}
	.mission-area p {
		font-size: 11px !important;
		line-height: 15px !important;
	}
	.counter-sec {
		background-repeat: unset;
	}
	.logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 19px;
		margin-left: -8px;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 14px;
		margin-left: 20px;
	}
	.section h3{
		font-size:21px;
	}
	.section-title h2{
		font-size:25px;
	}
	.section-title p{
		font-size:12px;
	}
	.top-header p {
		white-space: nowrap;
		overflow: hidden;
		font-size: 15px !important;
		color: #fff;
		padding: 5px;
		letter-spacing: 0px;
		margin: 0 !important;
		text-transform: uppercase;
	}
	.hindi-marquee {
		padding: 0px !important; 
	}
	.number-logo {
		padding: 3px 0 3px;
	}
	.responsive{
	    margin: 0 auto;
		display: block;
	}
	.mob-nav{
		float: left;
		margin-top: -40px;
		margin-left: -20px;
	}
	.navbar-collapse{
		margin-left: 20px;
	}
	.navbar-light .navbar-toggler-icon {
		width: 24px;
		height: 17px;
		background-image: none;
		position: relative;
		border-bottom: 1px solid #000;
		transition: all 300ms linear;
		float: right;
		margin-right: 175px;
		margin-top: -10px;
	}
	.logo img{
		width:85% !important;
	}
	.middle-header{
		background:#fff;
	}
	.marky {
		padding-top: 15px !important;
	}
	.hindi-marquee {
		background-color: #fff;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 3% 55%);
		padding: 0px;
		font-weight: bold;
	}
	.hindi-marquee marquee {
		font-size: 15px;
		margin-top: 5px;
		color: #000;
	}
	.marquee-sec {
		background: linear-gradient(to right,#e6e6e6 70%,#e6e6e6 50%,white 50%,white 100%);
	}
	.bio_sec, .mon_sec{
		background:#fff !important;
	}
	.bio_box, .mon_box{
		padding-top:15px !important;
	}

	.bio_imgbox{
		width: 100px;	
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 28px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 23px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	.navbar-light .navbar-nav .nav-link{
		line-height: 21px !important;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 19px;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 14px;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
	.footer-table{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.divider--shape-10up{
		top: 21px;
	}
	.divider--shape-10down{
		bottom:21px;
	}
	.social-icon {
		text-align: center;
		float: unset;
	}
	.centered h1{
		font-size:22px;
	}
	.centered h3{
		font-size: 17px;
		line-height: 20px;
		margin: 0;
	}
	.centered p{
		font-size:11px;
	}
	.slider-contact-form {
		position: relative !important;
		top: 0px !important;
		left: 0px !important;
		width: 100% !important;
	}
}
@media (max-width: 414px) {
	.day_imgbox, .week_imgbox {
		width: 73px !important;
	}
}
@media (max-width: 375px) {
	.bio_imgbox {
		width: 100px !important;
	}
	.mon_imgbox{
		width: 150px !important;	
	}
	.day_imgbox, .week_imgbox {
		width: 73px !important;
	}
	.search-title{
		width:100%;
		height:113px !important;
		margin-left:0px !important;
		margin-top:0px !important;
	}
	.bio_box:before{
		border-top: 20px solid transparent !important;
		border-left: 20px solid transparent !important;
		border-right: 20px solid transparent !important;
		border-bottom: 20px solid #520672 !important;
		top: -34% !important;
		left: 46% !important;		
	}
	.mon_box:after{
		border-top: 20px solid #ff0000 !important;
		border-left: 20px solid transparent !important;
		border-right: 20px solid transparent !important;
		border-bottom: 20px solid transparent !important;
		top: 99% !important;
		margin-left: -18px !important;
	}
	.monul, .weekul{
		margin-top:35px; 
	}
	.bioul{
		margin-bottom:35px;
	}
	.search-title::after{
		border-right: 20px solid transparent !important;
		border-top: 20px solid #93241c !important;
		border-left: 20px solid transparent !important;
		border-bottom: 20px solid transparent !important;		
		content: "";
		display: block;
		height: 0;
		left: 150px !important;
		position: absolute;
		top: 112px !important;
	}
}
@media (max-width: 360px) {
	.top-header p {
		font-size: 9px !important;
	}
	.marky {
		padding-top:12px !important;
	}
	.logo img{
		width:70% !important;
	}
}
@media (max-width: 320px) {
	.top-header p {
		font-size: 9px !important;
	}
	.img-marquee{
		width:80px;
		height:80px;
	}
	.marky {
		padding-top: 12px !important;
	}
	.navbar-light .navbar-toggler-icon{
		margin-top:-3px;
	}
}
@media (max-width: 280px) {
	.top-header p {
		font-size: 7.5px !important;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 19px;
		margin-left: -8px;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 14px;
		margin-left: 20px;
	}
	.logo img{
		width:80% !important;
	}
	.img-marquee {
		width: 65px;
		height: 65px;
	}
	.marky {
		padding-top: 12px !important;
	}
	
}