.p_1_s144{ .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; pointer-events: none; } .navBtn { width: 40px; height: 40px; background-color: var(--themeColor1); margin: 0px 10px; pointer-events: all; cursor: pointer; opacity: 0.3; transition: 0.3s; border-radius: 10px; } .bannerMain:hover .navBtn { opacity: 1; } .navBtn i { color: var(--anchorColor); } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: -50px; position: relative; z-index: 99; } .bannerImg img, .bannerImg video { height: 100%; object-fit: cover; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--themeColor1) !important; width: 30px !important; } .bannerImg a { width: 100%; height: auto; display: block; } }.p_1_s144{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s145{ .marquee_slider_3 { overflow-x: hidden; padding: 30px 0px; } .marqueeInner { background: linear-gradient(90deg, #8750f7 0%, #2a1454 100%); padding: 20px 0; position: relative; } .marqueeInner::before { position: absolute; content: ""; width: 110%; height: 100%; top: 0; left: -10px; background: rgb(192, 172, 233); transform: rotate(-1.09deg); z-index: -1; } .iconSec { width: 20px; } .cardPara { font-size: 16px; font-weight: 500; color: var(--paragraphColorWhite); letter-spacing: 1px; } .cardSec { justify-content: space-evenly; } .marqueeInner{ background:linear-gradient(90deg, #000000 0%, #353535 100%); } .marquee_slider_3{ position:relative; z-index: 3; margin-top: -30px; padding: 10px 0px; } .marqueeInner::before{ background: var(--themeColor1); } }.p_1_s145{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s146{ .category_section_8 { padding: 40px 0px; } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .catCard { transform: scale(1); transition: 0.4s; } .catCard:hover { transform: scale(1.1); } .imgSec { aspect-ratio: 1; transition: 0.4s; line-height: 0; border-radius: 50%; overflow: hidden; margin: 0 auto; text-align: center; } .cardTextSec { padding: 15px 0px 0px; } .cardHead { font-size: 18px; line-height: 26px; font-weight: 600; color: var(--headingColor1); font-family: var(--hFont); } .sliderProductBtn { top: 50%; transform: translateY(-50%); pointer-events: none; position: absolute; justify-content: space-between; z-index: 98; } .leftProductBtnSlider { pointer-events: all; cursor: pointer; margin: 0 10px; width: 30px; height: 30px; transition: 0.3s; background-color: var(--btnColor); border-radius: 5px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); } .leftProductBtnSlider i { transition: 0.3s; font-size: 14px; color: var(--btnTextColor); } .leftProductBtnSlider:hover { background-color: var(--btnHoverColor); } .leftProductBtnSlider:hover i { color: var(--btnHoverTextColor); } .category_section_8 .owl-carousel .owl-stage-outer { padding: 30px 10px; margin: -30px -10px; } @media only screen and (max-width: 900px) { .category_section_8 { padding: 30px 0px; } .mainHeading { font-size: 30px; } .subPara { margin-bottom: 30px; } .grid5 { grid-template-columns: repeat(3, 1fr); gap: 10px; } .catCard { transform: scale(1); } .imgSec { padding: 0px; } .catCard:hover .imgSec { border: none; } .cardHead { font-size: 16px; font-weight: 500; } .cardTextSec { padding: 10px; } } .category_section_8{ padding: 0px; } .cardHead{ font-size: 12px; line-height: 15px; } }.p_1_s146{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s147{ .grid_section_2 { padding: 40px 0px; } .custGrid { grid-template-columns: 1.2fr 1fr; } .imgSec { overflow: hidden; border-radius: 10px; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } @media only screen and (max-width: 900px) { .custGrid { grid-template-columns: 1fr; } } }.p_1_s147{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s148{ .product_section_1 { padding: 80px 0px; } .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 99; } .navBtn { width: 40px; height: 40px; background-color: var(--btnColor); margin: 0px 10px; pointer-events: all; cursor: pointer; transition: 0.3s; border-radius: 10px; } .navBtn:hover { background-color: var(--btnHoverColor); } .navBtn i { color: var(--btnColorText); transition: 0.3s; } .navBtn:hover i { color: var(--btnHoverTextColor); } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .product_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .product_section_1 { padding: 20px 0px; } .subPara{ margin-bottom: 30px; } .mainHeading { font-size: 30px; line-height: 40px; } } .imgSec { aspect-ratio: 3/5 } }.p_1_s148{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s149{ .imgSec { overflow: hidden; border-radius: 10px; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } }.p_1_s149{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s150{ .product_section_1 { padding: 80px 0px; } .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 99; } .navBtn { width: 40px; height: 40px; background-color: var(--btnColor); margin: 0px 10px; pointer-events: all; cursor: pointer; transition: 0.3s; border-radius: 10px; } .navBtn:hover { background-color: var(--btnHoverColor); } .navBtn i { color: var(--btnColorText); transition: 0.3s; } .navBtn:hover i { color: var(--btnHoverTextColor); } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .product_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .product_section_1 { padding: 20px 0px; } .subPara{ margin-bottom: 30px; } .mainHeading { font-size: 30px; line-height: 40px; } } .imgSec { aspect-ratio: 3/5 } }.p_1_s150{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s151{ .imgSec { overflow: hidden; border-radius: 10px; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } }.p_1_s151{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s152{ .product_section_1 { padding: 80px 0px; } .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 99; } .navBtn { width: 40px; height: 40px; background-color: var(--btnColor); margin: 0px 10px; pointer-events: all; cursor: pointer; transition: 0.3s; border-radius: 10px; } .navBtn:hover { background-color: var(--btnHoverColor); } .navBtn i { color: var(--btnColorText); transition: 0.3s; } .navBtn:hover i { color: var(--btnHoverTextColor); } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .product_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .product_section_1 { padding: 20px 0px; } .subPara{ margin-bottom: 30px; } .mainHeading { font-size: 30px; line-height: 40px; } } .imgSec { aspect-ratio: 3/5 } }.p_1_s152{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s153{ .brands_sections_1 { padding: 40px 0px 70px; /* background-color: var(--themeBg1); */ } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .catCard { padding: 10px; } .imgSec { transition: 0.4s; line-height: 0; margin: 0 auto; } .imgSec img { transition: 0.4s; } .catCard:hover .imgSec img { transform: scale(1.08); } .cardTextSec { bottom: -25px; left: 10px; right: 10px; padding: 10px; background-color: white; } .cardHead { font-size: 22px; line-height: 25px; font-weight: 600; color: var(--headingColor1); font-family: var(--hFont); } .sliderProductBtn { top: 50%; transform: translateY(-50%); pointer-events: none; position: absolute; justify-content: space-between; z-index: 98; } .leftProductBtnSlider { pointer-events: all; cursor: pointer; margin: 0 10px; width: 40px; height: 40px; transition: 0.3s; background-color: var(--btnColor); border-radius: 10px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); } .leftProductBtnSlider i { transition: 0.3s; font-size: 16px; color: var(--btnTextColor); } .leftProductBtnSlider:hover { background-color: var(--btnHoverColor); } .leftProductBtnSlider:hover i { color: var(--btnHoverTextColor); } .brands_sections_1 .owl-carousel .owl-stage-outer { padding: 30px; margin: -30px; } @media only screen and (max-width: 900px) { .brands_sections_1{ padding: 20px 0px; } .catCard { margin-bottom: 40px; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara{ margin-bottom: 30px; } } .cardHead{ font-size: 12px; line-height: 20px; } .cardTextSec{ padding: 5px; } }.p_1_s153{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s154{ .blog_section_1 { padding: 20px 0px; } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .viewBtn { display: inline-block; margin-top: 50px; padding: 0 25px 0 13px; border-radius: 5.5px; background-color: var(--themeColor); color: var(--paragraphColorWhite); font-size: 16px; font-weight: 500; line-height: 34px; } .arrowMainSec { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; } .arrowRightIconSec, .arrowLeftIconSec { pointer-events: all; cursor: pointer; width: 40px; height: 40px; background-color: var(--themeColor1); border-radius: 8px; } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--anchorColor); } .blog_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } } }.p_1_s154{ padding-top:40px;padding-bottom:40px;@media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s155{ .dealMainSec { padding: 50px 0px; } .gridMainSec .grid3 .disBtnMainSec { top: 140px; left: 50%; transform: translateX(-50%); } .grids:hover .disBtnMainSec button .firstIcon { width: 0px; } .grids:hover .disBtnMainSec button .secondIcon { width: 20px; } .gridMainSec .grid2 .disBtnMainSec { top: 150px; left: 40px; } .grids img { object-fit: contain; border-radius: 20px; } .disBtnMainSec button { margin-top: 20px; width: -webkit-fill-available; padding: 12px 27px; background-color: var(--btnColor); border: none; color: var(--btnTextColor); border-radius: 30px; cursor: pointer; font-size: 14px; font-weight: 500; transition: 0.3s; } .disBtnMainSec button:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .disBtnMainSec button .firstIcon { display: block; transition: 0.5s; width: 20px; overflow: hidden; } .disBtnMainSec button .secondIcon { width: 0; margin-left: 10px; transition: 0.5s; overflow: hidden; } .bbCardSec:hover .disBtnMainSec button .firstIcon { width: 0px; } .bbCardSec:hover .disBtnMainSec button .secondIcon { width: 20px; } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } @media only screen and (max-width: 900px) { .dealMainSec { padding: 20px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } .gridMainSec .grid2 .disBtnMainSec { top: 83px; left: 22px; } .gap30{ gap: 10px; } } }.p_1_s155{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s156{ .testimonial_section_11 { padding: 40px 0px; background-color: var(--themeBg1); } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .testiCard { overflow: hidden; background-color: var(--themeBg4); padding: 50px; margin: 1px; } .stars { gap: 5px; margin-bottom: 25px; } .stars i { font-size: 15px; color: #eea81f; } .comment { font-size: 18px; line-height: 28px; font-weight: 400; color: var(--paragraphColorBlack); } .quoteSec { justify-content: flex-end; margin: 20px 0px; } .quoteSec svg { width: 70px; height: 70px; fill: #aaaaaa4d; transition: 0.4s; } .profileSec { position: relative; } .line { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 1px; z-index: 1; background-color: #aaaaaa; } .custGrid { grid-template-columns: 70px 1fr; } .profile { position: relative; z-index: 2; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 1px solid #aaaaaa; } .name { font-size: 20px; line-height: 30px; color: var(--headingColor1); margin-bottom: 10px; } .location { font-size: 16px; line-height: 26px; font-weight: 300; color: #3d3d3d; } .testiCard:hover .quoteSec svg { transform: translateY(-10px); } .testimonial_section_11 .owl-item { overflow: hidden; } .testiAni::before { content: ""; position: absolute; pointer-events: none; transition: 0.4s; z-index: -1; background: conic-gradient(transparent 50%, var(--themeColor1) 90%); animation: spin 2s linear infinite; opacity: 0; width: 100%; height: 100%; left: 0; right: 0; top: 0; } @keyframes spin { 0% { transform: scale(2) rotate(0.5turn); } 100% { transform: scale(2) rotate(1.5turn); } } .testiAni:hover::before { opacity: 1; } .arrowMainSec { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 10; } .arrowRightIconSec, .arrowLeftIconSec { pointer-events: all; cursor: pointer; width: 40px; height: 40px; background-color: var(--btnColor); border-radius: 8px; transition: 0.4s; } .arrowRightIconSec:hover, .arrowLeftIconSec:hover { background-color: var(--btnHoverColor); } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--btnTextColor); transition: 0.4s; } .arrowRightIconSec:hover i, .arrowLeftIconSec:hover i { color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .testimonial_section_11 { padding: 30px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } .testiCard { padding: 30px; } .quoteSec svg { width: 50px; height: 50px; } .quoteSec { margin: 10px 0px; } .comment { font-size: 15px; line-height: 25px; } } }.p_1_s156{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s165{ .product_section_1 { padding: 80px 0px; } .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 99; } .navBtn { width: 40px; height: 40px; background-color: var(--btnColor); margin: 0px 10px; pointer-events: all; cursor: pointer; transition: 0.3s; border-radius: 10px; } .navBtn:hover { background-color: var(--btnHoverColor); } .navBtn i { color: var(--btnColorText); transition: 0.3s; } .navBtn:hover i { color: var(--btnHoverTextColor); } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .product_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .product_section_1 { padding: 20px 0px; } .subPara{ margin-bottom: 30px; } .mainHeading { font-size: 30px; line-height: 40px; } } }.p_1_s165{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }