.lp_paul {
  height: 100vh;
  background: #00000059;
  background-image: url('https://25299568.fs1.hubspotusercontent-eu1.net/hubfs/25299568/background-image-resized.jpg') !important; 
/*   background-image: url('https://knowledgecentre.gs1ie.org/hubfs/bg.jpg') !important; */
   background-size:cover;
  background-blend-mode: color;
  color: ffffff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  
}

.main_h1 {
  font-size:54px;
  text-align: center;
  font-weight: bold;
    color: #ffffff;
  margin-bottom: 100px;
}

.main_p {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
    color: #ffffff;
}

.circle_button_main {
  height:150px;
  width:150px;
 background-color: #002c6c;
  margin: 20px;
  cursor: pointer;
  border-radius:50%;
  border-width: 10px;
  background-size: cover;
  display: block;
  
}

.circle_button_main:hover{
 background-color: #002c6c; 
  
}


.full_btn
{
  color: #ffffff;
  text-align:center;
  font-size:22px;
}

.buttons-container{
  display: flex; 
  justify-content: space-evenly;
  margin: 0 100px;
}

.button1 {
  
    background-image: url('https://25299568.fs1.hubspotusercontent-eu1.net/hubfs/25299568/GS1%20Icons/GS1_Icon_CPG_RGB_2014-12-17.png');
  border-color: #f26334;
}

.button2 {
  
    background-image: url('https://25299568.fs1.hubspotusercontent-eu1.net/hubfs/25299568/GS1%20Icons/GS1_Icon_Construction_RGB_2021-08-20.png');
  border-color: #71b790;
}

.button3 {
  
    background-image: url('https://25299568.fs1.hubspotusercontent-eu1.net/hubfs/25299568/GS1%20Icons/GS1_Icon_Healthcare_RGB_2014-12-17.png');
  border-color: #00b6de;
}

.button4 {
 
    background-image: url('https://25299568.fs1.hubspotusercontent-eu1.net/hubfs/25299568/GS1%20Icons/sustainability_icon.png');
  border-color: #00b74f;
}

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/* Button effect on hover */
/* Retail */
.pulse{
  transition: 1s; 
/*   background-color:#f26334; */
}

.pulse:hover, 
.pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 3em transparent;
  border-color: #002c6c;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #f26334;}
        
  0%{border-color: #f26334;}
}

/* Construction */

.pulse2{
  transition: 1s; 
/*   background-color:#f26334; */
}

.pulse2:hover, 
.pulse2:focus {
  animation: pulse2 1s;
  box-shadow: 0 0 0 3em transparent;
  border-color: #002c6c;
}

@keyframes pulse2 {
  0% { box-shadow: 0 0 0 0 #71b790;}
        
  0%{border-color: #71b790;}
}

/* Healthcare */

.pulse3{
  transition: 1s; 
/*   background-color:#f26334; */
}

.pulse3:hover, 
.pulse3:focus {
  animation: pulse3 1s;
  box-shadow: 0 0 0 3em transparent;
  border-color: #002c6c;
}

@keyframes pulse3 {
  0% { box-shadow: 0 0 0 0 #00b6de;}
        
  0%{border-color: #00b6de;}
}

/* BCM */

.pulse4{
  transition: 1s; 
/*   background-color:#f26334; */
}

.pulse4:hover, 
.pulse4:focus {
  animation: pulse4 1s;
  box-shadow: 0 0 0 3em transparent;
  border-color: #002c6c;
}

@keyframes pulse4 {
  0% { box-shadow: 0 0 0 0 #f05587;}
        
  0%{border-color: #f05587;}
}

/*Moving up and down button effect  */

.full_btn {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  0% { transform: translate(0, 0px);}
  50% { transform: translate(0, 15px);}
  100% { transform: translate(0, -0px);}
}

.btndiv2{
  animation-delay: 0.5s;
}

.btndiv3{
  animation-delay: 1.5s;
}

.btndiv4{
  animation-delay: 1s;
}

}