.elementor-20 .elementor-element.elementor-element-e70f9e0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.75;}.elementor-20 .elementor-element.elementor-element-e70f9e0::before, .elementor-20 .elementor-element.elementor-element-e70f9e0 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-e70f9e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-e70f9e0 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-e70f9e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-e70f9e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-50987fc{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-50987fc img{width:100%;}.elementor-20 .elementor-element.elementor-element-ec1a597{--display:flex;--min-height:41.66vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7f76d54 .elementor-repeater-item-d129bf8 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://www.dobcanna.com/wp-content/uploads/2024/12/banner3.webp);background-size:cover;}.elementor-20 .elementor-element.elementor-element-7f76d54 .elementor-repeater-item-566f55a .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.dobcanna.com/wp-content/uploads/2024/12/banner2.webp);background-size:cover;}.elementor-20 .elementor-element.elementor-element-7f76d54 .elementor-repeater-item-917c197 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://www.dobcanna.com/wp-content/uploads/2024/12/banner1.webp);background-size:cover;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-slide{transition-duration:calc(5000ms*1.2);height:41.66vw;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-slide-contents{max-width:66%;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-slide-inner{text-align:center;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-pagination-bullet{height:0.68em;width:0.68em;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-horizontal .swiper-pagination-progressbar{height:0.68em;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-pagination-fraction{font-size:0.68em;}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-text );opacity:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-7f76d54 .swiper-pagination-bullet-active{background-color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-1586b7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-f59c91b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-4b85287{text-align:center;}.elementor-20 .elementor-element.elementor-element-4b85287 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;text-transform:none;color:var( --e-global-color-63b30d1 );}.elementor-20 .elementor-element.elementor-element-a4e6cb1{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-432fa6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5399c55 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-20 .elementor-element.elementor-element-5399c55{text-align:center;}.elementor-20 .elementor-element.elementor-element-5399c55 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;color:var( --e-global-color-63b30d1 );}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-repeater-item-2822c85 .swiper-slide-bg{background-image:url(https://www.dobcanna.com/wp-content/uploads/2024/12/hardware_800.webp);background-size:contain;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-repeater-item-c992dc9 .swiper-slide-bg{background-image:url(https://www.dobcanna.com/wp-content/uploads/strategy_800_2.webp);background-size:contain;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-repeater-item-a9793fe .swiper-slide-bg{background-image:url(https://www.dobcanna.com/wp-content/uploads/marketing_800_2.webp);background-size:contain;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide{transition-duration:calc(5000ms*1.2);height:455px;}.elementor-20 .elementor-element.elementor-element-d0aae39 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide-contents{max-width:60%;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-slide-heading{color:var( --e-global-color-63b30d1 );font-family:"Arial", Sans-serif;font-size:200px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-slide-description{color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-pagination-bullet{height:11px;width:11px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-horizontal .swiper-pagination-progressbar{height:11px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-pagination-fraction{font-size:11px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-63b30d1 );opacity:var( --e-global-color-63b30d1 );}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-pagination-bullet-active{background-color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-9399124{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9399124:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9399124 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8ffcbf7 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-20 .elementor-element.elementor-element-8ffcbf7{text-align:center;}.elementor-20 .elementor-element.elementor-element-8ffcbf7 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-620cbe8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-20 .elementor-element.elementor-element-b663ca8{--display:flex;}.elementor-20 .elementor-element.elementor-element-8301e5e{text-align:center;font-size:2em;font-weight:700;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-af3d8c0{--display:flex;}.elementor-20 .elementor-element.elementor-element-81c8e9c{text-align:center;font-family:"Arial", Sans-serif;font-size:2em;font-weight:700;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-3829f46{--display:flex;}.elementor-20 .elementor-element.elementor-element-afc8b54{text-align:center;font-family:"Arial", Sans-serif;font-size:2em;font-weight:700;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-42927a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-60f58cc > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-20 .elementor-element.elementor-element-60f58cc{text-align:center;}.elementor-20 .elementor-element.elementor-element-60f58cc .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;text-transform:none;color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-d9a9461{--display:flex;}.elementor-20 .elementor-element.elementor-element-e656de3{--display:flex;}.elementor-20 .elementor-element.elementor-element-b4c25c3{font-family:"Arial", Sans-serif;font-size:1.2em;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-d14a9d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-eb55a90{--display:flex;}.elementor-20 .elementor-element.elementor-element-c885ddf .elementor-heading-title{font-size:1.8em;color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-60323d9{font-family:"Arial", Sans-serif;font-size:1.2em;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-d22e6f4{--display:flex;}.elementor-20 .elementor-element.elementor-element-c423b52 .elementor-heading-title{font-size:1.8em;color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-7126eac{font-family:"Arial", Sans-serif;font-size:1.2em;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-d146fc8{--display:flex;}.elementor-20 .elementor-element.elementor-element-7942809 .elementor-heading-title{font-size:1.8em;color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-0794415{font-family:"Arial", Sans-serif;font-size:1.2em;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8cd62ca{--n-accordion-title-font-size:1.8em;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-title-normal-color:var( --e-global-color-63b30d1 );--n-accordion-title-hover-color:var( --e-global-color-4efef5b );--n-accordion-title-active-color:var( --e-global-color-4efef5b );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8cd62ca > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#333333;border-style:none;}:where( .elementor-20 .elementor-element.elementor-element-8cd62ca > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#2A2A2A;border-style:none;}.elementor-20 .elementor-element.elementor-element-8cd62ca {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-20 .elementor-element.elementor-element-8cd62ca > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-20 .elementor-element.elementor-element-6c387ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-a12e0f6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-139ba73{text-align:center;}.elementor-20 .elementor-element.elementor-element-139ba73 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-5669e31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-693013c{text-align:center;}.elementor-20 .elementor-element.elementor-element-693013c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3em;color:var( --e-global-color-4efef5b );}.elementor-20 .elementor-element.elementor-element-e44f6f5{--swiper-slides-to-display:3;--swiper-slides-gap:10px;}.elementor-20 .elementor-element.elementor-element-e44f6f5 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-e70f9e0{--width:100%;}.elementor-20 .elementor-element.elementor-element-1586b7c{--content-width:1600px;}.elementor-20 .elementor-element.elementor-element-432fa6b{--content-width:1600px;}.elementor-20 .elementor-element.elementor-element-9399124{--content-width:1600px;}.elementor-20 .elementor-element.elementor-element-b663ca8{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-af3d8c0{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-3829f46{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-42927a9{--content-width:1600px;}.elementor-20 .elementor-element.elementor-element-eb55a90{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-d22e6f4{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-d146fc8{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-6c387ab{--content-width:1600px;}.elementor-20 .elementor-element.elementor-element-5669e31{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-ec1a597{--width:100%;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-ec1a597{--min-height:41.66vw;}.elementor-20 .elementor-element.elementor-element-a4e6cb1{--grid-columns:2;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide-contents{max-width:90%;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-slide-heading{font-size:120px;}.elementor-20 .elementor-element.elementor-element-8301e5e{font-size:1.5em;}.elementor-20 .elementor-element.elementor-element-81c8e9c{font-size:1.5em;}.elementor-20 .elementor-element.elementor-element-afc8b54{font-size:1.5em;}.elementor-20 .elementor-element.elementor-element-e44f6f5{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-ec1a597{--min-height:41.66vw;}.elementor-20 .elementor-element.elementor-element-1586b7c{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-4b85287 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-a4e6cb1{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-432fa6b{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5399c55 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-d0aae39 .swiper-slide{height:555px;}.elementor-20 .elementor-element.elementor-element-d0aae39 .elementor-slide-heading{font-size:3.8em;}.elementor-20 .elementor-element.elementor-element-9399124{--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-8ffcbf7 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-42927a9{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-60f58cc .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-8cd62ca{--n-accordion-title-font-size:1.4em;}.elementor-20 .elementor-element.elementor-element-6c387ab{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-139ba73 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-5669e31{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-693013c .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-e44f6f5{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-e70f9e0 */#page-background{
    z-index: -1;
    position:absolute;
    display: none;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-d0aae39 */.service-slide .elementor-slides .swiper-slide-inner{
    z-index:-1;
}
.service-slide .elementor-slide-description{
    position:relative;
    top:100px;
}
.elementor-element .service-slide .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:-50px;
}
.service-desc-title {
    display:none;
}
@media (max-width: 767px) {
    .elementor-slides .swiper-slide-inner .elementor-slide-description {
        margin-bottom: -150px;
    }
    .service-slide .elementor-slides .swiper-slide-inner{
        z-index:9;
    }
    .service-desc-title{
        display:block;
    }
    .service-desc-title h3{
        font-size:2.3em;
    }
    .service-slide .elementor-slide-heading {
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-620cbe8 */.who-we-are>div:hover .elementor-widget-image img{
    transform:scale(1.1);
}
.who-we-are .elementor-widget-image img{
    transition:linear .3s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7da9d7d */.painter {
            position: relative;
        }

        .sticky-img {
            width: 160px;
            position: sticky;
            top: 20vh;
            left: calc(50% - 80px);
            z-index: 2;
        }

        .sticky-img img {
            width: 100%;
            position: absolute;
            /*   z-index:2; */
        }

        @keyframes fade-out {
            0% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.2;
                transform: scale(1.25);
            }

            100% {
                opacity: 0;
                transform: scale(1.5);
            }
        }

        #fade-img {
            animation: fade-out linear forwards;
            animation-timeline: view();
            animation-range: 100vh 300vh;
        }

        .diagram-container {
            position: sticky;
            top: 20vh;
            width: 160px;
            left: calc(50% - 80px);
            z-index: 1;
        }

        .diagram {
            width: 160px;
        }

        .diagram-layer1 {
            width: 160px;
            height: 109.87px;
            opacity: 0;
            background: url(https://www.dobcanna.com/wp-content/uploads/dobcanna_iFreshr_2_1.webp) center center no-repeat;
            background-size: 100% auto;
        }

        .diagram-layer2 {
            position: relative;
            top: -16.5px;
            width: 160px;
            height: 613.33px;
            opacity: 0;
            background: url(https://www.dobcanna.com/wp-content/uploads/dobcanna_iFreshr_2_2.webp) no-repeat;
            background-position: 50% 50%;
            background-size: 100% auto;
        }

        @keyframes fade-in1 {
            0% {
                opacity: 0;
            }

            25% {
                opacity: 1;
            }

            75% {
                transform: translateY(0);
            }

            100% {
                opacity: 1;
                transform: translateY(-50px);
            }
        }

        @keyframes fade-in2 {
            0% {
                opacity: 0;
            }

            25% {
                opacity: 1;
            }

            75% {
                transform: translateY(0);
            }

            100% {
                opacity: 1;
                transform: translateY(50px);
            }
        }

        #diagram-layer1 {
            animation: fade-in1 linear forwards;
            animation-timeline: view();
            animation-range: 100vh 300vh;
        }

        #diagram-layer2 {
            animation: fade-in2 linear forwards;
            animation-timeline: view();
            animation-range: 100vh 300vh;
        }

        .sp-section {
            position: sticky;
            top: 0;
            height: 100vh;
            /*   background:#ff000030; */
        }

        .sp-container {
            height: 100vh;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: center;
            opacity: 0;
        }

        .sale-point {
            flex-grow: 0;
            flex-shrink: 1;
            flex-basis: calc(50% - 110px);
        }

        .sale-point h3 {
            transition: linear .3s;
        }

        .sale-point:hover h3 {
            transform: scale(1.01);
            color: #DFC595;
        }

        .splt {
            text-align: left;
            padding-right: 100px;
            align-self: flex-start;
            margin-bottom: 30px;
        }

        .splb {
            text-align: left;
            padding-right: 100px;
            align-self: flex-end;
            margin-top: 30px;
        }

        .sprt {
            text-align: right;
            padding-left: 100px;
            align-self: flex-start;
            margin-bottom: 120px;
        }

        .sprb {
            text-align: right;
            padding-left: 100px;
            align-self: flex-end;
            margin-top: 30px;
        }

        @keyframes text-fade-in {
            0% {
                opacity: 0;
            }

            25% {
                opacity: 0;
            }

            50% {
                opacity: 0;
            }

            75% {
                opacity: 1;
            }

            100% {
                opacity: 1;
            }
        }

        #sp-container {
            animation: text-fade-in linear forwards;
            animation-timeline: view();
            animation-range: 100vh 300vh;
        }

        /* svg line start */
        #target1,
        #target2,
        #target3,
        #target4 {
            position: relative;
            display: block;
            left: 50%;
        }

        #point1,
        #point2,
        #point3,
        #point4 {
            content: '';
            display: inline-block;
            position: relative;
        }

        #target1 {
            top: 23.5%;
        }

        #target2 {
            top: 38%;
        }

        #target3 {
            top: 50%;
        }

        #target4 {
            top: 78%;
        }
        #targetimg1 {
            display: block;
            position: absolute;
            width: 100%;
            height: auto;
            left: -50%;
            top: -41px;
            opacity: 0;
            transition: linear .3s;
        }

        #targetimg2 {
            display: block;
            position: absolute;
            width: 100%;
            height: auto;
            left: -50%;
            top: -38px;
            opacity: 0;
            transition: linear .3s;
        }

        #targetimg3 {
            display: block;
            position: absolute;
            width: 100%;
            height: auto;
            left: -50%;
            top: -21px;
            opacity: 0;
            transition: linear .3s;
        }

        #targetimg4 {
            display: block;
            position: absolute;
            width: 100%;
            height: auto;
            left: -50%;
            top: -43px;
            opacity: 0;
            transition: linear .3s;
        }

        /* svg line end */
        /* svg line animation start */
        @keyframes svgFadeIn {
            0% {
                opacity: 0;
                transform: scaleZ(0.1);
            }

            50% {
                opacity: 1;
                transform: scaleZ(0.5);
            }

            100% {
                opacity: 1;
                transform: scaleZ(1);
            }
        }

        #svg1,
        #svg2,
        #svg3,
        #svg4 {
            animation: svgFadeIn 5s forwards;
        }

        /* svg line animation end */
        @media (max-width: 767px) {
            .sp-section {
                top:73px;
            }
            .sp-container {
                display: block;
                padding-left: 25px;
                padding-right: 25px;
            }

            .sprt,
            .sprb {
                text-align: left;
                padding-left: 0;
                border-top: 1px solid #e3e3e3;
            }

            .splt,
            .splb {
                padding-right: 0;
                border-top: 1px solid #e3e3e3;
            }
            #sp-container .sprt {
                margin-bottom:30px;
            }

            .diagram-container {
                opacity: .2;
            }

            #sp-container .sprt h3,
            #sp-container .sprb h3,
            #sp-container .splt h3,
            #sp-container .splb h3 {
                font-size: 1em;
            }
        }/* End custom CSS */