/*** Spinner Start ***/
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    transition: 0.5s;
    z-index: 99;
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50%;
}

.btn.btn-primary {
    box-shadow: inset 0 0 0 0 var(--bs-primary);
}

.btn.btn-primary:hover {
    box-shadow: inset 300px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}



.btn-hover {
    transition: 0.5s;
}

.btn-hover:hover {
    color: var(--bs-secondary) !important;
}

/*** Sub Title Start ***/
.sub-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: var(--bs-primary);
}

.sub-title::before {
    content: "";
    width: 100px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: -110px;
   
}

/*** Topbar Start ***/
.fixed-top .container {
    transition: 0.5s;
}

.topbar {
    padding: 2px 10px 2px 20px;
    background: var(--bs-primary) !important;
}

.topbar a,
.topbar a i {
    transition: 0.5s;
}

.topbar a:hover,
.topbar a i:hover {
    color: var(--bs-secondary) !important;
}


@media (max-width: 576px) {
    .topbar {
        display: none;    
    }
}
/*** Topbar End ***/


/*** Navbar ***/
/*
.navbar-light .navbar-nav .nav-link {
    font-family: 'Yantramanav', sans-serif;
    position: relative;
    margin-right: 22px;
    padding: 10px 0;
    color: #fff;
    font-weight: 400;
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--dark) !important;
    font-size: 18px !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: #ffc107 !important;
}

.navbar-light .navbar-brand img {
    max-height: 50px;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-brand img {
    max-height: 45px;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
}

@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0;
    }
}

.dropdown .dropdown-menu a:hover {
    background: #343696;
    color: var(--bs-white);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    transition: .5s;
    opacity: 1;
}

@media (max-width: 991.98px) {
    .sticky-top.navbar-light {
        position: relative;
        background: var(--bs-white);
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 10px 20px;
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary);
    }

    .navbar-light .navbar-collapse {
        margin-top: 15px;
        border-top: 1px solid #DDDDDD;
    }

    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
        margin-left: 0;
        color: var(--bs-dark) !important;
    }

    .navbar-light .navbar-brand img {
        max-height: 45px;
    }
}

@media (min-width: 992px) {
    .navbar-light {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        z-index: 999;
    }
    
    .sticky-top.navbar-light {
        position: fixed;
        background: var(--bs-light) !important;
    }
    .navbar-light .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }
}
*/
/*** Carousel Hero Header Start ***/
.header-carousel {
    position: relative; 
}

.header-carousel .owl-nav .owl-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    border-radius: 60px;
    background: #343696;
    color: var(--bs-white);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.header-carousel .owl-nav .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border-radius: 60px;
    background: #343696;
    color: var(--bs-white);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    transition: 0.5s;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

@media (max-width: 576px) {
    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        top: 630px;
        transition: 0.5s;
    }

    .header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
        width: 95% !important;
    }
 
}

.header-carousel .header-carousel-item,
.header-carousel .header-carousel-item img {
    position: relative;
    width: 100%;
    height: 500px;
    margin-top: 65px;
    display: block;
    
    transition: 0.5s;

}

@media (max-width: 992px) {
    .header-carousel .header-carousel-item,
    .header-carousel .header-carousel-item img {
        margin-top: 0;
        height: auto;
        min-height: 300px;
        transition: 0.5s;
    }

}

@media (min-width: 992px) {
    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        margin-top: 50px;
    }
}

.header-carousel .header-carousel-item .carousel-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
}

.header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
    position: relative;
    width: 75%;
    
}
/*** Carousel Hero Header End ***/


/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
	position: relative;
	padding: 145px 0 50px 0;
    background: linear-gradient(rgba(242, 139, 0, 0.2), rgba(242, 139, 0, 0.3)), url(../img/breadcrumb.html);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}

@media (max-width: 992px) {
    .bg-breadcrumb {
        padding-top: 50px;
    }

}
/*** Single Page Hero Header End ***/


/*** Counter Facts Start ***/

