.item-container{
  width: 100%;
  padding-bottom: 40px;
}

.item-subcontainer-1{
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center; /* Horizontally centers content */
  margin: 0px 0px 0px 0px;
  padding: 0px !important;
  width: 100%;
}
.item-subcontainer-2{
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center; /* Horizontally centers content */
  margin: 0px 0px 0px 0px;
  padding: 0px !important;
  width: 50%;
}

.item-title{
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center; /* Horizontally centers content */
  margin: 55px 15px 55px 15px;
  padding: 0px 0px 0px 0px !important;
  width: 100%;
}
.item-title>.text-primary{
  padding: 0px;
  margin: 0px;
}

.item-description-title{
  padding-left: 0rem !important;
}

.item-description-text{
  padding-left: 0rem !important;
}

.responsive-box{
  width: 45%;
  margin-bottom: 15px !important;
}

.margin-left{
  margin-left: auto;
}

.justify-content-end-vp-1{
  display: flex;
  justify-content: end;
}

.img-fluid {
  height: clamp(300px, 100%, 600px) !important;
}



@media all and (max-width: 1200px){
  .item-title>.text-primary{
    margin: 20px;
  }
}

@media all and (max-width: 1024px){
  .item-container{
    flex-direction: column !important;
    align-items: center !important;
    padding: 0px 0px 35px 0px;
  }

  .item-subcontainer-1{
    flex-direction: column !important;
    align-items: center !important;
  }

  .item-subcontainer-2{
    flex-direction: column !important;
    align-items: center !important;
    width: 95%;
    padding: 0px;
  }

  
  .item-description-title, .item-description-title>h3{
    padding: 0px !important;
  }

  .item-description-text, .item-description-text>p{
    padding: 0px !important;
  }

  .row-responsive, .row-responsive > *{
    padding: 0px !important;
  }

  .clean-css{
    padding: 0 !important;
    margin: 0 !important;
  }

  .responsive-img{
    width: 45%;
  }

  .responsive-box{
    width: 65%;
  }

  .margin-left-vp-2{
    margin: 0px;
  }
  
  .margin-responsive{
    margin-left: 0px;
  }
  
  .padding-top-container-text-1{
    padding-top: 15px !important;
  }
  
  .padding-img{
    padding: 20px 0px 20px 0px !important;
  }

  .col-width-vp-2{
    width: 100%;
  }

  .justify-content-center-vp-2{
    justify-content: center;
  }



}

@media all and (max-width: 767px){
  
  .container.item-container {
      padding: 1.5rem;  
  }

  .item-container{
    margin: 0px !important;
    padding-left: 35px;
    padding-right: 35px;
  }
  .item-container{
    flex-direction: column !important;
    align-items: center !important;
    margin-left: 15px;
    margin-right: 15px; 
  }

  .item-subcontainer-2{
    flex-direction: column !important;
    align-items: center !important;
    width: 95%;
    height: 45%;
    padding: 0px;
  }

  
  .item-description-title, .item-description-title>h3{
    padding: 0px !important;
  }

  .item-description-text, .item-description-text>p{
    padding: 0px !important;
  }

  .responsive-img{
    width: 70%;
  }

  .responsive-box{
    width: 100%;
  }

  .item-title>.text-primary{
    text-align: center;
    font-size: 26px;
    margin: 0px;
  }
}