/* ==============================
   1. Imported styles
   ============================== */

   @import url(https://fonts.googleapis.com/css?family=Raleway:400,900italic,900,800italic,800,700italic,700,600italic,600,500italic,500,400italic,300italic,300,200italic,200);
   @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
   @import url(https://fonts.googleapis.com/css?family=Oregano:400,400italic);
   @import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
   @import url(https://fonts.googleapis.com/css?family=Seaweed+Script);
   @import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
   @import url(../assets/bootstrap/css/bootstrap.min.css);
   @import url(../assets/font-awesome/css/font-awesome.min.css);
   @import url(../assets/revolution/css/settings.css);
   @import url(../assets/revolution/css/layers.css);
   @import url(../assets/revolution/css/navigation.css);
   @import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
   @import url(../assets/owl.carousel-2/assets/owl.carousel.css);
   @import url(../assets/owl.carousel-2/assets/owl.theme.default.min.css);
   @import url(../assets/animate.min.css);
   @import url(../assets/fancyapps-fancyBox/source/jquery.fancybox.css);
   @import url(../assets/flaticon/flaticon.css);
   @import url(../assets/Polyglot-Language-Switcher-master/css/polyglot-language-switcher.css);
   @import url(../assets/nouislider/nouislider.css);
   @import url(../assets/nouislider/nouislider.pips.css);
   @import url(../assets/bootstrap-touch-spin/jquery.bootstrap-touchspin.css);
   @import url(../assets/fitness-care-icon/style.css);
   @import url(../assets/menuzord/css/menuzord.css);
   @import url(../assets/bootstrap-select/dist/css/bootstrap-select.min.css);

   /* ==============================
      2. Global styles
      ============================== */

   body {
       font-family: 'Roboto', sans-serif;
       font-size: 14px;
       line-height: 26px;
       perspective: 1000;
       overflow-x: hidden;
       background: url('') no-repeat center/cover;
   }

   :root {
    --bg-color:#002352;
    --text-color:#ffffff;
   }
   input#edit-reset-circular-orders {
    background-color: #e9e9e9 !important;
}
input#edit-reset-results-of-events{
    background-color: #e9e9e9 !important;
}

   .btn-primary{
    background: var(--bg-color) !important;
   }
   .btn-outline-secondary{
    border: 1px solid var(--bg-color) !important;
    color:  1px solid var(--bg-color) !important;
   }
   .btn-outline-secondary:hover{
    background-color: #ffffff !important;
    transform: translateY(0px) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
   }
   nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
    color: #fff !important;
  }
  
  nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item a {
    color: #fff !important;
  }

   img {
       max-width: 100%;
   }

   a,
   a:hover,
   a:focus {
       text-decoration: none;
       outline: none;
       
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: 'Roboto', sans-serif;
   }

   input,
   textarea {
       outline: none;
   }

   p {
       font-family: 'Rajdhani', sans-serif;
           font-weight: 400; 
        }


   .animate-3 {
       transition: all 0.3s ease;
   }

   .animate-5 {
       transition: all 0.5s ease;
   }

   .animate-7 {
       transition: all 0.7s ease;
   }

   .animate-3-all * {
       transition: all 0.3s ease;
   }

   .animate-5-all * {
       transition: all 0.5s ease;
   }

   .animate-7-all * {
       transition: all 0.7s ease;
   }

   @media (min-width: 1200px) {
       .container {
           padding: 0;
       }
   }

   .white-bg {
       background: #ffffff !important;
   }

   .color-black {
       color: #272727 !important;
   }

   .color-gray {
       color: #9e9e9e !important;
   }

   .color-white {
       color: #ffffff !important;
   }

   .color-green {
       color: #322b8a !important;
   }

   .font-oregano {
       font-family: 'Oregano', sans-serif !important;
   }

   .pl-30 {
       padding-left: 30px;
   }

   .pt30 {
       padding-top: 30px !important;
   }

   .pt0 {
       padding-top: 0 !important;
   }

   .pb0 {
       padding-bottom: 0 !important;
   }

   .mb0 {
       margin-bottom: 0 !important;
   }

   .thm-btn {
       border: none;
       outline: none;
       background: #322b8a;
       font-size: 16px;
       line-height: 50px;
       font-weight: bold;
       color: #ffffff;
       text-transform: uppercase;
       font-family: 'Roboto', sans-serif;
       display: inline-block;
       transition: all .5s ease !important;
       position: relative;
       padding: 0 40px;
   }

   .thm-btn:hover {
       background: #2b2c2d;
       color: #ffffff;
   }

   .thm-btn i {
       font-size: 14px;
       color: #ffffff;
   }

   .thm-btn.thm-black {
       background: #0c0c0c;
   }

   .thm-btn.thm-black:hover {
       background: #322b8a;
       color: #ffffff;
       border-color: #0c0c0c;
   }

   .thm-btn.borderd {
       border: 2px solid #ffffff;
       line-height: 46px;
       padding: 0 27px;
       background-color: transparent;
       color: #ffffff;
   }

   .thm-btn.borderd:not(.borderd) {
       padding: 0 25px;
   }

   .thm-btn.borderd:hover {
       background: #2b2c2d;
       border-color: #2b2c2d;
   }

   .section-padding {
       padding: 80px 0;
   }

   .section-padding.page-title {
       padding-bottom: 30px;
   }

   .section-title {
       padding-bottom: 60px;
   }

   .section-title a {
       color: #322b8a;
       background: #ffffff;
       font-family: "Roboto", sans-serif;
       font-size: 14px;
       text-transform: uppercase;
       margin-top: 2px;
       font-weight: 600;
   }
   a.arrow-push-out-right1 {
    background: #2646a8;
    color: #fff;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    top: 15px; /* 👈 isse bhi niche shift hoga */
}
a.arrow-push-out-right1:hover {
    background: linear-gradient(45deg, #2646a8, #4e7efc);
    color: #fff; /* text remains white */
    transform: scale(1.05) translateY(-2px); /* lift + enlarge */
    box-shadow: 0 6px 15px rgba(78, 126, 252, 0.4); /* glowing effect */
  }
   .section-title h1 {
       color: #272727;
       font-size: 30px;
       margin-bottom: -6px;
       margin-top: -6px;
       position: relative;
       text-transform: uppercase;
       font-weight: 700;
       background: rgba(0, 0, 0, 0) url("../img/resources/section-title/bg.png") repeat-x left center;
   }

   .section-title h1 span {
       background: #ffffff;
       padding-right: 30px;
   }

   .section-title.text-center h1 span {
       padding-left: 30px;
       padding-right: 30px;
   }

   .accrodion h4,
   .accrodion p {
       margin: 0;
       padding: 0;
   }

   .accrodion.active .accrodion-title {
       border-bottom: 0 !important;
   }

   .accrodion.active .accrodion-title h4:before {
       content: '\f068 ';
       background: #322b8a;
       border-color: #322b8a;
       color: #ffffff;
   }

   .accrodion:last-child .accrodion-title {
       border-bottom: 1px solid #f7f7f7;
   }

   .accrodion .accrodion-title {
       cursor: pointer;
       position: relative;
       border-top: 1px solid #f7f7f7;
       padding-top: 15px;
       padding-bottom: 15px;
   }

   .accrodion .accrodion-title h4 {
       font-size: 18px;
       font-weight: 600;
       color: #272727;
   }

   .accrodion .accrodion-title h4:before {
       content: '\f067 ';
       font-family: 'FontAwesome';
       font-weight: normal;
       font-size: 14px;
       width: 30px;
       height: 30px;
       line-height: 26px;
       border: 2px solid #dedede;
       color: #dedede;
       display: inline-block;
       text-align: center;
       transition: all 0.5s ease;
       margin-right: 15px;
       border-radius: 50%;
   }

   .accrodion .accrodion-content {
       padding-left: 50px;
       padding-bottom: 25px;
   }

   .accrodion .accrodion-content p {
       margin: 0;
       margin-top: -10px;
       font-size: 14px;
       color: #9e9e9e;
       line-height: 26px;
       font-family: 'Raleway';
   }

   .accrodion .accrodion-content .text-box {
       padding-left: 25px;
   }

   .page-navigation {
       margin-top: 50px;
   }

   .page-navigation li {
       display: inline;
   }

   .page-navigation li a,
   .page-navigation li span {
       width: 46px;
       height: 46px;
       line-height: 44px;
       background: #ffffff;
       color: #cdcdcd;
       font-size: 20px;
       display: inline-block;
       border: 1px solid #e2e2e2;
       margin-right: 5px;
       text-align: center;
       transition: all .3s ease;
   }

   .page-navigation li a i,
   .page-navigation li span i {
       font-size: 16px;
       color: #cdcdcd;
   }

   .page-navigation li span,
   .page-navigation li a:hover {
       background: #ff8c04;
       color: #ffffff;
       border-color: #ff8c04;
   }

   .home-google-map .google-map {
       width: 100%;
       height: 625px;
   }

   .mixit-gallery .mix {
       display: none;
   }

   ul.gallery-filter li:hover span,
   ul.gallery-filter li.active span {
       background: #322b8a;
       color: #ffffff;
       border-color: #322b8a;
   }

   ul.gallery-filter li span {
       display: block;
       font-size: 16px;
       color: #9e9e9e;
       font-weight: bold;
       border: 1px solid #f7f7f7;
       line-height: 48px;
       padding-left: 19px;
       padding-right: 19px;
       transition: all 0.5s ease;
       cursor: pointer;
       background: url(../img/single-project-item/bg.png) repeat top left;
   }

   ul.post-pagination li:hover a,
   ul.post-pagination li.active a {
       background: #322b8a;
       border-color: #322b8a;
       color: #ffffff;
   }

   ul.post-pagination li a {
       display: block;
       font-size: 18px;
       color: #322b8a;
       font-weight: bold;
       border: 1px solid #f4f4f4;
       line-height: 50px;
       padding-left: 20px;
       padding-right: 20px;
       transition: all 0.5s ease;
       cursor: pointer;
       background: url(../img/resources/texture/strip.png) repeat;
   }

   .pattern-2 {
       position: relative;
       background: url(../img/resources/texture/pattern-1.png) repeat;
   }

   .pattern-2 * {
       position: relative;
   }

   .pattern-2:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: #131313;
       display: block;
       opacity: .95;
   }

   .pattern-2 .section-title span {
       background: #131313;
   }

   .pattern-3 {
       position: relative;
       background: url(../img/resources/texture/pattern-1.png) repeat;
   }

   .pattern-3 * {
       position: relative;
   }

   .pattern-3:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: #322b8a;
       display: block;
       opacity: .95;
   }

   .pattern-3 .section-title span {
       background: #322b8a;
   }

   .pattern-4 {
       position: relative;
       background: url(../img/resources/texture/pattern-1.png) repeat;
   }

   .pattern-4 * {
       position: relative;
   }

   .pattern-4:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: #f7f7f7;
       display: block;
       opacity: .95;
   }

   .pattern-4 .section-title span {
       background: #f7f7f7;
   }

   .pattern-5 {
       position: relative;
       background: url(../img/resources/texture/pattern-1.png) repeat;
   }

   .pattern-5 * {
       position: relative;
   }

   .pattern-5:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: #7561cd;
       display: block;
       opacity: .95;
   }

   .pattern-5 .section-title span {
       background: #7561cd;
   }

   .pattern-6 {
       position: relative;
       background: url(../img/resources/texture/pattern-1.png) repeat;
   }

   .pattern-6 * {
       position: relative;
   }

   .pattern-6:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: #c3b11b;
       display: block;
       opacity: .95;
   }

   .pattern-6 .section-title span {
       background: #c3b11b;
   }

   .flip-flop-btn span:not(.indicator) {
       -webkit-transition: -webkit-transform 0.3s;
       -moz-transition: -moz-transform 0.3s;
       transition: transform 0.3s;
       -webkit-transform-origin: 50% 0;
       -moz-transform-origin: 50% 0;
       transform-origin: 50% 0;
       -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       transform-style: preserve-3d;
       display: block;
   }

   .flip-flop-btn span:not(.indicator)::before {
       position: absolute;
       top: 100%;
       left: 0;
       width: 100%;
       height: 100%;
       content: attr(data-hover);
       -webkit-transition: background 0.3s;
       -moz-transition: background 0.3s;
       transition: background 0.3s;
       -webkit-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       transform: rotateX(-90deg);
       -webkit-transform-origin: 50% 0;
       -moz-transform-origin: 50% 0;
       transform-origin: 50% 0;
       border-radius: 0px;
       background-size: 100%;
       cursor: pointer;
   }

   .flip-flop-btn:hover span {
       -webkit-transform: rotateX(90deg) translateY(-22px);
       -moz-transform: rotateX(90deg) translateY(-22px);
       transform: rotateX(90deg) translateY(-22px);
   }

   .arrow-push-in-left span {
       display: inline-block;
       position: relative;
       transition: all 0.3s ease-out !important;
       will-change: transform;
   }

   .arrow-push-in-left:hover span {
       transform: translate3d(7px, 0, 0);
   }

   .arrow-push-in-left i {
       position: absolute !important;
       left: 0px;
       opacity: 0;
       top: 50%;
       margin-top: -1px;
       transform: translateY(-50%);
       transition: all 0.3s ease-out !important;
       will-change: right, opacity;
   }

   .arrow-push-in-left:hover i {
       opacity: 1;
       left: -14px;
   }

   .arrow-push-in-right span {
       display: inline-block;
       position: relative;
       transition: all 0.3s ease-out !important;
       will-change: transform;
   }

   .arrow-push-in-right:hover span {
       transform: translate3d(-7.5px, 0, 0);
   }

   .arrow-push-in-right i {
       position: absolute !important;
       right: 0px;
       opacity: 0;
       top: 50%;
       margin-top: -1px;
       transform: translateY(-50%);
       transition: all 0.3s ease-out !important;
       will-change: right, opacity;
   }

   .arrow-push-in-right:hover i {
       opacity: 1;
       right: -15px;
   }

   .arrow-push-out-left span {
       display: inline-block;
       position: relative;
       transform: translate3d(7.5px, 0, 0);
       transition: all 0.3s ease-out !important;
       will-change: transform;
   }

   .arrow-push-out-left:hover span {
       transform: translate3d(0px, 0, 0);
   }

   .arrow-push-out-left i {
       position: absolute !important;
       left: -15px;
       opacity: 1;
       top: 50%;
       margin-top: -1px;
       transform: translateY(-50%);
       transition: all 0.3s ease-out !important;
       will-change: right, opacity;
   }

   .arrow-push-out-left:hover i {
       opacity: 0;
       left: 15px;
   }

   .arrow-push-out-right span {
       display: inline-block;
       position: relative;
       transform: translate3d(-7.5px, 0, 0);
       transition: all 0.3s ease-out !important;
       will-change: transform;
   }

   .arrow-push-out-right:hover span {
       transform: translate3d(0px, 0, 0);
   }

   .arrow-push-out-right i {
       position: absolute !important;
       right: -15px;
       opacity: 1;
       top: 50%;
       margin-top: -1px;
       transform: translateY(-50%);
       transition: all 0.3s ease-out !important;
       will-change: right, opacity;
   }

   .arrow-push-out-right:hover i {
       opacity: 0;
       right: 15px;
   }


   /* scroll to top styles */

   .scroll-to-top {
       position: fixed;
       bottom: 30px;
       right: 15px;
       background: #202223;
       font-size: 35px;
       font-weight: normal;
       text-align: center;
       width: 52px;
       height: 52px;
       line-height: 47px;
       color: #545454;
       cursor: pointer;
       display: none;
       z-index: 99999;
       border-radius: 50%;
   }

   .pgrs-bar {
       text-align: center;
       position: relative;
       height: 200px;
       overflow: hidden;
   }

   .pgrs-bar .counter-box {
       font-size: 30px;
       color: #272727;
       font-family: 'Roboto';
       position: absolute;
       top: 50%;
       left: 0;
       width: 100%;
       margin-top: -20px;
       margin-left: 0px;
   }

   .pgrs-bar canvas {
       width: 100%;
   }

   .pgrs-bar-title {
       margin: 0;
       text-align: center;
       color: #272727;
       font-size: 24px;
       line-height: 30px;
       font-weight: bold;
   }


   /* ==============================
      3. Header styles
      ============================== */
      .home_header.mb-0 {
        align-items: center;
        display: flex;
        gap: 10px;
        left: 80px;
        list-style: none;
        position: relative;
    }
   .header {
      background: rgba(0, 0, 0, 0.85); 
     position: fixed;
       width: 100%;
       z-index: 9999;
   }

   .header .logo {
       padding: 59px 0;
   }

   .header .header-top {
       transition: all .5s ease;
       margin-top: 0px;
       overflow: hidden;
   }

   .header .header-top .top-info {
       position: relative;
       padding: 9px 0;
   }

   .header .header-top .top-info:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 20000px;
       height: 100%;
       background: #322b8a;
       border-bottom-left-radius: 5px;
       transform: skewX(45deg);
   }

   .header .header-top .contact-info {
       margin: 0;
       padding: 0;
       display: inline-block;
       position: relative;
       padding: 5px 0;
   }

   .header .header-top .contact-info li {
       display: inline-block;
       list-style: none;
   }

   .header .header-top .contact-info li span {
       display: block;
       color: #f7f7f7;
       font-size: 16px;
       text-transform: capitalize;
       margin-left: 37px;
       font-weight: 300;
   }

   .header .header-top .contact-info li span i {
       margin-right: 5px;
       font-size: 24px;
       vertical-align: top;
       display: inline-block;
   }

   .header .header-top .social {
       margin: 0;
       padding: 0;
       position: relative;
   }

   .header .header-top .social li {
       display: inline-block;
       list-style: none;
   }

   .header .header-top .social li a {
       display: block;
       font-size: 18px;
       color: #f7f7f7;
       background: #9bb60e;
       text-align: center;
       line-height: 38px;
       width: 38px;
       height: 38px;
       border-radius: 50%;
       margin-left: 5px;
   }

   .header .header-top .social li a i.fa-google-plus {
       font-size: 17px;
   }

   .header .menuzord-menu>li>a .ftc-icon-shopping-bag2 {
       font-size: 24px;
       line-height: 38px;
       text-align: center;
       margin: 0;
   }

   .header .menuzord-menu>li.search-button>a .fa {
       font-size: 14px;
       color: #ffffff;
       width: 38px;
       height: 38px;
       border: 2px solid #ffffff;
       line-height: 34px;
       text-align: center;
       border-radius: 50%;
       margin: 0;
   }

   .header .menuzord-menu>li.search-button a {
       padding-right: 0;
       position: relative;
       z-index: 99999;
   }

   .header .menuzord-menu>li.shopping-cart a {
       position: relative;
       z-index: 999;
   }

   .header .menuzord-menu>li.shopping-cart a span.cart-item {
       background: #322b8a;
       width: 20px;
       height: 20px;
       text-align: center;
       color: #ffffff;
       font-size: 12px;
       display: inline-block;
       line-height: 20px;
       position: absolute;
       top: 25px;
       right: 5px;
       border-radius: 50%;
   }

   .header .menuzord .megamenu {
       padding: 0;
       border-top: 4px solid #322b8a;
       padding-left: 30px;
   }

   .header .menuzord .megamenu h3 {
       margin: 0;
       font-size: 16px;
       text-transform: uppercase;
       font-weight: 900;
       color: #272727;
       font-family: 'Roboto';
       margin-top: 28px;
       margin-bottom: 12px;
   }

   .header .menuzord .megamenu ul,
   .header .menuzord .megamenu li {
       margin: 0;
       padding: 0;
       list-style: none;
   }

   .header .menuzord .megamenu ul li {
       margin-left: -16px;
   }

   .header .menuzord .megamenu ul li a {
       font-size: 14px;
       color: #9e9e9e;
       font-weight: 300;
       line-height: 24px;
       font-family: 'Roboto';
       display: block;
       background-color: transparent;
       padding: 7px 16px;
       padding-right: 0;
       transition: all .3s ease;
   }

   .header .menuzord .megamenu ul li a span {
       font-size: 14px;
       font-weight: normal;
       font-style: italic;
   }

   .header .menuzord .megamenu ul li:hover>a {
       color: #322b8a;
       background-color: #f7f7f7;
   }

   .header .menuzord .megamenu .offer-home {
       margin-left: 1px;
   }

   .header .menuzord .megamenu.gallery {
       padding-right: 30px;
       padding-bottom: 30px;
   }

   .header .menuzord .megamenu.shopping-cart-box {
       width: 32%;
       left: auto;
   }


   /* 3/4 width */

   .menuzord-menu>li>.megamenu.megamenu-width-75-p {
       width: 75%;
       left: auto;
   }

   .header .menuzord .megamenu .offer-going-package-menu {
       margin-top: 20px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .carousel-indicators {
       bottom: auto;
       top: -41px;
       text-align: right;
       display: inline-block;
       width: 100%;
       margin: 0;
       left: auto;
       width: auto;
       float: right;
       right: 0;
   }

   .header .menuzord .megamenu .offer-going-package-menu .carousel-indicators li {
       width: 10px;
       height: 10px;
       background: #f7f7f7;
       border: 1px solid #DDE4E5;
       border-radius: 50%;
       margin: 0 2.5px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .carousel-indicators li.active {
       background: #322b8a;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box {
       display: block;
       position: relative;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box img {
       width: 100%;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       text-align: left;
       padding: 10px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay {
       display: table;
       width: 100%;
       height: 100%;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content {
       display: table-cell;
       vertical-align: top;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content h4 {
       color: #ffffff;
       font-size: 18px;
       display: inline-block;
       font-weight: 900;
       font-style: italic;
       background: #322b8a;
       line-height: 30px;
       padding: 0 15px;
       text-transform: uppercase;
       margin: 0;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box {
       margin-top: 13px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box,
   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
       display: table-cell;
       vertical-align: middle;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box {
       background: #322b8a;
       width: 46px;
       height: 46px;
       text-align: center;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box i {
       font-size: 28px;
       line-height: 46px;
       color: #ffffff;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
       padding-left: 15px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 {
       font-size: 18px;
       color: #272727;
       font-weight: bold;
       margin: 0;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span {
       color: #9e9e9e;
       font-size: 14px;
       font-weight: bold;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span b {
       font-weight: bold;
       color: #322b8a;
       font-size: 18px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li {
       display: inline-block;
       margin: 0;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a {
       margin: 0;
       padding: 0;
       display: block;
       font-size: 12px;
       color: #9e9e9e;
       font-style: italic;
       font-weight: normal;
       background: none !important;
       margin-right: 5px;
   }

   .header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a:before {
       content: '';
       display: inline-block;
       width: 8px;
       height: 8px;
       background: #322b8a;
       border-radius: 50%;
       margin-right: 5px;
   }

   @media (min-width: 1025px) {
       .header .menuzord {
           padding: 0;
           background-color: transparent;
       }

       .menuzord-brand {
           margin: 0;
           tranform: scale(1);
           line-height: 53px;
           transition: all .5s ease !important;
       }

       .header .menuzord-menu {
           float: right;
       }

       .header .menuzord-menu>li>a {
           position: relative;
       }

       .header .menuzord-menu>li>a:before {
           content: '';
           position: absolute;
           bottom: -4px;
           left: 0;
           width: 0%;
           height: 4px;
           background: #322b8a;
           transition: all .5s ease;
       }

       .header .menuzord-menu>li:hover>a:before {
           width: 100%;
       }

       .header .menuzord-menu>li.shopping-cart>a:before,
       .header .menuzord-menu>li.search-button>a:before {
           display: none !important;
       }

       .header .menuzord-menu>li:hover>a.flip-flop-btn>span {
           -webkit-transform: rotateX(90deg) translateY(-22px);
           -moz-transform: rotateX(90deg) translateY(-22px);
           transform: rotateX(90deg) translateY(-22px);
       }

       .header .menuzord-menu>li>a {
           font-size: 13px;
           font-family: 'Roboto';
           font-weight: 900;
           text-transform: capitalize;
           color: #ffffff;
           line-height: 42px;
           padding: 15px 12px 15px 0px !important;
           transition: all .5s ease;
       }


   }
   .about-two {
       padding: 120px 0;
   }

   .col-xl-6 {
       flex: 0 0 50%;
       max-width: 50%;
   }

   .about-two .block-title {
       margin-bottom: 50px;
   }

   .block-title__title {
       color: #012237;
       font-size: 60px;
       font-weight: 700;
       margin: -15px 0;
   }

   .about-two__text {
       margin: 0;
       font-size: 18px;
       line-height: 36px;
       color: #81868a;
   }

   .col-xl-6.d-flex.justify-content-xl-end.justify-content-sm-center {
       display: flex;
       justify-content: flex-end;
   }

   .about-two__image {
       display: inline-block;
       border-radius: 50%;
       position: relative;
   }

   .about-two__image:before {
       content: "";
       position: absolute;
       top: 50%;
       left: 50%;
       width: 330px;
       height: 330px;
       border-radius: 50%;
       transform: translate(-50%, -50%);
       border: 20px solid #fff;
       z-index: 11;
   }

   .about-two__image-dots {
       width: 197px;
       height: 268px;
       position: absolute;
       top: 0;
       left: calc(100% - 60px);
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAEMCAYAAAB0qHI4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MTRGMkIyRkQ1MDExRTlBODJBRkJGQUIxQTdBMUIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MTRGMkIzRkQ1MDExRTlBODJBRkJGQUIxQTdBMUIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYxNEYyQjBGRDUwMTFFOUE4MkFGQkZBQjFBN0ExQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYxNEYyQjFGRDUwMTFFOUE4MkFGQkZBQjFBN0ExQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46LpMOAAAUSklEQVR42uyd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);
       background-position: 0 0;
       z-index: 10;
   }

   .about-two__image>img {
       border-radius: 50%;
       position: relative;
       z-index: 10;
   }

   .about-two__count {
       position: absolute;
       bottom: 0;
       left: 0;
       z-index: 12;
       transform: translateX(-20%);
       border-radius: 50%;
       width: 175px;
       height: 175px;
       display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
       background-color: #fff;
       box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
   }

   .about-two__count:before {
       content: "";
       position: absolute;
       top: 15px;
       left: 15px;
       right: 15px;
       bottom: 15px;
       border: 1px dashed rgba(1, 34, 55, .15);
       border-radius: 50%;
   }

   .about-two__count-text {
       font-size: 12px;
       text-transform: uppercase;
       letter-spacing: .2em;
       font-weight: 600;
       color: #81868a;
   }

   .about-two__count span {
       display: block;
       color: #f16101;
       letter-spacing: 0;
       font-weight: 400;
       font-size: 30px;
   }

   .about-two__single-wrap {
       display: flex;
       flex-wrap: wrap;
       margin: 45px -20px 50px;
   }

   .header.header-v4 .menuzord-menu>li:hover>a {
       color: #272727;
   }

   .header .menuzord-menu>li:hover>a {
       color: #322b8a;
   }

   .header .menuzord-menu>li>a .indicator {
       display: none;
   }

   .header .menuzord-menu ul.dropdown li a {
       font-size: 14px;
       color: #000;
       font-weight: 300;
       font-family: 'Roboto';
   }

   .header .menuzord-menu ul.dropdown,
   .header .menuzord-menu ul.dropdown li ul.dropdown {
       min-width: 270px;
       border-top: 4px solid #322b8a;
       padding: 10px;
   }

   .header .menuzord-menu ul.dropdown li:hover>a {
       background: #f7f7f7;
       color: #322b8a;
   }


   .header .search-box {
       background: #000000;
       height: 118px;
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
   }

   .header .search-box .container {
       height: 100%;
   }

   .header .search-box .container form {
       height: 100%;
   }

   .header .search-box input {
       width: 100%;
       line-height: 118px;
       color: #ffffff;
       font-size: 36px;
       font-weight: 300;
       background-color: transparent;
       height: 100%;
       border: none;
       outline: none;
   }

   .header .search-box input::-webkit-input-placeholder {
       color: #ffffff;
   }

   .header .search-box input:-moz-placeholder {
       /* Firefox 18- */
       color: #ffffff;
   }

   .header .search-box input::-moz-placeholder {
       /* Firefox 19+ */
       color: #ffffff;
   }

   .header .search-box input:-ms-input-placeholder {
       color: #ffffff;
   }

   .header .menuzord .megamenu .header-cart-box ul,
   .header .menuzord .megamenu .header-cart-box li {
       margin: 0;
       padding: 0;
       list-style: none;
   }

   .header .menuzord .megamenu .header-cart-box li {
       position: relative;
       padding-top: 22px;
       padding-bottom: 22px;
       border-bottom: 1px solid #F3F3F3;
   }

   .header .menuzord .megamenu .header-cart-box li .img-box,
   .header .menuzord .megamenu .header-cart-box li .text-box {
       display: table-cell;
       vertical-align: middle;
   }

   .header .menuzord .megamenu .header-cart-box li .img-box {
       width: 80px;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box {
       padding-left: 20px;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box a {
       padding: 0;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box h3 {
       margin: 0;
       color: #272727;
       font-size: 18px;
       text-transform: capitalize;
       font-weight: bold;
       margin-bottom: 5px;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box span {
       font-size: 18px;
       color: #322b8a;
       letter-spacing: .04em;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box .review-box .fa {
       color: #322b8a;
       font-size: 14px;
       font-family: 'FontAwesome';
   }

   .header .menuzord .megamenu .header-cart-box li .text-box a.remove-box {
       position: absolute;
       top: 50%;
       margin-top: -15px;
       right: 23px;
   }

   .header .menuzord .megamenu .header-cart-box li .text-box a.remove-box .fa {
       font-family: 'FontAwesome';
       font-size: 18px;
       color: #aaaaaa;
   }

   .header .menuzord .megamenu .header-cart-box li .total-text span {
       font-size: 18px;
       color: #322b8a;
       font-weight: bold;
       line-height: 50px;
   }

   .header .menuzord .megamenu .header-cart-box li .checkout-btn {
       padding-right: 23px;
   }

   .header .menuzord .megamenu .header-cart-box li .checkout-btn a {
       background: #322b8a;
       padding: 0;
       line-height: 50px;
       padding: 0 20px;
   }

   .header .menuzord .megamenu .header-cart-box li .checkout-btn a span {
       color: #ffffff !important;
       text-transform: uppercase !important;
       font-weight: 900 !important;
       font-style: normal !important;
   }

   .header .menuzord .megamenu .header-cart-box li .checkout-btn a:hover .fa {
       transform: translate3d(20px, 0, 0);
       opacity: 0;
   }

   .header .menuzord .megamenu .header-cart-box li .checkout-btn a .fa {
       font-size: 14px;
       color: #ffffff;
       font-family: 'FontAwesome';
       margin-left: 8px;
       transform: translate3d(0, 0, 0);
       opacity: 1;
       transition: all .4s ease;
   }

   .header .menuzord .megamenu .header-cart-box .cart-bottom {
       padding-bottom: 13px;
   }

   .header-v2 {
       background: #ffffff;
       position: relative;
   }

   .header-v2 .header-top {
       overflow: hidden;
   }

   @media (min-width: 1025px) {
       .header-v2.header .menuzord-menu>li>a {
           color: #272727;
       }

       .header-v2.header .menuzord-menu>li:hover>a {
           color: #322b8a;
       }
   }

   .header-v2.header .menuzord-menu>li.search-button>a .fa {
       color: #272727;
       border-color: #272727;
       transition: all .3s ease;
   }

   .header-v2.header .menuzord-menu>li.search-button>a .fa-times {
       color: #ffffff;
       border-color: #ffffff;
   }

   .header-v2.header .menuzord-menu>li.shopping-cart a {
       z-index: 0;
   }

   @media (min-width: 1025px) {
       .header.home-3 {
           background: transparent;
       }

       .header.home-3 .container {
           background: #141516;
       }

       .header.home-3 .container .menuzord-brand {
           display: none;
       }

       .header.home-3 .container .menuzord-menu {
           float: none;
           text-align: center;
       }

       .header.home-3 .container .menuzord-menu li {
           text-align: left;
       }

       .header.home-3 .container .menuzord-menu>li>a {
           padding: 13px 20px;
       }

       .header.home-3 .menuzord-menu>li.shopping-cart a span.cart-item {
           top: 8px;
           right: 8px;
       }

       .header.home-3 .menuzord-menu>li {
           float: none;
           vertical-align: top;
       }
   }

   .header.home-3 .container {
       position: relative;
       margin-bottom: -55px;
       z-index: 9999;
   }

   .header.home-3 .search-box {
       height: 70px;
       padding-left: 30px;
       font-size: 30px;
   }

   .header.home-3 .search-box form {
       height: 100%;
   }

   .header.home-3 .search-box input {
       font-size: 30px;
       height: 100%;
       line-height: 70px;
   }

   /*.header.home-3.stricky-fixed {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
   }
   */
   .header.home-3.stricky-fixed .container {
       margin-top: 0;
       top: 0;
   }

   .header.home-3 .has-angle {
       position: relative;
   }

   .header.home-3 .has-angle:before,
   .header.home-3 .has-angle:after {
       content: '';
       position: absolute;
       bottom: 0;
       top: 17px;
       width: 0;
       height: 0;
   }

   .header.home-3 .has-angle:before {
       left: -61px;
       transform: rotate(0deg);
       border-top: 55px solid #322b8a;
       border-bottom: 55px solid transparent;
       border-left: 55px solid transparent;
   }

   .header.home-3 .has-angle:after {
       right: -61px;
       transform: rotate(-180deg);
       border-top: 55px solid transparent;
       border-bottom: 55px solid #322b8a;
       border-left: 55px solid transparent;
   }


   /* home three topbar area styles */


   .tp-header-top {
       background: linear-gradient(45deg, #2646a8, #1d1d1d) !important;
       height: 40px;
   }
   h5.departments-hindi {
       font-size: 10px;
       margin: 0;
       color: #fff;
       text-align: right;
       padding-top: 8px;
   }
   h5.departments_hindi{
       font-size: 10px;
       margin: 0;
       color: #fff;
       text-align: left;
       padding-top: 8px;
   }
   h5.departments {
       font-size: 10px;
       color: #fff;
       text-align: end;
   }
   .line-header {
       color: #fff;
       margin: 5px 5px;
       border-right: 1px solid #fff;
       height: 29px;
   }
   .top-bar-area.home-3 .contact-info {
       margin: 0;
       padding: 0;
   }

   .top-bar-area.home-3 .contact-info li {
       list-style: none;
   }

   .top-bar-area.home-3 .contact-info li span i {
       font-size: 19px;
       top: 1px;
       position: relative;
   }

   .top-bar-area.home-3 .contact-info li span i.ftc-icon-phone-contact {
       top: 3px;
   }

   .top-bar-area .contact-info li {
       float: left;
       padding-right: 40px;
   }

   .top-bar-area.home-3 .contact-info li span {
       color: #f7f7f7;
       font-size: 16px;
       line-height: 34px;
   }

   .top-bar-area.home-3 .contact-info li span i {
       display: inline-block;
       padding-right: 5px;
   }

   .top-bar-area.home-3 .social {
       text-align: right;
       margin: 0;
       padding: 0;
       list-style: none;
   }

   .top-bar-area.home-3 .social li {
       display: inline-block;
       list-style: none;
   }

   .top-bar-area.home-3 .social li a i {
       background: #9bb60e none repeat scroll 0 0;
       border-radius: 50%;
       color: #ffffff;
       display: block;
       font-size: 18px;
       height: 38px;
       line-height: 38px;
       margin-left: 6px;
       padding: 0 10px;
       width: 38px;
   }

   .top-bar-area.home-3 .social li a i.myfbpd {
       padding: 0 14px;
   }

   .logo-area-h3 {
     padding-bottom: 0px;
   }

   .header-v4 {
       background: rgba(255, 255, 255, 0.2);
   }

   .header-v4.stricky-fixed {
       background: #000000;
   }

   .header.header-v5 {
       background: #0E0E0E;
   }

   .header.header-v5 .menuzord-brand {
       line-height: 111px;
   }

   .stricky {
       /*position: fixed;*/
       /*top: 0;
       left: 0;
       width: 100%;
       z-index: 99;*/
       box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
       transition: all .5s ease;
   }

   /*.stricky + section {
       margin-top: 174px;
   }

   .stricky.header-v2 + .inner-banner {
       margin-top: 174px;
   }

   .stricky.header-v1 + section,
   .stricky.header-v4 + section,
   .stricky.home-3 + section {
       margin-top: 0px;
   }

   .stricky.header-v5 + section {
       margin-top: 118px;
   }*/

   /* .stricky-fixed.header .header-top {
       /*visibility: hidden;
       opacity: 0;*/
       /*margin-top: -56px;}*/
   

   .stricky-fixed.header .search-box {
       height: 80px;
   }

   @media (min-width: 1025px) {

       .stricky-fixed.header.header-v1,
       .stricky-fixed.header.header-v4 {
           background: #000;
       }

       .stricky-fixed.header.header-v4 .menuzord-menu>li:hover>a {
           color: #322b8a;
       }

       .stricky-fixed.header .menuzord-menu>li>a {
           padding: 17px 19px;
       }

       .stricky-fixed.header .menuzord-brand {
           line-height: 63px;
           transform: scale(0.9);
       }

       /*.stricky-fixed.header {
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           z-index: 999;
       }*/
       .stricky-fixed.header.static {
           opacity: 0;
       }

       .stricky-fixed.header.header-v1 .menuzord-menu>li.shopping-cart a span.cart-item,
       .stricky-fixed.header.header-v2 .menuzord-menu>li.shopping-cart a span.cart-item,
       .stricky-fixed.header.header-v4 .menuzord-menu>li.shopping-cart a span.cart-item,
       .stricky-fixed.header.header-v5 .menuzord-menu>li.shopping-cart a span.cart-item {
           top: 15px;
           right: 7px;
       }
   }

   .menuzord {
       background-color: transparent;
   }

   .menuzord-responsive .menuzord-menu li .indicator {
       padding: 10px 0;
   }

   .menuzord-responsive .menuzord-menu li .indicator em {
       background: #fff none repeat scroll 0 0;
       float: right;
       height: 3px;
       margin: 3.5px 20px 0;
       width: 20px;
   }

   @media (min-width: 1025px) {
       .menuzord-menu>li>a span.text {
           display: none;
       }
   }


   .header.has-over-section {
       position: relative;
       z-index: 9999999;
   }

   @media(min-width: 1024px) {

       .header.has-over-section+section,
       .header.has-over-section+div {
           margin-top: -175px;
       }
   }

   .header.stricky-fixed .header-menu-wrapper {
       position: fixed;
       top: 0;
       left: 0;
       z-index: 99999999;
       width: 100%;
   }

   .header.stricky-fixed.dark-header .header-menu-wrapper {
       background: rgba(0, 0, 0, 0.85);
   }

   .header.stricky-fixed.light-header .header-menu-wrapper {
       background: #ffffff;
       -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
       box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
   }




   /*
   * new fixes 24 8 16
   */

   .accrodion .accrodion-title h4 {
       position: relative;
       padding-left: 50px;
   }

   .accrodion .accrodion-title h4:before {
       position: absolute;
       top: -6px;
       left: 0;
       margin: 0;
   }

   .faq-page .accrodion .accrodion-title h4 {
       padding-left: 50px;
   }

   .faq-page .accrodion .accrodion-title h4:before {
       top: 2px;
   }

   .health-care-package-area .single-item .content .package-list ul li,
   .workout-schedules-area .single-item .content .schedules-list ul li,
   .product-tab-box .tab-content #description ul li {
       position: relative;
       /* padding-left: 15px; */
   }

   .health-care-package-area .single-item .content .package-list ul li i,
   .workout-schedules-area .single-item .content .schedules-list ul li i,
   .product-tab-box .tab-content #description ul li:before {
       line-height: 30px;
       position: absolute;
       top: 0;
       left: 0;
       margin: 0 !important;
   }

   .workout-schedules-area .single-item .content {
       padding: 0 16px;
   }

   .fitness-care-gym-area {
       top: 65px;
       margin-top: -10px;
   }

   .fitness-service-round-icon {
       padding-bottom: 100px;
   }
   .views-row {
       padding: 0 0 10px 0;
       margin-bottom: 10px;
       font-size: 0.875em;
       line-height: 18px;
       text-align: left;
     }
     .views-field-title {
       font-size: 0.99em;
       line-height: 1.4;
       font-weight: 400;
     }
     .views-field-title a {
       color: #3c3c3c;
       font-weight: 500;
     }
     .date-time {
       font-size: 12px;
       margin-top: 6px;
     }
     ul.news_underlijne li {
       border-bottom: 1px dashed #bdccc3;
       padding: 0 0 0px 0;
       margin-bottom: 4px;
       font-size: 0.875em;
       line-height: 18px;
       text-align: left;
   }
   ul.sub_line li {
       border-bottom: none;
       /* padding: 0px; */
   }

   .single-workout-package-page p b {
       background-color: transparent !important;
   } */

   a {
       color: #0d6efd;
       text-decoration:none !important;
   }

   .logo-text {
       padding-left: 0px;
       text-align: left;
   }
   .logo-text h1 {
       font-weight: 500;
       font-size: 13px;
       color: #000000;
       margin: 0 0 2px;
   }
   .logo-text h4 {
       font-weight: 600;
       font-size: 16px;
       color: #000000;
       margin-bottom: 2px;
   }
   .logo-text h6 {
       font-weight: 600;
       font-size: 16px;
       color: #000000;
       margin: 0;
       font-style: normal;
   }


   /* tab css */


   ul.tabs{
       margin: 0px;
       padding: 0px;
       list-style: none;
   }
   ul.tabs li{
       background: none;
       color: #222;
       display: inline-block;
       padding: 10px 15px;
       cursor: pointer;
   }

   ul.tabs li.current{
       background: #ededed;
       color: #222;
   }

   .tab-content{
       background: #ededed;
       padding: 15px;
   }

   .tab-content.current{
       display: inherit;
   }
   .text{
       text-align: left;

   }

   .content{
       line-height: 36px;
       margin-top: 20px;
       margin-left: 60px;
   }
   ul.topbar-right {
    margin: 0;
    /* padding-left:7%; */
}
ul.topbar-right li a {
    color: #fff;
    font-size: 13px !important;
}
ul.topbar-right li a span {
    padding-left: 10px;
    color: #fff;
}
svg.svg-inline--fa.fa-desktop {
    color: #fff;
}
svg.svg-inline--fa.fa-moon {
    color: #fff;
}
ul.rightlogo {
    display: flex;
    text-align: end !important;
    list-style: none;
    margin-bottom: 0px;
    justify-content: end;
}

ul.rightlogo li a img {
    width: auto;
    height: 55px;
    padding-left: 11px;
}
.rightlogo li {
    float: left;
    list-style: none;
}
.rightlogo img {
    height: 60px;
    width: 100px;
    /* margin-right: 9px; */
}

   .language-switcher-language-url.top-header ul {
       list-style: none;
       float: left;
       color: red;
       position: absolute;
       right: 0;
       top: 10px;
       right: 120px;
       width: 143px;
   }
   .language-switcher-language-url.top-header li {
       float: left;
       margin-right: 6px;
       color: #ffffff;
   }

   #block-ccscsb-theme-login {
       position: absolute;
       right: 73px;
       top: -7px;
       list-style: none;
   }
   div#block-ccscsb-theme-login a {
       color: #ffffff;
   }
   #block-ccscsb-theme-login li {
       float: left;
       margin-right: 0px;
       color: #ffffff;
       list-style: none;
       font-size: 14px;
   }
   #block-ccscsb-theme-login li {
       color: #ffffff;
   }
   .language-switcher-language-url.top-header li a {
       color: #ffffff;
       margin-left: 8px;
   }
   /* Navbar menu ek line me laane ke liye */
   .navbar .navbar-nav{
   flex-direction: row;
    gap:6px;
    font-size: 15px;
   font-weight: 500;
   margin-left: 10px;
   }
     ul.login_button li a {
       color: #fff;
       font-weight: 500;
   }

   .view-home-page-slider .owl-carousel .owl-item img {
       display: block;
       width: 100%;
       max-width: 100% !important;
       height: 450px;
   }

     /* Menu links styling */
     .navbar .navbar-nav .nav-link .nav-item{
       color:#fff !important;           /* Text color */
       font-weight: 500;      /* Thoda bold */
       padding: 10px 15px;
       transition: all 0.3s ease;
     }

     /* Hover effect */
     .navbar .navbar-nav .nav-item .nav-link:hover {
       background-color:#1253ca !important;       /* Hover pe color change */
       text-decoration: underline;
     }

     /* Active link styling */
     .navbar .navbar-nav .nav-item .nav-link.is-active {
       color:#cf343a;
       font-weight: 500;
   }
   #block-ccscsb-theme-main-menu-2 a.nav-link {
       padding: 0 !important;
       color: #ffffff;
   }

   nav.navbar.navbar-expand-lg.navbar-light.border-top.mt-1.stickey-header {
       padding: 0;
   }
   #block-ccscsb-theme-main-menu-2 a.nav-link {
       padding: 10px 6px !important;
       color: #ffffff;
       text-decoration: none;
   }

     .inner-box {
       position: relative;   /* parent ko relative banaya */
       width: 300px;
       height: 450px;
       background: #f0f0f0;
       border: 1px solid #ccc;
     }

     .inner-box img {
       position: absolute;  /* ab hum isse free move kar sakte */
       top: 20px;           /* upar se distance */
       left: 30px;          /* left se distance */
       width: 100px;        /* img size control */
       height: auto;
     }


   div#block-ccscsb-theme-sitebranding {
       margin-top: 8px;
   }
   .middle-header #block-ccscsb-theme-sitebranding img{
       width: 56px;
   }
   .service-slider .owl-carousel .owl-item::before{
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       /* background: #58768f; */
       opacity: .8;
       z-index: 1;
   }
   section.logo-area-h3 {
       border-bottom: 0px solid #2647a9;
   }
   .service-slider .owl-theme .owl-nav {
       margin-top: 10px;
       text-align: center;
       -webkit-tap-highlight-color: transparent;
       position: absolute;
       z-index: 999;
       top: calc(50% - 25px);
       width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }
   .service-slider .owl-theme .owl-dots {
       position: absolute;
       right: 0;
       bottom: 0;
       left: 0;
       z-index: 2;
       display: flex;
       justify-content: center;
       padding: 0;
       margin-right: 15%;
       margin-bottom: 1rem;
       margin-left: 15%;
   }
   /* .service-slider .owl-theme .owl-dots .owl-dot span {
    width: 10px;             
    height: 10px;
    background-color: #fff;   
    border-radius: 50%;       
    display: inline-block;
    margin: 5px 4px;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  
  .service-slider .owl-theme .owl-dots .owl-dot.active span {
    background-color: #3a7bd5;
    opacity: 1;
    transform: scale(1.2);   
  } */
  
   .service-slider .owl-item .views-field .views-field-nothing {
       width: 700px !important;
       position: absolute !important;
       left: calc(50% - 350px);
       bottom: 27%;
       z-index: 9;
       text-align: center !important;
   }
   .service-slider .owl-item .views-field-body h4 {
       font-size: 3.2rem;
       font-weight: 700;
       color: #fff;
   }
   .service-slider .owl-item .views-field-body h4 {
       font-size: 3.2rem;
       font-weight: 700;
       color: #fff;
   }
   .service-slider .owl-item .views-field-body h6 {
       font-size: 1.3rem;
       margin-top: 1rem;
       color: #fff;
   }
   .field-content {
       position: relative;
   }
   .circle1 {
       width: 365px;
       height: 360px;
       top: 70px;
       left: 20px;
       border: 10px solid #6e68d8 !important;
       overflow: hidden;
       border-radius: 50%;
       position: absolute;
   }
   .circle-image-container img {
       display: block;
       width: 100%;
       height: auto;
   }

   .circle-image-container  img.img1 {
       height: 165px !important;
       width: 262px !important;
       object-fit: cover;
   }
   .circle2 {
       width: 155px;
       height: 155px;
       top: 150px;
       left: 394px;
       transform: translate(-50%, -50%);
       overflow: hidden;
       border-radius: 50%;
       border: 10px solid #f3ffe4;
       box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
       position: absolute;
   }
   .circle-image-container img {
       display: block;
       width: 100%;
       height: auto;
   }
   .circle3 {
       width: 180px;
       height: 180px;
       top: 237px;
       left: 287px;
       overflow: hidden;
       border-radius: 50%;
       border: 10px solid #f3ffe4;
       box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
       position: absolute;
   }
   .circle-image-container img {
       display: block;
       width: 345px;
       height: 340px;
       object-fit: cover;
   }
   .circle-image-container {
       position: relative;
       display: inline-block;
       margin: 0px;
       top: -239px;
       left: -25px;
       display: none;
   }

   .slider-image{
       position: relative;
   }

   .slider-container {
       position: absolute;
       top: 50%;   /* vertical center */
       left: 50%;  /* horizontal center */
       transform: translate(-50%, -50%); /* perfect centering */
       color: #ffffff;  /* pure white text */
       font-size: 32px; /* increase font size */
       font-weight: 700; /* bold text */
       text-align: center;
       padding: 15px 25px;
       border-radius: 8px;
       z-index: 9;
       font-family: 'Rajdhani', sans-serif;
   }
   .slider-container h4 {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 15px;               /* text ke around spacing */
    margin-top: 300px;                /* h4 ko niche shift karega */
    display: inline-block;           /* shadow/background ko clean look */
    border-radius: 6px;              /* thoda curve */
    text-shadow: 2px 2px 6px rgba(0,0,0,0.8); /* h4 text shadow */
    box-shadow: 0px 4px 12px rgba(0,0,0,0.4); /* outer shadow */
}
   .slider-container h6 {
       color: #ffffff !important;
       font-size: 20px;
       text-transform: capitalize;
       line-height:30px;
     }


   div#block-ccscsb-theme-views-block-coaching-services-block-1 {
       margin-top: 10px;
       text-align: center;
   }


   .coaching-services-title h3 {
      font-size: 20px !important;
      width: 100%;
      display: inline-block;
      color: #fff !important;
      position: relative;
      margin-bottom: 30px;
   }.coaching-services-title h3 a{
    color: #fff !important;
   }

   .coaching-services-title h3::after,.coaching-services-title h3::before{
       content: "";
       position: absolute;
       bottom: -22px;
       width: 40%;
       height: 3px;
       background:#ffffff;
       left: calc(50% - 20%);
   }
   .coaching-services-title h3::before{
       width: 12px;
       height: 12px;
       border-radius: 50%;
       bottom: -26px;
       left: 48%;
   }


   .coaching-services-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;             /* space between cards */
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
  }
  
  /* each card */
  .coaching-services {
    width: calc(33.333% - 20px);   /* 3 cards per row with gap */
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }

   .coaching-services-title {
       display: inline-block;
       cursor: pointer;
       text-align: center !important;
       overflow: hidden;
       max-width:99%;
       width: 100%;
       text-align: left;
       background:linear-gradient(45deg, #2646a8, #1d1d1d);
       position: absolute;
       top: auto;
       bottom: -70px;
       padding: 1rem;
       transition: 1s;
       color: #fff;
     }
     .coaching-services:hover .coaching-services-title{
       bottom: 0;
     }

     .coaching-services-image .img-fluid {
       /* width: 585px; */
       height: auto;
       width: 100%;
       max-width: 100%;
       border-radius: 10px;
   }
   .views-view-grid .views-col .views-field-nothing{
       padding:0 10px 0;
   }

     .main_latest_news{
       position: relative;
       overflow: hidden;
       padding: 20px 32px;
       background: #FFFFFF;
       box-shadow: inset 0px 0px 15px rgba(6, 6, 6, 0.1);
       border-radius: 5px;
       text-align: center;
       transition: all 0.5s ease-out 0s;
       height: 100%;
       color: #222 !important;
       display: flex;
       flex-direction: column;
     }
     .main_latest_news:hover {
       background: linear-gradient(45deg, #2646a8, #1d1d1d);
       color: #fff;
     }
     .main_latest_news a,.main_latest_news p,.main_latest_news h3{
       color: #222;
       margin: 0;
       padding:7px;
       font-size: 14px;
       font-family: 'roboto', sans-serif;
       text-align: left;
     }
     .main_latest_news:hover  a, .main_latest_news:hover p, .main_latest_news:hover h3{
       color: #fff;
     }
     .main_latest_news ul{
       list-style: none;
       margin: 0;
       padding: 0;
     }
    .main_latest_news h3 {
       margin-bottom: 15px;
       font-size: 23px;
       font-weight: 600;
     }
     .main_latest_news ul li{
       margin: 0;
       text-align: left;
     }
     .more-link {
       /* background: #5682ff; */
       box-shadow: 0px 0px 50px rgba(10, 42, 67, 0.05);
       border-radius: 50px;
       display: inline-block;
       text-align: right;
       margin-top: 32px;
       display: inline-block;
       width: auto;
       margin: 20px auto 0;
       color: #fff !important;
       position: relative;
     }
     .more-link:after{
       position: absolute;
       top: 0;
       left: -7px;
       width: 100%;
       height: 100%;
       content: "";
       background:#adb6ff;
       border-radius: 27px;
       /* z-index: -1; */
     }
     .more-link a{
       background:#2647a9;
       width: 100%;
       display: inline-block;
       padding: 10px 20px;
       position: relative;
       z-index: 2;
       border-radius: 40px;
       color: #fff;
     }
     .main_latest_news .views-element-container{
       width: 100%;
       display: inline-block;
       height: 100%;
     }
     .main_latest_news .view{
       width: 100%;
       display: flex;
       height: 100%;
       flex-direction: column;
       justify-content: space-between;
     }

   .main_latest_news .views-field.views-field-nothing {
       border-bottom: 1px dashed grey;
   transition: border-color 0.3s ease;
       margin-bottom: 6px;
       padding-bottom: 6px;
     }
     .main_latest_news .views-row{
       margin: 0;
       padding: 0;
     }

   .main_latest_news:hover .views-field.views-field-nothing  {
       border-bottom-color: #fff;
     }
     .main_latest_news:hover svg path{
       fill: #fff;
     }
     nav#block-ccscsb-theme-dashboardmenuccscsbuser {
        margin-right: 50px;
    }

     .logo-area-h3 {
       position: sticky;
       top: -140px;
       z-index: 99; /* Ensures the header stays on top of other content */
       background-color: #fff; /* Optional, for better visibility */
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional, for a subtle shadow */
     }

     /* Hide search inner by default */
     .SearchInner {
       top: -6px;
       left: 102%;
       margin-left: -296px;
       padding: 8px;
       border-radius: 4px;
       z-index: 1;
       white-space: nowrap;
       display: none;

     }



   /* Show SearchInner when checkbox is checked */
   #search-toggle:checked + label + .SearchInner {
       display: block;
   }

   /* Search button styles */
   .SearchBTN {
       font-size: 16px;
       padding-bottom: 0px;
       margin-bottom: 0px;
   }
   label {
       display: inline !important;
   }


   .SearchBTN:hover {
       color: #007bff;
   }

   /* Input styles */
   .SearchField input[name="keys"] {
       padding: 6px 8px;
       border-radius: 3px;
       border: 1px solid #ccc;
   }

   /* Button styles */
   .SearchField button[type="submit"] {
       background-color: #fdb913;
       border: none;
       padding: 6px 12px;
       border-radius: 3px;
       cursor: pointer;
       color: #000;
       font-weight: 600;
   }

   .SearchField button[type="submit"]:hover {
       background-color: #e6b300;
   }




   div#block-ccscsb-theme-views-block-coaching-services-block-1 h2 {
       margin-bottom: 20px !important;
    }

    .SearchBTN svg{
       position: absolute;
       right: 10px;
       top: -38px;
       color: #fff;
       border: 1px solid #c1c1c1;
       padding: 5px;
       border-radius: 22px;
       background: #212e58;
       }

    @media (max-width: 992px) {

       #block-ccscsb-theme-login {
           position: absolute;
           right: 43px;
           top: -11px;
           list-style: none;
       }
       .col-xl-6.d-flex {
           display: none !important;
       }
       ul.rightlogo {
           display: none;
       }
       .navbar .navbar-nav {
           flex-direction: row;
           gap: -7px;
           font-size: 15px;
           font-weight: 500;
           text-align: left;
       }
       .slider-container h4 {
           color: #ffffff !important;
           font-size: 18px;
           margin-top: 100px;
       }
       .slider-container h6 {
           color: #ffffff !important;
           font-size: 14px;
           text-transform: capitalize;
       }

       .view-home-page-slider .owl-carousel .owl-item img {
           display: block;
           width: 100%;
           max-width: 100% !important;
           height: 230px;
       }
       .slider-container {
           position: absolute;
           top: 55%;
           left: 43%;
           transform: translate(-41%, -65%);
           color: #ffffff;
           font-size: 32px;
           font-weight: 700;
           text-align: center;
           /* background: rgb(141 147 197 / 40%); */
           padding: 15px 25px;
           border-radius: 8px;
           z-index: 9;
           font-family: 'Rajdhani', sans-serif;
           width: 75%;
       }
       .views-col.col-1 {
           width: 100% !important;
       }
       .views-col.col-2 {
           width: 100% !important;
       }
       .views-col.col-3 {
           width: 100% !important;
       }
       .views-col.col-4 {
           width: 100% !important;
       }
       .views-col.col-5 {
           width: 100% !important;
       }
       .views-col.col-6 {
           width: 100% !important;
       }
       }
   .region.region-top-header{
       position: relative;
   }
   #block-ccscsb-theme-useraccountmenu {
    position: absolute;
    right: -6px !important;
    color: #fff;
    right: 10px;
    gap: 10px;
    flex-direction: row;
    top: 0;
}
#block-ccscsb-theme-useraccountmenu ul {
    flex-direction: row;
    gap: 8px;
    margin-top: 8px;
    margin-right: 32px;
}
       /* .login-button ul.nav.navbar-nav {
           position: relative;
       } */
       li.span-line span {
           padding-left: 0 !important;
       }
       .logo {
           text-align: center;
       }


      /* Parent p tag as flex for horizontal layout */
      .SearchField p {
       display: flex;
       align-items: center;
       border: 1px solid #ccc;
       border-radius: 4px;
       overflow: hidden;
       max-width: 250px; /* 👈 Yeh value kam kar do jitni chhoti width chahiye */
       margin: 0;
   }


   /* Input field styles */
   #SearchInner input[type="text"] {
       border: none;
       padding: 8px 10px;
       font-size: 13px;
       height: 36px;
       flex: 1;
       border-right: 1px solid #ccc;
       outline: none;
       box-sizing: border-box;
       border-radius: 0;
   }

   .active {
       display: block !important;
   }

   /* Submit button styles */
   #SearchInner button[type="submit"] {
       background-color:#223571;
       color: #fff;
       font-weight: 600;
       border: none;
       height: 36px;
       padding: 0 16px;
       cursor: pointer;
       font-size: 13px;
       box-sizing: border-box;
       border-radius: 0;
   }

   #SearchInner button[type="submit"]:hover {
       background-color:#2d4da0;
   }



     .region.region-primary-menu{
           display: flex;
           justify-content:space-between;
           width: 100%;
           align-items: center;
       }

          /* .choose-item-icon {
           width: 40px;
           height: 40px;
           line-height: 75px;
           text-align: center;
           background: #2b5292;
           border-radius: 50px 50px 50px 0;


       } */

       h3.footer-title {
           padding-bottom: 10px;
           font-size: 24px;
           font-weight: 600;
           text-align: center;
           padding-top: 10px;
       }
       p.footer-paragraph {
           font-size: 14px;
           font-weight: 400;
           line-height: 1px;
           padding-top: 6px;
           text-align: justify;
           margin-left: 271px;
       }
       .footer-widget {
        font-weight: 600;
        font-size: 18px;
        color: #FFFFFF;
        margin-bottom: 20px;
        text-transform: uppercase;
       }
       footer {
           padding-top: 1rem;
       }
       .nav-item {
           position: relative;
       }
       .footer__modifier .footer-align li:before {
        background: url(../img/f-arrow.png) no-repeat left top;
        content: "";
        position: absolute;
        left: -20px;
        top: 7px;
        color: #fff;
        width: 18px;
        height: 14px;
        background-size: 70%;
    }

       .footer__modifier{
        background: #21305f !important;
        padding: 0px 0; /* Adjust padding as per your need (top/bottom, left/right) */
        margin-top: 10px; /* Adjust top margin */
       }
       a.nav-link {
           padding: 0 !important;
       } 
       .footer__modifier {
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(10, 15, 44, 0.9) 50%, rgba(16, 23, 58, 0.95) 100%) !important;
        padding-bottom: 0px !important;
        margin-top: 10px;
       }
       div#block-ccscsb-theme-certificateimage img {
           width: auto;
           height: 20px;
           padding-right: 7px;
       }
       .number p, .office-mail p, .address p {
           font-weight: 500;
           font-size: 14px !important;
           color: #FFFFFF;
           margin: 0;
           text-transform: capitalize;
       }
       .social-icons {
        display: flex;
        flex-direction: column; /* vertically arrange */
        gap: 2px;              /* vertical gap */
      }
       ul.social-icons li a {
        display: inline-block;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 10px;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        margin: 4px 0;
        color: #fff;
        transition: all 0.5s ease-out 0s;
        transition: .3s;
    }
    ul.social-icons li a:hover svg path{
        fill: #5682ff !important;
    }
    ul.social-icons li a:hover{
        background: #fff;
    }
       .number, .office-mail, .address {
           display: flex;
           width: 100%;
           align-items: center;
           margin-bottom: 10px;
       }
       .num-icon, .mail-icon, .address-icon {
           min-width: 40px;
           color: #fff !important;
       }
       .phone a, .email a {
           font-weight: 300 !important;
           font-size: 16px;
           color: #FFFFFF;
           display: block;
           padding-bottom: 5px;
           text-transform: lowercase;
       }
       .number p, .office-mail p, .address p {
           font-weight: 300 !important;
           font-size: 14px;
           color: #FFFFFF;
           margin: 0;
       }
       span.__cf_email__ {
           color: #fff !important;
       }
       span.__cf_email__ {
           color: #fff !important;
           font-weight: 300;
       }
       ul.social-icons {
           list-style: none;
       }
       p.last-update {
        font-size: 14px;
        margin-top: 0px;
    }

       .views-row .clearfix .row-1  .views-field .views-field-nothing{
           overflow: hidden;
       }
          /* .owl-nav {
           background: #ffffff;
           color: #2647a9 !important;
           text-decoration: none;
           border-radius: 50%;
           font-size: 43px;
           padding-bottom: 7px !important;
       } */

       .service-slider .owl-theme .owl-nav button.owl-prev,
       .service-slider .owl-theme .owl-nav button.owl-next {
           background: white;
           color: #555 !important;
           width: 50px;
           height: 50px;
           line-height: 30px;
           font-size: 50px !important;
           border-radius: 100%;
           padding-bottom: 7px !important;
           border: none; /* optional clean look ke liye */
       }

       .container-fluid.middle-header {
           padding: 0;
       }
       .stickey-header{
       background-color:#202f5a;
       border-bottom: 3px solid #dfe7cf;
       }
       /* Show dropdown on hover */
   .nav-item.dropdown:hover .dropdown-menu {
       display: block;
       margin-top: 0; /* prevent gap */
     }

     /* Optional: style for smoothness */
     .dropdown-menu {
       display: none;
       position: absolute;
       background-color: #3f6ec7; /* same as header color */
       border-top: 1px solid #c0392b;
       min-width: 200px;
     }

     .dropdown-menu .dropdown-item {
       color: #fff;
       padding: 10px 15px;
     }

     .dropdown-menu .dropdown-item:hover {
       background: #c0392b;
       color: #fff;
     }

     /* Base Table */
     .ineer_page_table .view-content {
       overflow: auto;
       box-shadow: 0 4px 12px rgba(0,0,0,0.08);
       border-radius: 12px;
     }
   .table.views-table {
       width: 100%;
       border-collapse: separate;
       border-spacing: 0;
       background: #ffffff;
       overflow: auto;
       margin: 0 !important;
     }

