@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:wght@700&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&family=Roboto:wght@700&display=swap); @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap); .btnPrimery, .navLi .navLink { font-family: Roboto, sans-serif; font-weight: 400; line-height: normal; } h2, h3 { color: var(--gray-900, #2a3342); font-family: Poppins, sans-serif; } h6, p { color: var(--gray-500, #556987); } .downloadText, .secondLableHeading, h2 { letter-spacing: -0.72px; } form input, form textarea { padding: 10px !important; background: var(--White, #fff); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .headingBtn, form button { box-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05); } .footerInput input, form input, form textarea { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } body, html { margin: 0; padding: 0; box-sizing: border-box; } .loder { background-color: #fff; width: 100% !important; height: 100vh !important; position: fixed; z-index: 9999 !important; overflow: hidden !important; } .customRow, .dorstepRight img, .landingPageWrapper, .ourStoryCenterImg img, form { width: 100%; } .landing-page { height: 100vh; position: fixed; bottom: -100%; left: 0; width: 100%; background-color: #333; color: #fff; text-align: center; transition: bottom 0.2s; } .sliderBtnWrapper { display: inline; } nav { z-index: 999; background: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); } .navbar-brand img { width: 80px; } .navbar-nav { width: 100%; display: flex; justify-content: end; align-items: center; } .hamburger { width: 30px; } .btnPrimery { border-radius: 64px; background: var(--Brand, #3550dc); color: #fff; font-size: 16px; border: none; padding: 7px 18px; } .DownloadBtn:hover, .btnPrimery:hover, .footerInput button:hover, .letsConnect:hover { opacity: 0.8; } .pilerBorder { padding: 7px 45px; background-color: transparent !important; color: var(--Gray-6, #3550dc); font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; border-radius: 43px; border: 1px solid var(--Gray-6, #3550dc); } .pilerBorder:hover { border-color: #fff; background: #fff !important; color: #3550dc !important; } .navLi .navLink { color: #2e2f35; text-align: center; font-size: 18px; text-decoration: none; margin: 0 5px; padding: 0 4px; } .navLi .navLink:hover { opacity: 0.5 !important; } .callUsText { margin-right: 50px !important; text-decoration: underline !important; } .setBtnSlider { opacity: 1 !important; width: 10px !important; height: 10px !important; border: 3px solid #fff !important; border-radius: 10px !important; } .carousel-indicators .active { background-color: #3550dc !important; } .carousel-caption { width: 90%; position: absolute; top: 60% !important; left: 50% !important; transform: translate(-50%, -50%) !important; color: #fff; text-align: center; } .carousel-caption button { border-radius: 43px; background: var(--Brand, #3550dc); } .carousel-caption h1 { color: #fff !important; text-align: center; font-family: Poppins, sans-serif !important; font-size: 47px !important; font-weight: 700 !important; } .carousel-caption p { color: rgba(255, 255, 255, 0.7); text-align: center; font-family: Inter, sans-serif; font-size: 24px; font-weight: 700; line-height: 31.2px; } h2 { font-size: 36px; font-weight: 700; line-height: 44px; } p { font-family: Poppins, sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; } h3 { font-size: 24px; font-weight: 700; line-height: 28px; } .currentPrice, .productName, h6 { font-weight: 500; } .currentPrice, .oldPrice, .productName, h6 { line-height: 24px; font-family: Poppins, sans-serif; } h6 { font-size: 16px; } .doorStepWrapper { width: 100%; background: #fdf3ea; padding: 5rem 0; } .doorstepLeft ul { list-style: none; display: flex; margin: 4rem 0; transition: 0.2s; cursor: default; } .doorstepLeft ul:hover { opacity: 0.9; } .doorstepLeft ul:hover .stepCounter div { font-size: 1.8rem !important; transition: 0.2s; } .active1 { background-color: green !important; transition: 3s; } .stepCounter { margin-right: 12px; } .stepCounter div { width: 56px !important; height: 56px !important; border-radius: 5px; background: var(--primary-500, #3550dc); color: #fff; font-family: Poppins, sans-serif; font-size: 24px; font-weight: 500; display: flex; align-items: center; justify-content: center; } .productHeding li, .productWrapper h1, .productWrapper p { font-family: Inter, sans-serif; } .carousel-inner { max-height: 620px; } .stepCounter.active { background-color: #3550dc; color: #fff; } .carousel-indicators [data-bs-target] { border: 2px solid #fff !important; border-radius: 20px !important; width: 12px !important; height: 12px !important; } .productWrapper { padding: 5rem 0; height: 3435px; } .productWrapper h1 { color: #2e2f35; text-align: center; font-size: 54px; font-weight: 700; line-height: 76px; letter-spacing: -2px; } .productWrapper p { color: #2e2f35; text-align: center; font-size: 24px; font-weight: 400; } .productHeding { list-style: none; display: flex; } .productHeding li { color: #000; font-size: 18px; font-weight: 600; line-height: 29px; letter-spacing: 0.96px; cursor: pointer; margin: 0 10px; } .activeProduct { position: absolute; bottom: 0; height: 3px; background-color: #3550dc; } .setPositionR { left: 147px; width: 40%; transition: 0.3s; } .setPositionL { left: 5px; width: 50%; transition: 0.3s; } #menProduct, #womenProduct { width: 100%; top: 0 !important; left: 0 !important; height: auto; } #menProduct { display: none; } .fade-out { opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .productName { color: #000; font-size: 22px; } .currentPrice { color: #db4444; font-size: 16px; } .oldPrice { color: #000; font-size: 16px; font-weight: 400 !important; text-decoration: line-through; } .cardWrapper { width: 100% !important; } .card { width: 100%; overflow: hidden; } .card-img-top { transition: 0.3s; } .card-img-top:hover { transform: scale(1.1); } .scrolling-wrapper { overflow-x: auto; padding-top: 10px; padding-bottom: 38px; } .scrolling-wrapper::-webkit-scrollbar { display: none; } .scrolling-wrapper .col-6 { padding: 0 2px !important; } .aboutUsWrapper { width: 100%; padding: 0 0 4rem; } .secondLableHeading { color: var(--gray-900, #2a3342); text-align: center; font-family: Poppins, sans-serif; font-size: 36px; font-style: normal; font-weight: 700; line-height: 44px; } .SecondLevelSubHeading, .headingBtn { font-family: Poppins, sans-serif; font-weight: 500; } .headingBtn { padding: 4px 23px; cursor: default !important; border: 0; color: var(--primary-500, #22c55e); font-size: 12px; line-height: 18px; border-radius: 36px; background: var(--primary-100, #dcfce7); } .boxMain, form button { background: var(--Brand, #3550dc); } .SecondLevelSubHeading { color: var(--gray-500, #556987); text-align: center; font-size: 20px; font-style: normal; line-height: 30px; } .bigText, .downloadText { font-family: Poppins, sans-serif; font-weight: 700; color: #fff; } .boxMain { width: 65px; height: 65px; border-radius: 6px; } .boxMain img { width: 45px; } .GuidUsWrapper { background: #ff6d2c; padding: 2.5rem 0; } .bigText { font-size: 47px; } .downloadText { font-size: 36px; line-height: 44px; } .guidBook img { width: 85%; } .DownloadBtn { padding: 15px 10px; border-radius: 6px; background: #4335de; border: 0; color: #fff; font-family: Inter, sans-serif; font-size: 15px; font-weight: 800; line-height: 18px; transition: 0.2s; } .guidePara, form button, form label { font-family: Poppins, sans-serif; } .guidePara { color: #fff; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; } .heightBtn, form label { font-weight: 500 !important; } .ConnectUsWrapper { background-repeat: repeat; padding: 3rem 0; background-image: url(/src/Images/boxBg.svg); background-size: cover; } .heightBtn { height: 50px; } form label { color: var(--gray-800, #333f51); font-size: 16px !important; line-height: 24px !important; } form input { width: 100%; border-radius: 8px; border: 1px solid var(--gray-200, #d5dae1); transition: 0.5s; } form textarea { width: 100%; height: 220px; border-radius: 8px; border: 1px solid var(--gray-200, #d5dae1); outline: 0 !important; transition: 0.5s; } .footerInput button, form button { border: 0; outline: 0; color: var(--primary-050, #f0fdf4); } form button { font-size: 18px; font-weight: 400; padding: 10px; width: 100%; border-radius: 6px; transition: 0.5s; } .footerInput button, footer p { font-family: Poppins, sans-serif; font-weight: 500; } form button:focus, form input:focus, form textarea:focus { outline: #4335de solid 1px !important; } .letsConnect { list-style: none; margin-bottom: 4rem !important; transition: 0.2s; cursor: default; } .letsConnect li div { background-color: var(--Brand, #3550dc); width: 48px; height: 48px; border-radius: 50px; } .letsConnect li div img { width: 22px; } .letsConnect li:first { width: 100px; } .socialIcon img { width: 26px; margin-right: 2rem; cursor: pointer; transition: 0.5s; } .socialIcon img:hover { filter: grayscale(1); } .TermAndCondition { padding: 3rem 0; } footer { padding: 4rem 0; background-image: linear-gradient( to right top, #121839, #151d3a, #18213a, #1c2539, #212939, #222c39, #242e38, #273038, #283237, #293336, #2c3435, #2f3535 ); } .footerText a { margin-right: 3rem; text-decoration: none; } .footerText a p { white-space: nowrap; } .footerInput input { display: flex; padding: 10px 14px; border-radius: 8px; border: 1px solid var(--gray-200, #d5dae1); background: var(--white-900, #fff); width: 70%; } .WhatsaapIcon, .WhatsaapIcon img, .pulse { width: 40px; height: 40px; } .footerInput button { border-radius: 6px; background: var(--Brand, #3550dc); padding: 12px 18px; box-shadow: 0 1px 2px 0 rgba(105, 81, 255, 0.05); font-size: 16px; margin-left: 1.5rem; } hr { color: #fff; } footer p { font-size: 16px !important; color: var(--gray-400, #8896ab); } .bgConnectForm { background-color: #fff; } #scrollRightMen img, #scrollRightWomen img { width: 20px; opacity: 0.8; } #scrollRightMen img:hover, #scrollRightWomen img:hover { opacity: 1; } #entryForm .btn-close { box-sizing: content-box; width: 1em; height: 0.5em; padding: 0.25em; color: #000; background: url(/src/Images/crossIcon.png) center/2em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.8; } .modal-header .btn-close { padding: 0.4rem; margin: -0.5rem -3.5rem -0.5rem auto !important; } .pulse { border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); animation: 2s infinite pulse; } .pulse:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #061e47; } 70% { -webkit-box-shadow: 0 0 0 10px#68a4f1; } 100% { -webkit-box-shadow: 0 0 0 0 #2b6ad0; } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0, 12, 173, 0.4); box-shadow: 0 0 0 0 rgba(0, 12, 173, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(44, 44, 204, 0); box-shadow: 0 0 0 10px rgba(44, 44, 204, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(44, 84, 204, 0); box-shadow: 0 0 0 0 rgba(44, 84, 204, 0); } } .WhatsaapIcon { position: fixed; bottom: 20px; right: 19px; } @media (max-width: 1400px) { .productWrapper { height: 3100px; } } @media (max-width: 1200px) { .productWrapper { height: 2770px; } } @media (max-width: 992px) { .mobileHeader p, footer h4 { font-family: Poppins, sans-serif; font-weight: 600; } .offcanvas-body .nav-item .nav-link { font-size: 1.5rem; color: #4335de; font-family: Poppins, sans-serif; } .offcanvas-body .nav-item:hover { background-color: #e4e4e4; } .bgConnectForm { background-color: transparent; } .sliderBtnWrapper { display: block; } .pilerBorder { color: var(--Gray-6, #fff); border-color: #fff; } .mobileHeader p { width: fit-content; color: #000; font-size: 16px; line-height: 24px; } .moboleProductWrapper { overflow: hidden; padding: 2rem 0 0; } .carousel-inner { height: auto; } .colorText { text-align: center; color: var(--Brand, #3550dc); } .card-body { flex-wrap: wrap; padding: 5px 10px !important; } .productName { width: 100%; font-size: 14px; } .productName + div span { margin: 0 !important; color: var(--basic-black, #000); font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; } .productName + div span + span { display: none; } .ourStoryCenterImg { display: none !important; } .aboutUsWrapper { padding: 0 0 1rem; } .boxMain { height: 32px; width: 32px; } .boxMain img { width: 25px; } .customRow { margin-top: 1rem !important; display: flex !important; } .paddNone { padding: 0 1.5rem !important; } .customRow div { text-align: inherit !important; margin: 0 !important; padding: 0 !important; } .customRow div h3 { margin-left: 10px !important; font-size: 18px; line-height: 22px; } .customRow div h6 { margin-left: 10px !important; font-size: 16px !important; line-height: 20px; } .downloadText { font-size: 16px; line-height: 26px; } .DownloadBtn { font-size: 12px; padding: 7px 10px; } .GuidUsWrapper { padding: 0.5rem 0; } footer { padding: 1rem 0; } footer h4 { margin: 10px 0 !important; color: #fff; font-size: 14px; line-height: 22px; } .socialIconFooter img { width: 22px; margin: 0 10px !important; } } @media (max-width: 767px) { #entryForm .btn-close { margin: -2rem -0.5rem -0.5rem auto !important; } .WhatsaapIcon { bottom: 20px; right: 14px; } .doorstepLeft ul:hover .stepCounter div { font-size: 1rem !important; } .SecondLevelSubHeading { font-size: 16px; line-height: 20px; margin: 0 !important; } .colorText, h3 { font-size: 21px; line-height: 23px; } .carousel-caption h1 { font-size: 22px !important; } .carousel-caption { top: 46% !important; } .doorstepLeft ul { margin-left: 0 !important; padding-left: 0.7rem !important; margin: 1rem 0; } .btnPrimery { font-size: 12px; padding: 8px 15px; } .pilerBorder { padding: 5px 32px; font-size: 12px; } .doorStepWrapper { padding: 1.2rem 0; } .stepCounter div { font-size: 15px; line-height: 0; width: 32px !important; height: 32px !important; } h3 { line-height: 22px; margin: 0 !important; } .dorstepRight { text-align: center; } .dorstepRight img { width: 92%; } .TermAndCondition p { line-height: 18px; font-weight: 500 !important; font-size: 14px !important; margin-bottom: 0 !important; } .TermAndCondition { padding: 1rem 0 0.5rem; } .ConnectUsWrapper { padding: 1.5rem 0 0; } form textarea { height: 127px !important; } }