.counter-facts {
    background:  url(../img/counter-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}


.counter-facts .counter {
    position: relative;
    text-align: center;
    width: 200px;
    min-height: 215px;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 100px;
    box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
    background: var(--bs-white);
}

.counter-facts .counter:before {
    content: "";
    position: absolute;
    height: 105px;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 10px 10px 0 0;
    background-color: #343696;
    
}
.counter-facts .counter .counter-icon {
    position: relative;
    width: 120px;
    height: 100px;
    border-radius: 10px 10px 0 0;
    font-size: 50px;
    line-height: 90px;
    color: var(--bs-primary) !important;
    display: flex;
    
}

.counter-facts .counter h3 {
    color: var(--bs-white);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    display: flex;
}
.counter-facts .counter .counter-value {
    font-size: 30px;
    font-weight: 700;
    display: block;
    color: var(--bs-secondary);
}

@media screen and (max-width: 1200px) {
    .counter-facts .counter { margin-bottom: 40px; 
    }
}
/*** Counter Facts End ***/


/*** Training Start ***/
.training-carousel .owl-stage-outer {
    margin-top: 30px;
}

.training-carousel .owl-nav .owl-prev,
.training-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.training-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.training-carousel .owl-nav .owl-next {
    right: 0;
}

.training-carousel .owl-nav .owl-prev:hover,
.training-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

.training .training-item .training-img {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.training .training-item .training-img img {
    transition: 0.5s;
}

.training .training-item:hover .training-img img {
    transform: scale(1.2);
}
/*** Training End ***/



/*** Dance Class Start ***/
.class-carousel .owl-stage-outer {
    margin-top: 30px;
}

.class-carousel .owl-nav .owl-prev,
.class-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.class-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.class-carousel .owl-nav .owl-next {
    right: 0;
}

.class-carousel .owl-nav .owl-prev:hover,
.class-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

.class .class-item .class-img {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.class .class-item .class-img img {
    transition: 0.5s;
}

.class .class-item:hover .class-img img {
    transform: scale(1.3);
}
/*** Dance Class End ***/


/*** Blog Start ***/
.blog-carousel .owl-stage-outer {
    margin-top: 30px;
}

.blog-carousel .owl-nav .owl-prev,
.blog-carousel .owl-nav .owl-next {
    position: absolute;
    top: 1px;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.blog-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.blog-carousel .owl-nav .owl-next {
    right: 0;
}

.blog-carousel .owl-nav .owl-prev:hover,
.blog-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

.blog .blog-item .blog-img {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.3);
}
/*** Blog End ***/

/*** Team Start ***/
.team-carousel .owl-stage-outer {
    margin-top: 30px;
}
.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    position: absolute;
    top: 1px;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.team-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.team-carousel .owl-nav .owl-next {
    right: 0;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

.team .team-carousel .team-item .team-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.team .team-carousel .team-item .team-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: 0.5s;
    z-index: 2;
}

.team .team-carousel .team-item .team-img .team-icon {
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 25px;
    display: flex;
    opacity: 0;
    transition: 0.5s;
    z-index: 3;
}

.team .team-carousel .team-item:hover .team-img .team-icon {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}

.team .team-carousel .team-item .team-content {
    position: relative;
    background: var(--bs-secondary);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    transition: 0.5s;
}

.team .team-carousel .team-item .team-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--bs-primary) !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.5s;
    z-index: -1;
}

.team .team-carousel .team-item:hover .team-content a,
.team .team-carousel .team-item:hover .team-content p {
    color: var(--bs-white) !important;
}

.team .team-carousel .team-item:hover .team-content::after {
    height: 100% !important;
}

.team .team-carousel .team-item .team-img img {
    transition: 0.5s;
}

.team .team-carousel .team-item:hover .team-img img {
    transform: scale(1.1);
}
/*** Team End ***/


/*** Vidie Gallery Start ***/
/*** Youtube Video start ***/
.gallery .tab-class {
    text-align: start !important;
}

.gallery .nav-item {
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.gallery .nav-item a span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .nav-item a.active {
    background: var(--bs-primary) !important;
}

.gallery .nav-item a.active span {
    color: var(--bs-white) !important;
}


.video {
    position: relative;
}

.video .btn-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: content-box;
    display: block;
    width: 23px;
    height: 44px;
    border-radius: 50%;
    transition: 0.5s;
    

}

.video .btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 70px;
    height: 70px;
    background: var(--bs-white);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    transition: 0.5s;
}

.video .btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--bs-secondary);
    border-radius: 50%;
    transition: all 300ms;
}

.video .btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 23px solid var(--bs-primary);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

#videoModal {
    z-index: 99999;
}

#videoModal .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

#videoModal .modal-body {
    position: relative;
    padding: 0px;
}

#videoModal .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    background: #000000;
    opacity: 1;
}
/*** Youtube Video End ***/