.view-id-circular_orders .bef-exposed-form .form--inline .form-item{
    float: left;
    width: 25% !important;
  }

     /* Header */
     .table.views-table thead th {
        background-color: #3a7bd5; /* Fallback solid color for Firefox/older browsers */
  background: -webkit-linear-gradient(135deg, #233860, #233860); /* Chrome, Safari */
  background: -moz-linear-gradient(135deg, #233860, #233860);    /* Firefox (old versions) */

      color: #fff !important;
       font-size: 18px;
       font-weight: 500;
     }

     .table.views-table th {
       padding: 8px 18px;
       min-width: 150px;
     }
     .table.views-table th:first-child{
       min-width: 80px;
       max-width: 80px;
     }

     /* Body Rows */
     .table.views-table tbody tr {
       transition: background 0.2s ease;
     }
     .table.views-table tbody tr:nth-child(even) {
       background: #f8faff; /* light striped */
     }
     .table.views-table tbody tr:hover {
       background: #e8f0ff;
     }

     /* Cells */
     .table.views-table td {
       padding: 8px 18px;
       font-size: 14px;
       color: #333;
       border-bottom: 1px solid #e0e6f0;
     }
     .ineer_page_table .notification-image img.img-fluid {
       width: 100%;
   }

   /* .notification-article .notification-image {
       float: left;
       width: 40%;
       margin-right: 20px;
       height: fit-content;
       position: sticky;
       top: 64px;
       left: 0;
   } */
   .notification-image_parent {
    display: flex;
    flex-direction: column;
    width: 40% ;
    margin-right: 20px;
    height: fit-content;
    position: sticky;
    top: 64px;
    left: 0;
  }
  .notification-image_parent img {
    max-width: 100%;
    border-radius: 8px;
    display: block;
    width: 465px;
    margin-top: 20px;
  }
  
  .notification-article .notification-body {
    width: 60% !important;
    padding-left: 20px !important;
}

   .notification-image_parent {
   max-width:40% !important;
      display: flex;
      position: sticky;
      top: 64px;        /* Scroll hone ke baad yaha se chipka rahega */
      align-self: flex-start; /* Sticky ke liye zaroori */
      flex: 0 0 40%;
 

    
}
.notification-article {
    flex-direction: row !important;
    width: 100% !important;
    display: flex;
}
   .notification-article .notification-meta {
       justify-content: space-between; /* Date left, Author right */
       padding: 10px 20px;
       margin: 0;
       background:#edeff5; /* halka background */
       border: 1px solid #e0e6f0;
       border-radius: 8px;
       font-size: 14px;
       color: #444;
       box-shadow: 0 2px 6px rgba(0,0,0,0.08);
     }

     .notification-article .notification-meta span {
       font-weight: 500;
       display:flex;
     }

     .notification-article .notification-meta a {
       color: #3f6ec7;
       text-decoration: none;
       font-weight: 600;
       transition: color 0.3s ease;
     }

     .notification-article .notification-meta a:hover {
       color: #2647a9;
       text-decoration: underline;
     }

   .file--application-pdf {
       background-position: 10px;
       border: 1px solid #3e70cb;
       padding: 5px 14px;
       padding-left: 16px;
       padding-left: 30px;
       border-radius: 8px;
   }
   .notification-article .file--application-pdf a {
       color: #161616;
   }
   .contact-card .contact-info {
       padding: 50px 20px;
       line-height: 1.6;
       text-align: left;
       font-size: 15px;
       font-weight: 400;
       color: #fff;
       letter-spacing: 0.3px;
   }
   .contact-info svg{
       margin-right: 8px;

   }

   .contact-card .social-icons {
       display: flex;
       align-items: center;
       gap: 12px; /* 👉 icons ke beech equal space */
   }

   .contact-card .social-icons a {
       display: flex;
       justify-content: center;
       align-items: center;
       width: 40px;
       height: 40px;
       color: #2647a9;
       font-size: 18px;
       text-decoration: none;
       transition: 0.3s;
   }
   .contact-card .social-icons svg {
       margin-right: 10px;
       color: #ffff;
   }
   .contact-card .social-icons.d-flex {
       float: left;
       margin-left: 50px;
   }
   .contact-card .contact-card .social-icons {
       display: flex !important;
       align-items: center;
       gap: 37px;
   }
   .googleMap {
    height: 545px;
    /* max-height: 161vh; */
    width: 100%;
    overflow: hidden;
  }
  
  .googleMap iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }
   .breadcrumb-container {
    width: 100%;
    margin: 0;
    color: #fff;
    box-sizing: border-box;
    padding-top: 10px;
  
    background: 
      linear-gradient(rgba(35, 56, 96, 0.8), rgba(35, 56, 96, 0.8)), /* dark overlay */
      url('/sites/default/files/inline-images/texture.jpg'); /* 👈 background image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
   .breadcrumb-item + .breadcrumb-item::before{
       /* float: left; */
       padding-right: var(--bs-breadcrumb-item-padding-x);
       color:#fff !important;
       content: var(--bs-breadcrumb-divider, "/");
   }

   /* Breadcrumb text */
   .container.breadcrumb-area {
       font-size: 14px;           /* Smaller text */
       line-height: 1.4;          /* Compact line spacing */
   }
   .breadcrumb-container .container.breadcrumb-area h1 {
       font-size: 25px;
   }
   .about-section {
       display: flex;
       justify-content: space-between;
       align-items: stretch;
       padding: 0px;
       gap: 30px;
       position: relative;
     }

     .about-text {
       flex: 1;
     }

     .about-text h3 {
       background: #CFD6EC;
       display: inline-block;
       padding: 6px 14px;
       border-radius: 20px;
       font-size: 14px;
       color: #000000;
       margin-bottom: 15px;
     }

     .about-text p {
       line-height: 1.7;
       margin-bottom: 15px;
       font-size: 16px;
       color: #595959;
     }

     .about-img-warp-3 {
       flex: 1;
       position: relative;
       display: flex;
       /* justify-content: flex-end; */
       align-items: center;
     }

     .about-image {
       position: relative;
       z-index: 1;
     }

     .about-image img {
       width: 100%;
       border-radius: 20px;
       object-fit: cover;
     }

     .established {
       position: absolute;
       bottom: -20px;
       left: 320px;
       background: #2645A3;
       color: #fff;
       padding: 10px 20px;
       border-radius: 12px;
       width: 230px;
       height: 65px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
     }

     .established p.stable {
       margin: 0;
       font-size: 18px;
       font-weight: 500;
     }

     .established p.year {
       margin: 0;
       font-size: 24px;
       font-weight: 800;
     }

     .about-img-warp-3 .shape-1 {
       width: 80%;
       max-width: 460px;
       height: 250px;
       background: linear-gradient(182deg, #2646A8, #201E1E);
       position: absolute;
       top: 10px;
       right: 135px;
       border-radius: 46px;
       z-index: 0;
     }

     .table-dark th{
       background:linear-gradient(135deg,#2645a3) !important;
       border:none;
       border-collapse: separate;
       border-spacing: 0;
       background: #2645a3 !important; /* fallback for old browsers */



     }
     .heading-creative {
       font-size: 22px;
       font-weight: 700;
       color: #000; /* Normal black */
       position: relative;
       /* display: inline-block; */
       padding-bottom: 0px;
       text-transform: uppercase;
       letter-spacing: 1px;
       transition: color 0.3s ease; /* smooth effect */
     }

     /* underline effect */
     .heading-creative::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: 0;
       width: 50px;  /* adjust width */
       height: 3px;
       /* background: linear-gradient(90deg, #2645a3, #3f6ec7); */
       border-radius: 2px;
     }

     /* Hover → blue text only */
     .heading-creative:hover {
       color: #2645a3; /* or #3f6ec7 if you prefer lighter blue */

     }
     /* Floating Label Container */
   .floating-label {
       position: relative;
       margin-bottom: 1.5rem;
       margin-top: 30px;
     }

     /* Input Field */
     .floating-label input {
       width: 100%;
       padding: 12px 12px 12px 12px;
       font-size: 12px;
       border:0;
       border-bottom:1px solid #ccc;;
       border-radius: 0px;
       outline: none;
       background: none;
     }

     .floating-label input:focus {
       outline: none !important;
       box-shadow: none !important;
       border-bottom: 1px solid #ccc;
     }


     /* Label */
     .floating-label label {
       position: absolute;
       top: 0%;
       left: 3px;
       transform: translateY(-50%);
       background: #fff;
       padding: 0 2px;
       color: #777;
       font-size: 14px;
       transition: 0.2s ease all;
       pointer-events: none;
     }
     .contact-card{
       height: 545px;
   }
   .contact-card.text-white.p-4.rounded{
    background-color: #2e52a4;
    background: url(/sites/default/files/inline-images/shape.png) #2e52a4;
    background-position: bottom right;
    background-repeat: no-repeat;
  }



    /* Floating label when input is focused */
   /* .floating-label:focus-within label {
       top: 0px;
       left: 3px;
       font-size: 12px;
       color: #2645a3;
     }
      */
     /* Floating label when input has value */
     /* .floating-label input:not(:placeholder-shown) ~ label {
       top: -8px;
       left: 10px;
       font-size: 12px;
       color: #2645a3;
     } */


     .account-details {
      max-width: 700px;
       background: #fff;
       border: 1px solid #e5e7eb;
       border-radius: 12px;
       padding: 16px 20px;
       box-shadow: 0 4px 10px rgba(0,0,0,0.05);
     }

     .account-details .row {
       display: flex;
       justify-content: space-between;
       padding: 6px 0;
       border-bottom: 1px dashed #e5e7eb;
     }

     .account-details .row:last-child {
       border-bottom:none;
     }

     .account-details .label {
       font-weight: 600;
       color: #374151;
     }

     .account-details .value {
       color: #111827;
     }

     .webform-submission-membership-form-form .js-form-item.form-item,
     .webform-submission-membership-form-form #ajax-wrapper,
     .webform-submission-membership-form-form #ajax-wrapper--2{
       width: calc(50% - .5rem);
     }
     .webform-submission-membership-form-form  fieldset,
     .webform-submission-membership-form-form .js-form-type-textarea,
     .webform-submission-membership-form-form .js-form-type-checkbox,
     .webform-submission-membership-form-form .js-form-type-processed-text,
     .webform-submission-membership-form-form  #ajax-wrapper .js-form-item.form-item,
     .webform-submission-membership-form-form #ajax-wrapper--2 .js-form-item.form-item{
       min-width: 100%;
     }
     .webform-submission-membership-form-form .js-webform-radios,
     .webform-submission-membership-form-form .captcha__image-wrapper,
     .webform-submission-membership-form-form .fieldset-wrapper,
     .webform-submission-membership-form-form.webform-submission-form{
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       gap: 1rem;
     }
     .webform-submission-membership-form-form fieldset.radios--wrapper .fieldset-wrapper{
       display: inline-block;
       width: 100%;
     }
     .webform-submission-membership-form-form fieldset.radios--wrapper .fieldset-wrapper .js-form-item.form-item{
       width: calc(20% - 1rem);
     }
     .webform-submission-membership-form-form #edit-photograph--description br, #edit-govt-id-card--description br{
       display: none;
     }

     .webform-submission-membership-form-form.webform-submission-form .form-item,.webform-submission-membership-form-form.webform-submission-form .form-actions{
       margin: 0 !important;
     }
     .webform-confirmation__message .thank-you-message {
       background: linear-gradient(135deg, #202f5a, #4cafef);
       color: #fff;
       font-size: 16px;
       font-weight: 600;
       text-align: center;
       padding: 10px 25px;
       border-radius: 12px;
       box-shadow: 0 6px 18px rgba(0,0,0,0.15);
       margin-top: 20px;
       animation: popUp 0.8s ease-in-out forwards;
       position: relative;
     }
     .thank-you-message h1{
       margin-top:50px !important;
     }
     .thank-you-message p:first-of-type {
       margin-bottom: 0;
       font-size: 22px;
       font-weight: 700;  /* heading jaisa bold look */
     }


  /* Decorative check icon */
  .webform-confirmation__message .thank-you-message::before {
    content: "✔";
    font-size: 28px;
    position: absolute;
    left: 49%;
    top: 20%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(255,255,255,0.25);
    padding: 8px;
    border-radius: 50%;
  }

     /* Animation Keyframes */
     @keyframes popUp {
       0% {
         opacity: 0;
         transform: scale(0.8) translateY(20px);
       }
       60% {
         opacity: 1;
         transform: scale(1.05) translateY(0);
       }
       100% {
         opacity: 1;
         transform: scale(1);
       }
     }
     .fixed-btn {
       background:linear-gradient(135deg, #393d54, #4cafef);
       color: #fff !important;
       border-radius: 50px;
       padding: 12px 28px;
       font-size: 18px;
       font-weight: 600;
       letter-spacing: 0.5px;
       text-transform: uppercase;
       display: inline-block;
   }

     /* Hover Effect */
     .fixed-btn:hover {
       background: linear-gradient(135deg, #0d5bd7, #2196f3);
     }

     div#edit-category--description ul {
       display: none;
   }
   .webform-submission-membership-form-form.webform-submission-form > * {
       margin: 0 !important;
       width: 100%;
   }


   form#webform-submission-membership-form-add-form {
       border: 1px solid #e9e9e9;
       padding: 20px;
       border-radius: 10px;
       margin-top: 50px;
       margin-bottom: 50px;
   }

   #edit-form-header h4 {
       position: relative;
       text-align: center;   /* h2 text center */
       padding-bottom: 12px; /* thoda space niche */
     }

     #edit-form-header h4::after {
       content: "";
       display: block;
       width: 80px;              /* line ki length */
       height: 2px;              /* line ki motai */
       background-color: #1a3e8f; /* line ka color */
       margin: 8px auto 0;       /* auto se center align ho jayegi */
       border-radius: 2px;       /* thodi rounded line */
     }

     label#edit-photograph--label   {
       font-weight:700;
   }
   label#edit-govt-id-card--label{
       font-weight:700;
   }
   form#webform-submission-membership-form-add-form {
       border: 1px solid #dcdcdc;
       border-radius: 12px;
       padding: 25px;
       margin: 50px 0;
       background: #fff;
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
     }



   div#edit-form-header h4 {
       font-size: 30px;
       font-weight: 700;
   }
   div#edit-form-header h4{
       font-size: 24px;
       font-weight: 500;
       color:#333333;
   }
   .webform-submission-membership-form-form fieldset.radios--wrapper .fieldset-wrapper {
       display: inline-block;
       width: 100%;
       border-bottom: 1px solid #e9e9e9;
       padding-bottom: 15px;
       /* padding-top: 20px; */
   }
   .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-undertaking.form-item-undertaking{
       border-top: 1px solid #e9e9e9;
       padding-top: 15px;
   }
   .custom-notification-wrapper {
       border: 1px solid #e0e0e0;
       border-radius: 12px;
       padding: 0px 30px;
       margin: 30px 0;
       background: #fff;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
       transition: all 0.3s ease-in-out;
   }


   .custom-notification-wrapper h2 {
       display:table;       /* Heading ko inline-block banaya */
       margin: 20px auto;           /* Center aur gap */
       padding: 10px 25px;          /* Thoda andar ka spacing */
       text-align: center;
       font-size: 22px;             /* Badi si heading */
       font-weight: bold;
       color: #2645a3;              /* Heading color */
       border: 2px solid #2645a3;   /* Border with same color */
       border-radius: 12px;         /* Rounded edges */
       background: #f5f7ff;         /* Light background */
       box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Soft shadow */
       transition: all 0.3s ease-in-out;
     }

     .custom-notification-wrapper h2:hover {
       background: #2645a3;   /* Hover pe bg change */
       color: #fff;           /* White text on hover */
       border-color: #1e3688; /* Darker border on hover */
     }




   .custom-notification-wrapper .fields-row {
       display: flex;
       flex-wrap: wrap;
       gap: 20px; /* space between fields */
       margin-bottom: 20px;
     }

     /* Each field box */
     .custom-notification-wrapper .fields-row > div {
       flex: 1; /* sab equal width le */
       min-width: 200px; /* mobile ke liye */
       padding: 5px 14px;
       border: 1px solid #e0e0e0;
       border-radius: 8px;
       background: #fafafa;
       transition: all 0.2s ease-in-out;
     }

     .custom-notification-wrapper .fields-row > div:hover {
       background: #f0f8ff;
       border-color: #4cafef;
     }

     /* Label style */
     .custom-notification-wrapper .fields-row strong {
       display: block;
       font-size: 14px;
       font-weight: 600;
       color: #20243c;
       margin-top:10px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }

     /* Value style */
     .custom-notification-wrapper .fields-row {
       font-size: 15px;
       color: #333;
       line-height: 1.5;
     }
     .custom-notification-wrapper .field-notification-document {
      padding-bottom: 15px; /* extra gap for PDF readability */

     }

     .custom-notification-wrapper .field-notification-document:last-child {
       margin-bottom: 0; /* last element ke niche gap remove */
       border-bottom: none;
     }
   /* Apply & Reset buttons ek line me */
   #edit-actions {
       display: inline-flex;
       gap: 0;
       margin-top: 14px;
   }

     /* Common button style */
     #edit-actions .form-submit {
       min-width: 100px;
       padding: 8px 20px;
       font-size: 15px;
       font-weight: 500;
       border-radius: 6px;
       border: none;
       cursor: pointer;
       transition: all 0.3s ease;
     }

     /* Apply button color */
     #edit-submit-circular-orders {
       background: #233860;
       color: #fff;
     }
     #edit-submit-circular-orders:hover {
       background: #0056b3;
     }

     /* Reset button color */
     #edit-reset-circular-orders {
       background: #f1f1f1;
       color: #333;
       border: 1px solid #ccc;
     }
     #edit-reset-circular-orders:hover {
       background: #e0e0e0;
     }



     /* Apply & Reset buttons ek line me */
   #edit-actions {
       display: inline-flex;
       gap: 0;
       margin-top: 14px;
   }

     /* Common button style */
     #edit-actions .form-submit {
       min-width: 100px;
       padding: 8px 20px;
       font-size: 15px;
       font-weight: 500;
       border-radius: 6px;
       border: none;
       cursor: pointer;
       transition: all 0.3s ease;

     }

     /* Apply button color */
     #edit-submit-results-of-events {
       background: #233860;
       color: #fff;
     }
     #edit-submit-results-of-events:hover {
       background: #0056b3;
     }

     /* Reset button color */
     #edit-reset-results-of-events{
       background: #f1f1f1;
       color: #333;
       border: 1px solid #ccc;
     }
     #edit-reset-results-of-events:hover {
       background: #e0e0e0;
     }

     .fancy-heading {
       font-weight: 600;
       color: #000; /* Default dark text */
       margin: 15px 0;
       position: relative;
       display: block;
       padding-bottom: 8px;
       transition: color 0.3s ease; /* smooth hover effect */
     }

     .fancy-heading:hover {
       color:#3f6ec7;
     }

     .fancy-heading::after {
       content: "";
       display: block;
       width: 15%;
       height: 3px;
       background: #4d45a3;
       margin: 6px auto 0;
       border-radius: 2px;
     }




        /* Accordion styling */

        .accordion-item {
           border: none;
           border-radius: 14px;
           margin-bottom: 1.2rem;
           overflow: hidden;
           background: #fff;

           /* More prominent shadow */
           box-shadow:
             0 8px 20px rgba(0, 0, 0, 0.12),  /* main soft shadow */
             0 4px 8px rgba(0, 0, 0, 0.08);   /* secondary shadow for depth */

           transition: transform 0.25s ease, box-shadow 0.25s ease;
         }



         .accordion-button {
           font-weight: 600;
           font-size: 1.05rem;
           padding: 1rem 1.2rem;
           background-color: #fff;
           color: #333;
           transition: background-color 0.3s ease;
         }

         .accordion-button:hover {
           background-color: #f0f2f5;
         }

         .accordion-button:not(.collapsed) {
           color: #2645a3;
           background-color: #eef2ff;
           box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
         }

         .accordion-body {
           font-size: 0.95rem;
           color: #444;
           padding: 1rem 1.2rem;
           line-height: 1.6;
         }


         #block-ccscsb-theme-content-2  textarea#edit-message {
           height: 70px;
       }
       #block-ccscsb-theme-content-2 .captcha__description.description {
           display: none;
       }
       #block-ccscsb-theme-content-2 .js-form-type-textfield.form-type-textfiel{
           margin: 0;
       }
      /* Full login background */
    div#edit-mail--description{
        display: none !important;
    }
    div#edit-name--description {
        display: none !important;
    }
    div#edit-user-picture-0--description {
        display: none !important;
    }
   label.js-form-required.form-required {
        font-weight: 500;
    }
      .site-background {
        height: 100vh; /* full screen height, prevents scroll */
        overflow: hidden; /* hide any extra scroll */

        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), /* darker overlay */
        url("/sites/default/files/inline-images/login-image.jpg") no-repeat center center / cover;

      }

      .site-background1{
        height: 100vh; /* full screen height, prevents scroll */
        overflow: auto; /* hide any extra scroll */

        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), /* darker overlay */
        url("/sites/default/files/inline-images/login-image.jpg") no-repeat center center / cover;
      }



   /* Full outer wrapper */
   .login_inner h2 {
       font-size: 28px;
       font-weight: 600;
       margin-bottom: 20px;
       text-align: center;
       color: #002352; /* matches your theme */
     }

     .login_full_outer {
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;

        /* Gradient background */
        /* background: linear-gradient(135deg, #4e4f50, #00d2ff); */

        /* Optional subtle pattern effect */
        background-attachment: fixed;

        /* Add inner shadow feel */
        /* box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.2); */
    }

    .login_inner {
        background: #fff;
        border-radius: 14px;
        padding: 30px 30px;
        max-width: 450px;
        width: 100%;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    
        max-height: 90vh; /* ✅ scroll limit set */
        overflow-y: auto;
        overflow-x: hidden;
    }
    .login_inner .d-flex.justify-content-between.mt-3 {
        position: absolute;
        margin-bottom: -6px;
        left: 148px;
        bottom: 25px;
    }
    div#edit-captcha-response--description {
        display: none;
    }
    .login_inner input#edit-submit {
        margin-top: 0 !important;
    }

     /* Login card */
     div#edit-captcha-image-wrapper img.img-fluid {
        height: 38px !important;
        width: auto;
    }

     /* Headings */
     .user-login-form legend,
     .user-login-form label {
       font-weight: 600;
       color: #333;
       margin-bottom: 8px;
       display: block;
     }

     /* Input fields */
     .user-login-form input.form-control {
       border-radius: 10px;
       border: 1px solid #ddd;
       padding: 5px 14px;
       margin-bottom: 18px;
       font-size: 15px;
       transition: 0.3s;
     }

     .user-login-form input.form-control:focus {
       border-color: #3a7bd5;
       box-shadow: 0 0 8px rgba(58, 123, 213, 0.3);
     }

     /* Captcha box */
     .captcha {
        margin: 10px 0;
        padding: 15px;
        border-radius: 10px;
        /* background: #f7f9fc; */
        border: 1px solid #e0e0e0;
       width:100%;
    }
    img[data-drupal-selector="edit-captcha-image"] {
        width: 90px !important;
        height: auto !important;
      }

     /* Buttons */
     .user-login-form input[type="submit"],
     .login_full_outer .btn-primary {
       width: 100%;
       padding: 12px;
       border-radius: 10px;
       font-size: 16px;
       font-weight: 600;
       transition: all 0.3s ease;
       margin-top: 10px;
     }

     .user-login-form input[type="submit"]:hover,
     .login_full_outer .btn-primary:hover {
       background: #0056b3;
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     }

     .login_inner h2 {
       font-size: 24px;
       font-weight: 600;
       margin-bottom: 8px !important;
       text-align: center;
       color: #002352;
     }

     .login_inner .btn {
       min-width: auto;
     }

      a.btn.btn-outline-secondary.btn-right {
        position: absolute;
        left: 74px;
        bottom: 0px;
        border: 1px solid #002352;
        color: #002352;
    }
    a.btn.btn-outline-secondary.btn-right:hover{
        background: #002352;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    }

     /* Register link button */
     .login_full_outer a.btn {
       margin-top: 15px;
       display: block;
       text-align: center;
     }


     /* Fade-in effect */
     @keyframes fadeIn {
       from {
         opacity: 0;
         transform: translateY(15px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
       }
     }
     .empty-state__content .empty-state__icon {
       width: 200px;
       height: 200px;
       display: flex;
       align-items: center;
       border-radius: 200px;
       justify-content: center;
       background-color: #f7fafc;
       box-shadow: 0px 2px 1px #e1e3ec;
   }
     .empty-state{
       max-width: 60%;
       margin: 0px auto 0 auto;
       background: #ffffff;
       box-shadow: 1px 2px 10px #e1e3ec;
       border-radius: 4px;
   }
   .empty-state__content {
       padding: 48px;
       display: flex;
       align-items: center;
       flex-direction: column;
   }
   .empty-state__content .empty-state__message {
       color: #706f6f;
       font-size: 1.5rem;
       font-weight: 500;
       margin-top: 0.85rem;
   }
   .field--name-field-result-type .field__item a,
   .field--name-field-game .field__item a {
     color: inherit;        /* same color as normal text */
     text-decoration: none; /* underline hatana */
     cursor: default;       /* normal cursor */
     pointer-events: none;  /* agar clickable nahi banana ho */
   }
   .sidebar {
    position: relative;
    left: -108px;
    top: 0px;
}

   .region.region-side-bar {
    width: 320px;     
    min-height: 80vh;         /* puri screen ki height */
    background: linear-gradient(180deg, #1e3c72, #2a5298);
    color: #fff;
    padding: 25px 20px;
    border-radius: 0 18px 18px 0;   /* left edge flat, right rounded */
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.2);
    margin:10px;                /* margin hata diya */
    position: relative;        /* normal flow me rahega */
    margin-left: 50px;
  }
  
  
  /* Sidebar headings */
  .region.region-side-bar h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 10px;
    color: #ffda79;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  /* Sidebar list */
  .region.region-side-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .region.region-side-bar ul li {
    margin-bottom: 10px;
  }
  
  /* Sidebar links */
  .region.region-side-bar ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  
  /* Hover + active */
  .region.region-side-bar ul li a:hover,
  .region.region-side-bar ul li a.active {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(5px);
  }
  /* Card overall */
.card {
    border: none; /* remove default border */
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, #7a97cb, #2a5298); /* bluish gradient */
    color: #fff; /* white text on gradient */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    
  }
  
  .card:hover {
    transform: translateY(-8px); /* subtle lift on hover */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* stronger shadow */
  }
  
  /* Card body */
  .card-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  /* Title styling */
  .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #fff; /* keep white */
  }
  
  /* Text styling */
  .card-text {
    font-size: 0.95rem;
    opacity: 0.9;
    line-height: 1.5;
  }
  
  /* Button inside card */
  .card .btn {
    border-radius: 12px;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
    background: #fff;
    border: none;
    transition: all 0.3s ease;
  }
  
  .card .btn:hover {
    background:  #0056b3;
    color: #f0f0f0;
    padding-left: 1.8rem;   /* normal se zyada */
    padding-right: 1.8rem;  /* width thoda badhega */
  }

  .csv_btn {
    display: inline-block;
    float:right;
    margin-top: -2px; /* jitna upar chahiye utna negative value do */
  }
  
nav#block-ccscsb-theme-linktodashboard {
    position: relative;
    right: 70px;
}
nav#block-ccscsb-theme-linktodashboard :hover{
   text-decoration:none;
}
nav#block-ccscsb-theme-linktodashboard  .svg-inline--fa{
color: #ffffff;
}
nav#block-ccscsb-theme-linktodashboard  .link-text {
    color: #ffffff;
}
.org-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 800px;      /* set your desired width */
    margin: 0 auto;    /* center horizontally */
    background: linear-gradient(to right, #e9e9e9, #f5f5dc);
  
  
    border-radius:30px;
  }
  
  
      .org-node {
        display: flex;
        width: 480px;
        margin: 20px 0;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 6px 18px rgba(0,0,0,0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        background: #fff;
        border: 2px solid #7b93c5;
      }
  
      .org-node:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 28px rgba(0,0,0,0.15);
      }
      .js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth-6-18.form-item-date-of-birth-6-18 {
          padding-left: 10px;
          float: left;
          width: 50%;
          margin-top: 0;
      }
      /* Left image part */
      .org-img {
    width: 200px;
    height: 200px;
    background-image: url('../Documents/NCB/image5.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 10%;       /* slight rounding */
    margin: 10px 0 10px 20px; /* top 10px, right 0, bottom 10px, left 20px */
    transition: transform 0.3s;
  }
  /* Fieldset ko card look + highlight */
#edit-workflow-workflow-fieldset {
    border: 2px solid #0066cc;
    padding: 18px;
    border-radius: 8px;
    background: #f8fcff;
}

