:root {
   --red: #ca3b2d;
   --white: #fff;
}
/* .header .log-desktop {
    width: 100%;
    max-width: 160px;
    border-radius: 12%;
    background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0;
    transform: translateY(36px);
} */
.HeaderMid {
   display: inline-block;
   width: 100%;
}
.HeaderTopSection .logo {
   display: inline-block;
   vertical-align: middle;
   width: 90px;
   margin: 10px 30px 10px 0;
}
.HeaderTopSection p {
   display: inline-block;
   max-width: 540px;
   font-size: 15px;
   font-weight: 600;
   margin: 0;
   padding: 0;
   vertical-align: middle;
}
.header .log-desktop {
   width: 100%;
   max-width: 160px;
   border-radius: 12%;
   background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0;
}
.HeaderTopSection {
   background: #fff url("../image/header_bg_raj.jpg") no-repeat scroll right top;
}
.header .navbar {
   border-bottom: 5px solid var(--red);
   height: 68.8px;
   background: #031a39;
}
.header .desktop-brand {
   position: relative;
}
.header .desktop-brand {
   margin: 0;
}
.header .dropdown-item {
   border-bottom: 1px solid #ededed;
   padding: 10px;
   font-size: 15px;
}
.header .dropdown-item:hover {
   background: #0c77b7;
   color: #fff;
}

.header .dropdown-menu {
   border-radius: 0px;
   padding: 0;
   border: 1px solid #ededed;
   border-top: 0;
   margin-left: 15px;
}
.header .navbar-nav .nav-link {
   color: #fff;
   font-weight: 600;
   padding-left: 15px;
   padding-right: 15px;
}
.header .navbar-nav .language-link {
   color: red;
}

.hero-sec .carousel-item img {
   height: 60vh;
   object-fit: cover;
   object-position: center;
}
.carousel-indicators button {
   width: 12px !important;
   height: 12px !important;
   border-radius: 100% !important;
   background: transparent !important;
   border: 1px solid var(--white) !important;
}
.carousel-indicators .active {
   background-color: var(--white) !important;
}
.p-top {
   padding-top: 32px;
}
.p-bottom {
   padding-bottom: 32px;
}
.about-us-content > p {
   text-align: justify;
}
.service-with-smile > img {
   min-height: 200px;
   border-radius: 10px;
   border: 1px solid #a0a0a0;
}
.service-with-smile {
   padding-block: 32px;
}
.services-sec img {
   border: 1px solid #ccc;
   margin-bottom: 40px;
}
.latest-sec .card {
   margin-bottom: 30px;
   background: transparent;
   border-radius: 0;
   border: 0;
}
.latest-sec .latest-cards {
   background: rgba(255, 192, 203, 0.47);
   padding: 30px;
   padding-bottom: 0;
}
.latest-sec .card-body {
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
}
.latest-sec .card-body h5 a {
   text-decoration: none;
   color: #000;
}
.latest-sec .card-body h5 {
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 16px;
}
.latest-sec .card-body .btn-primary {
   border-radius: 0;
}
.latest-sec .card-content h4 {
   margin-bottom: 25px;
   text-transform: uppercase;
   color: #000;
   font-size: 18px;
   font-weight: 700;
}
.latest-sec .card-content h4 a {
   text-decoration: none;
   color: #000;
}
.latest-sec .card-content h4 a:hover {
   text-decoration: underline;
}
.latest-sec .latest-cards .card:last-child {
   margin-bottom: 0px;
}
.latest-sec .side-bar ul li a {
   color: #000;
   font-weight: 500;
   text-decoration: none;
}
.latest-sec .side-bar ul li a:hover {
   text-decoration: underline;
}
.latest-sec .side-bar ul li {
   margin-bottom: 15px;
}
.latest-sec .side-bar {
   background: rgba(255, 192, 203, 0.47);
   padding: 30px;
   height: 100%;
}
.latest-sec .side-bar ul li {
   margin-bottom: 20px;
}
.latest-sec .side-bar h4 span {
   display: inline-block;
   background: #fff;
   padding: 10px 15px;
   border-radius: 4px 4px 0 0;
   border: 1px solid #ddd;
   color: #555;
   font-weight: 500;
}
.latest-sec .side-bar h4 {
   border-bottom: 1px solid #ddd;
   margin-bottom: 15px;
   font-size: 18px;
}
.latest-sec .side-bar .text-primary {
   text-decoration: none;
   font-weight: 500;
}
.latest-sec .side-bar .text-primary:hover {
   text-decoration: underline;
}
.heading-h2 {
   font-size: 25px;
   text-transform: uppercase;
   margin-bottom: 40px;
   color: #000;
}