/*** Vidieo Gallery End ***/

/*** Testimonial Start ***/
.testimonial-carousel .owl-stage-outer {
    margin-top: 30px;
}
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: absolute;
    top: 1px;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.testimonial-carousel .owl-nav .owl-next {
    right: 0;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}
/*** Testimonial End ***/


/*** Contact Start ***/
.contact button.btn.btn-primary.w-100:hover {
    box-shadow: inset 700px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}
/*** Contact End ***/


/*** Footer Start ***/
.footer {
    background: #001659;
}

.footer .footer-item .footer-link {
    line-height: 30px;
    color: var(--bs-white);
    transition: 0.5s;
}

.footer .footer-item .footer-link:hover {
    letter-spacing: 1px;
    color: #f28b00 !important;
}
/*** Footer End ***/

/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: #001659 !important;
}
/*** copyright end ***/


/*Tob Bar*/


/*Common wrapper*/



.tobbar_main .container
{
    width:95%;
}



.tobbar_main
{
          background-color: #f28b00;
    border-bottom: 1px solid #a15f04;
    margin: 0;
    padding: 0;
}
.common-container {
  height:36px;
}
.container.common-container {
  
  padding: 0 15px;
  width: 100%;

}
.common-left {
  float:left;
  position:relative;
}
.common-left.common-left-ind li a{line-height:22px;}
.common-left.common-left-ind li:first-child{width:115px;}


.common-right {
  float:right;
  position:relative;
}

.common-left ul li {
  float:left;
  line-height:132%;
  font-size:72%;
  font-weight:600;
  text-transform:uppercase;
  height:36px;
  padding-top:6px;
}
.common-left ul li.gov-india {
  text-align:right;
}
.common-left ul li span {
  display:block;
  font-size:120%;
}
.common-left ul li.ministry {
  padding-left:10px;
  margin-left:10px;
  border-left:1px solid #eeeeee;
}
.common-right ul li {
  float:left;
  position:relative;
  height:34px;
  border-left:1px solid #eeeeee;
    list-style: none;
}
.common-right ul li a {
  display:block;
  width:38px;
  height:32px;
  font-size:90%;
  background-repeat:no-repeat;
  background-position: center !important;
}

.common-right ul li a:hover
{
    background-color: #f28b00;
}

.common-right ul li.hover a {
  background-color:#434343;
}
.common-right ul li.ico-skip > a {
  background-image:url(../img/ico-skip.png);
}
.common-right ul li.ico-skip.hover > a {
  background-image:url(../img/ico-skip-h.html);
}
.common-right ul li.ico-accessibility > a {
  background-image:url(../img/ico-accessibility.png);
}
.common-right ul li.ico-accessibility.hover > a {
  background-image:url(../img/ico-accessibility-h.html);
}
.common-right ul li.ico-social > a {
  background-image:url(../img/ico-social.png);
}
.common-right ul li.ico-social.hover > a {
  background-image:url(../img/ico-social-h.html);
}
.common-right ul li.ico-login > a {
  background-image:url(../img/ico-login.html);
}
.common-right ul li.ico-login.hover > a {
  background-image:url(../img/ico-login.html);
}
.common-right ul li.ico-site-search > a {
  background-image:url(../img/ico-site-search.png);
}
.common-right ul li.ico-site-search.hover > a {
  background-image:url(../img/ico-site-search-h.html);
}
.common-right ul li.ico-sitemap > a {
  background-image:url(../img/ico-sitemap.png);
}
.common-right ul li.ico-sitemap.hover > a {
  background-image:url(../img/ico-sitemap-h.html);
}





a.sw-logo {
  background:url(../img/swach-bharat.html) no-repeat scroll 0 0;
  font-size: 1px;
  height: 68px;
  overflow: hidden;
  text-indent: -500px;
  width: 156px;
}
.bg-logo{font-size: 1px; overflow: hidden;
  text-indent: -500px;}

.common-right ul li.hindi a {
  font-size:95%;
  font-weight:600;
  background:none;
  line-height:35px;
  padding:0px 7px;
  width:auto;
}

.common-right ul li.hindi a:hover
{
    background-color: #f28b00!important;
}