/* Legend ko highlight */
#edit-workflow-workflow-fieldset legend .fieldset-legend {
    font-weight: 600;
    font-size: 16px;
    color: #0056a6;
}

/* Left-right layout */
#edit-workflow-workflow-fieldset .fieldset-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

/* Status block (left) */
#edit-workflow-workflow-fieldset .webform-workflow-value {
    flex: 1;
    background: #e7f3ff;
    padding: 12px 14px;
    border-radius: 6px;
    border-left: 4px solid #0056a6;
}

/* Status text label bold */
#edit-workflow-workflow-fieldset .webform-workflow-state-label {
    font-size: 15px;
    font-weight: 600;
}

/* Transition dropdown (right) */
#edit-workflow-workflow-fieldset .form-item-workflow-transition {
    flex: 1;
}
#application_form_for_coaching_fa--details_of_applicant_child {
    background: #f8fcff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 1px solid #d8e6f3 !important;
}

#application_form_for_coaching_fa--details_of_applicant_child > summary {
    font-weight: 600 !important;
    font-size: 17px !important;
    background: #e7f3ff !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}

/* Image styling */
#application_form_for_coaching_fa--details_of_applicant_child img.webform-image-file {
    width: 160px !important;
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 2px solid #0056b3 !important;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.18) !important;
    display: block !important;
    margin-top: 10px !important;
}



  
  
  
  
  
  
  
  
      /* Right content part */
      .org-details {
    max-width: 520px;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    font-family: "Segoe UI", sans-serif;
    line-height: 1.4;
    color: #222;
  }
  
  /* Heading Section */
  .org-header {
    border-bottom: 2px solid #e0e0e0; /* thin divider */
    padding-bottom: 10px;
    margin-bottom: 14px;
  }
  
  
  
  .org-header h2 {
    font-size: 20px;
    margin: 0 0 6px 0;
    font-weight: 600;
    color:#1a237e;
  }
  
  .org-header p {
    margin: 2px 0;
    font-size: 14px;
    color: #444;
  }
  /* Contact Section */
  .org-contact h3 {
    font-size: 16px;
    margin: 0 0 8px 0;
    font-weight: 600;
    color: #1a237e; /* dark blue highlight */
  }
  
  .org-contact p {
    margin: 4px 0;
    font-size: 14px;
  }
  
      /* Connector line between cards */
      .line {
    width: 3px;               /* line thodi bold */
    height: 30px;             /* height increase */
    background: #333;         /* darker line */
    position: relative;
    /* margin: 20px; */
  }
  
  .line::after {
    content: "";
    position: absolute;
    bottom: -10px;            /* arrow line ke niche */
    left: 50%;
    transform: translateX(-50%);
  
    /* arrow ko bada & bold banaya */
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #333;  /* bold arrow color */
  }
  .org-node img {
    width: 152px !important;
    height: auto !important;
    margin: 17px;
    border-radius: 10px;
    margin-top:20px !important;
}
.user-logged-in .pull-right.col-lg-5.d-flex {
    right: 100px;
    position: relative;
}

  
.about-text1{
        background-color: #fff;   /* background */
        font-size: 14px;          /* font size */
        line-height: 1.5;         /* better readability */
        margin: 0 0 1em 0.5cm;    /* left indent + bottom space */
        text-indent: -0.64cm;     /* hanging indent */
        color: #222;              /* text color */
        font-weight:500;
}
.ground-images-row img {
    width: calc(25% - 5px);
    box-sizing: border-box;
    padding: 5px;
}
  
.ground-heading {
    font-size: 18px;             /* adjust font size */
    font-weight: 600;            /* bold */
    color: #ffffff;              /* text color */
    background-color:#32416e;   /* optional background */
    border-bottom: 2px solid #ffffff; /* bottom border */
    padding: 10px 15px;          /* space inside heading */
    border-radius: 6px;          /* optional rounded corners */
    text-align: center;           /* center text */
    margin: 0 0 12px 0;           /* spacing below heading */
    line-height: 1.3;            /* vertical spacing */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* subtle shadow */
  }
  .ccscsb-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    text-align: justify;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;   /* space for dot */
  }
  
  .ccscsb-text::before {
    content: "•";
    position: absolute;
    left: 5px;
    top: -7px;
    color: #000;
    font-size: 25px;
    line-height: 1.6;
}
  
  

.coaching-services {
    width: 33.333%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.coaching-services-image img {
    height: 250px;
}
.section-heading_1 {
    font-size: 24px;
    font-weight: 700;
    color: #2645A3;                 /* dark blue */
    text-align: center;             /* center align */
    margin: 10px 0 20px;            /* spacing top/bottom */
    padding-bottom: 12px;           /* space for underline */
    position: relative;
    font-family: "Segoe UI", sans-serif;
  }
  #block-ccscsb-theme-coachingservices.block h2 {
    text-align: center;
    margin: 20px 0; /* top aur bottom dono 20px */
    margin-top: 60px;
  }
  h2.section-heading.text-center.mb-4.mt-4 {
    margin-top: 60px !important;
    display: block;
}
  
  /* underline effect */
  .section-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;                    /* underline length */
    height: 3px;
    /* background-color: #ff9800;      accent color */
    border-radius: 2px;
  }
  .coaching-text {
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    margin: 15px 0;
    text-align: justify;       /* clean alignment */
    background: #f9f9f9;       /* subtle background */
    padding: 5px 16px;        /* inner spacing */
    border-left: 4px solid #2645A3; /* accent bar on left */
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  }
  
  .highlight-sport {
    color: #000000;            /* sporty orange/red highlight */
    font-weight: 600;
  }
  form#views-exposed-form-circular-orders-page-2 .form--inline {
    display: flex;
}
form#views-exposed-form-results-of-events-page-1 .form--inline {
    display:flex;
}
.field.field--name-field-coaching-services-image.field--type-image.field--label-hidden.field__items{
    display: flex;
    margin-bottom: 20px;
}
.form--inline.clearfix {
    display: flex;
}
.form-textarea-wrapper textarea {
    height: 40px !important;
    min-height: 10px;
    resize: vertical;
    width: 50%;
  }
