{"version":3,"sources":["landing.scss","landing.css"],"names":[],"mappings":"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","file":"landing.css","sourcesContent":["/*-----------------------------------------------------------------------------------\n\n    Template Name:Megabot Landing\n    Template URI: themes.pixelstrap.com/multikart-app\n    Description: This is Html Landing Template\n    Author: Pixelstrap\n    Author URL: https://themeforest.net/user/pixelstrap\n\n----------------------------------------------------------------------------------- */\n/* 1.0 Typography CSS  */\n/* 1.1 Reset CSS */\n/* 1.2 Image-ratio CSS */\n/* 1.3 title CSS  */\n/* 1.4 Header CSS  */\n/* 1.5 Pages section CSS  */\n/* 1.6 Core feature CSS  */\n/* 1.7 Theme feature CSS */\n/* 1.8 Footer CSS */\n/* 1.9 Custom cursor CSS */\n/* 1.10 Tap to top CSS */\n\n/*=====================\n   1.0 Typography Scss start\n==========================*/\n\n// font family\n$outfit: \"Outfit\", sans-serif;\n$qwitcher: \"Qwitcher Grypen\", cursive;\n$play: \"Play\", sans-serif;\n\n// icon font family\n$remixicon: remixicon !important;\n\n:root {\n     --black: 0, 0, 0;\n     --white: 255, 255, 255;\n     --title-color: 245, 245, 245;\n     --content-color: 175, 176, 182;\n     --theme-color: 59, 237, 178;\n     --dark-title: 13, 18, 31;\n     --Iconsax-Color: #6e7179;\n}\n\n* {\n     margin: 0;\n     padding: 0;\n}\n\nhtml {\n     scroll-behavior: smooth;\n}\n\nbody {\n     position: relative;\n     font-family: $outfit;\n     background: linear-gradient(0deg, #0a0e17, #0a0e17), linear-gradient(179.9deg, #0a5b75 -47.93%, #02111a 98.07%);\n     &:after {\n          content: \"\";\n          position: absolute;\n          background-image: url(../images/about-bg.png);\n          left: 0;\n          top: 0;\n          width: 100%;\n          height: 100%;\n          z-index: -1;\n          opacity: 0.65;\n          background-attachment: fixed;\n          background-size: cover;\n     }\n     &.inner-bg {\n          &:after {\n               background-image: url(../images/inner-bg.png);\n          }\n     }\n}\n\nh1 {\n     font-weight: 600;\n     font-size: calc(22px + (56 - 22) * ((100vw - 320px) / (1920 - 320)));\n     line-height: 1.5;\n     letter-spacing: 0.03em;\n}\n\nh2 {\n     font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));\n     font-weight: 600;\n}\n\nh3 {\n     font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n     font-weight: 400;\n}\n\nh4 {\n     font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n     font-weight: 400;\n}\n\nh5 {\n     font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));\n     font-weight: 400;\n}\n\nh6 {\n     font-size: 14px;\n     font-weight: 400;\n}\n\np {\n     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n     color: rgba(var(--content-color), 1);\n     font-weight: 400;\n}\n\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n     color: rgba(var(--theme-color), 1);\n}\n\na {\n     text-decoration: none;\n     color: rgba(var(--theme-color), 1);\n     &:hover {\n          color: rgba(var(--theme-color), 1);\n     }\n}\n\nul {\n     padding-left: 0;\n     margin-bottom: 0;\n     [dir=\"rtl\"] & {\n          padding-inline-start: 0;\n          margin-inline-start: 0;\n     }\n}\n\nli {\n     list-style: none;\n     display: inline-block;\n}\n\n.btn-solid {\n     background-color: rgba(var(--theme-color), 1);\n     font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n     display: flex;\n     align-items: center;\n     gap: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));\n     color: rgba(var(--dark-title), 1);\n     padding: calc(8px + (11 - 8) * ((100vw - 320px) / (1920 - 320)))\n          calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));\n     width: max-content;\n     border: 1px solid rgba(var(--theme-color), 1);\n     border-radius: 8px;\n     font-weight: 500;\n     transition: all 0.5s ease;\n     .iconsax {\n          svg [fill] {\n               fill: rgba(var(--dark-title), 1);\n               transition: all 0.5s ease;\n          }\n     }\n     &:hover {\n          background-color: transparent;\n          color: rgba(var(--white), 1);\n          .iconsax {\n               svg [fill] {\n                    fill: rgba(var(--white), 1);\n               }\n          }\n     }\n}\n\n/*=====================\n   1.1 Reset Scss start\n==========================*/\n\n@media (min-width: 1430px) {\n     .container {\n          max-width: 1400px;\n     }\n}\n\n@media (max-width: 576px) {\n     .container {\n          padding-left: 15px;\n          padding-right: 15px;\n     }\n}\n\nsection,\n.section-t-space {\n     padding-top: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.section-b-space {\n     padding-bottom: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.section-mt-space {\n     margin-top: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.section-mb-space {\n     margin-bottom: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.text-content {\n     color: rgba(var(--content-color), 1) !important;\n}\n\n.text-title {\n     color: rgba(var(--title-color), 1) !important;\n}\n\n.text-theme-color {\n     color: rgba(var(--theme-color1), 1) !important;\n}\n\n.theme-controller {\n     display: none;\n}\n\n/*=====================\n 1.2 Image-ratio start\n==========================*/\n\n.ratio_40 {\n     .bg-size {\n          &:before {\n               padding-top: 40%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_45 {\n     .bg-size {\n          &:before {\n               padding-top: 45%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio2_1 {\n     .bg-size {\n          &:before {\n               padding-top: 50%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio2_3 {\n     .bg-size {\n          &:before {\n               padding-top: 60%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio3_2 {\n     .bg-size {\n          &:before {\n               padding-top: 66.66%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_landscape {\n     .bg-size {\n          &:before {\n               padding-top: 75%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_square {\n     .bg-size {\n          &:before {\n               padding-top: 100%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_115 {\n     .bg-size {\n          &:before {\n               padding-top: 115%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_125 {\n     .bg-size {\n          &:before {\n               padding-top: 125%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_asos {\n     .bg-size {\n          &:before {\n               padding-top: 127.7777778%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio_portrait {\n     .bg-size {\n          &:before {\n               padding-top: 150%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.ratio1_2 {\n     .bg-size {\n          &:before {\n               padding-top: 200%;\n               content: \"\";\n               display: block;\n          }\n     }\n}\n\n.b-top {\n     background-position: top !important;\n}\n\n.b-bottom {\n     background-position: bottom !important;\n}\n\n.b-center {\n     background-position: center !important;\n}\n\n.b_size_content {\n     background-size: contain !important;\n     background-repeat: no-repeat;\n}\n\n/*=====================\n   1.3 title Scss start\n==========================*/\n.title {\n     margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));\n     h2 {\n          display: inline-block;\n          position: relative;\n          margin-bottom: 0;\n          color: rgba(var(--theme-color), 1);\n          margin-top: -10px;\n          &:after {\n               content: \"\";\n               position: absolute;\n               width: 50px;\n               height: 1px;\n               background-color: rgba(var(--theme-color), 1);\n               top: 50%;\n               transform: translateY(-50%);\n               right: -70px;\n          }\n     }\n     h3 {\n          color: rgba(var(--content-color), 1);\n          margin: 5px 0 0;\n     }\n     &.text-center {\n          h2 {\n               &:before {\n                    content: \"\";\n                    position: absolute;\n                    width: 50px;\n                    height: 1px;\n                    background-color: rgba(var(--theme-color), 1);\n                    top: 50%;\n                    transform: translateY(-50%);\n                    left: -70px;\n               }\n          }\n     }\n}\n\n/*=====================\n   1.4 Header Scss start\n==========================*/\n\nnav.navbar {\n     padding: calc(10px + (26 - 10) * ((100vw - 320px) / (1920 - 320)))\n          calc(15px + (100 - 15) * ((100vw - 320px) / (1920 - 320))) 0;\n     position: absolute;\n     left: 0;\n     width: 100%;\n     top: 0;\n     z-index: 3;\n     @media (max-width: 576px) {\n          padding-left: 0;\n          padding-right: 0;\n     }\n}\n\n.navbar-nav {\n     gap: 10px;\n     position: absolute;\n     left: 50%;\n     transform: translateX(-50%);\n     @media (max-width: 1199px) {\n          position: relative;\n          left: unset;\n          transform: none;\n          gap: 0;\n     }\n     .nav-link {\n          color: rgba(var(--title-color), 1);\n          font-size: 20px;\n          position: relative;\n          padding-left: 18px !important;\n          white-space: nowrap;\n          &:before {\n               content: \"\";\n               width: 6px;\n               height: 6px;\n               background-color: rgba(var(--theme-color), 1);\n               border-radius: 100%;\n               position: absolute;\n               left: 0;\n               top: 50%;\n               transform: translateY(-50%) scale(0);\n               transition: all 0.5s ease;\n          }\n          &.active {\n               color: rgba(var(--theme-color), 1);\n               &:before {\n                    transform: translateY(-50%) scale(1);\n               }\n          }\n     }\n}\n\n.navbar-collapse {\n     @media (max-width: 991px) {\n          height: max-content;\n          position: absolute;\n          left: calc(15px + (100 - 15) * ((100vw - 320px) / (1920 - 320)));\n          right: unset;\n          width: calc(100% - calc(30px + (200 - 30) * ((100vw - 320px) / (1920 - 320))));\n          z-index: 2;\n          background-color: #282b34;\n          color: white;\n          top: 70px;\n     }\n}\n\n.navbar-toggler {\n     background: rgba(var(--theme-color), 1);\n     .iconsax {\n          svg [stroke] {\n               stroke: rgba(var(--dark-title), 1);\n          }\n     }\n}\n\n.home-section {\n     padding: 0 calc(15px + (100 - 15) * ((100vw - 320px) / (1920 - 320)));\n     height: 100%;\n     background-image: url(\"../images/landing/home-bg.jpg\");\n     background-size: cover;\n     .home-sec {\n          display: flex;\n          align-items: center;\n          height: 100%;\n          padding-top: 118px;\n          justify-content: space-between;\n          padding-bottom: 0;\n          @media (max-width: 991px) {\n               height: 100%;\n               padding: calc(132px + (158 - 132) * ((100vw - 320px) / (1920 - 320))) 0\n                    calc(80px + (100 - 80) * ((100vw - 320px) / (1920 - 320))) 0;\n          }\n          .home-effect {\n               @media (max-width: 1500px) {\n                    display: none;\n               }\n               li {\n                    display: flex;\n                    align-items: center;\n                    font-size: 20px;\n                    color: rgba(var(--white), 1);\n                    gap: 30px;\n                    position: relative;\n                    padding: 10px 0;\n                    position: absolute;\n                    @media (max-width: 1700px) {\n                         font-size: 18px;\n                         gap: 20px;\n                         .outline-icon {\n                              width: 24px;\n                         }\n                    }\n                    &:first-child {\n                         left: -180px;\n                         top: 8%;\n                         @media (max-width: 1700px) {\n                              left: -120px;\n                         }\n                    }\n                    &:nth-child(2) {\n                         left: -300px;\n                         top: 32%;\n                         @media (max-width: 1700px) {\n                              left: -220px;\n                         }\n                    }\n                    &:nth-child(3) {\n                         left: -260px;\n                         top: 56%;\n                         @media (max-width: 1700px) {\n                              left: -190px;\n                         }\n                    }\n                    &:nth-child(4) {\n                         left: -180px;\n                         top: 80%;\n                         @media (max-width: 1700px) {\n                              left: -120px;\n                         }\n                    }\n                    .effect-img {\n                         position: absolute;\n                         left: -20px;\n                         height: 100%;\n                         width: 100%;\n                         top: 50%;\n                         transform: translateY(-50%);\n                    }\n                    &:after {\n                         content: \"\";\n                         position: absolute;\n                         left: 50px;\n                         top: 50%;\n                         transform: translateY(-50%);\n                         width: 1px;\n                         height: 26px;\n                         background-color: rgba(var(--white), 0.2);\n                         @media (max-width: 1700px) {\n                              left: 33px;\n                         }\n                    }\n               }\n          }\n          .home-content {\n               width: 38%;\n               padding-bottom: 50px;\n               @media (max-width: 1400px) {\n                    width: 50%;\n               }\n               @media (max-width: 1199px) {\n                    width: 76%;\n               }\n               @media (max-width: 991px) {\n                    width: 100%;\n                    padding-bottom: 0;\n               }\n               h2 {\n                    font-family: $qwitcher;\n                    font-size: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320)));\n                    color: rgba(var(--theme-color), 1);\n                    padding: 0 40px;\n                    display: inline-block;\n                    position: relative;\n                    margin-top: -16px;\n                    &:after,\n                    &:before {\n                         content: \"\";\n                         position: absolute;\n                         left: 0;\n                         top: 50%;\n                         transform: translateY(-50%);\n                         height: 2px;\n                         width: 20px;\n                         background-color: rgba(var(--theme-color), 1);\n                    }\n                    &:before {\n                         left: unset;\n                         right: 0;\n                    }\n               }\n               h1 {\n                    font-family: $play;\n                    font-size: calc(28px + (54 - 28) * ((100vw - 320px) / (1920 - 320)));\n                    line-height: 1.2;\n                    color: rgba(var(--title-color), 1);\n               }\n               p {\n                    color: rgba(var(--content-color), 1);\n                    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));\n                    margin-bottom: 0;\n               }\n               .btn-solid {\n                    margin-top: calc(35px + (55 - 35) * ((100vw - 320px) / (1920 - 320)));\n               }\n          }\n          .home-img {\n               width: max-content;\n               display: flex;\n               align-items: flex-end;\n               justify-content: flex-end;\n               height: 100%;\n               padding-right: 40px;\n               padding-top: 60px;\n          }\n     }\n     .home-img {\n          position: relative;\n          z-index: 1;\n          .robot-img {\n               width: 92%;\n               border-bottom: 3px solid #44ecb5;\n               @media (max-width: 1700px) {\n                    width: 83%;\n               }\n               @media (max-width: 1400px) {\n                    width: 72%;\n               }\n          }\n          .round-effect {\n               right: 30px;\n               top: 10px;\n               width: calc(700px - 40px);\n               height: calc(700px - 40px);\n               border: 2px dashed rgba(var(--theme-color), 1);\n               padding: 3px;\n               display: flex;\n               align-items: center;\n               justify-content: center;\n               border-radius: 100%;\n               position: absolute;\n               z-index: -1;\n               background-color: #0b0f1a;\n               @media (max-width: 1700px) {\n                    width: 620px;\n                    height: 620px;\n               }\n               @media (max-width: 1400px) {\n                    width: 530px;\n                    height: 530px;\n                    right: 10px;\n               }\n               @media (max-width: 1199px) {\n                    width: 400px;\n                    height: 400px;\n               }\n               &:after {\n                    content: \"\";\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    width: calc(100% - 26px);\n                    height: calc(100% - 26px);\n                    border: 4px solid #a8dcd7;\n                    border-radius: 100%;\n                    transform: translate(-50%, -50%);\n                    @media (max-width: 1199px) {\n                         width: calc(100% - 20px);\n                         height: calc(100% - 20px);\n                    }\n               }\n               img {\n                    width: 100%;\n                    height: 100%;\n                    filter: hue-rotate(45deg);\n               }\n          }\n     }\n}\n\n/*=====================\n  1.5  Pages section Scss start\n==========================*/\n.pages-section {\n     background: linear-gradient(181.21deg, rgba(255, 255, 255, 0.077) 1.03%, rgba(255, 255, 255, 0) 99.01%);\n     overflow: hidden;\n     @media (max-width: 420px) {\n          .col-6 {\n               width: 100%;\n          }\n     }\n}\n.page-box {\n     text-align: center;\n     display: block;\n     .page-img {\n          background-color: rgba(var(--white), 0.05);\n          padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n          display: block;\n          transition: all 0.5s ease;\n          > div {\n               border: 2px solid rgba(var(--white), 0.15);\n               transition: all 0.5s ease;\n          }\n     }\n     h3 {\n          font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n          color: rgba(var(--white), 1);\n          margin-top: calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));\n          position: relative;\n          margin-bottom: 0;\n          transition: all 0.5s ease;\n          text-transform: capitalize;\n          &:after {\n               content: \"\";\n               position: absolute;\n               left: 50%;\n               top: -8px;\n               background-color: rgba(var(--white), 1);\n               width: 40px;\n               height: 2px;\n               transform: translateX(-50%);\n               transition: all 0.5s ease;\n          }\n     }\n     &:hover {\n          .page-img {\n               background-color: rgba(var(--theme-color), 0.12);\n               > div {\n                    border: 2px solid rgba(var(--theme-color), 1);\n               }\n          }\n          h3 {\n               color: rgba(var(--theme-color), 1);\n               &:after {\n                    background-color: rgba(var(--theme-color), 1);\n               }\n          }\n     }\n}\n\n/*=====================\n 1.6 Core feature start\n==========================*/\n.core-feature {\n     display: flex;\n     align-items: center;\n     gap: 60px;\n     overflow: hidden;\n     @media (max-width: 1400px) {\n          gap: 30px;\n     }\n     @media (max-width: 767px) {\n          flex-wrap: wrap;\n     }\n     .laptop-img {\n          @media (max-width: 1400px) {\n               width: 45%;\n          }\n          @media (max-width: 767px) {\n               margin: 0 auto;\n          }\n     }\n     .feature-box {\n          width: 26%;\n          margin-top: -50px;\n          position: relative;\n          text-align: left;\n          @media (max-width: 767px) {\n               width: 100%;\n               margin-top: 0;\n               text-align: center;\n          }\n          img {\n               position: absolute;\n               left: -56%;\n               right: unset;\n               transform: scale(-1);\n               top: 20px;\n               @media (max-width: 1400px) {\n                    width: 50%;\n               }\n               @media (max-width: 767px) {\n                    display: none;\n               }\n          }\n          &.text-end {\n               margin-top: 130px;\n               text-align: right;\n               @media (max-width: 767px) {\n                    margin-top: 0;\n                    text-align: center !important;\n               }\n               h3 {\n                    &:after {\n                         right: 0;\n                         left: unset;\n                         @media (max-width: 767px) {\n                              left: 50%;\n                              transform: translateX(-50%);\n                              right: unset;\n                         }\n                    }\n               }\n               img {\n                    position: absolute;\n                    top: -28px;\n                    right: -56%;\n                    left: unset;\n                    transform: none;\n               }\n          }\n          h3 {\n               font-size: 24px;\n               color: rgba(var(--theme-color), 1);\n               position: relative;\n               padding-bottom: 12px;\n               &:after {\n                    content: \"\";\n                    position: absolute;\n                    left: 0;\n                    width: 38px;\n                    height: 2px;\n                    background-color: rgba(var(--theme-color), 1);\n                    bottom: 6px;\n                    @media (max-width: 767px) {\n                         left: 50%;\n                         transform: translateX(-50%);\n                    }\n               }\n               @media (max-width: 1400px) {\n                    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));\n               }\n          }\n          p {\n               font-size: 20px;\n               font-weight: 400;\n               color: rgba(var(--content-color), 1);\n               margin-bottom: 0;\n               @media (max-width: 1400px) {\n                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n               }\n               @media (max-width: 767px) {\n                    width: 80%;\n                    margin: 0 auto;\n               }\n          }\n     }\n}\n\n/*=====================\n 1.7 theme feature start\n==========================*/\n.theme-feature-sec {\n     background: rgba(255, 255, 255, 0.04);\n     overflow: hidden;\n     .feature-box {\n          text-align: center;\n          .icon-box {\n               width: calc(100px + (142 - 100) * ((100vw - 320px) / (1920 - 320)));\n               height: calc(100px + (142 - 100) * ((100vw - 320px) / (1920 - 320)));\n               border-radius: 100%;\n               padding: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));\n               display: flex;\n               align-items: center;\n               justify-content: center;\n               border-radius: 100%;\n               margin: 0 auto;\n               background-color: #0b131a;\n               .icon-round {\n                    width: 100%;\n                    height: 100%;\n                    padding: 20px;\n                    background: transparent;\n                    border: 1.5px dashed rgba(var(--theme-color), 1);\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    border-radius: 100%;\n                    transition: all 0.5s ease;\n                    img {\n                         width: 52px;\n                         height: 52px;\n                         object-fit: contain;\n                    }\n               }\n          }\n          h3 {\n               margin-bottom: 0;\n               font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n               color: rgba(var(--white), 1);\n               margin-top: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));\n               transition: all 0.5s ease;\n          }\n          &:hover {\n               .icon-box {\n                    .icon-round {\n                         background: rgba(58, 237, 177, 0.1);\n                         border: 1.5px solid rgba(var(--theme-color), 1);\n                    }\n               }\n               h3 {\n                    color: rgba(var(--theme-color), 1);\n               }\n          }\n     }\n}\n\n/*=====================\n  1.8 Footer Scss start\n==========================*/\nfooter {\n     background-image: url(\"../images/landing/footer-bg.jpg\");\n     background-repeat: no-repeat;\n     background-size: cover;\n     padding: 45px 0;\n     border-radius: 8px 8px 0 0;\n     border-top: 2px solid rgba(var(--theme-color), 1);\n     .footer-content {\n          text-align: center;\n          .footer-icon {\n               width: calc(100px + (120 - 100) * ((100vw - 320px) / (1920 - 320)));\n               height: calc(100px + (120 - 100) * ((100vw - 320px) / (1920 - 320)));\n               border-radius: 100%;\n               background-color: #0a0e17;\n               padding: 10px;\n               display: flex;\n               align-items: center;\n               justify-content: center;\n               margin: 0 auto;\n               .icon-box {\n                    background: #0f2729;\n                    border: 1px solid rgba(var(--theme-color), 1);\n                    border-radius: 100%;\n                    width: 100%;\n                    height: 100%;\n                    padding: 10px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n               }\n          }\n          h2 {\n               font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));\n               color: rgba(var(--white), 1);\n               margin: 14px auto 18px;\n          }\n          .btn-solid {\n               margin: 0 auto;\n          }\n     }\n}\n\n/*==========================\n   1.9 Custom cursor Scss start\n==========================*/\n\n#cursor {\n     position: fixed;\n     top: -5px;\n     left: -5px;\n     width: 10px;\n     height: 10px;\n     background-color: rgba(var(--theme-color), 1);\n     border-radius: 50%;\n     pointer-events: none;\n     z-index: 999;\n}\n\n#cursor-border {\n     --size: 20px;\n     position: fixed;\n     top: calc(var(--size) / -2);\n     left: calc(var(--size) / -2);\n     width: var(--size);\n     height: var(--size);\n     border-radius: 50%;\n     box-shadow: 0 0 0 1px rgba(var(--theme-color), 1);\n     pointer-events: none;\n     transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out,\n          background-color 0.15s ease-out;\n     z-index: 999;\n}\n\n@media (max-width: 768px) {\n     #cursor {\n          display: none;\n     }\n\n     #cursor-border {\n          display: none;\n     }\n}\n\n/*=====================\n   1.10 tap to top Scss start\n==========================*/\n.tap-to-top-box {\n     position: fixed;\n     bottom: 30px;\n     right: 30px;\n     z-index: 10;\n     transition: all 0.5s;\n     [dir=\"rtl\"] & {\n          right: unset;\n          left: 30px;\n     }\n     &.hide {\n          opacity: 0;\n          visibility: hidden;\n          transform: scale(0);\n     }\n     .tap-to-top-button {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 45px;\n          height: 45px;\n          border-radius: 100%;\n          background-color: rgba(var(--theme-color), 1);\n          transition: all 0.5s ease;\n          border: 1px solid transparent;\n          .iconsax {\n               svg [fill] {\n                    fill: rgba(var(--dark-title), 1);\n               }\n          }\n     }\n}\n","/*-----------------------------------------------------------------------------------\n\n    Template Name:Megabot Landing\n    Template URI: themes.pixelstrap.com/multikart-app\n    Description: This is Html Landing Template\n    Author: Pixelstrap\n    Author URL: https://themeforest.net/user/pixelstrap\n\n----------------------------------------------------------------------------------- */\n/* 1.0 Typography CSS  */\n/* 1.1 Reset CSS */\n/* 1.2 Image-ratio CSS */\n/* 1.3 title CSS  */\n/* 1.4 Header CSS  */\n/* 1.5 Pages section CSS  */\n/* 1.6 Core feature CSS  */\n/* 1.7 Theme feature CSS */\n/* 1.8 Footer CSS */\n/* 1.9 Custom cursor CSS */\n/* 1.10 Tap to top CSS */\n/*=====================\n   1.0 Typography Scss start\n==========================*/\n:root {\n  --black: 0, 0, 0;\n  --white: 255, 255, 255;\n  --title-color: 245, 245, 245;\n  --content-color: 175, 176, 182;\n  --theme-color: 59, 237, 178;\n  --dark-title: 13, 18, 31;\n  --Iconsax-Color: #6e7179;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  position: relative;\n  font-family: \"Outfit\", sans-serif;\n  background: linear-gradient(0deg, #0a0e17, #0a0e17), linear-gradient(179.9deg, #0a5b75 -47.93%, #02111a 98.07%);\n}\nbody:after {\n  content: \"\";\n  position: absolute;\n  background-image: url(../images/about-bg.png);\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  opacity: 0.65;\n  background-attachment: fixed;\n  background-size: cover;\n}\nbody.inner-bg:after {\n  background-image: url(../images/inner-bg.png);\n}\n\nh1 {\n  font-weight: 600;\n  font-size: calc(22px + 34 * (100vw - 320px) / 1600);\n  line-height: 1.5;\n  letter-spacing: 0.03em;\n}\n\nh2 {\n  font-size: calc(20px + 20 * (100vw - 320px) / 1600);\n  font-weight: 600;\n}\n\nh3 {\n  font-size: calc(18px + 2 * (100vw - 320px) / 1600);\n  font-weight: 400;\n}\n\nh4 {\n  font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n  font-weight: 400;\n}\n\nh5 {\n  font-size: calc(15px + 1 * (100vw - 320px) / 1600);\n  font-weight: 400;\n}\n\nh6 {\n  font-size: 14px;\n  font-weight: 400;\n}\n\np {\n  font-size: calc(14px + 4 * (100vw - 320px) / 1600);\n  color: rgba(var(--content-color), 1);\n  font-weight: 400;\n}\n\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n  color: rgba(var(--theme-color), 1);\n}\n\na {\n  text-decoration: none;\n  color: rgba(var(--theme-color), 1);\n}\na:hover {\n  color: rgba(var(--theme-color), 1);\n}\n\nul {\n  padding-left: 0;\n  margin-bottom: 0;\n}\n[dir=rtl] ul {\n  padding-inline-start: 0;\n  margin-inline-start: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n}\n\n.btn-solid {\n  background-color: rgba(var(--theme-color), 1);\n  font-size: calc(16px + 4 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  gap: calc(8px + 6 * (100vw - 320px) / 1600);\n  color: rgba(var(--dark-title), 1);\n  padding: calc(8px + 3 * (100vw - 320px) / 1600) calc(20px + 6 * (100vw - 320px) / 1600);\n  width: max-content;\n  border: 1px solid rgba(var(--theme-color), 1);\n  border-radius: 8px;\n  font-weight: 500;\n  transition: all 0.5s ease;\n}\n.btn-solid .iconsax svg [fill] {\n  fill: rgba(var(--dark-title), 1);\n  transition: all 0.5s ease;\n}\n.btn-solid:hover {\n  background-color: transparent;\n  color: rgba(var(--white), 1);\n}\n.btn-solid:hover .iconsax svg [fill] {\n  fill: rgba(var(--white), 1);\n}\n\n/*=====================\n   1.1 Reset Scss start\n==========================*/\n@media (min-width: 1430px) {\n  .container {\n    max-width: 1400px;\n  }\n}\n@media (max-width: 576px) {\n  .container {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n}\nsection,\n.section-t-space {\n  padding-top: calc(40px + 60 * (100vw - 320px) / 1600);\n}\n\n.section-b-space {\n  padding-bottom: calc(40px + 60 * (100vw - 320px) / 1600);\n}\n\n.section-mt-space {\n  margin-top: calc(40px + 60 * (100vw - 320px) / 1600);\n}\n\n.section-mb-space {\n  margin-bottom: calc(40px + 60 * (100vw - 320px) / 1600);\n}\n\n.text-content {\n  color: rgba(var(--content-color), 1) !important;\n}\n\n.text-title {\n  color: rgba(var(--title-color), 1) !important;\n}\n\n.text-theme-color {\n  color: rgba(var(--theme-color1), 1) !important;\n}\n\n.theme-controller {\n  display: none;\n}\n\n/*=====================\n 1.2 Image-ratio start\n==========================*/\n.ratio_40 .bg-size:before {\n  padding-top: 40%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_45 .bg-size:before {\n  padding-top: 45%;\n  content: \"\";\n  display: block;\n}\n\n.ratio2_1 .bg-size:before {\n  padding-top: 50%;\n  content: \"\";\n  display: block;\n}\n\n.ratio2_3 .bg-size:before {\n  padding-top: 60%;\n  content: \"\";\n  display: block;\n}\n\n.ratio3_2 .bg-size:before {\n  padding-top: 66.66%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_landscape .bg-size:before {\n  padding-top: 75%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_square .bg-size:before {\n  padding-top: 100%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_115 .bg-size:before {\n  padding-top: 115%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_125 .bg-size:before {\n  padding-top: 125%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_asos .bg-size:before {\n  padding-top: 127.7777778%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_portrait .bg-size:before {\n  padding-top: 150%;\n  content: \"\";\n  display: block;\n}\n\n.ratio1_2 .bg-size:before {\n  padding-top: 200%;\n  content: \"\";\n  display: block;\n}\n\n.b-top {\n  background-position: top !important;\n}\n\n.b-bottom {\n  background-position: bottom !important;\n}\n\n.b-center {\n  background-position: center !important;\n}\n\n.b_size_content {\n  background-size: contain !important;\n  background-repeat: no-repeat;\n}\n\n/*=====================\n   1.3 title Scss start\n==========================*/\n.title {\n  margin-bottom: calc(30px + 20 * (100vw - 320px) / 1600);\n}\n.title h2 {\n  display: inline-block;\n  position: relative;\n  margin-bottom: 0;\n  color: rgba(var(--theme-color), 1);\n  margin-top: -10px;\n}\n.title h2:after {\n  content: \"\";\n  position: absolute;\n  width: 50px;\n  height: 1px;\n  background-color: rgba(var(--theme-color), 1);\n  top: 50%;\n  transform: translateY(-50%);\n  right: -70px;\n}\n.title h3 {\n  color: rgba(var(--content-color), 1);\n  margin: 5px 0 0;\n}\n.title.text-center h2:before {\n  content: \"\";\n  position: absolute;\n  width: 50px;\n  height: 1px;\n  background-color: rgba(var(--theme-color), 1);\n  top: 50%;\n  transform: translateY(-50%);\n  left: -70px;\n}\n\n/*=====================\n   1.4 Header Scss start\n==========================*/\nnav.navbar {\n  padding: calc(10px + 16 * (100vw - 320px) / 1600) calc(15px + 85 * (100vw - 320px) / 1600) 0;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  top: 0;\n  z-index: 3;\n}\n@media (max-width: 576px) {\n  nav.navbar {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n.navbar-nav {\n  gap: 10px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n@media (max-width: 1199px) {\n  .navbar-nav {\n    position: relative;\n    left: unset;\n    transform: none;\n    gap: 0;\n  }\n}\n.navbar-nav .nav-link {\n  color: rgba(var(--title-color), 1);\n  font-size: 20px;\n  position: relative;\n  padding-left: 18px !important;\n  white-space: nowrap;\n}\n.navbar-nav .nav-link:before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%) scale(0);\n  transition: all 0.5s ease;\n}\n.navbar-nav .nav-link.active {\n  color: rgba(var(--theme-color), 1);\n}\n.navbar-nav .nav-link.active:before {\n  transform: translateY(-50%) scale(1);\n}\n\n@media (max-width: 991px) {\n  .navbar-collapse {\n    height: max-content;\n    position: absolute;\n    left: calc(15px + 85 * (100vw - 320px) / 1600);\n    right: unset;\n    width: calc(100% - (30px + 170 * (100vw - 320px) / 1600));\n    z-index: 2;\n    background-color: #282b34;\n    color: white;\n    top: 70px;\n  }\n}\n\n.navbar-toggler {\n  background: rgba(var(--theme-color), 1);\n}\n.navbar-toggler .iconsax svg [stroke] {\n  stroke: rgba(var(--dark-title), 1);\n}\n\n.home-section {\n  padding: 0 calc(15px + 85 * (100vw - 320px) / 1600);\n  height: 100%;\n  background-image: url(\"../images/landing/home-bg.jpg\");\n  background-size: cover;\n}\n.home-section .home-sec {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding-top: 118px;\n  justify-content: space-between;\n  padding-bottom: 0;\n}\n@media (max-width: 991px) {\n  .home-section .home-sec {\n    height: 100%;\n    padding: calc(132px + 26 * (100vw - 320px) / 1600) 0 calc(80px + 20 * (100vw - 320px) / 1600) 0;\n  }\n}\n@media (max-width: 1500px) {\n  .home-section .home-sec .home-effect {\n    display: none;\n  }\n}\n.home-section .home-sec .home-effect li {\n  display: flex;\n  align-items: center;\n  font-size: 20px;\n  color: rgba(var(--white), 1);\n  gap: 30px;\n  position: relative;\n  padding: 10px 0;\n  position: absolute;\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li {\n    font-size: 18px;\n    gap: 20px;\n  }\n  .home-section .home-sec .home-effect li .outline-icon {\n    width: 24px;\n  }\n}\n.home-section .home-sec .home-effect li:first-child {\n  left: -180px;\n  top: 8%;\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li:first-child {\n    left: -120px;\n  }\n}\n.home-section .home-sec .home-effect li:nth-child(2) {\n  left: -300px;\n  top: 32%;\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li:nth-child(2) {\n    left: -220px;\n  }\n}\n.home-section .home-sec .home-effect li:nth-child(3) {\n  left: -260px;\n  top: 56%;\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li:nth-child(3) {\n    left: -190px;\n  }\n}\n.home-section .home-sec .home-effect li:nth-child(4) {\n  left: -180px;\n  top: 80%;\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li:nth-child(4) {\n    left: -120px;\n  }\n}\n.home-section .home-sec .home-effect li .effect-img {\n  position: absolute;\n  left: -20px;\n  height: 100%;\n  width: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.home-section .home-sec .home-effect li:after {\n  content: \"\";\n  position: absolute;\n  left: 50px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 1px;\n  height: 26px;\n  background-color: rgba(var(--white), 0.2);\n}\n@media (max-width: 1700px) {\n  .home-section .home-sec .home-effect li:after {\n    left: 33px;\n  }\n}\n.home-section .home-sec .home-content {\n  width: 38%;\n  padding-bottom: 50px;\n}\n@media (max-width: 1400px) {\n  .home-section .home-sec .home-content {\n    width: 50%;\n  }\n}\n@media (max-width: 1199px) {\n  .home-section .home-sec .home-content {\n    width: 76%;\n  }\n}\n@media (max-width: 991px) {\n  .home-section .home-sec .home-content {\n    width: 100%;\n    padding-bottom: 0;\n  }\n}\n.home-section .home-sec .home-content h2 {\n  font-family: \"Qwitcher Grypen\", cursive;\n  font-size: calc(38px + 12 * (100vw - 320px) / 1600);\n  color: rgba(var(--theme-color), 1);\n  padding: 0 40px;\n  display: inline-block;\n  position: relative;\n  margin-top: -16px;\n}\n.home-section .home-sec .home-content h2:after, .home-section .home-sec .home-content h2:before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 2px;\n  width: 20px;\n  background-color: rgba(var(--theme-color), 1);\n}\n.home-section .home-sec .home-content h2:before {\n  left: unset;\n  right: 0;\n}\n.home-section .home-sec .home-content h1 {\n  font-family: \"Play\", sans-serif;\n  font-size: calc(28px + 26 * (100vw - 320px) / 1600);\n  line-height: 1.2;\n  color: rgba(var(--title-color), 1);\n}\n.home-section .home-sec .home-content p {\n  color: rgba(var(--content-color), 1);\n  font-size: calc(18px + 2 * (100vw - 320px) / 1600);\n  margin-bottom: 0;\n}\n.home-section .home-sec .home-content .btn-solid {\n  margin-top: calc(35px + 20 * (100vw - 320px) / 1600);\n}\n.home-section .home-sec .home-img {\n  width: max-content;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n  height: 100%;\n  padding-right: 40px;\n  padding-top: 60px;\n}\n.home-section .home-img {\n  position: relative;\n  z-index: 1;\n}\n.home-section .home-img .robot-img {\n  width: 92%;\n  border-bottom: 3px solid #44ecb5;\n}\n@media (max-width: 1700px) {\n  .home-section .home-img .robot-img {\n    width: 83%;\n  }\n}\n@media (max-width: 1400px) {\n  .home-section .home-img .robot-img {\n    width: 72%;\n  }\n}\n.home-section .home-img .round-effect {\n  right: 30px;\n  top: 10px;\n  width: 660px;\n  height: 660px;\n  border: 2px dashed rgba(var(--theme-color), 1);\n  padding: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  position: absolute;\n  z-index: -1;\n  background-color: #0b0f1a;\n}\n@media (max-width: 1700px) {\n  .home-section .home-img .round-effect {\n    width: 620px;\n    height: 620px;\n  }\n}\n@media (max-width: 1400px) {\n  .home-section .home-img .round-effect {\n    width: 530px;\n    height: 530px;\n    right: 10px;\n  }\n}\n@media (max-width: 1199px) {\n  .home-section .home-img .round-effect {\n    width: 400px;\n    height: 400px;\n  }\n}\n.home-section .home-img .round-effect:after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: calc(100% - 26px);\n  height: calc(100% - 26px);\n  border: 4px solid #a8dcd7;\n  border-radius: 100%;\n  transform: translate(-50%, -50%);\n}\n@media (max-width: 1199px) {\n  .home-section .home-img .round-effect:after {\n    width: calc(100% - 20px);\n    height: calc(100% - 20px);\n  }\n}\n.home-section .home-img .round-effect img {\n  width: 100%;\n  height: 100%;\n  filter: hue-rotate(45deg);\n}\n\n/*=====================\n  1.5  Pages section Scss start\n==========================*/\n.pages-section {\n  background: linear-gradient(181.21deg, rgba(255, 255, 255, 0.077) 1.03%, rgba(255, 255, 255, 0) 99.01%);\n  overflow: hidden;\n}\n@media (max-width: 420px) {\n  .pages-section .col-6 {\n    width: 100%;\n  }\n}\n\n.page-box {\n  text-align: center;\n  display: block;\n}\n.page-box .page-img {\n  background-color: rgba(var(--white), 0.05);\n  padding: calc(10px + 10 * (100vw - 320px) / 1600);\n  display: block;\n  transition: all 0.5s ease;\n}\n.page-box .page-img > div {\n  border: 2px solid rgba(var(--white), 0.15);\n  transition: all 0.5s ease;\n}\n.page-box h3 {\n  font-size: calc(18px + 6 * (100vw - 320px) / 1600);\n  color: rgba(var(--white), 1);\n  margin-top: calc(22px + 10 * (100vw - 320px) / 1600);\n  position: relative;\n  margin-bottom: 0;\n  transition: all 0.5s ease;\n  text-transform: capitalize;\n}\n.page-box h3:after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: -8px;\n  background-color: rgba(var(--white), 1);\n  width: 40px;\n  height: 2px;\n  transform: translateX(-50%);\n  transition: all 0.5s ease;\n}\n.page-box:hover .page-img {\n  background-color: rgba(var(--theme-color), 0.12);\n}\n.page-box:hover .page-img > div {\n  border: 2px solid rgba(var(--theme-color), 1);\n}\n.page-box:hover h3 {\n  color: rgba(var(--theme-color), 1);\n}\n.page-box:hover h3:after {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n/*=====================\n 1.6 Core feature start\n==========================*/\n.core-feature {\n  display: flex;\n  align-items: center;\n  gap: 60px;\n  overflow: hidden;\n}\n@media (max-width: 1400px) {\n  .core-feature {\n    gap: 30px;\n  }\n}\n@media (max-width: 767px) {\n  .core-feature {\n    flex-wrap: wrap;\n  }\n}\n@media (max-width: 1400px) {\n  .core-feature .laptop-img {\n    width: 45%;\n  }\n}\n@media (max-width: 767px) {\n  .core-feature .laptop-img {\n    margin: 0 auto;\n  }\n}\n.core-feature .feature-box {\n  width: 26%;\n  margin-top: -50px;\n  position: relative;\n  text-align: left;\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box {\n    width: 100%;\n    margin-top: 0;\n    text-align: center;\n  }\n}\n.core-feature .feature-box img {\n  position: absolute;\n  left: -56%;\n  right: unset;\n  transform: scale(-1);\n  top: 20px;\n}\n@media (max-width: 1400px) {\n  .core-feature .feature-box img {\n    width: 50%;\n  }\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box img {\n    display: none;\n  }\n}\n.core-feature .feature-box.text-end {\n  margin-top: 130px;\n  text-align: right;\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box.text-end {\n    margin-top: 0;\n    text-align: center !important;\n  }\n}\n.core-feature .feature-box.text-end h3:after {\n  right: 0;\n  left: unset;\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box.text-end h3:after {\n    left: 50%;\n    transform: translateX(-50%);\n    right: unset;\n  }\n}\n.core-feature .feature-box.text-end img {\n  position: absolute;\n  top: -28px;\n  right: -56%;\n  left: unset;\n  transform: none;\n}\n.core-feature .feature-box h3 {\n  font-size: 24px;\n  color: rgba(var(--theme-color), 1);\n  position: relative;\n  padding-bottom: 12px;\n}\n.core-feature .feature-box h3:after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: 38px;\n  height: 2px;\n  background-color: rgba(var(--theme-color), 1);\n  bottom: 6px;\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box h3:after {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n@media (max-width: 1400px) {\n  .core-feature .feature-box h3 {\n    font-size: calc(16px + 4 * (100vw - 320px) / 1600);\n  }\n}\n.core-feature .feature-box p {\n  font-size: 20px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n  margin-bottom: 0;\n}\n@media (max-width: 1400px) {\n  .core-feature .feature-box p {\n    font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n  }\n}\n@media (max-width: 767px) {\n  .core-feature .feature-box p {\n    width: 80%;\n    margin: 0 auto;\n  }\n}\n\n/*=====================\n 1.7 theme feature start\n==========================*/\n.theme-feature-sec {\n  background: rgba(255, 255, 255, 0.04);\n  overflow: hidden;\n}\n.theme-feature-sec .feature-box {\n  text-align: center;\n}\n.theme-feature-sec .feature-box .icon-box {\n  width: calc(100px + 42 * (100vw - 320px) / 1600);\n  height: calc(100px + 42 * (100vw - 320px) / 1600);\n  border-radius: 100%;\n  padding: calc(10px + 4 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  margin: 0 auto;\n  background-color: #0b131a;\n}\n.theme-feature-sec .feature-box .icon-box .icon-round {\n  width: 100%;\n  height: 100%;\n  padding: 20px;\n  background: transparent;\n  border: 1.5px dashed rgba(var(--theme-color), 1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  transition: all 0.5s ease;\n}\n.theme-feature-sec .feature-box .icon-box .icon-round img {\n  width: 52px;\n  height: 52px;\n  object-fit: contain;\n}\n.theme-feature-sec .feature-box h3 {\n  margin-bottom: 0;\n  font-size: calc(18px + 6 * (100vw - 320px) / 1600);\n  color: rgba(var(--white), 1);\n  margin-top: calc(6px + 6 * (100vw - 320px) / 1600);\n  transition: all 0.5s ease;\n}\n.theme-feature-sec .feature-box:hover .icon-box .icon-round {\n  background: rgba(58, 237, 177, 0.1);\n  border: 1.5px solid rgba(var(--theme-color), 1);\n}\n.theme-feature-sec .feature-box:hover h3 {\n  color: rgba(var(--theme-color), 1);\n}\n\n/*=====================\n  1.8 Footer Scss start\n==========================*/\nfooter {\n  background-image: url(\"../images/landing/footer-bg.jpg\");\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding: 45px 0;\n  border-radius: 8px 8px 0 0;\n  border-top: 2px solid rgba(var(--theme-color), 1);\n}\nfooter .footer-content {\n  text-align: center;\n}\nfooter .footer-content .footer-icon {\n  width: calc(100px + 20 * (100vw - 320px) / 1600);\n  height: calc(100px + 20 * (100vw - 320px) / 1600);\n  border-radius: 100%;\n  background-color: #0a0e17;\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\nfooter .footer-content .footer-icon .icon-box {\n  background: #0f2729;\n  border: 1px solid rgba(var(--theme-color), 1);\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nfooter .footer-content h2 {\n  font-size: calc(22px + 13 * (100vw - 320px) / 1600);\n  color: rgba(var(--white), 1);\n  margin: 14px auto 18px;\n}\nfooter .footer-content .btn-solid {\n  margin: 0 auto;\n}\n\n/*==========================\n   1.9 Custom cursor Scss start\n==========================*/\n#cursor {\n  position: fixed;\n  top: -5px;\n  left: -5px;\n  width: 10px;\n  height: 10px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 999;\n}\n\n#cursor-border {\n  --size: 20px;\n  position: fixed;\n  top: calc(var(--size) / -2);\n  left: calc(var(--size) / -2);\n  width: var(--size);\n  height: var(--size);\n  border-radius: 50%;\n  box-shadow: 0 0 0 1px rgba(var(--theme-color), 1);\n  pointer-events: none;\n  transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;\n  z-index: 999;\n}\n\n@media (max-width: 768px) {\n  #cursor {\n    display: none;\n  }\n  #cursor-border {\n    display: none;\n  }\n}\n/*=====================\n   1.10 tap to top Scss start\n==========================*/\n.tap-to-top-box {\n  position: fixed;\n  bottom: 30px;\n  right: 30px;\n  z-index: 10;\n  transition: all 0.5s;\n}\n[dir=rtl] .tap-to-top-box {\n  right: unset;\n  left: 30px;\n}\n.tap-to-top-box.hide {\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(0);\n}\n.tap-to-top-box .tap-to-top-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 45px;\n  height: 45px;\n  border-radius: 100%;\n  background-color: rgba(var(--theme-color), 1);\n  transition: all 0.5s ease;\n  border: 1px solid transparent;\n}\n.tap-to-top-box .tap-to-top-button .iconsax svg [fill] {\n  fill: rgba(var(--dark-title), 1);\n}"]}