.elementor-2995 .elementor-element.elementor-element-bb0ddbc{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.4;}.elementor-2995 .elementor-element.elementor-element-bb0ddbc:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/08/About-Us-1-1.webp");background-position:top center;background-size:cover;}.elementor-2995 .elementor-element.elementor-element-bb0ddbc::before, .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .e-con-inner > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .e-con-inner > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2995 .elementor-element.elementor-element-6b36d8c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-2fba0e0{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2995 .elementor-element.elementor-element-3947b5b{width:initial;max-width:initial;}.elementor-2995 .elementor-element.elementor-element-3947b5b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2995 .elementor-element.elementor-element-3947b5b .title-area{text-align:left;}.elementor-2995 .elementor-element.elementor-element-3947b5b .sec-title{color:#0E121D;}.elementor-2995 .elementor-element.elementor-element-3947b5b p{color:#FFFFFF;}.elementor-2995 .elementor-element.elementor-element-9f49b86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;text-align:left;font-size:20px;}.elementor-2995 .elementor-element.elementor-element-9f49b86 a{color:var( --e-global-color-07cfc96 );}.elementor-2995 .elementor-element.elementor-element-63716f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;text-align:left;font-size:20px;}.elementor-2995 .elementor-element.elementor-element-63716f1 a{color:var( --e-global-color-07cfc96 );}.elementor-2995 .elementor-element.elementor-element-f04ec8b{--display:flex;--min-height:590px;--justify-content:center;--overlay-opacity:0.89;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-f04ec8b::before, .elementor-2995 .elementor-element.elementor-element-f04ec8b > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-f04ec8b > .e-con-inner > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-f04ec8b > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-f04ec8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-f04ec8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2995 .elementor-element.elementor-element-f04ec8b.e-con{--align-self:center;}.elementor-2995 .elementor-element.elementor-element-4ce36b7 img{border-radius:15px 15px 15px 15px;}.elementor-2995 .elementor-element.elementor-element-5df1a8e{--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:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-529ac1e{--display:flex;}.elementor-2995 .elementor-element.elementor-element-529ac1e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-aee6a2e{background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2995 .elementor-element.elementor-element-aee6a2e .elementor-heading-title{font-size:60px;font-weight:700;color:#000851;}.elementor-2995 .elementor-element.elementor-element-654f909{font-size:18px;line-height:1px;}.elementor-2995 .elementor-element.elementor-element-2e6b1e6{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.89;--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-2995 .elementor-element.elementor-element-2e6b1e6:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/08/Group-103758.jpg");background-position:center right;background-size:cover;}.elementor-2995 .elementor-element.elementor-element-2e6b1e6::before, .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2995 .elementor-element.elementor-element-0d130e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-2995 .elementor-element.elementor-element-c64679c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2995 .elementor-element.elementor-element-c64679c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2995 .elementor-element.elementor-element-c64679c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-c64679c .title-area{text-align:left;}.elementor-2995 .elementor-element.elementor-element-c64679c .sub-title{--theme-color:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-c64679c .sec-title{color:var( --e-global-color-e8a4872 );font-family:"Open Sans", Sans-serif;}.elementor-2995 .elementor-element.elementor-element-c64679c p{color:#FFFFFF;}.elementor-2995 .elementor-element.elementor-element-b1c778f{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-size:20px;color:var( --e-global-color-618530f );}.elementor-2995 .elementor-element.elementor-element-b1c778f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-b1c778f a{color:var( --e-global-color-07cfc96 );}.elementor-2995 .elementor-element.elementor-element-25f3a36{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--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-2995 .elementor-element.elementor-element-25f3a36:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-25f3a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/09/3.jpg");background-position:center left;background-size:cover;}.elementor-2995 .elementor-element.elementor-element-75f3fa3{--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;--overlay-opacity:0.92;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-75f3fa3:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/08/freepik__the-style-is-candid-image-photography-with-natural__51235.jpeg");background-position:center center;background-size:cover;}.elementor-2995 .elementor-element.elementor-element-75f3fa3::before, .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .e-con-inner > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-75f3fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000C1F;--background-overlay:'';}.elementor-2995 .elementor-element.elementor-element-75f3fa3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-e7141b5{width:var( --container-widget-width, 98.785% );max-width:98.785%;--container-widget-width:98.785%;--container-widget-flex-grow:0;}.elementor-2995 .elementor-element.elementor-element-e7141b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-2d88b70{--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-2995 .elementor-element.elementor-element-e8fffc7{--display:flex;--overlay-opacity:0.9;}.elementor-2995 .elementor-element.elementor-element-e8fffc7:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/08/2254.webp");background-size:cover;}.elementor-2995 .elementor-element.elementor-element-e8fffc7::before, .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .e-con-inner > .elementor-background-video-container::before, .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2995 .elementor-element.elementor-element-e8fffc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2995 .elementor-element.elementor-element-e8fffc7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2995 .elementor-element.elementor-element-bf2cb22{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2995 .elementor-element.elementor-element-bf2cb22:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-bf2cb22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biojenikengineering.com/wp-content/uploads/2025/08/Group-103759.jpg");}.elementor-2995 .elementor-element.elementor-element-7d019e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2995 .elementor-element.elementor-element-7d019e5 .elementor-icon-wrapper{text-align:left;}.elementor-2995 .elementor-element.elementor-element-7d019e5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-7d019e5.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-7d019e5.elementor-view-default .elementor-icon{color:var( --e-global-color-e8a4872 );border-color:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-7d019e5.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-7d019e5.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-0376cdd{font-size:19px;color:var( --e-global-color-618530f );}.elementor-2995 .elementor-element.elementor-element-d9d6792{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:right;}.elementor-2995 .elementor-element.elementor-element-d9d6792 .elementor-heading-title{color:var( --e-global-color-618530f );}.elementor-2995 .elementor-element.elementor-element-eb55a7f .elementor-icon-wrapper{text-align:right;}.elementor-2995 .elementor-element.elementor-element-eb55a7f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-eb55a7f.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-eb55a7f.elementor-view-default .elementor-icon{color:var( --e-global-color-e8a4872 );border-color:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-eb55a7f.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-eb55a7f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-fc108be{--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-2995 .elementor-element.elementor-element-cfac386{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2995 .elementor-element.elementor-element-cfac386:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-cfac386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e8a4872 );}.elementor-2995 .elementor-element.elementor-element-7bc0629{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 032px) 0px;}.elementor-2995 .elementor-element.elementor-element-7bc0629 .elementor-icon-wrapper{text-align:center;}.elementor-2995 .elementor-element.elementor-element-7bc0629.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-7bc0629.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-7bc0629.elementor-view-default .elementor-icon{color:var( --e-global-color-f0776a0 );border-color:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-7bc0629.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-7bc0629.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-7bc0629 .elementor-icon{font-size:80px;}.elementor-2995 .elementor-element.elementor-element-7bc0629 .elementor-icon svg{height:80px;}.elementor-2995 .elementor-element.elementor-element-4a90a18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:center;}.elementor-2995 .elementor-element.elementor-element-4a90a18 .elementor-heading-title{font-family:"Open Sans", Sans-serif;color:var( --e-global-color-07cfc96 );}.elementor-2995 .elementor-element.elementor-element-0dc152c{text-align:center;font-family:"Open Sans", Sans-serif;color:var( --e-global-color-a1b1b4d );}.elementor-2995 .elementor-element.elementor-element-0513005{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2995 .elementor-element.elementor-element-0513005:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-0513005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-618530f );}.elementor-2995 .elementor-element.elementor-element-77c7158{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 032px) 0px;}.elementor-2995 .elementor-element.elementor-element-77c7158 .elementor-icon-wrapper{text-align:center;}.elementor-2995 .elementor-element.elementor-element-77c7158.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-77c7158.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-77c7158.elementor-view-default .elementor-icon{color:var( --e-global-color-f0776a0 );border-color:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-77c7158.elementor-view-framed .elementor-icon, .elementor-2995 .elementor-element.elementor-element-77c7158.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f0776a0 );}.elementor-2995 .elementor-element.elementor-element-77c7158 .elementor-icon{font-size:80px;}.elementor-2995 .elementor-element.elementor-element-77c7158 .elementor-icon svg{height:80px;}.elementor-2995 .elementor-element.elementor-element-03fbfee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:center;}.elementor-2995 .elementor-element.elementor-element-03fbfee .elementor-heading-title{color:var( --e-global-color-07cfc96 );}.elementor-2995 .elementor-element.elementor-element-844151e{text-align:center;color:var( --e-global-color-a1b1b4d );}@media(min-width:768px){.elementor-2995 .elementor-element.elementor-element-529ac1e{--width:75%;}.elementor-2995 .elementor-element.elementor-element-0d130e2{--content-width:100%;}.elementor-2995 .elementor-element.elementor-element-25f3a36{--content-width:100%;}.elementor-2995 .elementor-element.elementor-element-75f3fa3{--width:100%;}.elementor-2995 .elementor-element.elementor-element-e8fffc7{--width:36.172%;}}@media(min-width:1025px){.elementor-2995 .elementor-element.elementor-element-2e6b1e6:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-2e6b1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-2995 .elementor-element.elementor-element-2e6b1e6{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-0d130e2{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-2995 .elementor-element.elementor-element-25f3a36{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}}@media(max-width:767px){.elementor-2995 .elementor-element.elementor-element-bb0ddbc{--min-height:60vh;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2995 .elementor-element.elementor-element-bb0ddbc:not(.elementor-motion-effects-element-type-background), .elementor-2995 .elementor-element.elementor-element-bb0ddbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-2995 .elementor-element.elementor-element-aee6a2e .elementor-heading-title{font-size:40px;}.elementor-2995 .elementor-element.elementor-element-0d130e2{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2995 .elementor-element.elementor-element-25f3a36{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2995 .elementor-element.elementor-element-e8fffc7{--min-height:250px;}.elementor-2995 .elementor-element.elementor-element-bf2cb22{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2995 .elementor-element.elementor-element-0376cdd{font-size:17px;}.elementor-2995 .elementor-element.elementor-element-cfac386{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2995 .elementor-element.elementor-element-7bc0629 .elementor-icon{font-size:50px;}.elementor-2995 .elementor-element.elementor-element-7bc0629 .elementor-icon svg{height:50px;}.elementor-2995 .elementor-element.elementor-element-4a90a18 .elementor-heading-title{font-size:24px;}.elementor-2995 .elementor-element.elementor-element-0513005{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2995 .elementor-element.elementor-element-77c7158 .elementor-icon{font-size:50px;}.elementor-2995 .elementor-element.elementor-element-77c7158 .elementor-icon svg{height:50px;}.elementor-2995 .elementor-element.elementor-element-03fbfee .elementor-heading-title{font-size:24px;}}/* Start custom CSS for heading, class: .elementor-element-aee6a2e */.text-about h2 {
    text-transform: capitalize;
    background: linear-gradient(90deg, #000851, #ff00f3, #0033ff, #ff00c4, #ff0000);
    background-size: 400%;
    font-size: 80px;
    font-family: "Arial", sans-serif;
    word-spacing: 5px;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: animate 10s linear infinite;
  }
  
  @keyframes animate {
    0% {
      background-position: 0%;
    }
    100% {
      background-position: 400%;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7141b5 */import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu:wght@500&display=swap");

@property --clip-vertical {
  syntax: "<percentage>";
  initial-value: 95%;
  inherits: false;
}

@property --clip-horizontal {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: false;
}

@property --intro-radial {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: false;
}

main {
  --timeline-width: 100%;

  position: relative;
  padding-block: 150px;
  max-width: 1300px;
  margin-inline: auto;
  &::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    margin-left: -3px;
    border-right: 6px dashed #ffffff7a;
    content: "";
  }
}

.stop {
  --clip-horizontal: 100%;
  --clip-vertical: 93%;

  position: relative;
  padding-top: 15vh;
  width: calc(var(--timeline-width) / 2);
  padding-inline: 50px;
  &::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
   background: oklch(0.71 0.16 261.09);
        border: 6px solid oklch(0.36 0.14 259.71);
    content: "";
    translate: 50% 0;
    transform-origin: center;
    animation: popIn linear both;
    animation-timeline: view(block);
    animation-range: cover 5% contain 22%;
  }
  &::after {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 80%;
    height: calc(15vh - 20px);
    border-width: 3px 0 0 3px;
    border-style: dashed;
    border-color: #ffffff7a;
    clip-path: inset(0 0 var(--clip-vertical) var(--clip-horizontal));
    transform-origin: center;
    animation: showLine linear both;
    animation-timeline: view(block);
    animation-range: cover 10% contain 40%;
    content: "";
  }

  &:nth-child(even) {
    justify-content: flex-end;
    text-align: end;
    margin-left: calc(var(--timeline-width) / 2);
    &::before {
      right: auto;
      left: 0;
      translate: -50% 0;
    }
    &::after {
      right: auto;
      left: 40px;
      border-width: 3px 3px 0 0;
      clip-path: inset(0 var(--clip-horizontal) var(--clip-vertical) 0);
    }
  }
}

.text {
  animation: slideIn linear both;
  animation-timeline: view(block);
  animation-range: cover 0% contain 12%;
}

/* keyframes */
@keyframes popIn {
  0% {
    scale: 0;
  }
  60% {
    scale: 1.2;
  }
}

@keyframes moveGradient {
  to {
    --intro-radial: 100%;
  }
}

@keyframes showLine {
  0% {
    --clip-horizontal: 100%;
    --clip-vertical: 95%;
  }
  60% {
    --clip-horizontal: 0%;
    --clip-vertical: 95%;
  }
  100% {
    --clip-horizontal: 0%;
    --clip-vertical: 0%;
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    translate: 0 50%;
  }
  100% {
    opacity: 1;
    translate: 0 3%;
  }
}

/* Default styles */

*,
*::before,
*::after {
  box-sizing: border-box;
}



h2 {
  font-weight: 500;
  margin: 0;
}

header {
  font-weight: 500;
}header h2 {
    color: #ffffff1c;
}

p {
  margin-block: 1.2rem 0;
}

.text {
    background: rgb(0 54 134 / 30%);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 40px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border: 1px solid #ffffff3b;
    border-radius: 15px;
}
time {
    font-size: 28px;
    margin-bottom: 32px;
    display: block;
}.text p {
    font-size: 18px;
    line-height: 36px;
}
.intro {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-inline: 30px;
  color: white;
}.intro h1 {
    color: #fff;
    font-size: 48px;
}


/* Some mobile improvements I did after the demo was finished :) I know this could be done a bit more optimised if i'd done it right away */
@media screen and (width <= 600px) {
  main::before {
    left: 30px;
    margin-left: 0;
  }
  .stop,
  .stop:nth-child(even) {
    justify-content: flex-end;
    text-align: end;
    margin-bottom: 30px;
    margin-left: 33px;
    width: calc(var(--timeline-width) - 33px);
    padding-inline: 30px 8px;
    &::before {
      right: auto;
      left: 0;
      translate: -50% 0;
    }
    &::after {
      right: auto;
      left: 40px;
      border-width: 3px 3px 0 0;
      clip-path: inset(0 var(--clip-horizontal) var(--clip-vertical) 0);
    }
    .text {
      text-align: left;
    }
  }
}/* End custom CSS */