
.petlabco-page p, .petlabco-page ul > li{font-size: 19px; line-height: 1.65;}
.petlabco-page .section-title{text-align: center; margin-bottom: 60px;}
.petlabco-page .section-title h2{margin-bottom: 30px;}

@media (max-width:991px){
    .petlabco-page p, .petlabco-page ul > li {font-size: 17px;}
}

@media (max-width:767px){
    .petlabco-page .section-title{text-align: center; margin-bottom: 40px;}
    .petlabco-page .section-title h2{margin-bottom: 20px;}
    .petlabco-page p, .petlabco-page ul > li {font-size: 16px;}
}

/* ========================================================================================= */
.banner{position: relative; padding: 50px 0;}
.banner .row{align-items: center;}
.banner .content-block{width: 60%;}
.banner .content-block > h1{margin-bottom: 100px;}
.banner .content-block > h4{font-weight: 400;}
.banner .content-block > h4 > span{position: relative; font-weight: 700; display: inline-block;}
.banner .content-block > h4 > span:after{position: absolute; content: ""; width: 100%; height: 8px; background-color: #fff; left: 0; bottom: -4px;}
.banner .img-block{width: 40%;}
.banner .img-block > figure{display: flex;}

@media (max-width:1366px){
    /* .banner{padding: 110px 0;} */
}

@media (max-width:1199px){
    .banner .content-block > h1{margin-bottom: 70px;}
}

@media (max-width:991px){
    /* .banner{padding: 80px 0;} */
    .banner .content-block > h1{margin-bottom: 50px;}
}

@media (max-width:767px){
    .banner{padding: 40px 0;}
    .banner .content-block > h1 {margin-bottom: 25px;}
    .banner .content-block{width: 100%; margin-bottom: 30px;}
    .banner .img-block{max-width: 400px; margin: 0 auto; width: 100%;}
    .banner .content-block > h4 > span:after{height: 4px; bottom: -1px;}
}

/* ============================================================================================== */
/* .about-petlabco .row{align-items: center;} */
.about-petlabco{position: relative;}
.about-petlabco:after{position: absolute; content: ""; max-width: 1410px; width: 100%; height: 3px; background-color: #3D4149; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.about-petlabco .shape{position: absolute; left: 0; bottom: -3px; width: 44.5%;}
.about-petlabco .img-block{display: inline-block; border-bottom: 20px solid #FFDA30; padding-bottom: 10px;}
.about-petlabco .content-block > h2{margin-bottom: 20px;}

@media (max-width:1366px){
    .about-petlabco .img-block{max-width: 350px;}
}


@media (max-width:767px){
    .about-petlabco .row > .col-6:first-child{order: 2; margin-top: 25px;}
    .about-petlabco .img-block{max-width: 300px; margin: 0 auto; display: flex; justify-content: center; border-bottom-width: 10px;}
    .about-petlabco .shape{display: none;}
}

/* ========================================================================================================= */
.the-challenges{position: relative;}
.the-challenges h2{text-align: center; margin-bottom: 60px;}
/* .the-challenges .the-challenges-shape{position: absolute; left: 0; bottom: 25%;} */
.the-challenges p{margin-bottom: 25px;}
.the-challenges ul > li{margin-bottom: 20px; padding-left: 45px;}
.the-challenges ul > li:last-child{margin-bottom: 0px;}
.the-challenges ul > li:after{position: absolute; content: ""; background-image: url('../images/petlabco/arrow-right.png'); width: 29px; height: 22px; left: 0; top: 5px;}
.the-challenges ul > li:before{display: none;}

/* @media (max-width:1600px){
   .the-challenges .the-challenges-shape{display: none;}
} */

@media (max-width:767px){
    .the-challenges h2{margin-bottom: 40px;}
     .the-challenges .row > .col-6:first-child{order: 2;}
     .the-challenges ul > li{padding-left: 33px;}
     .the-challenges ul > li:after{top: 6px; width: 20px; height: 13px; background-size: cover; background-repeat: no-repeat;}
     .the-challenges .img-block{max-width: 400px; margin: 0 auto; text-align: center; margin-top: 40px;}
}

/* ====================================================================================================== */
.seamless-support{position: relative;}
.seamless-support .shape1{position: absolute; left: 0; top: 20%;}
.seamless-support .shape2{position: absolute; left: 12%; top: 46%;}
.seamless-support .shape3{position: absolute; left: 0; bottom: 0;}
.seamless-support .shape5{position: absolute; right: 8%; top: 40%;}
.seamless-support .shape4{position: absolute; right: 0; top: 20%;}
.seamless-support .shape6{position: absolute; right: 0; bottom: 0;}
.seamless-support .row{margin-top: 140px; margin-bottom: 80px; justify-content: center;}
.seamless-support .row .break{flex-basis: 100%; height: 0; margin: 70px 0;}
.seamless-support .inner-block{background-color: #fff; border-radius: 23px; padding: 50px 65px; padding-top: 0; text-align: center; display: inline-block; height: 100%;}
.seamless-support .inner-block .icon{height: 171px; width: 171px; background-color: #F5F5F1; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: -85px; margin-bottom: 25px;}
.seamless-support .inner-block h5{font-size: 20px; margin-bottom: 15px;}

@media (max-width:1650px){
    .seamless-support .shape3{width: 80px;}
    .seamless-support .shape6{width: 100px;}
}

@media (max-width:1199px){
    .seamless-support .shape1{width: 100px;}
    .seamless-support .shape2,.seamless-support .shape5, .seamless-support .shape3,.seamless-support .shape6{display: none;}
    .seamless-support .row{margin-top: 100px; margin-bottom: 60px;}
    .seamless-support .row .break{margin: 50px 0;}
    .seamless-support .inner-block{padding: 30px; padding-top: 0;}
    .seamless-support .inner-block .icon{height: 110px; width: 110px; margin-top: -55px; padding: 27px;}
}

@media (max-width:767px){
    .seamless-support .row{margin-top: 80px; margin-bottom: 40px; row-gap: 80px;}
    .seamless-support .inner-block{width: 100%;}
    .seamless-support .row .break{display: none;}
}


/* ========================================================================================================= */
.scalable-email-system{position: relative; background-color: #0C111C;}
.scalable-email-system .content-block{max-width: 574px;}
.scalable-email-system h2{margin-bottom: 40px; color: #fff;}
.scalable-email-system h2 > span{font-weight: 700; color: #FFDA30;}
.scalable-email-system ul > li{margin-bottom: 20px; padding-left: 45px; color: #fff;}
.scalable-email-system ul > li:last-child{margin-bottom: 0px;}
.scalable-email-system ul > li:after{position: absolute; content: ""; background-image: url('../images/petlabco/checklist-icon.png'); width: 30px; height: 30px; left: 0; top: 1px;}
.scalable-email-system ul > li:before{display: none;}
.scalable-email-system p{color: #fff;}

@media (max-width:767px){
    .scalable-email-system h2{margin-bottom: 20px;}
    .scalable-email-system .content-block { max-width: 100%; margin-bottom: 30px;}
    .scalable-email-system ul > li{padding-left: 35px;}
    .scalable-email-system ul > li:after{width: 22px; height: 22px; top: 2px; background-size: cover; background-repeat: no-repeat;}
}

/* ====================================================================================== */
   /* .high-impact-campaigns h2{text-align:center; margin-bottom:60px;} */
   .mailchimp-campaigns-slider{padding: 0 72px; margin-bottom: 60px;}
   .mailchimp-campaigns-slider .slick-track{display: flex; column-gap:40px;}
   .mailchimp-campaigns-slider .inner-block{width: 33.33%; padding: 0 15px; text-align:center;}
   /* .mailchimp-campaigns-slider .inner-block.slick-current{background-color:#FFDB2D; border-top-left-radius: 0px; border-bottom-right-radius: 60px;} */
   .mailchimp-campaigns-slider .inner-block figure{position: relative; display:flex; justify-content:center; text-align:center; margin-bottom:25px;}
   /* .mailchimp-campaigns-slider .inner-block h4{font-size:24px; margin-bottom:25px;}
   .mailchimp-campaigns-slider .inner-block p{line-height:1.55;} */

   .mailchimp-campaigns-slider .inner-block figure span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block;}
   /* .mailchimp-campaigns-slider .inner-block figure:hover span{opacity: 1;} */
   .mailchimp-campaigns-slider .inner-block figure span > i{font-size: 60px; font-weight: 300; color: #000; width: 60px; height: 60px; font-style: normal; background: #FFDB2D; text-align: center; line-height: 60px; display: inline-block; border-radius: 50%; box-shadow: 0 0 0 rgba(0,0,0,.6); animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -ms-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite}
   .mailchimp-campaigns-slider .inner-block figure span > i:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; box-shadow: 0 0 0 rgba(255,219,45,.6); animation: pulse-second 2s infinite; -moz-animation: pulse-second 2s infinite; -ms-animation: pulse-second 2s infinite; -webkit-animation: pulse-second 2s infinite; border-radius: 50%}
   .mailchimp-campaigns-slider .inner-block figure span > i:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; box-shadow: 0 0 0 rgba(255,219,45,.6); animation: pulse-third 2s infinite; -moz-animation: pulse-third 2s infinite; -ms-animation: pulse-third 2s infinite; -webkit-animation: pulse-third 2s infinite; border-radius: 50%;}

   @-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,.6)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,219,45,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,0)
    }
}

@-webkit-keyframes pulse-second {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,.6)
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,219,45,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,0)
    }
}

@-webkit-keyframes pulse-third {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,.6)
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255,219,45,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,219,45,0)
    }
}