.common-right ul li.hindi:hover a{color:#fff; background-color:#434343;}

.search-drop input[type='text'] {
  border:0px solid #eeeeee;
  height:36px;
  padding:0px 40px 0px 8px;
  width:200px;
}
.search-drop {
  position:relative;
}
.search-drop a {
  visibility:hidden;
  position:absolute;
  top:0px;
  left:0px;
}
.skip-main a {
  width:auto !important;
  line-height:normal;
  display:inline-block;
  padding-top:3px;
}
.common-right ul li a {
  opacity:1;
    padding-top: 3px;
    text-align: center;
}
.common-right ul li.hover a {
  opacity:1;
}
.common-right ul li ul {
  position:absolute;
  top:36px;
  right:0px;
  z-index:9999;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
  background:#fff;
  padding:0px 0px;
  visibility:hidden;
  background:#333;
}
.common-right ul li ul.search-drop {
  visibility:visible;
  display:none;
}
.common-right ul li ul li {
  float:none;
  position:relative;
  height:auto;
  padding:0px 0px;
  border-left:0px solid #eeeeee;
}
/*.common-right ul li.hover ul{visibility:visible;}*/

.common-right li:hover>ul, .common-right li.hover>ul, .common-right a:focus+ul, .common-right .hover a:focus {
  visibility:visible;
}
.common-right ul li.ico-accessibility ul {
  height:auto;
}
.common-right ul li.ico-social ul {
  height:auto;
  padding:3px 0px;
}
.common-right ul li.ico-accessibility ul li {
  border-top:1px solid #434343;
}
.common-right ul li.ico-accessibility ul li a {
  background:none;
  color: #fff;
  display: inline-block;
  height: auto;
  line-height: 22px;
  margin-top: 0px;
  width: 38px;
  text-align:center;
  padding:3px 0px;
}
.common-right ul li.ico-accessibility ul li:first-child a {
  margin-top:0px;
}
.common-right ul li.ico-social ul li {
  width:38px;
  text-align:center;
  padding:3px 0px;
}
.common-right ul li.ico-social ul li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 22px;
  margin-top: 0px;
  width: 22px;
}
.common-right ul li.ico-social ul li:first-child a {
  margin-top:0px;
}
.common-right ul li.ico-site-search input[type="text"] {
  background: #fff url("assets/images/goi-search-bg.html") no-repeat scroll 150px 12px !important;
  /*border: 2px solid #aa2323;*/
  border:2px solid #434343;
  font-weight: 600;
  height: 36px;
  line-height: 34px;
  padding: 0 40px 0 8px;
  width: 270px;
}
.common-right ul li.ico-site-search input[type="text"]:focus {
  background:#fff !important;
}
.common-right ul li.ico-site-search ul {
  padding:0px;
  height:36px;
}
.bttn-search {
  width:38px;
  height:36px;
  cursor:pointer;
  border:0px;
  background-color:#AA2323;
  line-height:27px;
  text-align:center;
  overflow:hidden;
  text-indent:-200px;
  font-size:1px;
  background-image:url(../img/ico-search.png);
  background-repeat:no-repeat;
  background-position: center;
  position:absolute;
  top:0px;
  right:0px;
  opacity:1;
}
.bttn-search:hover {
  opacity:0.8;
}
.sw-logo {
  display:inline-block;
}

.common-left ul li.gov-india a:hover {
  color:#686868 !important;
}
.common-left ul li.gov-india a:focus {
  color:#686868 !important;
}
.common-left a, .common-left li {
  color:#000;
}
.common-left a {
  display:inline-block;
}
.common-left a:focus {
  color:#000 !important;
}

    
    .skipto a
    {   
        float: left;
        color: #fff;
        line-height: 35px;
        font-size: 14px!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
        text-decoration: none;
    }
    
    
    .skipto a:hover
    {
        background-color: #f28b00;
        font-size: 14px!important;
    }

/*Tob Bar*/







.header_main 
{
    width: 100%;
    padding: 10px 0px;
    margin: 0px 0px 0px 0px ;
}

.header_main h1
{
    font-size: 36px;
    padding: 5px 0px 0px 0px;
    font-weight: 600;
    color: #95241e;
}

.header_main span
{
    font-size: 25px;
    padding: 0px 0px 0px 0px;
    font-weight: 600;
    COLOR: #201f1d;
}


.header_main img
{
    height: 90px;
}

.emblemb img
{
    height: 90px;
}

.emblemb2 img
{
    width: 130px;
    height: 50px;
}
.menubgcolor
{
    background-color: #95241e !important;
}


.tickerpanle_maine {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    background-color: #001659;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
}

