/* body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #f9f9fb;
      margin: 0;
      padding: 40px 20px;
    }*/

/*.body_image{
  background-attachment:fixed;
}*/

/*===============Time LIne====================*/

    .timeline {
      position: relative;
      max-width: 800px;
      margin: 0 auto;
      padding-left: 12px;
    }

    .timeline::before {
      content: '';
      position: absolute;
      left: 40px;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(to bottom, #3498db, #9b59b6);
    }

    .timeline-item {
      position: relative;
      margin: 30px 0;
      padding-left: 80px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 0.8s ease forwards;
    }

    .timeline-item:nth-child(even) {
      animation-delay: 0.1s;
    }

    .timeline-item:nth-child(odd) {
      animation-delay: 0.2s;
    }

    .timeline-item::before {
      content: attr(data-year);
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      height: 60px;
      background: #fff;
      border: 3px solid #3498db;
      border-radius: 50%;
      text-align: center;
      line-height: 60px;
      font-weight:500;
      color: #3498db;
      transition: all 0.3s ease;
      box-shadow: 0 0 0 0px #fff, 0 4px 10px rgba(0, 0, 0, 0.1);
	  /*border:1px solid #3498db;*/
	  font-size:13px;
    }

    .timeline-item:hover::before {
      background: #3498db;
      color: #fff;
      transform: scale(1.1);
    }

    .timeline-item p {
      background: #fff;
      padding: 15px 20px;
      border-radius: 10px;
      box-shadow: 0 8px 16px rgba(0,0,0,0.05);
	  border:1px solid #3498db;
      transition: transform 0.3s ease;
    }

    .timeline-item:hover p {
      transform: scale(1.02);
      background: #66b8ff;
    }

    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 600px) {
      .timeline {
        padding-left: 17px;
      }

      .timeline-item {
        padding-left: 70px;
      }

      .timeline-item::before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 0.9em;
      }
    }

    /*===============Time LIne====================*/


  /*========= Style the Next button like timeline items ===========*/

#nextBtn1 {
    padding: 7px 20px; 
    background-color: #3498db; 
    color: white;
    font-size: 1rem;
    font-weight: 300;
    border: 0px solid #88d0f7;
    border-radius: 6px;
    cursor: pointer;
    font-family: "Ubuntu Condensed", sans-serif;
    transition: 
      background-color 0.4s ease-in-out,
      box-shadow 0.4s ease-in-out,
      transform 0.4s ease-in-out,
      letter-spacing 0.3s ease-in-out,
      color 0.3s ease-in-out;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    margin-top: 10px;
    outline: 1px solid transparent;
  }

  #nextBtn1:hover {
    background-color: #cce6ff;
    transform: scale(1.03);
    color: #0056b3;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.5px;
  }





/*======== Transparent Card =========*/

.transparent_card {
  background-color: rgba(51, 51, 51, 0.1); 
  /*border: 1px solid rgba(153, 204, 255, 1.0) !important;*/
  padding: 20px;
  border-radius: 10px;
  /* Notice there's no backdrop-filter: blur() here */
}


.transparent_card1 {
  background-color: rgba(255, 255, 255, 0.9); /* light transparent white */
  /*border: 1px solid rgba(255, 255, 255, 0.7);*/
  padding: 10px;
  border-radius: 10px;
  /* Notice there's no backdrop-filter: blur() here */
}


/*=======Form Control=========*/

   .form-control{
    border-bottom:2px solid #83B4FF;
    box-shadow: 5px 5px 5px lightblue;
  }
  .center1{
    justify-content:center; 
    display:flex; 
    flex-direction:column;
  }
  .innerdiv{
    box-shadow: 5px 5px 5px 3px #bfbfbf;
  }

  label{
    font-weight:500;
  }

  .card_style .card:hover{
  transition: transform .6s;
  transform: scale(0.9);
}

/*=============================*/



/*==========Border1=============*/
  .border_style {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 20%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style:hover::after {
    width: 80px;
  }

/*=======================*/


/*==========Border2=============*/
  .border_style1 {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style1::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 12%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style1:hover::after {
    width: 80px;
  }

/*=======================*/

/*==========Border3=============*/
  .border_style2 {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 7%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style2:hover::after {
    width: 50px;
  }

/*=======================*/


/*==========Border4=============*/
  .border_style3 {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style3::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 14%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style3:hover::after {
    width: 50px;
  }

/*=======================*/


/*==========Border5=============*/
  .border_style5 {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style5::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 28%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style5:hover::after {
    width: 100px;
  }

/*=======================*/

/*==========Border6=============*/
  .border_style6 {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #666666;
  }

  .border_style6::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 17%;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #9b59b6);
    border-radius: 2px;
    transition: width 0.4s ease-in-out;
  }

  .border_style6:hover::after {
    width: 100px;
  }

/*=======================*/


/*==========For Order & Judgement Image==========*/
.custom_supreme_court
{
  background-image:url("../img/order_judgement/Supreme_court.jpg");
  height: 250px;
  background-size:100% 100%;
/*  border-radius: 5px 5px 0px 0px;*/
}

.custom_high_court
{
  background-image:url("../img/order_judgement/Calcutta_highcourt1.jpg");
  height: 350px;
  background-size:100% 100%;
/*  border-radius: 5px 5px 0px 0px;*/
}


/*========Style UL==========*/
.style_ul li{
padding:5px 0px;
}

.style_ul li a{
  color:#404040;
}

.style_ul li a:hover{
  color:#004d99;
  font-weight:600;
}

/*========Style UL1==========*/
.style_ul1 li{
padding:2px 0px;
}

.style_ul1 li a{
  color:#404040;
}

.style_ul1 li a:hover{
  color:#004d99;
  font-weight:600;
}

.custom_national_green_tribunal{
  background-image:url("../img/order_judgement/National-Green-Tribunal.jpg");
  height: 350px;
  background-size:100% 100%;
}

.custom_departmental_order{
  background-image:url("../img/order_judgement/departmental_order.png");
  height: 350px;
  background-size:100% 100%;
}

.custom_cases_under_police{
  background-image:url("../img/order_judgement/police_station.webp");
  height: 350px;
  background-size:100% 100%;
}


/*===================Contact==================*/

.contact_style{
  font-size:19px;
}

.contact_para{
  padding-left:40px;
}

.main_container{
  /*border:1px solid rgba(92, 138, 138,1);*/
}


.heading_style{
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-size: 2.5vw;
}