.mfp-gallery button.mfp-close {
    width: 50px;
    height: 50px;
    top: -50px;
    text-align: center;
    right: 0;
    padding-right: 0;
    z-index: 99;
    background: #000;
    color: #fff!important
}

.mfp-gallery button.mfp-close:after {
    color: #fff!important
}

.mfp-gallery .mfp-content {
    overflow: inherit
}

.mfp-gallery .mfp-figure figure {
    margin: 0;
    max-width: 700px;
    height: 600px;
    position: relative
}

.mfp-gallery img.mfp-img {
    width: 100%;
    max-height: inherit!important;
    padding: 0
}

.mfp-gallery .mfp-arrow {
    position: fixed
}

.mfp-gallery .mfp-content {
    vertical-align: top;
    height: 100%
}

.mfp-gallery .mfp-bottom-bar {
    display: none
}

.mfp-zoom-out-cur .mfp-gallery .mfp-content {
    top: 50px
}

   /* .high-campaign-popup-open {position: relative;text-align: left;padding: 50px 60px;border-radius: 10px;max-width: 1050px;width: 100%;margin: 0 auto; background-color: #fff;}
   .high-campaign-popup-open .popup-container{position: relative;}
   .high-campaign-popup-open .popup-main-view{position: relative;background-size: 100%;background-repeat: no-repeat;background-position: center;height: 100%;padding-bottom: 60.25%;}
   .high-campaign-popup-open .popup-main-view > figure{position: absolute;left: 0;right: 0;top: 9%;height: 78%;overflow-y: auto;text-align: center;margin: 0 auto;width: 74.8%;}
   .high-campaign-popup-open .mfp-close{background-color: #FFD82D;border-radius: 100%;color: #000;font-size: 44px; font-weight: 400; width: 55px;height: 55px;right: -30px;top: -30px; display: flex; justify-content: center; align-items: center; line-height: 51px; transition: all ease-in-out 0.3s;}
   .high-campaign-popup-open .mfp-close:hover{transform: rotate(-90deg);} */

   /* .high-impact-campaigns .inner-content{text-align:center; margin-top:50px;}
   .high-impact-campaigns .inner-content p{margin-bottom:25px;}
   .high-impact-campaigns .inner-content .btn-block .white-btn{background-color: #000; border-color: #000; color: #ffffff;}
   .high-impact-campaigns .inner-content .btn-block .white-btn:hover {color: #000;} */

   @media (max-width:1199px){
      .mailchimp-campaigns-slider {padding: 0 45px; margin-bottom: 30px;}
      .mailchimp-campaigns-slider .slick-track {column-gap: 25px;}
      .mailchimp-campaigns-slider .inner-block{padding: 0 25px; border-top-left-radius: 30px;}
      .mailchimp-campaigns-slider .inner-block > img{max-width:110px;}
      /* .mailchimp-campaigns-slider .inner-block h4 { font-size: 18px; margin-bottom: 20px;} */
      .mailchimp-campaigns-slider .inner-block.slick-current{border-bottom-right-radius: 30px;}
   }

   @media (max-width:767px){
    /* .high-campaign-popup-open{padding: 40px 20px;}
    .high-campaign-popup-open .popup-main-view{background-image: none!important; padding-bottom: 0;}
    .high-campaign-popup-open .popup-main-view > figure{ margin: 0 auto; ;max-width: 750px; width: 100%; height: 600px;position: relative; top: 0; box-shadow: 0px 0px 8px rgba(0 0 0 /50%);}
   .high-campaign-popup-open .mfp-close{ top: -15px;right: -11px} */
   }

   @media (max-width:639px){
      .mailchimp-campaigns-slider .slick-track {column-gap: 0px;}
   }