/* 23-09-2025 ========== FORM CONTAINER ========== */
/* ===== Form Container ===== */
#edit-details-of-applicant-child {
    background: #fff;
    padding: 9px 25px;
    border-radius: 16px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    /* margin: 0 auto; */
    height: 550px !important;
    font-family: "Segoe UI", sans-serif;
  }
 
  

  /* ===== Form Labels ===== */
  #edit-details-of-applicant-child label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
    font-size: 14px;
  }
  
  /* ===== Input Fields ===== */
  #edit-details-of-applicant-child input.form-text,
  #edit-details-of-applicant-child input.form-date,
  #edit-details-of-applicant-child select.form-select {
    width: 100%;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    transition: 0.3s;
  }
  
  #edit-details-of-applicant-child input.form-text:focus,
  #edit-details-of-applicant-child input.form-date:focus,
  #edit-details-of-applicant-child select.form-select:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 6px rgba(0,123,255,0.3);
  }
  
  /* ===== File Upload ===== */
  #edit-details-of-applicant-child .webform-image-file {
    max-width: 100%;           /* container won’t exceed parent width */
    max-height: 200px;         /* optional fixed height */
    overflow: hidden;           /* crop any large images */
    border-radius: 10px;        /* keep rounded corners */
    border: 1px solid #ccc;     /* same border */
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;        /* keep spacing */
    position: relative;          /* for input positioning */
    background-color: #f8f8f8;  /* optional background */
    width:50%;
}
#edit-details-of-applicant-child .webform-image-file img {
    margin: 15px;
    max-width: 150px;
    height: 120px;
    display: block;
    object-fit: fill;
}
/* ===== Parent container styling ===== */
.webform-managed-file-preview{
     justify-content: center;
     max-width: 300px;
     border-radius: 10px;
     background: #f9f9f9;

}
div#edit-image-file-placeholder {
    padding: 3px;
}
  
  /* ===== Child image styling ===== */
  .webform-managed-file-preview .webform-image-file {
    width: 50%;        /* fills parent width */
    height: 150px;       /* fills parent height */
    object-fit: cover;  /* ensures image fills area neatly */
    border-radius: 10px; /* match parent */
  }
  

