.elementor-25 .elementor-element.elementor-element-859b22c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-25 .elementor-element.elementor-element-0d2486e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-4f0ccb7{--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:40px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-5a06631 .title-subtitle{font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-5a06631 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-28c7d78{--wd-cat-img-width:180px;--wd-cat-brd-radius:50%;}.elementor-25 .elementor-element.elementor-element-28c7d78 div.product-category .wd-entities-title, .elementor-25 .elementor-element.elementor-element-28c7d78 .wd-nav-product-cat>li>a{font-size:14px;}.elementor-25 .elementor-element.elementor-element-4bc59e0{--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-25 .elementor-element.elementor-element-e6cabd0{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-8d5553a .title-subtitle{font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-8d5553a .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-fb53a78{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-49d665f{--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-25 .elementor-element.elementor-element-49d665f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-57a451c{--e-image-carousel-slides-to-show:1;}.elementor-25 .elementor-element.elementor-element-32711ec{--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:80px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-63ede17 .title-subtitle{font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-63ede17 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-91a16a3 .wd-nav-tabs > li > a{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-d922d76{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-994473b{width:var( --container-widget-width, 41.3% );max-width:41.3%;--container-widget-width:41.3%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-994473b .banner-title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-994473b .banner-subtitle{color:#2E6BC6;font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-4d5e0d4{width:var( --container-widget-width, 58.4% );max-width:58.4%;--container-widget-width:58.4%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .banner-title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .banner-subtitle{color:#2E6BC6;font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner:not(.banner-content-background) .content-banner, .elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner.banner-content-background .wrapper-content-banner{max-width:60%;}.elementor-25 .elementor-element.elementor-element-aa20af6{--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;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-07537ef{width:var( --container-widget-width, 58.4% );max-width:58.4%;--container-widget-width:58.4%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-07537ef .banner-title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-07537ef .banner-subtitle{color:#2E6BC6;font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-c7f9584{width:var( --container-widget-width, 41.3% );max-width:41.3%;--container-widget-width:41.3%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-c7f9584 .banner-title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-c7f9584 .banner-subtitle{color:#2E6BC6;font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-3538e84{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-d2c5389 .title-subtitle{font-family:"hkgroteskpro", Sans-serif;font-size:15px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-d2c5389 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-subtitle{color:#000000;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-title{color:#000000;font-family:"hkgroteskpro", Sans-serif;font-size:24px;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-inner{color:#000000;font-size:16px;}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-5a06631 .title-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-8d5553a .title-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-63ede17 .title-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-994473b .banner-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .banner-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner:not(.banner-content-background) .content-banner, .elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner.banner-content-background .wrapper-content-banner{max-width:76%;}.elementor-25 .elementor-element.elementor-element-07537ef .banner-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-c7f9584 .banner-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-3538e84{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-d2c5389 .title-subtitle{font-size:13px;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-title{font-size:20px;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-inner{font-size:14px;}}@media(max-width:768px){.elementor-25 .elementor-element.elementor-element-4f0ccb7{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-5a06631 .title-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-28c7d78 div.product-category .wd-entities-title, .elementor-25 .elementor-element.elementor-element-28c7d78 .wd-nav-product-cat>li>a{font-size:12px;}.elementor-25 .elementor-element.elementor-element-28c7d78 .wd-nav-arrows{--wd-arrow-offset-h:-11px;}.elementor-25 .elementor-element.elementor-element-4bc59e0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-e6cabd0{--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-8d5553a .title-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-32711ec{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-63ede17 .title-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-91a16a3 .wd-nav-tabs > li > a{font-size:12px;}.elementor-25 .elementor-element.elementor-element-994473b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-25 .elementor-element.elementor-element-994473b .banner-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-4d5e0d4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .banner-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner:not(.banner-content-background) .content-banner, .elementor-25 .elementor-element.elementor-element-4d5e0d4 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-25 .elementor-element.elementor-element-aa20af6{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-07537ef{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-25 .elementor-element.elementor-element-07537ef .banner-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-c7f9584{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-25 .elementor-element.elementor-element-c7f9584 .banner-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-3538e84{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-d2c5389 .title-subtitle{font-size:12px;}.elementor-25 .elementor-element.elementor-element-b8b5b0b .info-box-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-0d2486e */.maindiv {
            /* height: 125vh; */
            height: 100%;
            height: 755px;
            width: 100%;
            overflow: hidden;
            background-image: url('https://packagy.in/wp-content/uploads/2024/09/p10.png');
            background-size: cover;
            background-position:right;
            touch-action: manipulation;
        }
        

        .mod-images img {
            width: 100%;
            height: auto;
        }

      
        .section-container-main {
            width: 100%;
            position: relative;
        }

        .section-container .section {
            width: 100%;
            position: relative;
        }

        .mod-image {
            position: absolute;
        }

        .mod-image img {
            border-radius: 16px;
        }

        .image-one { width: 158px; top: 42px; left: 15px; }
        .image-two { width: 245px; top: 37%; left: 16px; }
        .image-three { width: 158px; top: 7%; right: 21px; }
        .image-four  { width: 212px; bottom: 142px; right: 0; }
        .image-five { width: 182px; bottom: -90px; left: -105px; }
        .image-six { width: 180px; bottom: -86px; left: 119px; }
        .image-seven { width: 212px; bottom: -144px; right: 0; }
        .image-eight { width: 174px; bottom: -76px; right: 101px; }
        .image-nine { width: 212px; bottom: -130px; right: -155px; }

        .mytext {
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            justify-content: center;
            align-content: center;
            height: 100vh;
        }

        .mytext p {
            color: #ffffff;
            text-align: center;
            margin-bottom: 0 !important;
        }

        .mytext .pOne {
            color: rgb(248, 101, 220);
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 4px;
            font-weight: 600;
        }

        .mytext .pTwo {
            width: 100%;
            position: relative;
            font-size: 65px;
            text-shadow: 5px 0px 0px #000000;
            margin-top: 25px;
        }

        .mytext .pThree {font-size: 22px;}

        .myButtons {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
        }

        .myButtons a {
            padding: 12px 20px;
            border-radius: 30px;
            position: absolute;
            z-index: 9;
            text-decoration: none;
            color: #000000; 
            box-shadow: 0px 0px 8px #000;
        }

        .myButtons .btn1 a { background-color: rgb(78, 199, 237); bottom: 40px; left: 244px; transform: perspective(600px) rotate(-4deg) rotateY(0deg) rotateX(0deg);}
        .myButtons .btn2 a { background-color: rgb(249, 166, 222); bottom: 45px; left: 460px; transform: perspective(600px) rotate(-6.57deg) rotateY(0deg) rotateX(0deg); }
        .myButtons .btn3 a { background-color: rgb(149, 219, 118); bottom: 36px; right: 451px; transform: perspective(600px) rotate(3.44deg) rotateY(0deg) rotateX(0deg);}
        .myButtons .btn4 a { background-color: rgb(249, 238, 113); bottom: 42px; right: 268px; transform: perspective(600px) rotate(-11.7deg) rotateY(0deg) rotateX(0deg);}
        .myButtons .btn5 a { background-color: rgb(255, 161, 123); bottom: -37px; left: 443px; transform: perspective(600px) rotate(3.44deg) rotateY(0deg) rotateX(0deg);}
        .myButtons .btn6 a { background-color: rgb(213, 171, 254); bottom: -48px; right: 451px; transform:  perspective(600px) rotate(-9.87deg) rotateY(0deg) rotateX(0deg);}

        .myButtons a:hover {
            background-color: rgb(39, 87, 255);
            transform: perspective(600px) rotate(4deg);
        }
       
        .myButtons .btn3 a:hover {
            transform: perspective(600px) rotate(-9deg);
        }
      
        .myButtons .btn5 a:hover {
            transform: perspective(600px) rotate(18deg) rotateY(0deg) rotateX(0deg);
        }

        

        @keyframes moveImages {
            0% { transform: translateX(-100vw); }
            100% { transform: translateX(0); }
        }

        @keyframes randomMovement {
            0% { transform: translateX(0); }
            25% { transform: translateX(10px); }
            50% { transform: translateX(-10px); }
            75% { transform: translateX(20px); }
            100% { transform: translateX(0); }
        }


        .mod-images img {
            animation: moveImages 1s linear forwards, randomMovement 5s linear infinite alternate;
        }

        .typing-container {
            color: rgb(39, 87, 255);
            border-right: 2px solid #333;
            white-space: nowrap;
            overflow: hidden;
            text-align: center;
            width: 100%;
        }

        .blinking-caret {
            animation: blink-caret 0.75s step-end infinite;
        }

        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #333; }
        }
        
        @media (max-width: 900px) {
            .mod-images {display: none !important;}
            .maindiv {
                height:531px;
            }
            .mytext {
                height: auto !important;
                padding: 20px 20px 0 20px;             
            }
            .mytext .pTwo {
                font-size: 25px;
                padding: 15px 0;
            }
            .mytext .pThree {
                font-size: 16px;
                line-height: normal !important;
            }
            .myButtons {
                position: relative;
                max-width: 501px;
                margin: 0 auto;
                width: 100%;
            }
            .myButtons a {
                padding: 10px 20px;
            }
        
            .myButtons .btn1 a {
                bottom: -106px;
                left: 10px;
            } 
            .myButtons .btn2 a {
                bottom: -177px;
                left: 34px;
            }
            .myButtons .btn3 a {
                bottom: -125px !important;
                right: 25px !important;
                left: auto !important;
            }
            .myButtons .btn4 a {
                bottom: -201px !important;
                right: 34px !important;
                left: auto !important;
            }
            .myButtons .btn5 a { bottom: -246px; left: 35px; transform: perspective(600px) rotate(3deg) rotateY(0deg) rotateX(0deg);
            .myButtons .btn6 a {
                bottom: -260px !important;
                right: 45px !important;
                left: auto !important;
            }
            .image-eight {
                width: 174px;
                bottom: 108px;
                left: -24px !important;
            }

        }
        @media (max-width: 1100px) {
            .myButtons .btn3 a {
                bottom: -32px;
                left: 263px;
                right: auto;
            }
            .myButtons .btn4 a {
                bottom: 42px;
                right: auto;
                left: 650px;
            }
            .myButtons .btn6 a {
                bottom: -48px;
                right: auto;
                left: 650px;
            }
        }/* End custom CSS */