/* ================================================================================================================= */
.quote{position: relative; padding: 80px 0; text-align: center;}
.quote .quote-left{position: absolute; top: -52px; left: 13%;}
.quote .quote-right{position: absolute; bottom: -56px; right: 13%;}
.quote p{font-size: 31px; font-style: italic; font-weight: 500; margin-bottom: 20px;}
.quote h5{font-size: 31px; margin-bottom: 25px; border-bottom: 6px solid #fff; display: inline-block;}
.quote span{font-size: 19px; display: block;}

@media (max-width:1600px){
    .quote .quote-left{left:7%;}
    .quote .quote-right{right:7%;}
}

@media (max-width:1199px){
    .quote{padding: 60px 0;}
    .quote .quote-left{width: 60px; top: -26px; left: 50px;}
    .quote .quote-right{width: 60px; bottom: -29px; right: 50px;}
    .quote p{font-size: 24px; line-height: 1.55;}
    .quote h5{font-size: 25px; margin-bottom: 10px;}
    .quote span{font-size: 17px;}
}

@media (max-width:767px){
    .quote{padding: 40px 0;}
    .quote .quote-left{top: -16px; left: 40px; width: 40px;}
    .quote .quote-right{width: 40px; bottom: -21px; right: 40px;}
    .quote p{font-size: 20px;}
    .quote h5{font-size: 21px;}
    .quote span{font-size: 16px;}
}


/* ======================================================================================================================= */
.looking-ahead{position: relative;}
.looking-ahead h2{margin-bottom: 40px;}
.looking-ahead .row > .col-5{position: static;}
.looking-ahead .img-block{position: absolute; left: 5%; bottom: 0; width: 31.5%;}

@media (max-width:767px){
    .looking-ahead{padding-bottom: 0;}
    .looking-ahead h2{margin-bottom: 20px;}
    .looking-ahead .row > .col-5{order: 2;}
    .looking-ahead .img-block{position: static;width: 330px; margin: 0 auto; margin-top: 30px;}
    .looking-ahead .content-block{text-align: center;}
}

/* ================================================================================================================== */
.conclusion{text-align: center;}
.conclusion .content-inner{max-width: 1106px; margin: 0 auto; text-align: center;}
.conclusion h2{margin-bottom: 40px;}
.conclusion p{margin-bottom: 25px;}
.conclusion p:last-of-type{margin-bottom: 0;}

@media (max-width:991px){
    .conclusion h2{margin-bottom: 20px;}
    .conclusion p{margin-bottom: 12px;}
}