#edit-details-of-applicant-child .webform-image-file input[type="file"] {
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 100%;               /* fill container width */
    height: 100%;              /* fill container height */
    object-fit: cover;         /* ensures image fits without distortion */
    display: block;
}


  /* ===== Description Text ===== */
  #edit-details-of-applicant-child .description {
    /* font-size: 12px;
    color: #555;
    margin-bottom: 20px; */
    display: none;
  }
  
  /* ===== Submit / Upload Button ===== */
 /* Make the parent container relative */
#edit-details-of-applicant-child {
    position: relative;
}

/* Submit button at bottom-right */
#edit-details-of-applicant-child .form-submit.btn-primary {
    position: absolute;
    left: 200px;
    bottom: 10px;
    background: linear-gradient(45deg, #007bff, #0056b3);
    border: none;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
    bottom: 0;
}

/* === Form card (ONLY this exact ID) === */
div[id^="edit-details-of-parents-guardian"] {
    padding: 24px !important;
    background: #ffffff;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08) !important;
}
  
.form-item-category {
    width: 50%;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-relation-of-child-with-the-guardian.form-item-relation-of-child-with-the-guardian {
    width: 50%;
    float: left;
   

}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-mobile-no.form-item-mobile-no {
        width: 50%;
        float: left;
        padding-left: 10px !important;
    }
    .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email-id.form-item-email-id {
        width: 50%;
    }
  
  /* ===== Right align the upload button ===== */
  #edit-details-of-applicant-child .webform-image-file input[type="submit"] {
    float: right;
  }
 /* Target the specific form wrapper */
 .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name-of-the-applicant.form-item-name-of-the-applicant {
    width: 50%;
    float: left;
}
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-category-in-which-coaching-required.form-item-category-in-which-coaching-required {
    width: 50%;
    float: left;
    padding-left: 10px;
}
.js-webform-states-hidden.js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth.form-item-date-of-birth {
    width: 50%;
    float: left;
}
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-gender.form-item-gender {
    width: 50%;
    float: left;
    margin: 0;
   
}
.js-webform-states-hidden.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-at-which-coaching-required.form-item-location-at-which-coaching-required {
    display: block;
    width: 50%;
}
.js-webform-states-hidden.js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth-6-18.form-item-date-of-birth-6-18 {
    float: left;
    width: 50% !important;
    padding-left: 10px !important;
    margin: 0;
}
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-at-which-coaching-required.form-item-location-at-which-coaching-required {
    margin-top: 15px; /* ✅ top gap */
    width: 50%;
}
.js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth.form-item-date-of-birth{
    width: 50%;
    float: left;
   
}
.js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth.form-item-date-of-birth {
    width: 50% !important;
}
.about-text {
    text-align: justify;
    clear: both;
    margin-left: 0;
    margin-right: 40px;
}
.text-justify {
    text-align: justify;
  }
  .right-text {
    text-align: justify;
}
.navbar .navbar-nav .nav-item .nav-link[href="/dashboard-home"]:hover {
    background-color: transparent !important;
    text-decoration: none !important;
  }
  #cboxTitle,
  #cboxTitle:hover,
  #cboxTitle:active,
  #cboxTitle:focus {
    position: absolute;
     bottom:55px !important;
     left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 8px 16px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222;
    background:rgb(253 254 250);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-align: center;
    width: 70%;
}
   /* 29-09-25*/