.tickerpanle_maine_heading {
    text-align: center;
    background-color: #8B1538;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.tickerpanle_maine_view {
    text-align: center;
    background-color: #8B1538;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}

.tickerpanle_maine_view a {
    color: #fff;
    text-decoration: none;
}



.btn-primary {
    color: #fff;
    background-color: #343696;
    border-color: #3a3dc0;
}


    .display-2 {
        font-size: 45px;
    }








.feature .feature-item {
    position: relative;
    transition: 0.5s;
}
.feature .feature-item:hover {
    background: var(--bs-white);
    border: 1px solid transparent;
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
}

.feature .feature-item:hover a {
    transition: 0.5s;
}

.feature .feature-item:hover a:hover {
    color: var(--bs-secondary);
}

.feature .feature-item .feature-img img {
    border: transparent;
    transition: 0.5s;
} 

.feature .feature-item:hover .feature-img img {
    border: 1px solid var(--bs-secondary);
}  
/*** Features End ***/

/*** Services Start ***/
.service .service-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    z-index: 1;
}


.event-item .h4
{
    font-size: 14px;
    line-height: 22px;
    min-height: 134px;
}












/* Full-width input fields */


/* Set a style for all buttons */







/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
 
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  min-height: 254px;
  padding: 30px;
  width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}




.minister_panel h2
{
    font-size: 22px;
}

/* new style*/

.core{
	
	margin-left: 115px;;
	
}
.performance{
	margin-left: 248px;
	
}
.wanted{
	margin-left: 550px;
	
}
.rajyabhasa{
	
	margin-left: 435px;
}
.conttactaddress{
	/*box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
    text-align:center;
    margin-top: 140px;
	box-shadow: 10px 10px 5px lightblue;
	
}


.cus-img{
	
	height:400px;
	 background-image:url(../img/carousel-2.jpg);
}

.cus-img-p{
	
	height:400px;
	 background-image:url(../img/Capture.png);
}

.midtd {
    background: #8f1e23;
	text-align:center;
}

th {
    color: #fff;
}
.align-middle{
	text-align:center;
}
.whoswho thead tr{
	
	width:100%;
}
..midtd{
	    font-size: 0.85rem !important;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  
}


/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}


.container-1 {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
 
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 35%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}
.cus-btn {
  background-color: #f28b00 !important;
  color: white !important;
  padding: 6px 0px  !important;
   margin: 0px 0  !important;
   width: 5%;
  
}
.btn.btn-secondary:hover {
     background: #f28b00 !important;
     color: black !important;
}
.login{
	 background-color: #f28b00 !important;
	
}
.cus-btn:hover {
  
  color: black !important;

}
th {
    color: #fff;
    background-color: #8f1e23 !important;
    border-top: 1px solid rgb(255, 255, 255);
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
    border-bottom: 3px solid #f9b532;
    padding: .75rem;
    vertical-align: top;
    font-weight: normal;
    white-space: nowrap;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
.pmla.table>:not(:last-child)>:last-child>* {
    
    background-color: #8f1e23;
}

/* tabs */
.navtabs .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
.navtabs div a.nav-item.nav-link,
.navtabs div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#f28b00;
    border-radius:0;
}

.navtabs > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #95241e ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #95241e;
    border-bottom:5px solid #95241e;
    padding:30px 25px;
}

.navtabs > div a.nav-item.nav-link:hover,
.navtabs > div a.nav-item.nav-link:focus
{
  border: none;
    background: #95241e;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
.subzonal td {
    background: #6c6a6a !important;
	    color: rgb(255, 255, 255);
		text-align: center;
}
.shadow-dance-text {
    font-size: 4rem;
    color: #fff;
    text-shadow: 5px 5px 0 #f28b00, 10px 10px 0 #00d4ff;
    animation: shadow-dance 2s infinite;
}

@keyframes shadow-dance {
    0%, 100% {
        text-shadow: 5px 5px 0 #ff005e, 10px 10px 0 #00d4ff;
    }
    50% {
        text-shadow: -5px -5px 0 #00d4ff, -10px -10px 0 #ff005e;
    }
}

.neon-text {
    
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    }
    
}




*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --color-primary: #f6aca2;
  --color-secondary: #f49b90;
  --color-tertiary: #f28b7d;
  --color-quaternary: #f07a6a;
  --color-quinary: #ee6352;
}



