@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root {
    --primary-color: rgba(55, 56, 145, 1) !important;
    --secondary-color: rgba(253, 187, 48, 1);
    --background-color: #f8f9fa;
    --text-color: #333;
    --font-poppins: 'Poppins', sans-serif;
    --font-inter: 'Inter', sans-serif;
    --font-inherit: 'inherit';

    --font-plus-jakarta: 'Plus Jakarta Sans', sans-serif;
    --background-secondary: rgba(32, 33, 82, 1);

}



.h-50{
  height: 50px !important;
}

body{
    margin: 0px;
    padding: 0px;
    font-family: var(--font-inherit);
    overflow-x: hidden;
}

.w-18{
    width: 18%;
}
.btn-outline-secondary{
    width: 50px !important;
}
.menu-font{
    font-size: 12px;
    font-weight: 600;
}
.company_name{
        color: #14b1b2 !important;
}
.user-dropdownn1{
        background: #0d9692 !important;
    padding: 5px 10px !important;
    border-radius: 3px;
    font-size: 12px;
}
.boxa1{
   background-image: url('../img/box1a.png');
background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
        height: 53px;

}
#new_password_field-error{
    position: absolute;
    top: 42px;
    font-size: 13px;
    color: red;
    line-height: 15px;
}
#confirm_password_field-error{
    position: absolute;
    top: 42px;
    font-size: 13px;
    color: red;
    line-height: 15px;
}
.w-30{
    width: 30%;
}
.boxa2{
   background-image: url('../img/box1b.png');
background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
        height: 53px;

}
.boxa3{
   background-image: url('../img/box1c.png');
background-size: cover;
    background-repeat: no-repeat;
    width: 70% !important;
        height: 53px;

}
.company-logo{
    width: 200px !important;
}
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background: none !important;
}
.he-100{
    height: 100px;
}

.banner1{
  background-image: url('../img/banner-1.png');
  background-repeat: no-repeat;
      background-size: cover;
}
.py-90{
      padding: 90px 0px;
}
.Feedback-card .label
{
  font-size:12px!important;
  display:none;
}
.Feedback-card{
  border: 2px solid #22B2AE;
  box-shadow: 0px 0px 7px 0px #0000003d;
  min-height: 500px;
  font-family: "arial";
}
.Feedback-head{
  font-family: var(--font-inter);
  font-size: 20px;
    margin-bottom: 0px;
}
.banner-text{
    font-family: var(--font-inherit);
}
.docketnumber{
    font-family: var(--font-inter);
}
.w-45{
    width: 45%;
}
.w-55{
    width: 60%;
}
.fs-14{
    font-size: 14px;
}
.ff-inter{
    font-family: var(--font-inter);
}
.sign-out1{
    border: 1px solid #1D5F5D !important;
    padding: 5px !important;
}
.sign-out1 a{

    color: #1D5F5D;
}
.notification-icon{
      border-radius: 20px;
    box-shadow: 0px 4px 15px #00000029;
}
.notification-icon  .rounded-circle {
         top: 10px !important;
}
.fs-14{
    font-size: 14px;
}

