#plans{
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  #plans .header{
    text-align: center;
    position: relative;
  }

  #plans  .header h1{
    color: #192D5F;
    font-size: 40px;
    font-family: Montserrat;
}

  #plans .header::before{
    content: ""; 
    position: absolute;
    top: -90px;
    left: -150px;
    width: 500px !important;
    height: 260%;
    background-image: url('../images/titlehightlight.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    
}

#plans::before{
  content: ""; 
  position: absolute;
  top: -55%;
  left: -40%;
  width: 350%;
  height: 160%;
  background-image: url('../images/path.png'); 
  background-size: cover;
  transform: rotate(180deg);
  background-repeat: no-repeat;
  z-index: -1;
}


#plans::after{
    content: ""; 
    position: absolute;
    top: -18%;
    left: -50%;
    width: 300%;
    height: 150%;
    background-image: url('../images/path.png'); 
    background-size: cover;
    transform: rotate(-5deg);
    background-repeat: no-repeat;
    z-index: -1;
}


.plans_container{
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    max-width: 1600px;
    column-gap: 100px;
    justify-content: center;
}

#plans .plans_content1{
 
    background-size: contain;
    background-repeat: no-repeat; 
    height: 400px;
    width: 500px;
   background-image: url('../images/plana.png');
   background-size: contain; 
}

#plans .plans_content2{
 
  background-size: contain;
  background-repeat: no-repeat; 
  height: 400px;
  width: 500px;
 background-image: url('../images/planb.png');
 background-size: contain; 
}

#plans .plans_content3{
 
  background-size: contain;
  background-repeat: no-repeat; 
  height: 400px;
  width: 500px;
 background-image: url('../images/planc.png');
 background-size: contain; 
}

#plans .plans_content4{
 
  background-size: contain;
  background-repeat: no-repeat; 
  height: 400px;
  width: 500px;
 background-image: url('../images/pland.png');
 background-size: contain; 
}

#plans .plans_content5{
 
  background-size: contain;
  background-repeat: no-repeat; 
  height: 400px;
  width: 500px;
 background-image: url('../images/plane.png');
 background-size: contain; 
}

#plans .plans_content6{
 
  background-size: contain;
  background-repeat: no-repeat; 
  height: 400px;
  width: 500px;
 background-image: url('../images/planf.png');
 background-size: contain; 
}


.plans_title{
    color: #192D5F;
    font-size: 22px;
    font-weight: bold;
}

.subtitle {
    font-size: 40px; 
    margin-left: 20px;
    color: transparent; 
    -webkit-text-stroke: 1px #192D5F; 
    -webkit-text-fill-color: transparent;
    text-stroke: 1px black; 
    text-fill-color: transparent; 
  }


  .plans_header{
    display: flex;
  }

  .dotted-line.mt{
  margin-top: 36px;  
  border-color: #192D5F;
  }

  @media (max-width: 1024px) {


    #plans::before{
  display: none;
    }
    
    
    #plans::after{
      display: none;
    }

    #plans .plans_content{
      height: 300px;
    }

    #plans .header::before{
      content: ""; 
      display: none;
      position: absolute;
      top: -90px;
      left: -60px;
      width: 300px !important;
      height: 260%;
      background-image: url('../images/titlehightlight.png'); 
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -1;
      
  }
  }