.footer-item .footer-link {
    line-height: 30px;
    color: var(--bs-white);
    transition: 0.5s;
	padding:3px;
}
.footer-item .footer-link:hover {
    letter-spacing: 1px;
    color: #f28b00 !important;
	
}
ul.arrowcls li:before {
    content: '\F13E';
    font-family: "Material Design Icons";
    padding-right: 10px;
    font-size: .85rem;
    color: #ffa902;
    float: left;
}
.img-footer img{
	border: 0.1px solid #e3e3e3
}
.logo-footer{
	
	margin-right: 200px;
}
@keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
        .blinking-text {
            
            
            animation: blink 1s infinite;
        }
tbody {
    border: 1px solid #dee2e6;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}
.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.addressdetails {
    white-space: break-spaces;
}
.whoswho td:nth-child(2),.whoswho td:nth-child(3),tr.midtd td,.phoneicon,.internaltable td:nth-child(2),.internaltable td:nth-child(3),tr.midtd td,.phoneicon {
    white-space: nowrap !important;
	line-height: 1.8;
}
.press-rel:hover, .press-rel:focus{
	
	color: #fefeff !important;
     background-color: #95241e !important;
}
.press-rel{
   
    width: auto!important;
    padding: .25rem 1rem;
	color: #fefeff !important;
}
.mb-4 {
    margin-bottom: 0.5rem !important;
}
.fo{
	
	margin-top:-107px;
	margin-bottom: -80px;
}




.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #001659;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    line-height: 20px;
    height: 30px;
}

.marquee-track {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 450s linear infinite;
}

.marquee-item {
    display: inline-block;
    margin: 0 3rem;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
}

    .marquee-item:hover {
        text-decoration: underline;
        color: gold;
        font-size: 20px;
    }

.marquee-container:hover .marquee-track {
    animation-play-state: paused;
}

@keyframes scroll-left {
    0% { 
        transform: translateX(0); 
    }
    100% { 
        transform: translateX(-100%); 
    }
}
/* Carousel Image Aspect Ratio Fix - Option 1: Cover (fills container, may crop) */
/*.header-carousel .header-carousel-item img {
    object-fit: cover;
    object-position: center;
}*/

/* Carousel Image Aspect Ratio Fix - Option 2: Contain (shows full image, may add letterbox) */
/* Uncomment below and comment out Option 1 to test this version */
/**/
/*.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    background-color: #f5f5f5;
}*/

 
/*rnd*/
/*
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    background-image: url(/img/about-bg.png);
}*/


/* ============================================
   Contain & Frame Style Variations
   Professional layouts that show full images
   ============================================ */




/* Option 13G: Colored Border Frame */
/**/

/*.header-carousel .header-carousel-item {
    padding: 20px;
    background-color: #ffffff;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 4px solid #8f1e23;
    box-shadow: 0 4px 12px rgba(143, 30, 35, 0.2);
}*/
.header-carousel .header-carousel-item {
    /*padding: 20px;*/
    padding: 0px;
    background-color: #ffffff;
}

    .header-carousel .header-carousel-item img {
        object-fit: contain;
        /*object-fit: cover;*/
        object-position: center;
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: none;
    }

/* Add border only on desktop */
@media (min-width: 768px) {
    .header-carousel .header-carousel-item {
        padding: 20px;
    }

        .header-carousel .header-carousel-item img {
            border: 4px solid #8f1e23;
            box-shadow: 0 4px 12px rgba(143, 30, 35, 0.2);
        }
}

/**/

/* Option 13H: Gradient Border Frame */
/*
.header-carousel .header-carousel-item {
    padding: 20px;
    background-color: #ffffff;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
*/

/* Option 13I: Rounded Corner Frame */
/*
.header-carousel .header-carousel-item {
    padding: 20px;
    background-color: #ffffff;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
*/



/* Option 13K: 3D Frame Effect */
/*
.header-carousel .header-carousel-item {
    padding: 25px;
    background-color: #ffffff;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 3px solid #ddd;
    box-shadow: 
        0 1px 0 #fff,
        0 2px 0 #ddd,
        0 3px 0 #fff,
        0 4px 0 #ddd,
        0 5px 10px rgba(0,0,0,0.2);
}
*/

/* Option 13L: Vintage Wood Frame */
/*
.header-carousel .header-carousel-item {
    padding: 30px;
    background: linear-gradient(135deg, #8b6f47 0%, #6b5638 100%);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 2px solid #d4af37;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
*/

