body{
font-family:Poppins,sans-serif;
}

.top-bar{
background:#ef6c00;
color:#fff;
padding:10px;
font-size:14px;
}

.navbar-brand h2{
margin:0;
font-weight:700;
color:#ef6c00;
}

.navbar-brand p{
margin:0;
font-size:15px;
}

.nav-link{
font-weight:600;
margin-left:15px;
}

.nav-link:hover{
color:#ef6c00;
}

.hero img{
 	width:100%;
    height:auto;
    display:block;
}

.about{
background:#f8f8f8;
}

.stats{
background:#1b5e20;
color:white;
padding:60px 0;
}

.stats h2{
font-size:45px;
font-weight:bold;
}

footer{
background:#111;
color:white;
padding:25px;
}

.mylogo img
{
	height: 70px!important;
}

.mylogo p
{
	font-weight: bold;
	font-size: 18px;
}

/*==========================
        About Section
===========================*/

.about-section{
    background:#ffffff;
}

.section-title{
    color:#ef6c00;
    font-weight:700;
    font-size:38px;
}

.title-line{
    width:90px;
    height:4px;
    background:#ef6c00;
    margin:15px auto;
    border-radius:20px;
}

.about-img{

    width:360px;
    height:360px;

    margin:auto;

    border-radius:50%;

    overflow:hidden;

    border:8px solid #ef6c00;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.about-img img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.text-orange{

    color:#ef6c00;

}

.about-section p{

    text-align:justify;
    line-height:1.9;
    font-size:17px;

}

.btn-orange{

    background:#ef6c00;
    color:#fff;
    padding:12px 28px;
    border-radius:50px;
    transition:.3s;

}

.btn-orange:hover{

    background:#d85b00;
    color:#fff;

}

@media(max-width:991px){

.about-img{

width:260px;
height:260px;

}

.section-title{

font-size:30px;

}

}

/*==========================
        Gallery Section
==========================*/

.gallery-section{

    padding:80px 0;

    background: linear-gradient(135deg,
                #ff9800 0%,
                #f57c00 35%,
                #ef6c00 70%,
                #e65100 100%);

    position:relative;
    overflow:hidden;

}

/* Decorative circles */

.gallery-section::before{

    content:'';
    position:absolute;

    width:350px;
    height:350px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-120px;
    left:-120px;

}

.gallery-section::after{

    content:'';

    position:absolute;

    width:250px;
    height:250px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    right:-80px;
    bottom:-80px;

}

.gallery-section .container{

    position:relative;
    z-index:2;

}

.gallery-section .section-title{

    color:#fff;
    font-weight:700;
    font-size:40px;

}

.gallery-section .title-line{

    width:90px;
    height:4px;

    background:#fff;

    margin:15px auto 0;

    border-radius:20px;

}

.gallery-img{

    width:100%;
    height:260px;

    object-fit:cover;

    border-radius:18px;

    border:5px solid rgba(255,255,255,.35);

    box-shadow:0 15px 35px rgba(0,0,0,.25);

    transition:.5s ease;

}

.gallery-img:hover{

    transform:scale(1.08);

    border-color:#fff;

}
.news-paper{

background:#f8f8f8;

}

.news-img{

width:100%;

height:340px;



background:#fff;

padding:10px;

border:1px solid #ddd;

transition:.5s ease;

box-shadow:0 8px 25px rgba(0,0,0,.15);

cursor:pointer;

}

.news-img:hover{

transform:rotate(-2deg) scale(1.05);

}

/*==========================
        Page Banner
==========================*/

.page-banner{

    position:relative;

    min-height:320px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

    background-image:url("https://ajeetsinghmadhogarh.com/assets/img/gallery/14.jpeg");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    /* Parallax */

    background-attachment:fixed;

}

/* Dark Overlay */

.page-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.70),
        rgba(0,0,0,.60)
    );

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner-content{

    color:#fff;

}

.page-banner-content h1{

    font-size:52px;

    font-weight:700;

    margin-bottom:15px;

    letter-spacing:1px;

    text-shadow:0 4px 15px rgba(0,0,0,.5);

}

.breadcrumb-nav{

    font-size:18px;

}

.breadcrumb-nav a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.breadcrumb-nav a:hover{

    color:#ffb74d;

}

.breadcrumb-nav span{

    margin:0 8px;

}

.breadcrumb-nav .active{

    color:#ffc107;

    font-weight:600;

}

@media(max-width:768px){

.page-banner{

    min-height:220px;

    /* Mobile Safari me fixed background issue hota hai */
    background-attachment:scroll;

}

.page-banner-content h1{

    font-size:34px;

}

.breadcrumb-nav{

    font-size:15px;

}

}

.page-content{

position:relative;
z-index:2;

text-align:center;

color:#fff;

width:100%;

}

.page-content h1{

font-size:50px;
font-weight:700;

}

.page-content nav{

font-size:18px;

}

.page-content a{

color:#fff;
text-decoration:none;

}

.contact-box{

background:#fff;

padding:40px 25px;

border-radius:20px;

text-align:center;

box-shadow:0 10px 35px rgba(0,0,0,.08);

height:100%;

transition:.4s;

}

.contact-box:hover{

transform:translateY(-10px);

}

.contact-box i{

font-size:40px;

color:#ef6c00;

margin-bottom:20px;

}

.social-section{

background:#f8f8f8;

}

.social-icons a{

width:60px;
height:60px;

display:inline-flex;

align-items:center;
justify-content:center;

background:#ef6c00;

color:#fff;

border-radius:50%;

margin:0 8px;

font-size:22px;

transition:.4s;

}

.social-icons a:hover{

transform:translateY(-8px) rotate(360deg);

color:#fff;

}

.mybtn
{
    padding: 12px 28px;
    border-radius: 50px;
    transition: .3s;
}

.video-section{

    background:#f8f9fa;

}

.video-card{

    width:100%;
    max-width:380px;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

    transition:.4s;

}

.video-card:hover{

    transform:translateY(-8px);

}

.video-card iframe{

    width:100%;

    height:675px;

    border:none;

    display:block;

}

/* Tablet */

@media(max-width:991px){

.video-card{

    max-width:340px;

}

.video-card iframe{

    height:600px;

}

}

/* Mobile */

@media(max-width:767px){

.video-card{

    max-width:320px;

    margin:auto;

}

.video-card iframe{

    height:570px;

}

}

*,
*::before,
*::after{
    max-width:100%;
}

html,
body{
    overflow-x:hidden;
}