html {
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
body {
    /* height: 100%; */
    /* min-height: calc(100vh + 1px); */
    /* -ms-overflow-style: none; */
}
.body .homepanel::-webkit-scrollbar {
    display: none;
}
.body .homepanel {
    height: 100%;
    min-height: calc(100vh + 56px);
    -ms-overflow-style: none;
    margin-top: -56px;
    /* margin-top: -1.05em; */
}
.preloadimageshome {
    background: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/02/27171938/animstart.gif') no-repeat -9999px -9999px,
        url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/02/27171933/animend.gif') no-repeat -9999px -9999px
}
div.body {
    background-color: #eda743;
    width: 100%;
    height: 100%;
    scrollbar-width: thin;
    padding-top: 1.05em;
    z-index: 0;
}
.panel {
    position: relative;
    /* display: inline; */
}
.panel-1 {
    background-color: #fff;
    z-index: 20; 
    width: 100%;
    height: 100%;
    position: absolute;
}
.fullscreen-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.fullscreen-container .anim {
    background-size: contain;
    background-position: 60% 50%;
    max-width: 100%;
    max-height: 25vw;
    margin-left: 0%;
}
.fullscreen-container .anim.animstart {
    background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/02/27171938/animstart.gif');
    background-repeat: no-repeat;
    width: 1080px;
    height: 599px;
    opacity: 0;
}
.fullscreen-container .anim.animstart.fadeIn {
    animation: FadeIn 1s 0s forwards;
}
.fullscreen-container .animfull {
/*
    background-image: url('');
    background-repeat: no-repeat;
    width: 1080px;
    height: 599px;
*/
    width: 1080px;
    height: 599px;
    background-image: url('/wp-content/themes/opencreator/images/frames/frame_0.png'); 
    animation: play 2s steps(68) forwards;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    background-size: contain;
    background-position: 60% 50%;
    max-width: 100%;
    max-height: 25vw;
    margin-left: 0%;
}
@keyframes play {
    0% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_0.png'), url('/wp-content/themes/opencreator/images/frames/frame_1.png'); }
    1.47% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_1.png'), url('/wp-content/themes/opencreator/images/frames/frame_2.png'); }
    2.94% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_2.png'), url('/wp-content/themes/opencreator/images/frames/frame_3.png'); }
    4.41% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_3.png'), url('/wp-content/themes/opencreator/images/frames/frame_4.png'); }
    5.88% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_4.png'), url('/wp-content/themes/opencreator/images/frames/frame_5.png'); }
    7.35% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_5.png'), url('/wp-content/themes/opencreator/images/frames/frame_6.png'); }
    8.82% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_6.png'), url('/wp-content/themes/opencreator/images/frames/frame_7.png'); }
    10.29% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_7.png'), url('/wp-content/themes/opencreator/images/frames/frame_8.png'); }
    11.76% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_8.png'), url('/wp-content/themes/opencreator/images/frames/frame_9.png'); }
    13.23% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_9.png'), url('/wp-content/themes/opencreator/images/frames/frame_10.png'); }
    14.70% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_10.png'), url('/wp-content/themes/opencreator/images/frames/frame_11.png'); }
    16.17% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_11.png'), url('/wp-content/themes/opencreator/images/frames/frame_12.png'); }
    17.64% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_12.png'), url('/wp-content/themes/opencreator/images/frames/frame_13.png'); }
    19.11% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_13.png'), url('/wp-content/themes/opencreator/images/frames/frame_14.png'); }
    20.58% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_14.png'), url('/wp-content/themes/opencreator/images/frames/frame_15.png'); }
    22.05% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_15.png'), url('/wp-content/themes/opencreator/images/frames/frame_16.png'); }
    23.52% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_16.png'), url('/wp-content/themes/opencreator/images/frames/frame_17.png'); }
    25.00% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_17.png'), url('/wp-content/themes/opencreator/images/frames/frame_18.png'); }
    26.47% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_18.png'), url('/wp-content/themes/opencreator/images/frames/frame_19.png'); }
    27.94% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_19.png'), url('/wp-content/themes/opencreator/images/frames/frame_20.png'); }
    29.41% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_20.png'), url('/wp-content/themes/opencreator/images/frames/frame_21.png'); }
    30.88% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_21.png'), url('/wp-content/themes/opencreator/images/frames/frame_22.png'); }
    32.35% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_22.png'), url('/wp-content/themes/opencreator/images/frames/frame_23.png'); }
    33.82% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_23.png'), url('/wp-content/themes/opencreator/images/frames/frame_24.png'); }
    35.29% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_24.png'), url('/wp-content/themes/opencreator/images/frames/frame_25.png'); }
    36.76% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_25.png'), url('/wp-content/themes/opencreator/images/frames/frame_26.png'); }
    38.23% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_26.png'), url('/wp-content/themes/opencreator/images/frames/frame_27.png'); }
    39.70% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_27.png'), url('/wp-content/themes/opencreator/images/frames/frame_28.png'); }
    41.17% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_28.png'), url('/wp-content/themes/opencreator/images/frames/frame_29.png'); }
    42.64% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_29.png'), url('/wp-content/themes/opencreator/images/frames/frame_30.png'); }
    44.11% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_30.png'), url('/wp-content/themes/opencreator/images/frames/frame_31.png'); }
    45.58% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_31.png'), url('/wp-content/themes/opencreator/images/frames/frame_32.png'); }
    47.05% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_32.png'), url('/wp-content/themes/opencreator/images/frames/frame_33.png'); }
    48.52% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_33.png'), url('/wp-content/themes/opencreator/images/frames/frame_34.png'); }
    50.00% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_34.png'), url('/wp-content/themes/opencreator/images/frames/frame_35.png'); }
    51.47% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_35.png'), url('/wp-content/themes/opencreator/images/frames/frame_36.png'); }
    52.94% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_36.png'), url('/wp-content/themes/opencreator/images/frames/frame_37.png'); }
    54.41% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_37.png'), url('/wp-content/themes/opencreator/images/frames/frame_38.png'); }
    55.88% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_38.png'), url('/wp-content/themes/opencreator/images/frames/frame_39.png'); }
    57.35% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_39.png'), url('/wp-content/themes/opencreator/images/frames/frame_40.png'); }
    58.82% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_40.png'), url('/wp-content/themes/opencreator/images/frames/frame_41.png'); }
    60.29% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_41.png'), url('/wp-content/themes/opencreator/images/frames/frame_42.png'); }
    61.76% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_42.png'), url('/wp-content/themes/opencreator/images/frames/frame_43.png'); }
    63.23% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_43.png'), url('/wp-content/themes/opencreator/images/frames/frame_44.png'); }
    64.70% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_44.png'), url('/wp-content/themes/opencreator/images/frames/frame_45.png'); }
    66.17% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_45.png'), url('/wp-content/themes/opencreator/images/frames/frame_46.png'); }
    67.64% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_46.png'), url('/wp-content/themes/opencreator/images/frames/frame_47.png'); }
    69.11% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_47.png'), url('/wp-content/themes/opencreator/images/frames/frame_48.png'); }
    70.58% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_48.png'), url('/wp-content/themes/opencreator/images/frames/frame_49.png'); }
    72.05% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_49.png'), url('/wp-content/themes/opencreator/images/frames/frame_50.png'); }
    73.52% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_50.png'), url('/wp-content/themes/opencreator/images/frames/frame_51.png'); }
    75.00% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_51.png'), url('/wp-content/themes/opencreator/images/frames/frame_52.png'); }
    76.47% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_52.png'), url('/wp-content/themes/opencreator/images/frames/frame_53.png'); }
    77.94% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_53.png'), url('/wp-content/themes/opencreator/images/frames/frame_54.png'); }
    79.41% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_54.png'), url('/wp-content/themes/opencreator/images/frames/frame_55.png'); }
    80.88% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_55.png'), url('/wp-content/themes/opencreator/images/frames/frame_56.png'); }
    82.35% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_56.png'), url('/wp-content/themes/opencreator/images/frames/frame_57.png'); }
    83.82% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_57.png'), url('/wp-content/themes/opencreator/images/frames/frame_58.png'); }
    85.29% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_58.png'), url('/wp-content/themes/opencreator/images/frames/frame_59.png'); }
    86.76% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_59.png'), url('/wp-content/themes/opencreator/images/frames/frame_60.png'); }
    88.23% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_60.png'), url('/wp-content/themes/opencreator/images/frames/frame_61.png'); }
    89.70% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_61.png'), url('/wp-content/themes/opencreator/images/frames/frame_62.png'); }
    91.17% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_62.png'), url('/wp-content/themes/opencreator/images/frames/frame_63.png'); }
    92.64% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_63.png'), url('/wp-content/themes/opencreator/images/frames/frame_64.png'); }
    94.11% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_64.png'), url('/wp-content/themes/opencreator/images/frames/frame_65.png'); }
    95.58% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_65.png'), url('/wp-content/themes/opencreator/images/frames/frame_66.png'); }
    97.05% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_66.png'), url('/wp-content/themes/opencreator/images/frames/frame_67.png'); }
    98.52% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_67.png') }
    100% { background-image: url('/wp-content/themes/opencreator/images/frames/frame_67.png'); }
}

.fullscreen-container .anim.animend {
    background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/02/27171933/animend.gif');
    background-repeat: no-repeat;
    width: 1080px;
    height: 599px;
}
.tagline {
    font-weight: 1000;
    font-size: 10vw;
    opacity: 0;
}
.fadeIn {
    animation: FadeIn 1s 0s forwards;
}
.fadeOut {
    animation: FadeOut 1s 0s forwards;
}
.slideDown {
    animation: SlideDown 1s 0s forwards;
}
.fullscreen-container .dot {
    width: 15px;
    height: 15px;
    background-color: #eda743;
    /* was #eda743 */
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    opacity: 0;
}
.fullscreen-container .dot.grow {
    animation: FadeIn 1s 0s forwards, growCircle 2s 1s forwards;
}
.vidpanel1 {
    min-height: 200px;
}
.vidpanel1 .outer-container {
    width: 100%;
    position: relative;
    display: contents;
    /* justify-content: center; */
    /* align-items: center; */
    overflow: hidden;
}
.vidpanel1 .inner-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vidpanel1 .gradient {
    background: linear-gradient(to bottom right, #444, #999);
    opacity: 0.1;
    z-index: 2;
}

.vidpanel1 .tiled-bg {
    background-image: url(https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/03/09203451/whitelines.png);
    background-repeat: repeat;
    opacity: 0.05;
    background-size: 30vw 30vw;
    background-position: bottom;
    z-index: 3;
}

.vidpanel1 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.vidpanel1 .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vidpanel1 .clicklayer {
    cursor: pointer;
    z-index: 4;
    display: block;
}
.vidpanel1 .clicklayer .fullscreen {
    height: 8vw;
    width: 8vw;
    position: absolute;
    right: 2vw;
    bottom: 2vw;
    font-size: 2.5vw;
    color: #fff;
    line-height: 1.5vw;
    cursor: pointer;
    text-decoration: none;
    display: block;
    z-index: 4;
}
.vidpanel1 .clicklayer .fullscreen img {
    width: 100%;
    height: auto;        
}

.vidpanel1 .clicklayer .vidtitle {
    top: 0em;
    position: relative;
    animation-name: SlideDown;
    animation-delay: 48s;
    animation-duration: 2s;
    animation-direction: normal;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    font-weight: 600;
    padding-top: 0.5vh;
    /* display: none; */
}

.vidpanel1 .clicklayer .vidtitle div {
    display:inline-block;
    overflow:hidden;
    /* white-space:nowrap; */
    color: #fff;
    text-shadow: 1px 3px 3px #0009;
}

.vidpanel1 .clicklayer .vidtitle div.firstpart {
    /* animation: showup 1s 0s forwards; */
    font-weight: 800;
}

.vidpanel1 .clicklayer .vidtitle  div.secondpart {
    /* width:0px; */
    /* animation: reveal 3s 3s forwards; */
}

.vidpanel1 .clicklayer .vidtitle div.secondpart span {
    /* margin-left:-610px; */
    /* animation: slidein 3s 3s forwards; */
}

.reviewpanel {
    
    font-size: 3vw;
}
.reviewpanel .testimonial-container {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
    height: 95vh;
}
.reviewpanel .testimonial-container .video-element {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviewpanel .testimonial-container .text-overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    color: #fff;
    background-color: #333;
    clip-path: ellipse(75% 100% at 0% 50%);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.reviewpanel .testimonial-container .text-content {
    padding: 20px;
    width: 60%;
    overflow-wrap: break-word;
    text-align: left;
}
.reviewpanel .testimonial-container .play-button {
    position: absolute;
    top: 50%;
    left: 75%;
    width: 160px;
    height: 160px;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
}
.reviewpanel .testimonial-container .name {
    color: #eda743;
    font-weight: 700;
    border-bottom: 2px solid #eda743;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.reviewpanel .testimonial-container .details {
    color: #dcdcdc;
    font-weight: 400;
    line-height: 1.2;
}
.reviewpanel .testimonial-container .details span {
    font-weight: 600;
}
@media (max-width: 768px) {
    .reviewpanel .testimonial-container .text-overlay {
        width: 65%;
        clip-path: ellipse(85% 100% at 0% 50%);
    }
    .reviewpanel .testimonial-container .text-content {
        width: 75%;
        font-size: 70%;
        padding: 10px;
    }
    .reviewpanel .testimonial-container .play-button {
        width: 160px;
        height: 160px;
    }
    .reviewpanel {
        font-size: 6vw;
    }
}
@media (min-width: 769px) {
    .reviewpanel .testimonial-container .text-overlay {
        width: 65%;
    }
}

.aboutpanel {
    margin: 0;
    overflow: hidden;
}

.product-info-box {
    min-height: 50vh;
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    text-align: left;
    padding: 5px 15px;
}
.product-info-box h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 5px;
}
.product-info-box h3 {
    color: #6c757d;
    text-align: center;
}
.product-info-box .main-content {
    color: #333;
}
.product-info-box .main-content #pollitraction-logo {
    width: auto;
    height: 3vw;
    margin-left: 10px;
    vertical-align: bottom;
    margin-bottom: -6px;
}
.product-info-box p {
    font-size: 40%;
    padding: 0 25%;
}
.product-info-box .comparison-image {
    width: 100%;
    height: auto;
}
.product-info-box .comparison-image.image1 {
    display: block;
    height: 85vh;
    width: auto;
    margin: 0 auto;
}
.product-info-box .comparison-image.image2 {
    display: none;
}

@media (min-width: 768px) {
    .product-info-box .comparison-image-container {
        padding: 0 3rem;
    }
}
.product-info-box .benefits-list {
    list-style-type: none;

    font-size: 40%;
	padding: 0 25%;
}
.product-info-box .benefits-list li {
    font-weight: bold;
}

@media (max-width: 828px) {
    .product-info-box h2 {
        font-size: 5.5vw;
    }
    .product-info-box .main-content #pollitraction-logo {
        height: 8vw;
        margin-bottom: -3px;
    }
}