.infographic-sec {
   background: #e9e9e9;
}
.total-visiter img {
   margin-left: -5px;
}
.footer {
   background-color: #0c77b7;
}
.footer .footer-content h6 a {
   color: #fff;
   text-decoration: none;
}
.footer .footer-content ul li a {
   font-size: 15px;
   color: #fff;
   text-decoration: none;
}
.footer .footer-content ul li {
   display: inline-block;
   position: relative;
   padding-right: 10px;
}
.footer .footer-content ul {
   margin-top: 15px !important;
}
.footer .footer-content ul li:after {
   position: absolute;
   content: "|";
   color: #fff;
   right: 0px;
   top: 0;
}
.footer p {
   color: #fff;
   font-size: 15px;
   margin-bottom: 0;
   margin-top: 5px;
}
.footer-content h6 a:hover {
   text-decoration: underline;
}
.footer .footer-content ul li a:hover {
   text-decoration: underline;
}
.footer .footer-content ul li:last-child::after {
   display: none;
}
.footer .footer-content h6 strong {
   font-weight: 600;
}
.bredcrumb-sec {
   margin-top: 0px; /*68.8px*/
   background: #0387d5;
   border-top: 1px solid #039df8;
   color: #fff;
   padding: 30px 0px;
}
.bredcrumb-sec .bredcurmb-column {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}
.bredcrumb-sec .breadcrumb-item + .breadcrumb-item::before {
   color: var(--white);
}
.bredcrumb-sec .breadcrumb-item a {
   text-decoration: none;
}
.bredcrumb-sec .breadcrumb-item a:hover {
   text-decoration: underline;
}
.bredcrumb-sec .heading-h2 {
   margin-bottom: 0px !important;
}
.bredcrumb-sec .breadcrumb {
   margin-bottom: 0px;
}
.ind-gov {
   text-decoration: none;
}
.ind-gov:hover {
   text-decoration: underline;
}
.height-100 {
   height: 100%;
}
.tools-sec .tools-card {
   position: relative;
   overflow: hidden;
}
.tools-sec .tools-card {
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;
}
.tools-sec .tools-card .content {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.tools-sec .tools-card .content-column {
   padding: 15px;
   transition: all 0.4s ease-in-out;
   transform: scale(0);
   opacity: 0;
}
.tools-sec .tools-card .contnt-main {
   width: 100%;
}
.tools-sec .tools-card:hover .content-column {
   opacity: 1;
   transform: scale(1);
}
.tools-sec .tools-card:hover .content {
   background-color: rgba(0, 0, 0, 0.8);
}

.tools-sec .tools-card .content h5 {
   font-size: 15px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
   color: #fff;
   font-weight: 500;
   transition: all 0.4s ease-in-out;
   transform: translateY(70px);
   text-transform: uppercase;
}
.tools-sec .tools-card:hover h5 {
   transform: translateY(0px) !important;
}
.tools-sec .tools-card .content p {
   color: #fff;
   font-size: 15px;
}
.tools-sec .tools-card .content a {
   text-decoration: none;
}
.tools-sec .tools-card .content a:hover {
   text-decoration: underline;
}
.aaykar-seva-kendra-table td {
   font-weight: 600 !important;
   padding-top: 15px;
   padding-bottom: 15px;
   cursor: pointer;
}
.modal-fan .btn-close {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1521_52)'%3E%3Cpath d='M0.293 0.292593C0.480528 0.105122 0.734836 -0.000193557 1 -0.000193557C1.26516 -0.000193557 1.51947 0.105122 1.707 0.292593L8 6.58559L14.293 0.292593C14.3852 0.197083 14.4956 0.1209 14.6176 0.0684915C14.7396 0.0160825 14.8708 -0.0115037 15.0036 -0.0126576C15.1364 -0.0138114 15.2681 0.0114903 15.391 0.0617712C15.5139 0.112052 15.6255 0.186305 15.7194 0.280198C15.8133 0.374091 15.8875 0.485743 15.9378 0.608639C15.9881 0.731535 16.0134 0.863215 16.0123 0.995994C16.0111 1.12877 15.9835 1.25999 15.9311 1.382C15.8787 1.504 15.8025 1.61435 15.707 1.70659L9.414 7.99959L15.707 14.2926C15.8892 14.4812 15.99 14.7338 15.9877 14.996C15.9854 15.2582 15.8802 15.509 15.6948 15.6944C15.5094 15.8798 15.2586 15.985 14.9964 15.9873C14.7342 15.9895 14.4816 15.8888 14.293 15.7066L8 9.41359L1.707 15.7066C1.5184 15.8888 1.2658 15.9895 1.0036 15.9873C0.741402 15.985 0.490589 15.8798 0.305181 15.6944C0.119773 15.509 0.0146043 15.2582 0.0123259 14.996C0.0100475 14.7338 0.110842 14.4812 0.293 14.2926L6.586 7.99959L0.293 1.70659C0.105529 1.51907 0.000213504 1.26476 0.000213504 0.999593C0.000213504 0.734429 0.105529 0.480121 0.293 0.292593Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1521_52'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
   opacity: 1;
}
.bg-grey {
   background: #dedede;
}
.creative-owner .tools-card .content h5 {
   transform: translateY(0px);
}
.login-sec .login-column {
   border: 1px solid #ccc !important;
   padding: 20px;
   background: #f7f7f7;
}
.login-sec .form-control {
   min-height: 46px;
   border: 1px solid #e5e5e5;
   border-radius: 3px;
}
.login-sec .btn-primary {
   min-height: 46px;
   border-radius: 3px;
}
.login-sec {
   padding-top: 170px;
}
.login-sec .profile-images {
   width: 96px;
   height: 96px;
   border-radius: 100%;
   margin: 10px 0px;
}
.height-vh {
   height: 100vh;
}
.hand-book-sec .form-group {
   flex: auto;
   padding: 0px 15px;
}
.hand-book-sec .input-group-list {
   background: #0387d5;
   padding-top: 15px;
   padding-bottom: 15px;
}
.hand-book-sec .form-control {
   min-height: 45px;
   border-radius: 0px;
}
.hand-book-sec .form-group .btn-danger {
   min-height: 45px;
   border-radius: 0px;
}
.panting-sec .paint-img img {
   height: 300px;
   width: 100%;
   object-fit: cover;
   object-position: center;
}
.panting-sec .paint-img {
   position: relative;
   overflow: hidden;
   /* padding: 15px; */
}