.notification-iconimg{
    background: #ffffff;
    width: 38px;
    padding: 10px;
    height: 38px;
    border-radius: 20px;
}
.h-35{
    height: 35px;
}
.user-dropdownn{
font-family: var(--font-inter);
box-shadow: 0px 4px 15px #00000029;
font-size: 18px;
}
.login-card{
    box-shadow: 0px 0px 20px 6px #ffffff47 !important;
}
.Feedback-subhead{
  font-family: 'Times New Roman', Times, serif;
      margin-bottom: 50px;
}
.file-comp-boxa{
    background-image: linear-gradient(to right, #0075CA , #1B7D7A);
        padding: 12px 16px !important;
}

.grievances  .nav-link{
margin-bottom: 10px;
     padding: 12px 16px !important;
}
.grievances  .nav-link.active{
    background: #EAEAEA !important;
     padding: 12px 16px !important;
}
.das-userlogo{
        width: 30px;
}
.file-comp-boxa h5{
    font-size: 18px;
}
.file-comp-box{
    background-image: linear-gradient(to right, #0075CA , #1B7D7A);
}
.review-icons{
    width: 60px;
}
.bg-lightgray{
    color: #7A7A7A;
}
.review-section{
    background: #FFF2D6;
}
.file-comp-box1{
   background: #EAF8F7 !important;
       margin-top: 52px !important;
}
.file-comp-box a{
  font-family: var(--font-inter);
}
.redressal{
 font-size: 14px !important;
    font-family: 'Inter';
}
.file-comp-box .icons{
  width: 7% !important;
}
.file-comp-box1 .icons-pdf{
  width:7% !important;
}

.file-comp-box h5{
  font-size: 18px;
}

.file-comp-box1 .downloaddown-icon{
  width:30px !important;
}
.animation-kochi{
    width: 100%;
}
.navbar-toggler{
    display: block;
    margin-left: auto;
}

.right-comp2{
      background-image: url(../img/Figma_20.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}
.right-comp3{
      background-image: url(../img/animation-kochi.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}
.kmrl-para{
      font-size: 14px;
    padding: 22px 8px 0px 80px;
}
.w-55{
    width: 55px;
}
.footer-main{
  background-image: url('../img/footer-img1.png');
      background-size: cover;

}
.footer-main2{
      padding: 50px 100px 0px 100px;
}
.footer-2{
     padding: 0px 0px 0px 100px;
}
.pt-52{
    padding-top: 52px;
}
.JLN-Metro{
        line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}
.media-sec{
       width: 42px;
    height: 42px;
    border-radius: 20px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
        margin-right: 8px;
}
.back-icon{
      position: absolute;
    background: white;
    border: none;
}
.back-icon img{
      width: 20px;
}
.register-now-btn{
      background-image: linear-gradient(to right, #0075CA, #1B7D7A);
    border: none;
    color: white;
    padding: 10px 0px;
    border-radius: 5px;
        margin-bottom: 5px;
            width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.forgot-password{
  color: #1460CE;
}
.suggestions-icon{
 position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
}

.complaints-card{
  background: #EAF7F7;
      padding: 10px 15px !important;
}

.complaints-card .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
}
.metro-icon{
  width: 35px;
}
.related{
  font-size: 16px;
  font-weight: 600;
}
.Feedback-type{
      font-size: 14px;
    margin-bottom: 12px;
}
.fb-text{
  font-size: 13px;
}


.upload-box {
      border: 1px dashed #cdd5df;
      background-color: #f0fbfb;
      padding: 20px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .upload-icon {
      background-color: white;
      padding: 15px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 50px;
    }

    .upload-icon img {
      width: 24px;
      height: 24px;
    }

    .upload-info {
      display: flex;
      flex-direction: column;
    }

    .upload-info small {
      color: #444;
      font-size: 14px;
      margin-bottom: 5px;
    }

    .upload-info a {
      color: #0057e7;
      text-decoration: none;
      font-size: 14px;
    }

    .upload-info a:hover {
      text-decoration: underline;
    }

    .captch-img{
      width: 135px;
    }
    .updates-sec{
      height: 35px;
      background:#00AEA9 ;
    }
    .check-boxx{
          display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;

    }
    .registered-box{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: space-around;
    height: 100%;
    }

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    z-index: 1111111;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
}

.loader img {
    width: 150px;
}




 /* user page css */

    .empty-state {
      text-align: center;
      padding: 50px 0;
      color: #888;
    }
    .empty-state-icon {
      font-size: 40px;
      margin-bottom: 10px;
    }

    #grievanceTabs .nav-item button{
        border: 0px;
        font-family: var(--font-inter);
            color: #292929;
    font-size: 16px;
        padding: 0px 15px;
    }

    #grievanceTabs li button.active {
    font-weight: bold;
    border-bottom: 2px solid #0F5A58 !important;
}



    .badge-pending {
      background-color: #fcefc4;
      color: #8a6d3b;
    }
    .badge-resolved {
      background-color: #ccf6e4;
      color: #198754;
    }
    .badge-escalated {
      background-color: #f8d7da;
      color: #a94442;
    }
    .table-light th{
        background:  #DAF3F2;
    }
.table-vieww{
    background: #D9E8FF;
    color: #125CCE !important;
    font-size: 16px !important;
    border-radius: 20px;
    padding: 3px 15px;
}
.btn-close {
    background-image: url("../../panel/images/close-icon.png") !important;
}
.btn-close:focus {
    box-shadow: none !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-20{
    font-size: 20px !important;
}

.draft-continue{
       background: #1B7D7A;
    padding: 3px 0px;
    margin: 0px 10px;
    color: white;
    border-radius: 5px;
}
.table-vieww:hover{
    background: #D9E8FF;
    color: #125CCE !important;
    font-size: 16px !important;

    border-radius: 20px;
       padding: 3px 15px;
}
.table-eyeicon{
            width: 23px;
    height: 14px;
}
.status-pending{
           background: #FFEBBF;
    padding: 3px 15px;
    color: #765818;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;

}
.user-leftdiv{
        height: calc(100vh - 35px);
}

.user-leftdiv section{
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}





.kochi-menuu .dropdown-menu .dropdown:hover > .dropdown-menu {
    display: block;
    top: 0;
    left: 100%;
    margin-top: 0;
}
.dropend .dropdown-toggle::after {
    float: inline-end;
    margin-top: 8px;
}

.sub-dropdown .dropdown-item {
       padding-left: 10px !important;
       width: 175px;
}


.sub-dropdown .dropdown-item:hover {
        color: white !important;
    text-decoration: none;
    background: #00aea9 !important;
    border-radius: 5px;
     width: 175px;
}