#ticker-wrapper {
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 50%;
}

#ticker {
    white-space: nowrap;
    position: relative;
    font-size: 3vw;
    padding-left: 100%;
}
@media (max-width: 828px) {
    #ticker {
        font-size: 6vw;
    }
}


.benefitpanel {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.benefitintro {
    /* display: block; */
    text-align: center;
    min-height: 500px;
    /* min-width: 100%; */
    height: 120vh;
    position: relative;
    background-color: #eda743;
    color: #fff;
    font-weight: bold;
    inset: 0px auto auto 0px !important;
}
.benefitintro::before {
    background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08113159/Gemini_Generated_Image_akjax1akjax1akja.jpeg');
    background-size: cover;
    background-position: center;
    filter: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 1;
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}
.benefitintro.clean::before {
    filter: grayscale(0.3) brightness(0.5);
    opacity: 1;
    -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
                -o-transform: none;
                    transform: none;
}
.benefitintro span {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 600px;
    height: 300px;
    transform: translate(-50%, -50%);
    /* padding-top: 50px; */
    opacity: 0;
    margin-left: 80px;
    /* -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
                -o-transform: translateY(80px);
                    transform: translateY(80px); */
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}
.benefitintro span.visible {
    opacity: 1;
    margin-left: 0;
    /* -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
                -o-transform: none;
                    transform: none; */
}

#benefitbox .benefit {
    text-align: center;
    min-height: 500px;
    /* min-width: 100%; */
    height: 120vh;
    position: relative;
    background-color: #eda743;
    color: #fff;
    font-weight: bold;
    inset: 0px auto auto 0px !important;
}
#benefitbox .benefit.even {
    background-color: #90b254;
}
#benefitbox .benefit.odd {
    background-color: #eda743;
}
#benefitbox .benefit.even span {
    opacity: 0;
    margin-left: -80px;
    top: 50vh;
    /* -webkit-transform: translateX(-80px);
            -moz-transform: translateX(-80px);
            -ms-transform: translateX(-80px);
                -o-transform: translateX(-80px);
                    transform: translateX(-80px); */
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}
#benefitbox .benefit.odd span {
    opacity: 0;
    margin-left: 80px;
    top: 50vh;
    /* -webkit-transform: translateX(80px);
            -moz-transform: translateX(80px);
            -ms-transform: translateX(80px);
                -o-transform: translateX(80px);
                    transform: translateX(80px); */
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}
#benefitbox .benefit span.visible {
    opacity: 1;
    margin-left: 0;
    /* -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
                -o-transform: none;
                    transform: none; */
}