.panting-sec .paint-img h5 {
   position: absolute;
   top: 50%;
   width: 100%;
   left: 0;
   right: 0;
   text-align: center;
   transform: translateY(-50%);
   color: #fff;
   margin: 0;
   padding: 15px;
}
.panting-sec .paint-img:hover a {
   text-decoration: underline;
}
.panting-sec .pantingSwiper {
   padding-bottom: 50px;
}
.panting-sec .swiper-button-next,
.swiper-button-prev {
   top: var(--swiper-navigation-top-offset, 45%);
}
.archive-column .card-imgs img {
   width: 300px;
   height: 200px;
   object-fit: cover;
   object-position: center;
}
.archive-column .card-body h5 a {
   color: #000;
   text-decoration: none;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   line-clamp: 3;
   -webkit-box-orient: vertical;
}
.archive-column .card-body h5 a:hover {
   text-decoration: underline;
}
.media-news-column li a:hover {
   text-decoration: underline !important;
}
@media (max-width: 1199.98px) {
   .header .log-desktop {
      max-width: 100px;
      transform: translateY(15px);
   }
   .header .dropdown-menu {
      /* min-width: 100%; */
      margin-left: 15px;
   }
   .archive-column .card-imgs img {
      width: 180px;
      height: 162px;
   }
   .archive-column .card-body h5 a {
      font-size: 18px;
   }
}
@media (min-width: 991.98px) {
   .header .navbar-nav .dropdown:hover .dropdown-menu {
      display: block;
   }
}
@media (max-width: 991.98px) {
   .login-sec {
      padding-top: 130px;
   }
   .header .log-desktop {
      transform: translateY(0px);
   }
   .header .log-desktop {
      max-width: 75px;
   }
   .header .navbar {
      height: auto;
      padding: 5px 0px;
   }
   .header .dropdown-menu {
      border-top: 1px solid #ededed;
   }
   .latest-sec .latest-cards .card:last-child {
      margin-bottom: 30px;
   }
   .latest-sec .latest-cards {
      margin-bottom: 30px;
   }
   .bredcrumb-sec {
      margin-top: 81.8px;
      padding: 20px 0px;
   }
   .hand-book-sec .input-group {
      flex-direction: column;
   }
   .hand-book-sec .input-group .form-group {
      margin-bottom: 15px;
   }
   .hand-book-sec .input-group .form-group:last-child {
      margin-bottom: 0px;
   }
}
@media (max-width: 767.98px) {
   .p-bottom {
      padding-bottom: 32px;
   }
   .archive-column .card-body h5 a {
      font-size: 16px;
   }
   .archive-column .card-imgs img {
      width: 140px;
      height: 136px;
   }
   .archive-column .card-body h5 a {
      -webkit-line-clamp: 2;
      line-clamp: 2;
   }
   .p-top {
      padding-top: 32px;
   }
   .services-sec img {
      margin-bottom: 30px;
   }
   .footer .footer-content ul li a {
      font-size: 14px;
   }
   .bredcrumb-sec .bredcurmb-column {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .bredcrumb-sec .heading-h2 {
      margin-bottom: 5px !important;
      text-align: center;
   }
   .tools-sec .tools-card .content-column {
      padding: 5px;
   }
   .tools-sec .tools-card .content h5 {
      font-size: 14px;
      margin-bottom: 5px;
   }
   .tools-sec .tools-card .content p {
      font-size: 13px;
      margin-bottom: 5px;
   }
   .tools-sec .tools-card .content a {
      font-size: 14px;
   }
   .tools-sec .tools-card .content h5 {
      padding: 8px;
      transform: translateY(50px);
   }
   .creative-owner .tools-card .content h5 {
      transform: translateY(0px);
   }
   .pantingSwiper .swiper-button-next {
      display: none;
   }
   .pantingSwiper .swiper-button-prev {
      display: none;
   }
}
@media (max-width: 575.98px) {
   .hero-sec .carousel-item img {
      height: 400px;
   }
   .useful-sec .card-main .flex-shrink-0 {
      flex-shrink: 1;
      width: 150px;
   }
   .useful-sec .card-main p {
      font-size: 14px;
   }
   .useful-sec .card-main a {
      font-size: 14px;
   }
   .useful-sec .card-main .flex-shrink-0 img {
      height: 100%;
      object-fit: cover;
      object-position: center;
   }
}

/* ============================================
   HOMEPAGE FLEXIBLE LAYOUT SYSTEM
   Added for independent sidebar structure
   ============================================ */

/* CSS Custom Properties for Layout */
:root {
   --sidebar-width: 350px;
   --section-gap: 30px;
   --sidebar-gap: 20px;
   --container-max-width: 1200px;
   --border-radius: 8px;
}

/* Main Page Layout Wrapper - CSS Grid */
.page-layout {
   display: grid;
   grid-template-columns: 1fr var(--sidebar-width);
   gap: var(--section-gap);
   max-width: var(--container-max-width);
   margin: 0 auto;
   padding: var(--section-gap) 15px;
   align-items: start;
}

/* Main Content Area - Left Column */
.main-content {
   display: flex;
   flex-direction: column;
   gap: var(--section-gap);
   min-width: 0;
}

/* Persistent Sidebar - Right Column */
.persistent-sidebar {
   display: flex;
   flex-direction: column;
   gap: var(--sidebar-gap);
   position: sticky;
   top: 20px;
   align-self: start;
}

/* Banner Stack in Sidebar */
.sidebar-banner-stack {
   display: flex;
   flex-direction: column;
   gap: var(--sidebar-gap);
}

.sidebar-banner-stack .banner-item {
   width: 100%;
   border-radius: var(--border-radius);
   overflow: hidden;
}

.sidebar-banner-stack .banner-item img {
   width: 100%;
   height: auto;
   display: block;
}

/* Content Section Base */
.content-section {
   border-radius: var(--border-radius);
   overflow: hidden;
}

/* Events Grid - 2 columns */
.events-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}