/* Tabs container - single row, scrollable */
.item-list .quicktabs-tabs {
    display: flex;         /* flex layout */
    flex-wrap: nowrap;     /* ek hi row me */
    overflow-x: auto;      /* horizontal scroll on overflow */
    padding: 10px;
    margin: 0;
    list-style: none;
    background: linear-gradient(135deg, #1a3c72, #edf1f7, #3a7bd5);
    border-radius: 12px;
    scrollbar-width: none; /* Firefox scrollbar hide */
    padding-left:30px;
  }
  .item-list .quicktabs-tabs::-webkit-scrollbar {
    display: none;         /* Chrome scrollbar hide */
  }
  
  /* Each tab */
  .item-list .quicktabs-tabs li {
    flex: 0 0 auto;       /* maintain width, no wrapping */
  }
  
  /* Tab link styling */
  .item-list .quicktabs-tabs li a {
    display: block;
    padding: 6px 12px;    /* chhota padding for compact look */
    font-size: 14px;
    font-weight: 500;
    color: #dfe9f3;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    white-space: nowrap;   /* text wrap na ho */
  }
  
  /* Hover effect */
  .item-list .quicktabs-tabs li a:hover {
    color: #fff;
    background: linear-gradient(135deg, #396afc, #2948ff);
    transform: translateY(-1px);
  }
  
  /* Active tab */
  .item-list .quicktabs-tabs li.active a {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #fff;
  }
  
  /* Event*/
  .tabsbar ul.quicktabs-tabs li {
    margin-bottom: -1px;
    background: none !important;
}
  .views-field.views-field-field-event-image img {
    width: 100%;      /* container ke width ke hisaab se */
    max-width: 400px; /* max size limit */
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}
.cricket-match-event {
    background:linear-gradient(45deg, #2646a8, #1d1d1d) !important;
    color: #ffffff;             /* text color */
    padding: 20px;              /* spacing around content */
    border-radius: 10px;        /* rounded corners */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* subtle shadow */
    text-align: justify;        /* justify text */
    line-height: 1.6;           /* spacing between lines */
    margin-bottom: 20px;        /* spacing between events */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cricket-match-event:hover {
    transform: translateY(-5px);          /* slight hover effect */
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}
.ccscsb-marathon {
    background:linear-gradient(45deg, #2646a8, #1d1d1d) !important;
    color: #f0f0f0;              /* light text */
    padding: 20px;               /* spacing around text */
    border-radius: 10px;         /* rounded corners */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* subtle shadow */
    text-align: justify;         /* justify text */
    font-family: 'Verdana', sans-serif;  /* clean readable font */
    line-height: 1.6;            /* spacing between lines */
    margin-bottom: 20px;         /* spacing between multiple blocks */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ccscsb-marathon:hover {
    transform: translateY(-5px);          /* slight hover effect */
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}
/* Center align only the 'Action' column */
table.views-view-table th.views-field-nothing,
table.views-view-table td.views-field-nothing {
  text-align: center;
  vertical-align: middle;
}

/* Heading inside the container */
.ccscsb-marathon-dark h3 {
    color: #ffd700;          /* bright yellow for dark mode */
    margin: 0;               
    font-size: 1.8rem;       
    text-align: center;      
    font-weight: 700;        
    text-transform: uppercase; 
    position: relative;      /* needed for ::after positioning */
}

  

.ccscsb-marathon-dark h3::after {
    content: "";                       /* empty content for underline */
    display: block;
    width: 50px;                        /* width of the underline */
    height: 3px;                        /* thickness of the underline */
    background-color: #ffff;          /* same color as heading */
    margin: 6px auto 0 auto;            /* spacing above and center */
    border-radius: 2px;                 /* slightly rounded edges */
}

.national-sports-day {
    background:linear-gradient(45deg, #2646a8, #1d1d1d) !important;
    color: #e0e0e0;                  /* light text */
    padding: 20px;                   /* spacing around content */
    border-radius: 10px;             /* rounded corners */
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.3);  */
    text-align: justify;             /* justify text */
    font-family: 'Tahoma', sans-serif;  /* clean readable font */
    line-height: 1.6;                /* spacing between lines */
    margin-bottom: 20px;             /* spacing between blocks */
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;                       /* space between heading and text */
}

.national-sports-day:hover {
    transform: translateY(-5px);     
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}


/* Paragraphs inside */
.national-sports-day p {
    margin: 0;                        /* remove default margin */
    font-size: 1rem;
}

/* Optional: Paragraphs inside */
.ccscsb-marathon p {
    margin-bottom: 10px;
    font-size: 1rem;
}
.national-sports-day ul.sports-list  {
  font-size:15px !important;
}
.ground-heading-1 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    background-color:#5e56f7;
    border-bottom: 2px solid #ffffff;
    padding: 10px 15px;
    border-radius: 6px;
    text-align: center;
    margin: -19px -19px 12px -19px; 
    line-height: 1.3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
/* Pop up */
.modal-body {
    max-height: 75vh;             /* ✅ modal ke andar vertical scroll limit */
    overflow-y: auto;             /* ✅ vertical scroll enable */
    padding: 20px;                /* ✅ overall spacing */
    background: #f9f9f9;          /* optional soft background */
    border-radius: 10px;
  }
  
  /* Each field box */
  .modal-body > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 12px;          /* ✅ clean gap between boxes */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.2s ease-in-out;
  }
  
  .modal-body > div:hover {
    background: #f2f6ff;          /* subtle hover effect */
  }
  
  /* Label styling */
  .modal-body > div strong {
    color: #0044cc;
    min-width: 200px;             /* ✅ label width alignment */
    text-align: left;
    font-weight: 600;
  }
  
  /* Value styling */
  .modal-body > div a,
  .modal-body > div span,
  .modal-body > div img {
    word-break: break-word;
    
  }
  
  /* Scrollbar styling (optional for clean look) */
  .modal-body::-webkit-scrollbar {
    width: 8px;
  }
  .modal-body::-webkit-scrollbar-thumb {
    background: #c2c2c2;
    border-radius: 8px;
  }
  .modal-body::-webkit-scrollbar-thumb:hover {
    background: #888;
  }

.modal-body a:hover {
    text-decoration: underline;
}

/* Image Styling */
.modal-body img.webform-image-file {
    max-width: 60px;
    border-radius: 6px;
    margin-top: 5px;
    border: 1px solid #ccc;
}

/* File link styling */
.modal-body .file a {
    display: inline-block;
    padding: 4px 10px;                     /* smaller button */
    background: #2646a8;
    color: #fff !important;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    transition: background 0.3s;
}

.modal-body .file a:hover {
    background: #1a2f6b;
}
.getClose {
    position: absolute;    /* fixed inside modal */
    top: 12px;             /* distance from top */
    right: 12px;           /* distance from right */
    z-index: 1050;         /* above modal content */
}

.getClose a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #dc3545;   /* Bootstrap danger color */
    color: #fff;
    font-size: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: background 0.3s;
}

.getClose a:hover {
    background: #b02a37;   /* darker on hover */
}

 /* .js-form-wrapper.form-wrapper {
    background: #fff;
    padding: 9px 25px;
    border-radius: 16px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 100%;
     margin: 0 auto; 
  
} */
/* .js-form-wrapper  :nth-child(2) {
    box-shadow: none !important;
  }  */

/* Responsive fix */
@media (max-width: 768px) {
    .modal-body {
        grid-template-columns: 1fr; /* stack items */
        gap: 8px;
    }
}



/* Optional: Paragraphs */
.cricket-match-event p {
    margin-bottom: 10px;
    font-size: 1rem;
}

/* 3-10-25 */

.view-user-count {
    /* display: flex; */
    flex-wrap: wrap;       /* allow multiple rows */
    gap: 20px;             /* space between cards */
    justify-content: space-between; /* distribute evenly */
}

/* ===== Each Card Styling ===== */
.view-user-count .views-row {
    flex: 0 0 calc(33.333% - 13.33px); /* 3 cards per row with gap compensation */
    box-sizing: border-box;
}

.user-count-box {
    background: linear-gradient(180deg, #7a97cb, #2a5298);
    color: #fff;
    padding:12px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: 0.3s;
    font-size:20px;
}
/* Only for this Dashboard li */
li.nav-item > a[href="/dashboard"] {
    color: white;             /* text white */
    text-decoration: none;    /* no underline */
}

li.nav-item > a[href="/dashboard"] svg {
    fill: white;              /* icon white */
}

/* Remove hover effect */
li.nav-item > a[href="/dashboard"]:hover {
    color: white !important;             /* stay white */
    text-decoration: none;    /* no underline on hover */
}

li.nav-item > a[href="/dashboard"]:hover svg {
    fill: white !important;              /* icon stays white */
}
/* Only apply scroll to this exact table (with 8 columns) */
table.table.table-striped.views-table.views-view-table.cols-8 {
    display: block;
    overflow-x: auto;            /* horizontal scroll */
    white-space: nowrap;         /* keep all cells in one line */
    width: 100%;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
  }

.webform-details-toggle-state-wrapper {
  display: none !important;
}

.webform-submission-navigation {
  display: none !important;
}

details[data-drupal-selector="edit-log-fieldset"] {
  display: none !important;
}

details[data-drupal-selector="edit-information"] {
  display: none !important;
}

  
  /* Optional: keep the header visible */
  table.table.table-striped.views-table.views-view-table.cols-8 thead {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
  }
  .table.table-striped.views-table.views-view-table.cols-6 {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  /* Only apply scroll to this exact table (with 8 columns) */
table.table.table-striped.views-table.views-view-table.cols-7 {
    display: block;
    overflow-x: auto;            /* horizontal scroll */
    white-space: nowrap;         /* keep all cells in one line */
    width: 100%;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Optional: keep the header visible */
  table.table.table-striped.views-table.views-view-table.cols-7 thead {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
  }
  div#edit-mobile-number-of-the-applicant--A_xASoc8lD4 {
    float: left;
    width: 50%;
    padding-left: 10px !important;
}
.js-form-item.form-item.js-form-type-tel.form-type-tel.js-form-item-mobile-number-of-the-applicant-phone.form-item-mobile-number-of-the-applicant-phone.form-no-label {
    border: 1px solid #dee2e6;
    border-radius: 10%;
}
span.span-line {
    color:#fff;
    margin-left: 10px;
}
  
  


.phone-number-field.form-item.mobile_number_of_the_applicant {
    float: left;
    width: 50%;
    padding-left: 15px;
}


.webform-submission-form.webform-submission-add-form .js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-date-of-birth-6-18.form-item-date-of-birth-6-18 {
    float: left;
    width: 50%;
    margin-top: 0;
    padding-left: 15px;
}

.webform-submission-form.webform-submission-add-form .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-gender.form-item-gender {
    width: 50%;
    float: left;
    padding-left: 10px;
    margin-top: 10px;

}
.webform-submission-form.webform-submission-add-form .webform-managed-file-preview .webform-image-file {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.phone-number-field .local-number {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 34px !important;
    margin: 0;
    border-width: 0;
    border-bottom: navajowhite !important;
}
.js-form-item.form-item.js-form-type-tel.form-type-tel.js-form-item-mobile-number-of-the-applicant-phone.form-item-mobile-number-of-the-applicant-phone.form-no-label {
    border: 1px solid #dee2e6;
    border-radius: 5px !important; 
}
/* Target only the "Next" button on this specific form/page */
form.webform-submission-application-form-for-coaching-fa-form 
.webform-button--next.next_btn.btn.btn-primary {
  color: #fff !important;
  border: none;
  border-radius: 8px;
  padding: 7px 30px;
  font-weight: 600;
  margin-top: 35px !important; /* 👈 only this changes vertical alignment */
  box-shadow: none !important;
  transition: 0.3s ease;
  float: inline-end;
}

.js-webform-states-hidden.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-pay-level.form-item-pay-level {
    float: left;
    padding-left: 10px;
    width: 50%;
}
.js-webform-states-hidden.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-ministry-department.form-item-ministry-department {
    width: 50%;
    float: left;
}
body:has(form#webform-submission-membership-form-edit-form) #block-ccscsb-theme-content-2 {
    background: #ffffff; /* pure white */
    padding: 10px;
    border-radius: 14px;
    border: 1px solid #eaeaea;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    color: #333;
  }
  .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email-id.form-item-email-id {
    width: 50%;
    padding-right: 10px;
}
input#edit-captcha-response {
    width: 70%;

}
  
/* ===== Responsive Adjustments ===== */
  @media (max-width: 768px) {
    #edit-details-of-applicant-child {
      padding: 20px 15px;
    }
  
    #edit-details-of-applicant-child .form-submit.btn-primary {
      width: 100%;
      text-align: center;
    }
  
    #edit-details-of-applicant-child .webform-image-file input[type="submit"] {
      float: none;
      width: 100%;
      margin-top: 10px;
    }
  }

  .ground-wrapper {
    width: 100%;
    max-width: 620px;
    margin: 20px auto;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-height: 450px; /* <-- Add this */
}



/* Image */
.ground-image img {
    width: 100%;
    height: auto;
    display: block;
    border-bottom: 1px solid #eee;
}

/* Title */
.ground-title {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 20px;
    color: #222;
    padding-bottom: 0;
}

/* Body Text */
.ground-body {
    padding: 18px 20px;
    font-size: 14px;
    color: #444;
    line-height: 1.7;
}

/* MAIN BUTTON STYLING */
.view-ground-booking-slider .owl-nav button.owl-prev,
.view-ground-booking-slider .owl-nav button.owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: #044fc6 !important; /* SOLID BLUE */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #fff !important;
    font-size: 32px !important;
    z-index: 999 !important;
    border: none !important;
    opacity: 1 !important;         /* FIX FADE */
}

/* REMOVE ALL FADING / TRANSPARENCY / DISABLED EFFECT */
.view-ground-booking-slider .owl-nav button.owl-prev,
.view-ground-booking-slider .owl-nav button.owl-next,
.view-ground-booking-slider .owl-nav button.owl-prev:hover,
.view-ground-booking-slider .owl-nav button.owl-next:hover,
.view-ground-booking-slider .owl-nav button.owl-prev:focus,
.view-ground-booking-slider .owl-nav button.owl-next:focus,
.view-ground-booking-slider .owl-nav button.owl-prev.disabled,
.view-ground-booking-slider .owl-nav button.owl-next.disabled {
    opacity: 1 !important;
    background: #044fc6 !important; /* ALWAYS PURE BLUE */
    border: none !important;
    box-shadow: none !important;
}

/* LEFT BUTTON POSITION */
.view-ground-booking-slider .owl-nav button.owl-prev {
    left: -30px !important;
}

/* RIGHT BUTTON POSITION */
.view-ground-booking-slider .owl-nav button.owl-next {
    right: -30px !important;
}

/* ARROW INSIDE */
.view-ground-booking-slider .owl-nav button span {
    font-size: 40px !important;
    color: #fff !important;
    line-height: 0 !important;
    padding-bottom: 5px;
    padding-right: 0;
}

/* REMOVE OUTLINE */
.view-ground-booking-slider .owl-nav button.owl-prev:focus,
.view-ground-booking-slider .owl-nav button.owl-next:focus {
    outline: none !important;
}




.view-ground-booking-slider  .owl-carousel .owl-item {
    padding: 8px !important;  
}

h2.title{
    text-align: center;
    font-weight:600;
}

.registration .btn.btn-outline-secondary.btn-right {
    top: 38px;
    position: relative;
}
h2.gd-title {
    text-align: center;
    font-weight: 600;
}
p.gd-desc {
    font-size: 16px;
    text-align: center;}
    
    
    .download-btn {
        background:#233860;
        color: #fff;
        padding: 12px 28px;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        display: inline-block;
        letter-spacing: 0.5px;
    }
    /* Outer Card */
    .download-card {
        width: 100%;
        max-width: 1100px;
        margin: 20px auto;
        background: #fff;
        border-radius: 14px;
        padding: 22px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
        position: relative;
    
        /* YOUR IMAGE SETTINGS */
        background-image: url("/sites/default/files/img/frame-2.png");
        background-repeat: no-repeat;     /* repeat OFF */
        background-position: left center; /* Left aligned */
        background-size: contain;         /* fit nicely like original */
    }
    .ground-booking-banner {
        margin-top: 20px; 
        font-weight:600;
    }    

/* Left Blue Wave Background */
.download-left {
    width: 200px;
    height: 120px;
   
    background-size: cover;
    background-position: left;
    border-radius: 12px;
}

/* Center text */
.download-center {
    width: 60%;
    text-align: center;
}

.download-center .desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-left: 30px;
}

.download-center .desc span {
    color: #000;
    font-weight: 600;
}

/* Right download btn side */
.download-right {
    width: 180px;
    text-align: right;
    position: relative;
}

/* Download Button */
.download-btn {
    background: #044fc6;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s;
}

.download-btn:hover {
    background: #003ea0;
}
td[class*="Payment Initiated"] span {
    background-color: #ffcf21 !important; 
    color: #4c3c00 !important;           
    padding: 4px 8px !important;       
    border-radius: 6px !important;     
    font-size: 13px !important;          
    font-weight: 600 !important;         
    display: inline-block !important;   
    text-align: center !important;      
    line-height: 1.2 !important;         
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; 
}



.Rejected span {
    background-color: red !important;    
    color: #fff !important;               
    padding: 4px 8px !important;          
    border-radius: 6px !important;       
    font-size: 13px !important;         
    font-weight: 600 !important;          
    display: inline-block !important;    
    text-align: center !important;        
    line-height: 1.2 !important;          
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; 
}

td[class*="Payment Done"] span {
    background: #28a745 !important;
    color: #fff !important;
    padding: 4px 8px !important;         
    border-radius: 6px !important;       
    font-size: 13px !important;          
    font-weight: 600 !important;        
    display: inline-block !important;     
    text-align: center !important;        
    line-height: 1.2 !important;         
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; 
}
td[class*="Submitted"] span{
    background: #256ea9 !important;        
    color: #ffffff !important;               
    padding: 4px 8px !important;          
    border-radius: 6px !important;        
    font-size: 13px !important;          
    font-weight: 600 !important;          
    display: inline-block !important;    
    text-align: center !important;        
    line-height: 1.2 !important;         
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; 
}
td[class*="Under Review"] span{
    background: #ff9800 !important;        
    color: #ffffff !important;              
   padding: 4px 8px !important;         
    border-radius: 6px !important;       
    font-size: 13px !important;         
    font-weight: 600 !important;          
    display: inline-block !important;    
    text-align: center !important;       
    line-height: 1.2 !important;        
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; }

    .login_inner .d-flex.justify-content-between.mt-3 {
        position: absolute;
        margin-bottom: -6px;
        left: 115px;
        bottom: 51px;
        margin-top: 0 !important;
    }
    .login_full_outer a.btn {
        margin-top: 15px;
        display: block;
        text-align: center;
        font-size: 15px;
        padding: 7px 14px;
    }


    .login_full_outer .btn-wrapper {
        position: relative;
        bottom: -32px;
    }

    .registration .btn.btn-outline-secondary.btn-right {
        top: 63px;
        position: relative;
        left: 110px;
    }
    .csv_btn {
        margin-top: 13px;
        display: inline-block;
        margin-left: 7px !important;
    }