/*============== SUP ===================*/
.regular .sup h4{
  padding-top: 80px;
}

.sup-animation-1{
    position: absolute;
    width: 430px;
    height: 280px;
    margin:10px;
  }
  
  .sup-2{
    background-color: white;
    position: absolute;
    top: -39px;
    right: -3vw;
    z-index: 200;
    width: 278px;
    height: 246px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    border-radius: 15px;
  }
  
  .sup-animation-2{
    top: 3px;
    left: 3px;
    width: 97%;
    height: 97%;
    position: absolute;
  }

.border1.sup{
  width: calc( 430px + 50px );
  height: calc( 280px + 50px);
}

/*phone: Extra small - Small*/
@media(max-width: 767px) {
  .sup-2{
    left: 40vw;
    width: 51vw;
    height: 51vw;
  }

  .regular .sup p{
    margin-bottom: 55px;
  }

  .regular .sup h4{
    padding-top: 00px;
  }

  .border1.sup{
    width: calc( 80vw + 3vw );
    height: calc( 60vw + 3vw);
    margin: auto;
  }
  .sup-animation-1 {
    width: 77vw;
    height: 56vw;
  }


}

  /*pad: Medium-Large*/
@media (min-width: 768px) and (max-width: 1139px) {

  .border1.sup{
    width: calc( 40vw + 50px );
    height: calc( 27vw + 50px);
  }
  .sup-animation-1 {
    width: 41vw;
    height: 27vw;
  }




}


/*PC: Extra large*/
@media (min-width: 1140px) {
  .sup-2 {
    left: 311px;
  }



}