#benefitbox .benefit::before {
    background-size: cover;
    background-position: center;
    transform: scale(1) translateY(-10vh);
    background-attachment: fixed;
    filter: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 1;
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}
#benefitbox .benefit.clean::before {
    filter: grayscale(0.3) brightness(0.5);
    opacity: 1;
    /* -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
                -o-transform: none;
                    transform: none; */
}
#benefitbox .benefit-1::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110632/ben1-4600roi.jpeg'); }
#benefitbox .benefit-2::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110639/ben2-cropyield.jpeg'); }
#benefitbox .benefit-3::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110654/ben3-isolatefarmspollination.jpeg'); }
#benefitbox .benefit-4::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08120418/ben7-strongerbees1.jpeg'); }
#benefitbox .benefit-5::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/14225456/DALL%C2%B7E-2024-05-14-22.54.00-A-detailed-photo-of-a-very-wide-crop-sprayer-in-a-field.-The-sprayer-is-mounted-on-a-large-tractor-with-extra-wide-tires-and-an-extended-boom-reaching.jpg'); }
#benefitbox .benefit-6::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110807/ben5-reducedlabor2.jpeg'); }
#benefitbox .benefit-7::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110843/ben6-beesfrom10km4.jpeg'); }
#benefitbox .benefit-8::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110856/ben7-strongerbees2.jpeg'); }
#benefitbox .benefit-9::before { background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110909/ben8-allspecies1.jpeg'); }
#benefitbox .benefit-10::before{ background-image: url('https://pollitract-1a.storage.googleapis.com/wp-content/uploads/2024/05/08110924/ben9-integrates1.jpeg');}