/* Section Header with title and link */
.section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
}

.section-header .section-title {
   margin-bottom: 0;
   text-transform: uppercase;
   color: #000;
   font-size: 18px;
   font-weight: 700;
}

/* News Corner in Sidebar - Preserve original styling */
.persistent-sidebar .side-bar {
   background: rgba(255, 192, 203, 0.47);
   padding: 30px;
   flex-grow: 1;
   height: auto;
   max-height: 600px;
   overflow-y: auto;
   border-radius: var(--border-radius);
}

.persistent-sidebar .side-bar ul li a {
   color: #000;
   font-weight: 500;
   text-decoration: none;
}

.persistent-sidebar .side-bar ul li a:hover {
   text-decoration: underline;
}

.persistent-sidebar .side-bar ul li {
   margin-bottom: 20px;
}

.persistent-sidebar .side-bar h4 span {
   display: inline-block;
   background: #fff;
   padding: 10px 15px;
   border-radius: 4px 4px 0 0;
   border: 1px solid #ddd;
   color: #555;
   font-weight: 500;
}

.persistent-sidebar .side-bar h4 {
   border-bottom: 1px solid #ddd;
   margin-bottom: 15px;
   font-size: 18px;
}

.persistent-sidebar .side-bar .text-primary {
   text-decoration: none;
   font-weight: 500;
}

.persistent-sidebar .side-bar .text-primary:hover {
   text-decoration: underline;
}

/* ============================================
   HOMEPAGE LAYOUT - RESPONSIVE
   ============================================ */

@media (max-width: 991.98px) {
   .page-layout {
      grid-template-columns: 1fr;
      padding: 20px 15px;
   }
   
   .persistent-sidebar {
      position: relative;
      top: 0;
      order: -1;
   }
   
   .sidebar-banner-stack {
      flex-direction: row;
      flex-wrap: wrap;
   }
   
   .sidebar-banner-stack .banner-item {
      flex: 1 1 calc(50% - 10px);
      min-width: 150px;
   }
   
   .events-grid {
      grid-template-columns: 1fr;
   }
   
   .persistent-sidebar .side-bar {
      max-height: 400px;
   }
}

@media (max-width: 575.98px) {
   :root {
      --section-gap: 20px;
      --sidebar-gap: 15px;
   }
   
   .sidebar-banner-stack .banner-item {
      flex: 1 1 100%;
   }
}