.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, #6A1940 0%, #310b1c 100%); } .marquee_slider_3{ position:relative; z-index: 3; margin-top: -20px; } .marqueeInner::before{ background: #A4728A; } }.p_1_s145{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s146{ .category_section_7 { 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(0.8); transition: 0.4s; } .catCard:hover { transform: scale(1); } .imgSec { padding: 10px; transition: 0.4s; line-height: 0; width: 246px; height: 246px; margin: 0 auto; } .cardTextSec { padding: 20px 0px 0px; } .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); } @media only screen and (max-width: 900px) { .category_section_7 { 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: 22px; font-weight: 500; } .cardTextSec { padding: 10px; } } }.p_1_s146{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s147{ .small_card_section_1 { padding: 40px 0px; } .cardSec { padding: 30px; border: 1px solid #ebebeb; border-radius: 10px; } .iconSec { width: 30px; height: 30px; margin-bottom: 30px; } .cardHead { font-size: 20px; font-weight: 600; line-height: 20px; margin-bottom: 10px; } .cardPara { font-size: 15px; line-height: 25px; font-weight: 400; } @media only screen and (max-width: 900px) { .cardSec { padding: 20px; } .iconSec { margin-bottom: 20px; } .cardHead { font-size: 18px; } .grid4 { grid-template-columns: 1fr 1fr; gap: 20px; } } .small_card_section_1{ background-color: var(--themeBg1); } .cardSec{ background-color: white; } }.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; } } }.p_1_s148{ @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; } } }.p_1_s150{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s151{ .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_s151{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s153{ .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_s153{ padding-top:80px;@media only screen and (max-width: 900px) { background-attachment:scroll; padding-top:80px; } }.p_1_s154{ .faq_section_2 { padding: 40px 0px; } .faqGrid { grid-template-columns: 400px 1fr; } .faqImg { border-radius: 25px; overflow: hidden; } .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); } .faqCard { margin-bottom: 10px; } .quesSec { cursor: pointer; padding: 20px 25px 20px 25px; border: 1px solid var(--themeBg3); border-radius: 15px; } .ques { font-size: 16px; font-weight: 600; color: var(--headingColor1); font-family: var(--hFont); line-height: 26px; } .iconSec i { font-size: 14px; color: var(--themeColor1); } .ansSec { display: none; padding: 20px 25px 20px 25px; } .active { display: block; } .ans { font-size: 16px; line-height: 30px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .allBtn { display: inline-block; font-family: var(--pFont); font-weight: 500; border-style: none; border-radius: 100px; padding: 15px 30px 15px 30px; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 13px; transition: 0.4s; margin-top: 20px; } .allBtn:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .faq_section_2 { padding: 20px 0px; } .faqGrid { grid-template-columns: 1fr; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } .quesSec { padding: 10px 20px 10px 20px; border-radius: 10px; } .ansSec { padding: 10px 20px 10px 20px; } .ans { font-size: 14px; line-height: 25px; } } }.p_1_s154{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s155{ .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_s155{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s156{ .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_s156{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s159{ .counter_1 { padding: 50px 0px; background-color: var(--themeBg3); } .counterGrid { grid-template-columns: 1fr 3fr; } .arrowImg { width: 90px; } .count { font-size: 50px; line-height: 60px; font-weight: 500; font-family: var(--o1Font); color: var(--headingColor2); } .countText { font-size: 15px; font-weight: 400; font-family: var(--pFont); line-height: 24px; color: var(--paragraphColorBlack); } .countHead { font-size: 30px; font-weight: 600; line-height: 45px; font-family: var(--hFont); color: var(--headingColor1); } @media only screen and (max-width: 900px) { .counter_1 { padding: 20px 0px; } .counterGrid { grid-template-columns: 1fr; text-align: center; } .arrowMainImg { display: none; } } }.p_1_s159{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s160{ .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; } } }.p_1_s160{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s162{ .insta_section_1 { 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); } .imgSec { border-radius: 10px; overflow: hidden; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } .hoverBg { position: absolute; z-index: 2; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; transition: 0.4s; opacity: 0; visibility: hidden; } .hoverBg i { font-size: 25px; color: var(--paragraphColorWhite); } .imgSec:hover .hoverBg { opacity: 1; visibility: visible; } .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) { .insta_section_1 { padding: 20px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } } }.p_1_s162{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s193{ .imgSec { overflow: hidden; border-radius: 10px; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } }.p_1_s193{ padding-top:80px;@media only screen and (max-width: 900px) { background-attachment:scroll; padding-top:40px; } }.p_1_s194{ .imgSec { overflow: hidden; border-radius: 10px; } .imgSec img { transition: 0.4s; } .imgSec:hover img { transform: scale(1.05); } }.p_1_s194{ padding-top:80px;@media only screen and (max-width: 900px) { background-attachment:scroll; padding-top:80px; } }.p_1_s204{ .product_video_section_1 { padding: 80px 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); } .cardSec { border-radius: 10px; overflow: hidden; background-color: var(--themeBg4); /* transition: 0.4s; */ } .cardTextSec { background-color: var(--themeBg4); width: calc(100% - 30px); padding: 15px; bottom: -60px; left: 0px; transition: 0.4s; } .cardSec:hover .cardTextSec { bottom: 0px; } .cardGrid { grid-template-columns: 70px 1fr; } .imgSec { width: 70px; height: 70px; border-radius: 5px; overflow: hidden; } .cardHead { font-size: 16px; font-weight: 500; color: var(--headingColor1); font-family: var(--hFont); } .cardPara { font-size: 14px; line-height: 24px; font-weight: 400; font-family: var(--pFont); color: var(--paragraphColorBlack); margin: 5px 0px; } .price { font-size: 16px; font-weight: 500; color: var(--paragraphColorBlack); } .price span { color: rgba(0, 0, 0, 0.5); font-size: 15px; margin-left: 10px; text-decoration: line-through; vertical-align: middle; } .btnSec { margin-top: 10px; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 15px; font-weight: 600; border: none; width: 100%; padding: 10px; border-radius: 5px; transition: 0.4s; } .btnSec:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .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) { .product_video_section_1 { padding: 40px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } } }.p_1_s204{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }