.lyve-agency-banner{
        position: relative;
        background: #101010;
    }
    .lyve-agency-banner img{
        width:100%;
    }

    .lyve-agency-banner .lyve-agency-banner-content{
        position: absolute;
        top: 0px;
        left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .lyve-agency-banner .lyve-agency-banner-content h2{
    font-family: 'Subjectivity';
    font-size: 5vw;
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

    .lyve-agency-banner .lyve-agency-banner-content h2 span{
        display: block;
        color: #00DD4B;
    }
.lyve-agency-banner .lyve-agency-banner-content .lyve-agency-banner-btn a{
    background: rgba(255, 255, 255, 0.05);
    border:rgba(255, 255, 255, 0.20) solid 1px;
    border-radius: 36px;
    padding: 10px 20px;
    margin: 5px;
    display: inline-block;
    color: #fff;
}
.lyve-agency-banner .lyve-agency-banner-content .lyve-agency-banner-btn a.book-trip{
    background: rgba(0, 221, 75, 1);
    border:rgba(0, 221, 75, 1) solid 1px;
    color: #000;
}
.lyve-agency-banner .lyve-agency-banner-content .lyve-agency-banner-content-inner{
    text-align: center;
}

.lyve-len-aft-banner{
    padding: 40px 30px;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.lyve-len-aft-banner .lyve-len-aft-bhead{
    width: 40%;
}

 
.lyve-len-aft-banner .lyve-len-aft-bhead h2{
    font-family: 'Subjectivity';
    font-size: 2.8vw;
    line-height: 1.4;
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.lyve-len-aft-banner .lyve-len-aft-bhead h2 span{
        display: block;
        color: #00DD4B;
    }
.lyve-len-aft-banner .lyve-len-aft-bcontent{
    width: 60%;
}
.lyve-len-aft-banner .lyve-len-aft-bcontent p{
font-size: 16px;
color: rgba(255, 255, 255, 0.60); 
line-height: 1.5;
margin-bottom: 15px;
}
.lyve-len-aft-banner   .lyve-len-aft-bhead-btn a{
    background: rgba(255, 255, 255, 0.05);
    border:rgba(255, 255, 255, 0.20) solid 1px;
    border-radius: 36px;
    padding: 10px 20px;
     
    display: inline-block;
    color: #fff;
}

 .music-player{
    display: none !important;
 }

 .lyve-agency-personalized-sec{
    background: #151515;
    border-radius: 30px;
    padding:60px 40px  ;
    display: flex;
    gap: 1rem;
 }

 .lyve-agency-personalized-sec .lyve-agency-personalized-sec-content{
    width: 50%;
    padding-right: 60px;
 }
 .lyve-agency-personalized-sec .lyve-agency-personalized-sec-img{
    width: 50%;
    padding-left: 60px;
 }
 .lyve-agency-personalized-sec .lyve-agency-personalized-sec-img img{
    width:100%;
}
 .lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box{
    margin-bottom: 60px;
 }

  .lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box h3{
    font-size: 22px;
    color: #fff;
    font-weight: normal;
margin-bottom: 35px;
position: relative;
}
.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box h3:after{
    content:'';
    width:110px;
    height:2px; 
background: linear-gradient(135deg,  rgba(0,221,75,0.65) 0%,rgba(0,221,75,0.64) 1%,rgba(0,0,0,0) 100%); 

position: absolute;
bottom: -20px;
left: 0px;
display: inline-block;
}
.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box h3 span{
 color: #00DD4B;
}

.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box p{
    font-size: 14px;
    width: 80%;
font-weight: normal;    line-height: 1.4;
    color: #fff;
}

.lyve-agency-tailored{
    padding: 80px 40px;
}
.lyve-agency-tailored .lyve-agency-tailored-head{
        text-align: center;
        width: 70%;
        margin:0px auto;
}
.lyve-agency-tailored .lyve-agency-tailored-head .social_button-area{
    text-align: center;
    justify-content: center;
}
.lyve-agency-tailored .lyve-agency-tailored-head .social_button-area a{
    text-align: center;
    display: inline-block;

}
.lyve-agency-tailored .lyve-agency-tailored-head h2{
    font-family: 'Subjectivity';
    font-size: 3.6vw;
    line-height: 1.3;
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.lyve-agency-tailored .lyve-agency-tailored-head h2 span{
        display: block;
        color: #00DD4B;
    }
    .lyve-agency-tailored .lyve-agency-tailored-head p{
        font-size: 16px;
        line-height: 1.4;
        color: #fff;
        width: 70%;
        margin: 10px auto;
    }
.lyve-agency-tailored-devices{
    display: flex;
    gap: 0rem;
    width: 70%;
    margin: 20px auto;
    text-align: center;
}
.lyve-agency-tailored-devices .lyve-atd-box img{
    width:100%;
}
.lyve-agency-tailored-devices .lyve-atd-box {
    width: 33.33;
}
.lyve-agency-tailored-devices .pt20{
    padding-top: 40px;
}

.lyve-agency-how-it-work{
    padding: 60px 0px;
}
.lyve-agency-how-it-work .lyve-agency-how-it-work-head{
    text-align: center;
}
.lyve-agency-how-it-work .lyve-agency-how-it-work-head h2{ 
    font-family: 'Subjectivity';
    font-size: 4.8vw;
    line-height: 1.3;
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.lyve-agency-how-it-work .lyve-agency-how-it-work-head h2 span{
         color: #00DD4B;
}
.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner{
display: flex;
padding: 30px 0px;
}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-img{
    width: 50%;    padding-right: 60px;
    text-align: center;
}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-img img{
width: 70%;

}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-img .lyve-agency-how-it-work-img-box-2 img{
    width: 50% !important;
}
.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content{
    width: 50%;
    padding: 0px 40px;
    border-left: #00DD4B solid 1px;
    position: relative;
}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content:after{
 content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: -5px;
  bottom: 0px;
  background:#00DD4B;
  border-radius:100%;
  display: inline-block;
}


.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box{
    padding-bottom: 40px;
    position: relative;
}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box h3{
     font-family: 'Subjectivity';
    font-size: 1.9vw;
    line-height: 1.3;
    margin: 0px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;

}

.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box .lyve-aphiw-count{
      position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 64px;
    border-radius: 100%;
    border: #00DD4B solid 1px;
    left: -71px;
    font-weight: 600;
    color: #00DD4B;
    font-family: 'Subjectivity';
    font-size: 24px;
    top: -6px;
    background: #1F1F1F;
}
.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box h4{
     font-family: 'Subjectivity';
    font-size: 1.6vw;
    line-height: 1.3;
    margin: 0px; ;
    color: rgba(255, 255, 255, 0.15);
    font-weight: 600;
    text-transform: uppercase;

}
.lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box p{
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 50px;
    padding-left: 15px;
}
 .lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box p span{
  color: #00DD4B;
  font-weight: 700;
  position: relative;
}

 .lyve-agency-how-it-work  .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box p span:after{
    content:'';
    width:6px;
    height:6px;
    position:absolute;
    left: -13px;
  top: 9px;
    background:#00DD4B;
    border-radius:100%;
    display:inline-block;
}

.lyve-book-sec{
    display: flex;
    padding:60px 40px;
    background: #151515;
    -webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
align-items: center;
}

.lyve-book-sec .lyve-book-content{
    width: 50%;
    padding-right: 50px;
}

 

.lyve-book-sec .lyve-book-content h2{ 
    font-family: 'Subjectivity';
    font-size: 3.8vw;
    line-height: 1.3;
    margin: 0px;
    margin-bottom: 10px;
    color: #00DD4B;
    font-weight: 600;
    text-transform: uppercase;
}

.lyve-book-sec .lyve-book-content h2 span{
         color: #00DD4B;
}

.lyve-book-sec .lyve-book-content p{
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #fff;
}

.lyve-book-sec .lyve-book-img{
    width: 50%;
}

.lyve-book-sec .lyve-book-img img{
    width: 100%;
}

.lyve-book-sec .lyve-book-content .lyve-book-cta a{
    background: rgba(255, 255, 255, 0.05);
    border: rgba(255, 255, 255, 0.20) solid 1px;
    border-radius: 36px;
    padding: 10px 20px;
    margin: 5px;
    display: inline-block;
    color: #fff;
}
.lyve-ab-mobile{
    display: none;
}
.wwyg-section-wrapp{
padding:30px 40px;
} 
.wwyg-section-wrapp .wwyg-section-heading{
  display: flex;
    justify-content: space-between;
align-items:center;
color:rgba(255, 255, 255, 0.7);
}
.wwyg-section-wrapp .wwyg-section-heading h2 {
    font-family: 'Subjectivity';
    font-size: 2.6vw;
    line-height: 1.3;
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.wwyg-section-wrapp .wwyg-section-heading h2 span{
        display: block;
        color: #00DD4B;
    }


.wwyg-section.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 15px;
}
.wwyg-section.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content .lyve-apsc-box h3::after{
display:none;
}
@media (min-width: 1500px) { 
}
@media only screen and (max-width: 1099px) and (min-width: 651px){
    }
@media only screen and (max-width: 650px){
 .field-label {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    padding: 0px 10px;
  }
.wwyg-section-wrapp .wwyg-section-heading h2 {
  font-size: 6vw;
}.wwyg-section-wrapp .wwyg-section-heading h2 span {
  display: inline-block;
}
.wwyg-section-wrapp .wwyg-section-heading {
  flex-direction: column;
  text-align: center;
}

.wwyg-section-wrapp .wwyg-section-heading p{
font-size:12px;
}
    .lyve-ab-mobile{
    display: block;
}
.lyve-ab-desktop{
    display: none;
} 
.lyve-len-aft-banner {
  padding:30px 20px;
  flex-direction: column;
  text-align: center;
}
.lyve-agency-banner .lyve-agency-banner-content h2 {
   font-size: 8vw;
    padding: 0px 15px;
    line-height: 9vw;
}
.lyve-agency-banner .lyve-agency-banner-content .lyve-agency-banner-btn a {
  padding:8px 15px; 
  font-size: 12px;
}
.lyve-len-aft-banner .lyve-len-aft-bhead {
  width: 100%;
}
.lyve-len-aft-banner .lyve-len-aft-bcontent {
  width: 100%;
}
.lyve-len-aft-banner .lyve-len-aft-bhead h2 {
   font-size: 6.8vw;
}
.lyve-len-aft-banner .lyve-len-aft-bcontent p {
  font-size: 14px;
}
.lyve-agency-personalized-sec .lyve-agency-personalized-sec-content {
  width: 100%;
  padding-right: 20px;
}
.lyve-agency-personalized-sec {
  
  padding:40px 20px;
   
  flex-direction: column-reverse;
}
.lyve-agency-personalized-sec .lyve-agency-personalized-sec-img {
  width: 100%;
  text-align: center;
  padding-left: 0px;
}
.lyve-agency-tailored .lyve-agency-tailored-head {
  text-align: center;
  width: 90%;
}
.lyve-agency-tailored .lyve-agency-tailored-head h2 {
   font-size: 6vw;
}
.lyve-agency-tailored .lyve-agency-tailored-head p {
  font-size: 14px;
  line-height: 1.4; 
  width: 100%; 
}
.lyve-agency-tailored-devices {
  
  width: 100%;
  margin:10px auto;
  text-align: center;
}
.social_button-area img {
    height: 27px;
  }
  .lyve-agency-how-it-work .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-img{
    display: none !important;
  }
  .lyve-agency-how-it-work .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content {
  width: 86%;
  padding:0px 40px; 
  margin-left: 38px;
}
.lyve-agency-how-it-work .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box h3 {
   font-size: 4.9vw;
}
.lyve-agency-how-it-work .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box h4 {
   font-size: 4.6vw;
}
.lyve-agency-how-it-work .lyve-agency-how-it-work-inner .lyve-agency-how-it-work-content .lyve-agency-how-it-work-box p {
  font-size: 14px;
}
.lyve-book-sec {
  display: flex;
  padding:40px 20px;
  flex-direction: column-reverse;
  text-align:center;
} 
.lyve-book-sec .lyve-book-content {
  width: 100%;

  padding: 20px 20px;

}
.lyve-book-sec .lyve-book-img {
  width: 100%; padding: 0px 20px;
}
.lyve-book-sec .lyve-book-content h2 {
  font-size: 7.8vw;
}
.lyve-book-sec .lyve-book-content p {
  font-size: 14px;
}
}