/* Option 13M: Neon Glow Frame */
/*
.header-carousel .header-carousel-item {
    padding: 25px;
    background-color: #1a1a1a;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border: 2px solid #00ffff;
    box-shadow: 
        0 0 10px #00ffff,
        0 0 20px #00ffff,
        0 0 30px #00ffff;
}
*/





/* Option 13P: Asymmetric Frame - Modern Look */
/*
.header-carousel .header-carousel-item {
    padding: 15px 15px 15px 40px;
    background-color: #ffffff;
}
.header-carousel .header-carousel-item img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    border-left: 5px solid #8f1e23;
    box-shadow: -5px 0 15px rgba(143, 30, 35, 0.1);
}
*/
/* Navbar container */


.navbar .navbar-nav {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
}



/* Different grey shades for dynamic blocks */
/*.bg-shade-0 {
    background-color: #f8f9fa !important;*/ /* Light grey */
/*}

.bg-shade-1 {
    background-color: #e9ecef !important;*/ /* Medium-light grey */
/*}

.bg-shade-2 {
    background-color: #dee2e6 !important;*/ /* Medium grey */
/*}

.bg-shade-3 {
    background-color: #ced4da !important;*/ /* Medium-dark grey */
/*}*/

/* Different grey shades for dynamic blocks - Enhanced Styling */
.bg-shade-0 {
    background-color: #f8f9fa !important; /* Light grey */
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

    .bg-shade-0:hover {
        background-color: #f1f3f4 !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

    .bg-shade-0::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(to bottom, #6c757d, #495057);
        border-radius: 4px 0 0 4px;
    }

.bg-shade-1 {
    background-color: #e9ecef !important; /* Medium-light grey */
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

    .bg-shade-1:hover {
        background-color: #e2e6ea !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

    .bg-shade-1::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(to bottom, #6c757d, #495057);
        /*background: linear-gradient(to bottom, #6c757d, #6c757d);*/
        border-radius: 4px 0 0 4px;
    }

.bg-shade-2 {
    background-color: #dee2e6 !important; /* Medium grey */
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

    .bg-shade-2:hover {
        background-color: #d7dce1 !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
    }

    .bg-shade-2::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(to bottom, #6c757d, #495057);
        /* background: linear-gradient(to bottom, #28a745, #1e7e34);*/
        border-radius: 4px 0 0 4px;
    }

.bg-shade-3 {
    background-color: #ced4da !important; /* Medium-dark grey */
    border: 1px solid #adb5bd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

    .bg-shade-3:hover {
        background-color: #c6cdd4 !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
        transform: translateY(-2px);
    }

    .bg-shade-3::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(to bottom, #6c757d, #495057);
        /* background: linear-gradient(to bottom, #dc3545, #c82333);*/
        border-radius: 4px 0 0 4px;
    }

/* Enhanced text styling within shaded blocks */
.bg-shade-0 h1, .bg-shade-0 h2, .bg-shade-0 h3, .bg-shade-0 h4, .bg-shade-0 h5, .bg-shade-0 h6 {
    /* color: #495057;*/
    color: #1f2937;
    margin-bottom: 15px;
}

.bg-shade-1 h1, .bg-shade-1 h2, .bg-shade-1 h3, .bg-shade-1 h4, .bg-shade-1 h5, .bg-shade-1 h6 {
    /*color: #343a40;*/
    color: #1f2937;
    margin-bottom: 15px;
}

.bg-shade-2 h1, .bg-shade-2 h2, .bg-shade-2 h3, .bg-shade-2 h4, .bg-shade-2 h5, .bg-shade-2 h6 {
    /* color: #212529;*/
    color: #1f2937;
    margin-bottom: 15px;
}

.bg-shade-3 h1, .bg-shade-3 h2, .bg-shade-3 h3, .bg-shade-3 h4, .bg-shade-3 h5, .bg-shade-3 h6 {
    /*color: #000;*/
    color: #1f2937;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bg-shade-0, .bg-shade-1, .bg-shade-2, .bg-shade-3 {
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 6px;
    }

        .bg-shade-0:hover, .bg-shade-1:hover, .bg-shade-2:hover, .bg-shade-3:hover {
            transform: none; /* Disable hover transform on mobile */
        }
}

/* Enhanced button styling */
.btn-enhanced {
    border-radius: 20px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

    .btn-enhanced:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        border-color: #600018;
    }