.helpline-widget {
            position: fixed;
            left: 20px;
            bottom: 50px;
            background-color: #004085;
            color: #fff;
            text-decoration: none;
            border-radius: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            padding: 12px 16px;
            z-index: 9999;
            transition: background-color 0.3s ease;
        }

        .helpline-widget:hover {
            background-color: #003065;
        }

        .helpline-content {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .helpline-text {
            font-size: 15px;
            font-weight: 500;
            font-family: "Segoe UI", sans-serif;
        }

        .helpline-icon {
            width: 20px;
            height: 20px;
            filter: brightness(0) invert(1);
        }
   
        :root {
            --govt-blue: #0056b3;
            --govt-dark-blue: #003366;
            --govt-green: #2e856e;
            --govt-gold: #ffc107;
            --govt-red: #dc3545;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow-x: hidden;
        }

        .navbar {
            background-color: var(--govt-dark-blue);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .navbar-brand img {
            height: 100px;
            transition: all 0.3s ease;
        }

        .navbar-brand:hover img {
            transform: scale(1.05);
        }

        .nav-link {
            color: white !important;
            font-weight: 500;
            margin: 0 10px;
            position: relative;
        }

        .nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: var(--govt-gold);
            transition: width 0.3s ease;
        }

        .nav-link:hover:after {
            width: 100%;
        }

      

        .hero-content {
            z-index: 2;
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .hero-subtitle {
            font-size: 1.5rem;
            margin-bottom: 30px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }

        .btn-govt-primary {
            background-color: var(--govt-gold);
            color: var(--govt-dark-blue);
            font-weight: 600;
            padding: 10px 25px;
            border-radius: 30px;
            border: none;
            transition: all 0.3s ease;
        }

        .btn-govt-primary:hover {
            color: black;
            background-color: white;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .section-title {
            color: var(--govt-dark-blue);
            position: relative;
            display: inline-block;
            margin-bottom: 40px;
            font-weight: 700;
        }

        .section-title:after {
            content: '';
            position: absolute;
            width: 50%;
            height: 4px;
            background-color: var(--govt-gold);
            bottom: -10px;
            left: 0;
        }

        .about-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .feature-card {
            background: white;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
            border-top: 4px solid var(--govt-blue);
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .feature-icon {
            font-size: 2.5rem;
            color: var(--govt-blue);
            margin-bottom: 20px;
        }

        .schemes-section {
            padding: 80px 0;
            background-color: white;
        }

        .scheme-card {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            margin-bottom: 30px;
        }

        .scheme-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }

        .scheme-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .scheme-body {
            padding: 20px;
            background-color: white;
        }

        .scheme-title {
            color: var(--govt-dark-blue);
            font-weight: 600;
        }

        .gallery-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .gallery-item {
            margin-bottom: 30px;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            position: relative;
        }

        .gallery-item img {
            transition: all 0.5s ease;
            width: 100%;
            height: 250px;
            object-fit: cover;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .gallery-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 51, 102, 0.8);
            color: white;
            padding: 15px;
            transform: translateY(100%);
            transition: all 0.3s ease;
        }

        .gallery-item:hover .gallery-overlay {
            transform: translateY(0);
        }

        .testimonial-section {
            padding: 80px 0;
            background: linear-gradient(rgba(0, 51, 102, 0.9), rgba(0, 86, 179, 0.9)),
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
            color: white;
        }

        .testimonial-card {
            background-color: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 10px;
            padding: 30px;
            margin: 15px;
            border-left: 4px solid var(--govt-gold);
        }

        .testimonial-text {
            font-style: italic;
            margin-bottom: 20px;
        }

        .testimonial-author {
            font-weight: 600;
        }

        footer {
            background-color: var(--govt-dark-blue);
            color: white;
            padding: 40px 0 20px;
        }

        .footer-logo img {
            height: 60px;
            margin-bottom: 20px;
        }

        .footer-links h5 {
            color: var(--govt-gold);
            margin-bottom: 20px;
            font-weight: 600;
        }

        .footer-links ul {
            list-style: none;
            padding: 0;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .footer-links a:hover {
            color: var(--govt-gold);
            padding-left: 5px;
        }

        .copyright {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 20px;
            margin-top: 30px;
        }

        /* Animations */
        .animate-delay-1 {
            animation-delay: 0.2s;
        }

        .animate-delay-2 {
            animation-delay: 0.4s;
        }

        .animate-delay-3 {
            animation-delay: 0.6s;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem;
            }

            .hero-subtitle {
                font-size: 1.2rem;
            }
        }
        
.chat-window {
  position: fixed;
  bottom: 0;
  z-index: 999999;
  right: 3em;
  width: 300px;
  height: 420px;
  transition: all ease-out 250ms;
  
  &.docked {
    transform: translateY(375px);
    
    .chat-header span {
      opacity: 0;
    }
  }
  
  p {
    margin: 0;
  }
  .chat-header {
    height: 45px;
    border-radius: 6px 6px 0 0;
    background: #263238;
    position: relative;
    cursor: pointer;
    p {
      display: block;
      padding: 0 1em 0 2em;
      color: #fff;
      font-weight: 700;
      line-height: 45px;
    }
    span {
      opacity: 1;
      position: absolute;
      display: block;
      top: calc(50% - (1em / 2));
      right: calc(1.5em - (1em / 2));
      ;
      width: 1em;
      height: 1em;
      transition-delay: 250ms;
      transition: all ease 350ms;
      &:before,
      &:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - (5px / 2));
        left: -11%;
        width: 120%;
        height: 5px;
        background: #fff;
        transform-origin: 50% 50%;
        border-radius: 20px;
      }
      &:before {
        transform: rotate(45deg);
      }
      &:after {
        transform: rotate(-45deg);
      }
    }
    &:before {
      content: '';
      position: absolute;
      display: block;
      top: calc(50% - (.7em / 2));
      left: calc(1em - (.7em / 2));
      ;
      width: .7em;
      height: .7em;
      border-radius: 100%;
      background: #fff;
    }
    &.online {
      &:before {
        background: #43a047;
      }
    }
    &.offline {
      &:before {
        background: #c62828;
      }
    }
  }
  .chat-body {
    height: calc(450px - ( 45px + 70px));
    border: 1px solid #263238;
    background: #fff;
    border-top: 0;
    border-bottom: 0;
    position: relative;
    
    .message-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
    }
   
  }
  
  .chat-footer {
    height: 70px;
    border: 1px solid #263238;
    border-top: 0;
    border-bottom: 0;
    margin-top: -30px;
    
    .progress-indicator {
      opacity:1;
      background: rgba(255, 255, 255, .9);
      height: 30px;
      text-align: center;
      font-size: .7em;
      font-weight: 300;
      line-height: 30px;
      position: relative;
      z-index: 4;
      transition: all ease 150ms;
    }
    
    .form-area {
      height: 40px;
      position: relative;
      input {
        height: 40px;
        width: calc(100% - (.7em + 2.5em + 2px));
        border:0;
        padding: 0 .7em;
        font-size: 1em;
        border-top: 1px dotted #607d8b;
        outline: none;
        font-family: 'Open Sans', sans-serif;
        
        &:focus {
          & + button {
            &:after {
             border-left: 1.6em solid #66bb6a; 
            }
          }
        }
      }
      button {
        border: 0;
        border-top: 1px dotted #607d8b;
        position: absolute;
        display: block;
        width: 2.5em;
        height: 40px;
        top: 0;
        right: 0;
        z-index: 2;
        background: transparent;
        outline: none;
        
        &:before {
          position: absolute;
          top: calc(50% - .4em);
          left: 0.4em;
          content:'';
          display: block;
          width:0;
          height:0;
          border-top: .4em solid transparent;
          border-right: .4em solid transparent;
          border-bottom: .4em solid transparent;
          border-left: .4em solid #fff;
          z-index:3;
        }
        
        &:after {
          content:'';
          display: block;
          width:0;
          height:0;
          border-top: .8em solid transparent;
          border-right: .8em solid transparent;
          border-bottom: .8em solid transparent;
          border-left: 1.6em solid #b0bec5;
          z-index:2;
        }
      }
    }
  }
}

.hide {
  opacity: 0!important;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


.upper{
  padding: 2vh 6vh 1vh 6vh;  
}
.lower{
  padding: 4vh 0 6vh;
  text-align: center;
}
.heading{
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.heading p{
  margin-bottom: 0;
}
input{
  border: 1px solid rgba(0, 0, 0, 0.137);
  padding: 0.75rem;
  outline: none;
  width: 100%;
  min-width: unset;
  background-color: transparent;
}
.form-element{
  margin: 4vh 0;
}

form .col-3,.col-9,.col-1,.col--11{
  padding: 0;
  width: min-content;
}
form .col-11{
  padding-left: 10px;
}
form .col-1{
  display: flex;
  align-items: center;
  color: red;
  font-size: 3vh;
  justify-content: center;
}
#code{
  text-align: center;
}
form .row{
  margin: 0 ;
}
hr{
  margin: 0;
  border-top: 2px solid rgba( 0, 0, 0, .1);
}
#input-header{
  color: grey;
}
.invalid{
  color: grey;
  line-height: 1.2;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Noto+Sans+Bengali:wght@100..900&family=Noto+Serif+Bengali:wght@100..900&family=Pacifico&display=swap');


.inner-box h5 a{
  font-family: "Noto Serif Bengali", serif !important;
  font-optical-sizing: auto;
 
}