#benefitbox .benefit span {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 600px;
    height: 300px;
    transform: translate(-50%, -50%);
    /* padding-top: 50px; */
    line-height: 100%;
}
#benefitbox .benefit-10 span {
    /* height: auto; 
    top: 20%; */
}
#benefitbox .benefit span a {
    color: #fff;
    text-decoration: none;
    cursor: default;
}
#benefitbox .benefit span button {
    font-size: 60%;
    padding-top: 0px;
    font-weight: bold;
    display: block;
    margin: 15px auto 0px auto;
    cursor: pointer;
}    
@keyframes showup {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes slidein {
    0% { margin-left:-610px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:1;width:0px;}
    100% {opacity:1;width:610px;}
}

@media (min-width: 768px) {
    .vidpanel1 {
        /* min-height: 720px; */
    }
    .vidpanel1 .tiled-bg {
        background-size: 10vw 10vw;
    }
    .vidpanel1 .clicklayer .fullscreen {
        height: 4vw;
        width: 4vw;
        position: absolute;
        right: 2vw;
        bottom: 1vw;
        font-size: 1vw;
        color: #fff;
        line-height: 1vw;
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes FadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes SlideDown {
    0% {
        top: -6em;
    }
    100% {
        top: 0;
    }
}

@keyframes growCircle {
    0% {
        --gc-width: 15px;
        --gc-height: 15px;
        width: var(--gc-width);
        height: var(--gc-height);
        top: calc(50% - 50px);
        left: calc(50% - 20px);
    }
    100% {
        --gc-width: calc(15px * 200);
        --gc-height: calc(15px * 200);
        
        width: 3000px;
        height: 3000px;
        top: -1250px;
        left: -1250px;
    }
}

@keyframes morphTriangle {
    0% {
        border-radius: 50%;
    }
    100% {
        border-radius: 0;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
}

.circle {
    transition: width 1s, height 1s;
}

.fullscreen-containerx:hover .circle {
    width: 0;
    height: 0;
}

@media (orientation: landscape) {
    .ipimage {
        position: relative;
        width: 100%;
        height: 120%;
        background-attachment: scroll;
        background-position: 45% center;
        background-size: cover;
        min-width: 100vw;
    }
}
@media (orientation: portrait) {
    .ipimage {
        position: relative;
        width: 100%;
        height: 120%;
        background-attachment: scroll;
        background-position: 45% center;
        background-size: cover;
        min-height: 100vh;
    }
}

@media (max-width: 900px) {
    .vidpanel1 .clicklayer .fullscreen span {
        font-size: 1vh !important;
        top: -4px !important;
        position: relative !important;
        left: -6px !important;
    }
}

@media (max-width: 720px) {
    .product-info-box {
        padding: 5px 0px;
    }
    .product-info-box .container {
        padding: 0;
    }
    .product-info-box p {
        font-size: 125%;
        padding: 0 5%;
    }
    .product-info-box .comparison-image.image1 {
        display: none;
    }
    .product-info-box .comparison-image.image2 {
        display: block;
    }
    .product-info-box .benefits-list {
        list-style-type: none;
        font-size: 125%;
        padding: 0 5%;
    }
    .benefitpanel {
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    .benefitintro {
    }
    .benefitintro span {
        top: 50%;
        /* margin-top: -25vh; */
        left: 50%;
        width: 90%;
        height: 300px;
        transform: translate(-50%, -50%);
        font-size: 10vw;
    }
    #benefitbox .benefit {
    }
    #benefitbox .benefit span {
        top: 50vh;
        /* margin-top: -25vh; */
        left: 50%;
        width: 90%;
        height: 300px;
        transform: translate(-50%, -50%);
        font-size: 10vw;
    }
    #benefitbox .benefit-10 {
        /* height: 150vh; */
    }
    #benefitbox .benefit-10 span {
        /* top: 30%; */
    }
    .benefitintro::before {
        background-size: 150% 100%;
        background-position: center;
    }
    #benefitbox .benefit::before {
        background-size: cover;
        transform: scale(1) translateY(-10vh);
        background-position: center;
    }
}