@import "./libs/bootstrap/css/bootstrap.min.css"; /* 0 - 600px: Phone 600 - 900px: Tablet portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our normal styles apply 1800px + : Big desktop $breakpoint arguement choices: - phone - tab-port - tab-land - big-desktop ORDER: Base + typography > general layout + grid > page layout > components 1em = 16px */ /* home page */ /* BUtton */ /* main-container */ @keyframes slide { from { opacity: 0; } to { opacity: 1; } } /* 0 - 600px: Phone 600 - 900px: Tablet portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our normal styles apply 1800px + : Big desktop $breakpoint arguement choices: - phone - tab-port - tab-land - big-desktop ORDER: Base + typography > general layout + grid > page layout > components 1em = 16px */ /* Orbitron */ @font-face { font-family: "Orbitron"; /* src: url("../dist/assets/font/") format("truetype"); */ src: url("../dist/assets/font/orbitron/Orbitron-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Orbitron"; src: url("../dist/assets/font/orbitron/Orbitron-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Orbitron"; src: url("../dist/assets/font/orbitron/Orbitron-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Orbitron"; src: url("../dist/assets/font/orbitron/Orbitron-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* Orbitron end */ /* Satoshi */ @font-face { font-family: "Satoshi"; src: url("../dist/assets/font/satoshi/Satoshi-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Satoshi"; src: url("../dist/assets/font/satoshi/Satoshi-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Satoshi"; src: url("../dist/assets/font/satoshi/Satoshi-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* button */ /* navbar */ /* footer */ @keyframes rocketRotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } body { box-sizing: border-box; overflow-x: hidden; box-sizing: border-box; overflow-x: hidden; } .bg-green { background-color: #3bb78f; background: linear-gradient(90deg, #3bb78f 0%, rgb(11, 171, 100) 35%, rgb(59, 183, 143) 100%); background-color: #3bb78f; background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); } .text-green-Awni { color: #0A886A; } .anwi_grey_bg { background-color: #ECECEC; } .orbitron_font { font-family: "Orbitron", sans-serif; } .satoshi_font { font-family: "Satoshi", sans-serif !important; } .font-1 { font-size: 1rem; } .font-3 { font-size: 3rem; } .font-1-2 { font-size: 1.2rem; } .font-1-5 { font-size: 1.5rem; } .font-1_5 { font-size: 2rem; } .font-1_7 { font-size: 1.7rem; } .font-2 { font-size: 2rem; } .font-2_2 { font-size: 2.2rem; } .font-2_7 { font-size: 2.7rem; } .font_4 { font-size: 4rem; } .font-5 { font-size: 5rem; } .font-6 { font-size: 6rem; } .font-7 { font-size: 7rem; } .font-10 { font-size: 10rem; } .subtitle_1 { font-size: 1.5rem; } .banner_heading_4 { font-size: 3rem; } .padding_top_14 { padding-top: 14rem; } .p-6 { padding: 5rem; } .ps-7 { padding-left: 6rem; } .px-6 { padding-left: 6rem; padding-right: 6rem; } .p-7 { padding: 7rem; } .padding_top_10 { padding-top: 10rem; } .padding_top_13 { padding-top: 13rem; } .padding_bottom_ONE_FIVE { padding-bottom: 1.5rem; } .h-10 { height: 10%; } .h-15 { height: 15%; } .h-20 { height: 20%; } .h-30 { height: 30%; } .h-33 { height: 33%; } .h-34 { height: 34%; } .h-35 { height: 35%; } .h-40 { height: 40%; } .vh_60 { height: 60vh; } .vh-70 { height: 70vh; } .vh-77 { height: 77vh; } .vh-85 { height: 85vh; } .vh-15 { height: 15vh; } .h-700p { height: 700px; } .h-25 { height: 25%; } .h-60 { height: 60%; } .h-75 { height: 75%; } .w-60 { width: 60%; } .w-20p { width: 20px; } .w-200 { width: 200px; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .h-200p { height: 200px; } .mt-7 { margin-top: 7rem; } .sec-space-1 { margin-top: 40px; } .sec-space-2 { margin-top: 60px; } .sec-space-3 { margin-top: 40px; } .sec-space-4 { margin-top: 20px; } .sec-space-5 { margin-top: 0px; } .h-100p { height: 100px; } .gap-1 { gap: 0.7rem; } .gap-2 { gap: 2rem; } .br-1 { border-radius: 1rem; } .cursor-pointer { cursor: pointer; } .mt-5C { margin-top: 5rem; } .button_dark { -webkit-clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); padding-right: 1.7rem; padding-bottom: 0.6rem; padding-top: 0.6rem; border-radius: 10px; -webkit-clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); padding-right: 1.7rem !important; padding-bottom: 0.6rem !important; padding-top: 0.6rem !important; border-radius: 10px; } .productOverviewBody { overflow-x: hidden; } .productoverviewmain { background-image: url("./../dist/assets/imgs/productoverview/productbg.png"); background-color: white; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .photo_dual { width: 40rem; } .price_footer { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.18); border: 2px solid; position: absolute; z-index: 999; bottom: 0; left: 0; } .boxImgContainer { width: 4rem; } .priceCut_multi { font-size: 0.7rem; } .PO_learnMore { font-size: 0.7rem; } .productOverview .overviewProductHeading { font-size: 2.1rem; font-family: "satoshi", sans-serif; font-weight: 500; } .productOverview .overviewProductFullTitle { padding: 2rem 11rem; font-size: 3rem; font-family: "orbitron", sans-serif; } .productOverview .overviewProductDes { padding: 0 2rem; font-size: 1.5rem; font-family: "satoshi", sans-serif; } .PO_galleryContainer .PO_gallery_display { min-height: 500px; width: 100%; background: white; background: linear-gradient(180deg, white 7%, rgba(255, 142, 158, 0.3019607843) 52%, rgba(235, 134, 148, 0.4705882353) 100%); position: relative; overflow: hidden; } .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -46%); } .PO_galleryContainer .PO_gallery_box_inner { padding: 1rem; background-color: #eeeeee; } .PO_gallery_box { padding: 1rem; } .mobileAw { display: none; } .productoverBox { height: 900px; } .productoverBox .productoverBox-1 { height: 225px; } .productoverBox .productoverBox-2 { height: 225px; } .productoverBox .productoverBox-2 .futureProof { position: relative; } .productoverBox .productoverBox-2 .futureProofImg { position: absolute; top: 0; right: 0; width: 50%; } .productoverBox .productoverBox-3 { height: 225px; } .productoverBox .productoverBox-4 { height: 225px; } .productoverBox .productoverBox-5 { height: 200px; overflow: hidden; } .productoverBox .productoverBox-5 .box_innerImg { position: absolute; right: 8%; top: 0; height: 100%; } .productoverBox .productoverBox-5 .box_innerImg img { scale: 1.2; } .productoverBox .productoverBox-6 { height: 150px; } .productoverBox .productoverBox-7 { height: 225px; position: relative; } .productoverBox .productoverBox-7 .gridTruelifeImg { position: absolute; width: 85%; bottom: 0; left: 0; } .productoverBox .productoverBox-8 { height: 60px; } .productoverBox .productoverBox-9 { height: 230px; } .productoverBox .productoverBox-10 { height: 150px; } .productoverBox .productoverBox-11 { height: 180px; } .productoverBox .productoverBox-12 { height: 75px; } .productoverBox .PO_box { height: 100%; } .productoverBox .PO_box>div { padding: 1rem 0rem; } .productoverBox .PO_box .box_inner { position: relative; } .productoverBox .PO_box .bgBox_Content { background: rgb(236, 236, 236); background: linear-gradient(90deg, rgb(236, 236, 236) 4%, rgb(118, 118, 118) 100%); } .productoverBox .PO_box .box_inner_right { padding-left: 1rem; } .productoverBox .PO_box .box_inner_left { padding-right: 1rem; } .specsgrid { display: grid; height: 100vh; gap: 20px; grid-template-columns: repeat(8, minmax(5%, 1fr)); grid-template-rows: repeat(12, minmax(5%, 1fr)); } .specsgrid .specsItem { background-color: red; } .specsgrid .specsItem-1 { grid-column: 1/4; grid-row: 1/4; } .specsgrid .specsItem-2 { grid-column: 1/4; grid-row: 1/4; } .displayscreenpad .displayscreenpadContainer { text-align: center; } .displayscreenpad .displayscreenpadHeading { font-size: 8rem; } .displayscreenpad .displayscreenpadMain { margin-top: -8%; } .displayscreenpad .displayscreenpadleft>img { left: -8%; } .displayscreenpad .displayscreenpadright>img { right: -10%; } .dual_des_heading { font-size: 3rem; } .dualLaptop { width: 100vw; top: -100px; margin-top: 100px; margin-bottom: -100px; position: relative; } .dualLaptop .zeroBMain_desP { font-size: 1.2rem; } .dualLaptop .zeroBMain_des { position: absolute; top: 0; right: 0; max-width: 700px; padding-right: 9rem; } .dualLaptop .dualImgs { position: absolute; } .dualLaptop .dualImgs .dualImgsInner { width: 50rem; } .dualLaptop .dualImgsOne { top: 0; left: -10rem; transform: rotate(343deg); width: 68%; } .dualLaptop .dualImgsTwo { top: 14rem; right: -62%; transform: rotate(339deg); } .dualLaptop .dualImgsTwo .dualImgsInner { width: 82%; } .tableLaptop { margin-top: 300px; height: 90vh; width: 100vw; position: relative; margin-bottom: 300px; } .tableLaptop .circleTableLaptop_Heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -311%); } .tableLaptop .justTableLaptop { position: absolute; width: 86%; top: -10px; right: 128px; z-index: 1; } .tableLaptop .circleTableLaptop { background-color: #ececec; height: 70rem; width: 70rem; border-radius: 50%; position: relative; overflow: hidden; } .tableLaptop .circleTableLaptop .circleTableLaptopTop { bottom: -3%; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 2%); } .tableLaptop .circleTableLaptop_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 106%); } .trueLifeDisplay .trueLifeDisplay_headingHD>.headingLife { font-size: 6rem; } .trueLifeDisplay .trueLifeDisplay_des { padding: 0 10rem; } .font_p_Dual { font-size: 1.2rem; } .tableLaptopTwo { width: 100vw; height: 100vh; background-image: url("./../dist/assets/imgs/sectiontest.png"); background-color: white; background-size: contain; background-repeat: no-repeat; background-position: center; } .dragondisplay { position: relative; background: rgb(255, 255, 255); background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); overflow: hidden; position: relative; background: rgb(255, 255, 255); background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); overflow: hidden; } .dragondisplay .dragondisplay_heading { position: absolute; bottom: -4%; margin: auto; width: 100%; position: absolute; bottom: 0; margin: auto; width: 100%; } .dragondisplay .dragondisplay_heading>h1 { font-size: 8rem; text-align: center; font-size: 8rem; text-align: center; } .dragondisplay .dragondisplay_des { max-width: 600px; position: absolute; right: 0; top: 13%; padding: 4rem; max-width: 600px; position: absolute; right: 0; top: 13%; padding: 4rem; } .intelGen .intelGenUL { max-width: 250px; gap: 8rem; } .intelGen .intelGenUL .intelGenULHeading { font-size: 1.8rem; font-weight: 700; border-bottom: 2px solid; } .intelGen .cpuSection { background-image: url("././../dist/assets/imgs/productoverview/cpu.png"); background-color: white; background-size: cover; background-repeat: no-repeat; background-position: center; } .proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 6rem; } .proSection .designedProLaptopList>li { font-size: 2.5rem; } .popupKeyboard { position: relative; overflow-x: hidden; padding-top: 11rem; } .popupKeyboard .popupKeyboard_hParent { position: absolute; top: 0; left: 0; } .popupKeyboard .popupKeyboard_heading>h1 { font-size: 9rem; } .lensAnwi .box_lens .anwi_BoxLen { border-radius: 40px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; gap: 10px; } .lensAnwi .box_lens .box_lens_img { width: 45%; } .lensAnwi .box_lens .screenpadLens { font-size: 1.2rem; } .lensAnwi .box_lens .lenHeading { font-size: 2rem; } .professinalGrade .professinalGradeImgContainer { background-image: url("././../dist/assets/imgs/productoverview/promask.png"); background-color: white; background-size: cover; background-repeat: no-repeat; background-position: center; } .professinalGrade .professinalGradeImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } .stunningSound { position: relative; padding-top: 15rem; overflow-x: hidden; } .stunningSound .stunningSound_heading { position: absolute; z-index: -1; top: 0; left: 0; } .stunningSound .stunningSound_heading>h1 { font-size: 10rem; } .stunningSound .stunningSound_des { position: absolute; right: 0; top: 30%; transform: translate(0%, 0%); max-width: 400px; } .wifiSection { overflow-x: hidden; position: relative; } .wifiSection .wifiSectionDes { display: none; } .wifiSection .textWifiContainer { position: relative; } .wifiSection .textWifiContainer .wifiSection_des { max-width: 500px; position: absolute; right: 0; top: -48%; width: 100%; height: 100%; } .wifiSection .textWifiContainer .textWifiContainerHeading>h1 { font-size: 5rem; } .circleTableLaptop_Heading { top: 20%; } .circleTableLaptop_text { bottom: 25%; } .circleTableLaptop_text>div { padding: 0px 22%; } .osPlusSoftware { position: relative; padding-top: 10rem; } .osPlusSoftware .osContianer { position: absolute; top: 5rem; left: 50%; transform: translateX(-50%); } .osPlusSoftware .osContianer_des_font { font-size: 1.5rem; } .controlPanel { margin-top: 10rem; padding-bottom: 300px; } .controlPanel .controlPanel_des { position: absolute; top: -170px; left: 80px; } .controlPanel .bgControlpanel { min-height: 100vh; background-color: #ececec; border-radius: 157px; position: relative; } .controlPanel .bgControlpanel .bgControlpaneltabs { position: absolute; top: 100px; right: 0; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-link:focus-visible { outline: none !important; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item { position: relative; border: none; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item:focus-visible { outline: none !important; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before { content: ""; position: absolute; width: 100%; height: 5px; bottom: -2px; right: 0; display: none; background-color: red; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs { border-bottom: 1px solid; margin-bottom: 2rem; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link { position: relative; color: black; font-weight: 500; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active { border: none; background-color: transparent; } .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before { display: block; } .button_dark.btn-dark { background-color: #000 !important; font-family: "Satoshi", sans-serif; } .button_dark.btn-dark:hover { background-color: #000 !important; font-family: "Satoshi", sans-serif; opacity: 1 !important; } .home-main-container #navbar-head .navbar-nav .nav-item .nav-link { color: #000; font-family: "Satoshi", sans-serif; } .home-main-container .hero-banner .banner-main-container .carousel-indicators .carousel_btn.active { color: #000; } .home-main-container .hero-banner .banner-main-container .owl-dots { text-align: center; margin-top: -15px !important; } .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot span { height: 5px !important; width: 35px !important; background: #fff; } .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot:hover span { background: #000; } .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot.active span { background: #000; } .home-main-container .ad_banner .card { background: url(../../dist/assets/imgs/Home_new/Home_banner_bg.png); } .home-main-container .Explore_fyro_container { background-color: #000; } .home-main-container .Explore_fyro_container .Explore_fyro_products_main_container .Fyro_main_card { background: url(.././dist/assets/imgs/Home_new/Explore_Fyro_bg.png); background-repeat: no-repeat; background-size: cover; } .home-main-container .Explore_fyro_container .Explore_fyro_products_main_container .Fyro_main_card .rtxA_200 { background-color: #FFDAD4; } .home-main-container .accessories_main_container .nvme_m_2 { background: #f2f2f2; width: 100%; max-width: 95%; } .home-main-container .accessories_main_container .ora_series { background: #ffeea9; } .home-main-container .accessories_main_container .keyboard_mouse { background: #06777c; } /* .home-main-container .zeno_steamlined_section { background-color: #000; } */ .home-main-container .zeno_steamlined_section .zeno_logo img { width: 150px; } .home-main-container .zeno_steamlined_section .zeno_products_main_container .Two_four_inch_Card { /* background: radial-gradient(#54aff6, #26549A); */ width: 100%; /* max-width: 86%; */ } /* .home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_1 { background: radial-gradient(#FFEFAB, #FFDB45); } .home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_2 { background: radial-gradient(#FFFFFF, #CCCCCC); } */ .notes:hover .success-img { transform: scale(1.1); } .feature-bg-image.animated-feature-img { animation: slide 1s ease 0.2s forwards; opacity: 0; } [alt=footer-rocket-img] { cursor: pointer; width: 70px; } .partners-img { height: 60px; } .shopping-cart-main-container { background-color: #F5FFEA; padding-bottom: 50px; } .shopping-cart-main-container * { font-family: "Satoshi", sans-serif; } .shopping-cart-main-container h6 { padding: 10px; margin-bottom: 0; } .shopping-cart-main-container .cart-sec-highlighter .text-muted { color: #C5C5C5 !important; } .shopping-cart-main-container .alert-display-sec { z-index: 1; } .shopping-cart-main-container .alert-display-sec .alert-dismissible { background: rgba(255, 255, 255, 0.66); } .warrenty-sec img { width: 40px; } #footer-head .footer-wrapper.sec-space-1 { margin-top: 0; } #footer-head .accordion-item { border: 1px solid #fff; box-shadow: none; border-radius: 0px !important; } #footer-head .accordion-item .accordion-button:not(.collapsed) { box-shadow: none !important; } .clipPathSectionCol { position: relative; } .clipPathSectionCol .innerClipPathImg { position: absolute; top: 12%; left: 9%; width: 81%; } .clipPathSectionCol .innerClipPathImgFirstThree { position: absolute; top: 12%; left: 5%; width: 81%; } .clipPathSectionCol .innerClipPathImgFirstFour { position: absolute; top: 12%; left: 5%; width: 81%; } .clipPathSectionCol .innerClipPathImgFirstFour>img { transform: scale(0.7); } .clipPathSectionCol .innerClipPathImgSectionTwo { position: absolute; top: 50%; left: 28%; transform: translateY(-50%); width: 81%; } .clipPathSectionCol .innerClipPathImgSectionThree { position: absolute; top: 50%; left: 17%; transform: translateY(-50%); width: 81%; } .clipPathSectionCol .innerClipPathImgSectionFour { position: absolute; top: 50%; left: 17%; transform: translateY(-50%); width: 81%; } .clipPathSectionCol .dualLaptopSlideLeftone { transform: translate(1000%, -50%); transition: 0.8s ease; } .clipPathSectionCol .dualLaptopSlideLeftoneLeft { transform: translate(0, -50%); } .clipPathSectionCol .innerClipPathImgSectionFour.controllerEight { transform: translate(1000%, -50%); transition: 0.8s ease; } .clipPathSectionCol .innerClipPathImgSectionFour.traslateZero { transform: translate(0, -50%); } .allinoneLanding { position: relative; } .allinoneLanding #navbar-head * { color: white; } .allinoneLanding .headingAllinOne { position: absolute; bottom: 10%; left: 0; } .sectionTwoImgAllInone { transform: scale(1.4); } .allinoneDualMarginTop { margin-top: 100px; } .sectionfiveAllinOne .infoContainer { position: relative; } .sectionfiveAllinOne .infoContainer .infoContainerOneText { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); } .sectionfiveAllinOne .infoContainer .infoContainerOneText>h1 { font-size: 1.7rem; } .infoContainerYellow { background-color: #FFB518; } .infoContainerOrange { background-color: #E05E00; color: white; } .infoContainerBlue { background-color: #461DCF; color: white; } .infoContainer_des { font-size: 0.8rem; } .supportBoxCircle { width: 100px; height: 100px; background-color: black; border-radius: 50%; } .carouselLanding { overflow-x: auto; display: flex; gap: 50px; margin-bottom: 4rem; } .carouselLanding .carouselLandingItem { width: 300px; } .carouselLanding .carouselLandingItem>div { border-radius: 25px; overflow: hidden; } .carouselLanding .carouselLandingItem .carouselLandingItemInner { position: relative; } .carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.453); } .allinoneslider .carouselLanding { position: relative; display: flex; align-items: center; justify-content: center; } .allinoneslider .owl-nav { bottom: 0; position: absolute; display: none; right: 15%; border: 1px solid; padding: 0.5rem 1.3rem; border-radius: 70px; } .allinoneslider .owl-nav span { font-size: 2rem; text-align: center; } .allinoneslider .owl-stage { width: 100% !important; } .animateHeadingLeft { transform: translateX(1000%); transition: 0.8s ease; } .dualLaptopSlideLeftone { transform: translateX(1000%); transition: 0.8s ease; } .addTextanimationLeft { transform: translateX(0); } .animateHeadingRight { transform: translateX(-1000%); transition: 0.8s ease; } .dualLaptopSlideone { transform: translateX(-1000%); transition: 0.8s ease; } .addTextanimationRight { transform: translateX(0); } .laptoponanimation { opacity: 0; transition: 0.8s ease; } .allinOnepc { opacity: 0; transition: 0.8s ease; } .addOpacity { opacity: 1; } .cpuSlideLeftone { transform: translateX(-1000%); transition: 0.8s ease; } .controllerEight { transform: translateX(1000%); } .traslateZero { transform: translateX(0); } * { margin: 0; padding: 0; box-sizing: inherit; font-family: "Orbitron", sans-serif; } *::after { margin: 0; padding: 0; box-sizing: inherit; font-family: "Orbitron", sans-serif; } *::before { margin: 0; padding: 0; box-sizing: inherit; font-family: "Orbitron", sans-serif; } html { font-size: 100%; } #navbar-head { /* position: fixed; width: 100%; z-index: 9999; top: 0; */ box-shadow: 0 6PX 16PX 0 #1919190f; } #navbar-head .biz-nav-wrapper .navbar-brand img { width: 100px; } #navbar-head .biz-nav-wrapper .dropdown.has-mega-menu { position: static !important; } #navbar-head .biz-nav-wrapper .dropdown-menu .dropdown-items-row { width: 100%; margin: 0px; } #navbar-head .navbar-nav { gap: 2rem; } #navbar-head .navbar-nav .nav-item .nav-link { color: #000; font-family: "Satoshi", sans-serif; margin-top: 0.25rem; } #navbar-head .navbar-nav .dropdown.has-mega-menu:hover>.navbar { background-color: #fff; } #navbar-head .button_dark.btn-dark { font-weight: bold; } #navbar-head .dropdown-menu { width: 100%; left: 0; } #navbar-head .dropdown:hover>.dropdown-menu { display: block; } #navbar-head .dropdown-item-img img { width: 100px; } .footer-wrapper { background-size: cover; background-color: #000; } .footer-wrapper .footer-content-main-container { background-image: url(../dist/assets/imgs/Home/Footer-pattern.png); background-size: contain; background-position: right 30px; background-repeat: no-repeat; } .footer-wrapper .last-col-footer { width: 20%; } .footer-wrapper .footer-logo img { width: 120px; } .footer-wrapper li { line-height: 2rem; font-family: "Satoshi", sans-serif; font-size: 14px; } .footer-wrapper .footer-sub-content p { line-height: 2rem; font-family: "Satoshi", sans-serif; } .footer-socailImg { width: 30px; width: 30px; } .footer-rkt:hover { animation: rocketRotate 2s; } .mbil-name { transition: all 0.2s ease; } .navbar-brand img { transition: all 0.2s ease; } @media only screen and (max-width: 900px) { body { padding: 0; } } @media (max-width: 768px) { .footerDesText { width: 100%; } .proSection { padding: 1rem; } .proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 4rem; } .proSection .designedProLaptopList { width: 100%; padding: 1rem; } .controlPanel { padding-bottom: 100px; padding-bottom: 100px; } .controlPanel .bgControlpanel { min-height: 50vh; } .popupKeyboard .popupKeyboard_heading { padding: 1rem; } .popupKeyboard .popupKeyboard_heading>h1 { font-size: 3rem; } .popupKeyboard .popupKeyboard_des { padding: 1rem; font-size: 1rem; } .popupKeyboard .popupKeyboard_hParent { padding: 1rem; } .dragondisplay .dragondisplay_heading>h1 { font-size: 3rem; text-align: center; } .professinalGrade h1 { font-size: 2rem; } .professinalGrade .font_p_Dual { font-size: 1rem; } .stunningSound .stunningSound_heading>h1 { font-size: 4rem; } .stunningSound .stunningSound_des { max-width: 270px; top: 50%; right: 0; } .stunningSound .stunningSound_des p { font-size: 1rem; } .proConnectivity h1 { font-size: 2rem; } .proConnectivity .font_p_Dual { font-size: 0.7rem; } .osPlusSoftware .osContianer { top: -1rem; } .osPlusSoftware .osContianerHeading>h1 { font-size: 2rem; text-align: center; } .osPlusSoftware .osContianer_des_font { font-size: 0.7rem; text-align: center; } .cart-sec-highlighter { display: none !important; } .shopping-cart-details-row-1 { display: none !important; } .buy-together-sec { text-align: center; } .buy-together-sec .row { padding: 10px; } .mobile-cart-img img { width: 200px; } } @media (max-width: 1200px) { .productOverview .p-6 { padding: 0; } .productOverview .overviewProductFullTitle { padding: 2rem 5rem; font-size: 2rem; font-size: 1rem; padding: 2rem 0rem; } .productOverview>div { padding: 0; } .productOverview .overviewProductDes { font-size: 0.7rem; padding: 0.5rem; } .dualLaptop .dualImgsTwo .dualImgsInner { transform: rotate(339deg) translateX(57%) translateY(55%); } .dualLaptop .dual_des_heading { font-size: 2rem; } .dualLaptop .zeroBMain_des { padding-right: 0; } .dualLaptop .zeroBMain_des .zeroBMain_desP { font-size: 0.8rem; max-width: 400px; } .PO_galleryContainer .PO_gallery_display { min-height: 300px; } .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { width: 100%; } .PO_galleryContainer .PO_gallery_box_inner { padding: 0; } .PO_gallery_box { padding: 0; } .productoverBox.px-6 { padding: 1rem; margin: 0; height: -moz-max-content; height: max-content; } .displayscreenpad .displayscreenpadHeading { font-size: 4rem; } .controlPanel .controlPanel_des { top: -110px; } .controlPanel .controlPanel_des>h1 { font-size: 2.5rem; } .proSection .designedProLaptopList>li { font-size: 1.5rem; } .popupKeyboard .popupKeyboard_heading>h1 { font-size: 5rem; } .dragondisplay .dragondisplay_heading>h1 { font-size: 4rem; text-align: center; } .lensAnwi .row_lensAnwi { padding: 2rem; } .lensAnwi .box_lens .lenHeading { font-size: 0.7rem; } .lensAnwi .box_lens .screenpadLens { font-size: 0.5rem; } .professinalGrade h1 { font-size: 3rem; } .stunningSound .stunningSound_heading>h1 { font-size: 7rem; } .stunningSound .stunningSound_des { padding-right: 1rem; max-width: 300px; } .wifiSection .textWifiContainer .textWifiContainerHeading>h1 { font-size: 5rem; } .proConnectivity h1 { font-size: 2.5rem; } .proConnectivity .font_p_Dual { font-size: 1rem; } .osPlusSoftware { position: relative; } .osPlusSoftware .osContianerHeading>h1 { font-size: 5rem; } .osPlusSoftware .osContianer_des_font { font-size: 1.5rem; } } @media (max-width: 1000px) { .dualpassage { padding-left: 10rem; padding-right: 2rem; } .stunningSound .stunningSound_heading { top: 20%; } .stunningSound .stunningSound_heading>h1 { font-size: 5rem; } .stunningSound .stunningSound_des { top: 40%; right: 0; } .wifiSection .textWifiContainer { display: none; } .wifiSection .wifiSectionDes { padding: 2rem; display: block; } .wifiSection .wifiSectionDes .wifiSection_des>p { font-size: 1rem; } .circleTableLaptop_Heading h1 { font-size: 1.5rem; } .circleTableLaptop_text { bottom: 25%; } .circleTableLaptop_text>div { font-size: 0.7rem; } .osPlusSoftware { padding-top: 1rem; } .osPlusSoftware .osContianer { top: 1rem; } .osPlusSoftware .osContianerHeading>h1 { font-size: 2rem; text-align: center; } .osPlusSoftware .osContianer_des_font { font-size: 1rem; } .laptopsSection .headinglaptop { font-size: 3rem; } .headinglaptopSub { font-size: 1.2rem; } .allinoneDualMarginTop { margin-top: 100px; } .allinoneDualMarginTop .allinoneDualMarginTop_desContainer { padding: 2rem; } .allinoneDualMarginTop .allinoneDualMarginTop_desContainer h1 { font-size: 2rem; } .allinoneDualMarginTop .allinoneDualMarginTop_desContainer .allinoneDualMarginTop_p { font-size: 1rem; } } @media (max-width: 790px) { .productOverview .p-6 { padding: 0; } .productOverview .overviewProductFullTitle { padding: 2rem 0; font-size: 1rem; } .productOverview .overviewProductDes { font-size: 0.7rem; } .displayscreenpad .displayscreenpadHeading { font-size: 2rem; } .dualLaptop .dual_des_heading { font-size: 1rem; } .dualLaptop .zeroBMain_des .zeroBMain_desP { font-size: 0.7rem; max-width: 400px; } .controlPanel .controlPanel_des>h1 { font-size: 1.9rem; } } @media (max-width: 670px) { .zeroBMain_des { display: none; } .mobileAw { display: block; } } @media only screen and (max-width: 600px) { .p-6 { padding: 0; } .productoverviewmain .displayscreenpad .displayscreenpadHeading { font-size: 5rem; } .banner_heading_4 { font-size: 2rem; } .displayscreenpad .displayscreenpadHeading { font-size: 2rem; } .displayscreenpad .displayscreenpadMain { top: 0; } .displayscreenpad .twoScreenHeading { font-size: 1rem; } .tableLaptop { margin-top: 20%; margin-bottom: 0; height: -moz-max-content; height: max-content; } .tableLaptop .dual_des_heading { font-size: 1rem; } .tableLaptop .circleTableLaptop { height: 300px; } .tableLaptop .circleTableLaptop .circleTableLaptopTop { bottom: -3%; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 2%); } .tableLaptop .circleTableLaptop_Heading { position: absolute; top: 4%; left: 50%; transform: translate(-50%, 0); } .tableLaptop .justTableLaptop { position: absolute; width: 86%; top: 26%; right: 30px; z-index: 1; } .tableLaptop .circleTableLaptop_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); } .trueLifeDisplay { margin-top: 50px; } .trueLifeDisplay .trueLifeDisplay_headingHD>h1 { font-size: 2rem; } .trueLifeDisplay .trueLifeDisplay_headingHD .headingLife { font-size: 2rem; } .trueLifeDisplay .trueLifeDisplay_des { padding: 1rem; } .trueLifeDisplay .trueLifeDisplay_des .font_p_Dual { font-size: 0.9rem; } .controlPanel { margin-top: 3rem; padding-bottom: 100px; } .controlPanel>.p-5 { padding: 0 !important; } .controlPanel .bgControlpanel { min-height: 85vh; } .controlPanel .bgControlpanel .bgControlpaneltabs { top: 55%; right: 0; transform: translateY(-50%); } .controlPanel .controlPanel_des { top: 0%; width: 100%; left: 50%; text-align: center; transform: translateX(-50%); margin: 1rem 0; margin: 1rem 0; } .controlPanel .controlPanel_des>h1 { font-size: 1.2rem; } .controlPanel .bgControlpaneltabs { padding: 0.1rem !important; padding-top: 3rem !important; } .controlPanel .bgControlpaneltabs>.nav-tabs { padding: 0; } .controlPanel .bgControlpaneltabs>ul { padding: 1rem; } .controlPanel .bgControlpaneltabs #tabLaptopContent { padding: 1rem; } .proSection .designedProLaptop_title .designedProLaptop_title_text { font-size: 2rem; } .headingAllinOne>h1 { font-size: 2rem; } } @media (max-width: 576px) { .proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 2.5rem; } .popupKeyboard .popupKeyboard_heading { padding: 1rem; } .popupKeyboard .popupKeyboard_heading>h1 { font-size: 2rem; } .popupKeyboard .popupKeyboard_des { padding: 2rem; padding-top: 0; font-size: 0.8rem; } .dragondisplay .dragondisplay_heading>h1 { font-size: 1.5rem; text-align: center; font-size: 1.5rem; text-align: center; } .lensAnwi .box_lens .box_lens_img { width: 25%; } .professinalGrade p { padding-left: 1rem; } .professinalGrade .professinalGradeImg { width: 80%; } .stunningSound { padding-top: 1rem; } .stunningSound .stunningSound_heading { top: 15%; } .stunningSound .stunningSound_heading>h1 { font-size: 2rem; padding: 2rem; } .stunningSound .stunningSound_des { padding: 2rem; top: 25%; max-width: 100%; left: 0; } .allinInMargintop { margin-top: 100px; } .content-main-allinone { padding: 1rem; } .scaleSmallAllinone { scale: 0.9; } .allinoneslider .owl-stage { width: -moz-max-content !important; width: max-content !important; } } @media (max-width: 1400px) { .lensAnwi .box_lens .lenHeading { font-size: 1rem; } .lensAnwi .box_lens .screenpadLens { font-size: 0.7rem; } .allinoneslider .owl-stage { width: -moz-max-content !important; width: max-content !important; } } @media (max-width: 1300px) { .circleTableLaptop_text { bottom: 18%; } .circleTableLaptop_text>div { font-size: 1rem; } .cart-sec-highlighter h5 { font-size: 0.8rem; } .laptopsSection .headinglaptop { font-size: 5rem; } .headinglaptopSub { font-size: 1.2rem; } } @media (max-width: 600px) { .circleTableLaptop_Heading { top: 0; } .circleTableLaptop_Heading h1 { font-size: 1.5rem; } .proConnectivity .connectivityPso_des { padding: 2rem; } .controlPanel .controlPanel_des { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; left: 50%; } .supTitleSection { text-align: center; font-size: 1rem; } .allinoneDualMarginTop .clipPathSectionCol { padding-right: 0 !important; padding-left: 0 !important; } .headingAllinOne { padding-left: 2rem !important; padding-right: 2rem !important; } .headingAllinOne>h1 { font-size: 2rem; } .laptopSectionDesP { padding: 1rem; width: 100%; align-items: center; } .clipPathSectionCol .allinoneDualMarginTop_pContainer { padding: 2rem; align-items: center; } .clipPathSectionCol .innerClipPathImgSectionThree { top: 30%; } .clipPathSectionCol .innerClipPathImgSectionFour { top: 30%; } .supportBoxParent { padding: 2rem; gap: 1.5rem; } .allinoneDualMarginTop_p { text-align: center; font-size: 1rem; } .insightsAdvHeading { margin-top: 2rem; } .insightsAdv { width: 100vw; padding: 1rem; } .insightsAdv>ul { overflow-x: auto; } .carouselLanding { overflow-x: auto; display: block; gap: 0; margin-bottom: 1rem; } .carouselLanding .carouselLandingItem { width: 100%; } .carouselLanding .carouselLandingItem>div { border-radius: 25px; overflow: hidden; } .carouselLanding .carouselLandingItem .carouselLandingItemInner { position: relative; } .carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.453); } .carouselLanding .mt-5C { margin-top: 0; } } @media (min-width: 1024px) { .banner_heading_4 { font-size: 2rem; } } @media (min-width: 278px) and (max-width: 767px) { /* .carousel-inner .carousel_img { height: 80vh; } */ .fyro_card { padding-top: 0 !important; } .Two_four_inch_Card { margin-left: 0 !important; width: 100% !important; margin-bottom: 20px; } .accessories_main_container { text-align: center; } .accessories_main_container .ora_series { margin-top: 1rem !important; } .zeno_products_main_container { text-align: center; } .Fyro_main_card { text-align: center; } .ad_banner { text-align: center; } .ad_banner .ad_banner_img { width: 100% !important; } .owl-dots { text-align: center; margin-top: 0 !important; } .home-main-container h5 { font-size: 1rem; } .home-main-container h6 { font-size: 0.9rem; } .home-main-container .sec-space-1 { margin-top: 40px; } .home-main-container .sec-space-2 { margin-top: 40px; } .home-main-container .banner-main-container { display: block !important; text-align: center; } .home-main-container .banner-main-container .col-md-6 { padding-top: 7rem; } .home-main-container .banner-main-container .col-md-6 .button_dark { display: none; } .home-main-container .banner-main-container .mobile-home-img { width: 85%; } .home-main-container .banner-main-container h1 { font-size: 2rem; } .home-main-container .hero-banner { background-position: 0; } .home-main-container .aw-main-features { display: none; } .home-main-container .mobile-text-center { text-align: center; } .home-main-container .aw-feature-name h5 { transform: rotate(0deg); writing-mode: horizontal-tb; } .home-main-container .products-main-container .enterprise-prd { margin-top: 10px; } .home-main-container .products-main-container .consumer-prd { margin-top: 10px; } .home-main-container .news-letter-sec a.button_dark { padding: 10px 5px; } .home-main-container .owl-carousel.star-products-img-sec .d-flex { justify-content: center !important; } .home-main-container .owl-carousel.star-products-img-sec .owl-nav { text-align: center; margin-right: 0px; } .home-main-container .star-products .owl-dots { display: none; } .home-main-container .aw-support-sec-main-container .row { margin: 0px !important; text-align: center; } .home-main-container .aw-support-sec-main-container .col-md-4 { border: none !important; } .home-main-container .aw-support-sec-main-container .support-sec-heading { padding: 0 !important; } .home-main-container .offer-main-sec { margin-bottom: 0 !important; padding: 0 !important; } .home-main-container .offer-sec p { font-size: 0.85rem; } .footer-wrapper .accordion-button { font-family: "Satoshi", sans-serif; color: white; background-color: #000; } .footer-wrapper .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .footer-wrapper .accordion-body { font-family: "Satoshi", sans-serif; /* color: white; */ /* background-color: #000; */ } .footer-wrapper .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .footer-wrapper .footer-sub-content p { font-size: 0.85rem; } } @media (min-width: 405px) and (max-width: 570px) { .home-main-container .banner-main-container .mobile-home-img { width: 60%; } } @media (min-width: 1800px) { .banner-wrapper { position: relative; } .offer-main-sec { position: absolute; bottom: 15%; right: 20%; width: 60%; } } @media (tab-port) { .laptopsSection .headinglaptop { font-size: 2rem; } .headinglaptopSub { font-size: 1rem; } } @media (max-width: 320px) { .laptopsSection .headinglaptopSub { text-align: center; font-size: 1rem; } .laptopsSection .laptopSectionDesP { gap: 2rem !important; } .allinoneDualMarginTop { margin-top: 100px; } .allinoneDualMarginTop .allinoneDualMarginTop_p { text-align: center; font-size: 1rem; } .allinoneDualMarginTop .allinoneDualMarginTop_pContainer { width: 100%; } .allinoneDualMarginTop .clipPathSectionCol { padding-left: 0 !important; padding-right: 0 !important; } .allinoneDualMarginTop .innerClipPathImgFirstThree { top: 0; } .clipPathSectionCol .innerClipPathImgSectionThree { top: 22%; } .clipPathSectionCol .innerClipPathImgSectionFour { top: 22%; } .clipPathSectionCol .innerClipPathImgFirstFour { top: 0; } } @media only screen and (max-width: 56.25em) { body { padding: 0; } } @media (min-width: 1990px) { .footer-wrapper .footer-rkt { right: 45px !important; } } @media (max-width: 1024px) { #navbar-head .navbar-nav { gap: 0; } #navbar-head .navbar-nav .dropdown-menu { margin-top: 0; } .navbar-toggler { color: rgba(255, 32, 32, 0); } .navbar-toggler span { display: block; background-color: #4f4f4f; height: 3px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left; } .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); margin-top: 0.3em; } .navbar-toggler span:nth-child(2) { opacity: 1; } .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg); } .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(15%, 33%) rotate(-45deg); } } @media (max-width: 991px) { #navbar-head .accordion-button { font-family: "Satoshi", sans-serif; } #navbar-head .accordion-button:not(.collapsed) { background-color: #fff; color: rgb(0, 0, 0); box-shadow: none; font-weight: bold; } #navbar-head .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); } #navbar-head .accordion-button:focus { box-shadow: none; } #navbar-head .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(0.7) !important; } #navbar-head .accordion-body ul li { font-size: 1rem; font-family: "Satoshi", sans-serif; color: #635c5c; line-height: 2.5rem; } #navbar-head .accordion-body ul li a { font-size: 1rem; font-family: "Satoshi", sans-serif; color: #635c5c; line-height: 2.5rem; } .delivery-to-sec .d-flex { font-size: 0.7rem; } .delivery-to-sec .button_dark { font-size: 0.7rem; } } /*# sourceMappingURL=style.css.map */