.p_1_s143{ .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_s143{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s144{ .whyMain { padding-bottom: 50px; } .whyMainGrid { grid-template-columns: 2fr 1fr; } .whyInnerMain { background-color: var(--themeBg3); padding: 80px 0px; border-radius: 60px; background-position: bottom left, top right; background-size: 350px, 280px; background-repeat: no-repeat, no-repeat; } .firstInnerSec { background-color: var(--themeColor1); background-position: 220px -80px; background-size: 290px; background-repeat: no-repeat; border-radius: 20px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .secondInnerSec { background-color: var(--themeColor2); background-position: 220px -80px; background-size: 290px; background-repeat: no-repeat; border-radius: 20px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .subHeading { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--themeColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; margin-bottom: 10px; } .subPara { font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.8); line-height: 25px; } .marBot50 { margin-bottom: 50px; } .whyCardText { padding: 30px; } .whyCardNo { color: #fff; font-size: 45px; font-weight: 600; } .whyCardInnerText { color: #fff; font-size: 20px; font-weight: 600; line-height: 25px; } .whyCardImg { line-height: 0px; } .whyCardImg img { height: 100%; border-radius: 20px; object-fit: contain; } .cardInnerSec { padding: 30px; border-radius: 20px; background-color: white; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1); } .cardInnerGrid { grid-template-columns: 50px 1fr; } .cardIcon { width: 50px; height: 50px; } .cardHeading { font-size: 22px; font-weight: 600; margin-bottom: 5px; } .cardSubPara { font-size: 15px; color: rgba(0, 0, 0, 0.8); font-weight: 500; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cardInnerSec:hover .cardIcon svg { animation-name: zoom; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes zoom { 100% { transform: scale(0.9); } } @media only screen and (max-width: 1250px) { .whyInnerMain { width: calc(90% - 40px); padding: 20px; border-radius: 20px; } .subHeading { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .subPara { line-height: 25px; } .whyMainGrid { grid-template-columns: 1fr; } .gridRow3 { grid-template-rows: 1fr; /* grid-template-columns: repeat(3, 1fr); */ } .cardInnerGrid { grid-template-columns: 1fr; text-align: center; } .cardIcon { margin: 0 auto; } .cardSubPara { -webkit-line-clamp: 3; } .cardInnerSec{ padding: 20px; } } .whyInnerMain .maxWidth1300{ width: 90%; } }.p_1_s144{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s145{ .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; } .subHeading { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--themeColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; margin-bottom: 10px; } .subPara { font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.8); line-height: 25px; margin-bottom: 50px; } @media only screen and (max-width: 900px) { .dealMainSec { padding: 20px 0px; } .subHeading { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .subPara { line-height: 25px; } .gridMainSec .grid2 .disBtnMainSec { top: 83px; left: 22px; } } }.p_1_s145{ background-image:url("https://www.avatardecors.com/storage/bgimages/1738327935bgimage.png");background-position:bottom right;background-repeat:no-repeat;@media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s146{ .subHeading { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--themeColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; margin-bottom: 10px; } .subPara { font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.8); line-height: 25px; } .aboutMain { padding: 50px 0px; background-position: center 650px; background-size: 300px; background-repeat: no-repeat; } .aboutInnerHeading { font-size: 21px; font-weight: 500; line-height: 30px; } .aboutInnerPara { margin: 20px 0px; font-size: 15px; color: rgba(0, 0, 0, 0.7); line-height: 25px; } .aboutCustomGrid { grid-template-columns: 260px 1fr; } .pointCheckIcon { width: 20px; height: 20px; color: var(--themeColor1); font-size: 20px; } .aboutInnerPointsPara { font-size: 15px; color: rgba(0, 0, 0, 0.7); line-height: 25px; font-weight: 500; } .pointsMainSec { margin-bottom: 10px; } .aboutMain .disBtnMainSec button { width: auto; } .aboutMain .disBtnMainSec button:hover .firstIcon { width: 0px; } .aboutMain .disBtnMainSec button:hover .secondIcon { width: 20px; } .marBot50 { margin-bottom: 50px; } .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 .firstIcon { display: block; transition: 0.5s; width: 20px; overflow: hidden; } .disBtnMainSec button .secondIcon { width: 0; margin-left: 10px; transition: 0.5s; overflow: hidden; } .disBtnMainSec button:hover { background-color: var(--btnHoverColor); } @media only screen and (max-width: 900px) { .gap90 { gap: 30px; } .aboutMain { padding: 20px 0px; background-image: none !important; } .subHeading { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .aboutCustomGrid { grid-template-columns: 1fr; } .aboutCustomGrid.gap50 { gap: 30px; } .disBtnMainSec button { margin: 20px auto 0px; } } }.p_1_s146{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s147{ .whyMain { padding-bottom: 50px; } .whyMainGrid { grid-template-columns: 2fr 1fr; } .whyInnerMain { background-color: var(--themeBg3); padding: 80px 0px; border-radius: 60px; background-position: bottom left, top right; background-size: 350px, 280px; background-repeat: no-repeat, no-repeat; } .subHeading { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--headingColor2); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; color: var(--headingColor1); margin-bottom: 10px; } .subPara { font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.8); line-height: 25px; } .marBot50 { margin-bottom: 50px; } .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); } .bbCardSec { margin: 20px 0px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden; border-radius: 10px; } .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; } .bbBlogImg { height: 360px; } .bbBlogImg img { transition: 0.3s; border-radius: 10px; } .blogWhiteDiv { width: calc(100% - 50px); position: relative; z-index: 2; margin-top: -30px; padding: 20px 25px 10px; background-color: white; border-radius: 10px; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06); } .cardInnerHeading { font-size: 20px; font-weight: 600; line-height: 25px; color: rgba(0, 0, 0, 0.9); margin-bottom: 5px; transition: 0.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bbCardSec:hover .cardInnerHeading { color: var(--themeColor1); } .cardInnerPara { font-size: 15px; line-height: 25px; color: rgba(0, 0, 0, 0.8); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 12px; } .disBtnMainSec { border-top: 1px dashed rgba(0, 0, 0, 0.2); } .disBtnMainSec button { background-color: white; color: black; padding: 12px 0px; width: auto; border-radius: 0px; margin-top: 0px; } .disBtnMainSec button i { color: var(--themeColor1); } .disBtnMainSec button:hover { color: var(--themeColor1); } .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; } .bbCardSec:hover .bbBlogImg img { transform: scale(1.05); } .tag { position: absolute; top: -10px; right: 10px; background-color: var(--themeBg2); color: var(--paragraphColorWhite); font-size: 13px; padding: 2px 10px; border-radius: 10px; font-weight: 500; } @media only screen and (max-width: 900px) { .whyInnerMain { width: calc(90% - 40px); padding: 20px; border-radius: 20px; } .subHeading { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .subPara { line-height: 25px; } .leftProductBtnSlider { margin: 0px; } } .whyMain{ padding-bottom: 0px; } }.p_1_s147{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s148{ .catSec { padding: 50px 0px; background-position: center; background-repeat: no-repeat; background-size: cover; } .smallHead { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--themeColor1); font-family: var(--o1Font); } .mainHeading { font-size: 40px; font-weight: 600; color: var(--headingColor1); margin: 10px 0px; } .subPara { font-size: 15px; line-height: 30px; margin-bottom: 30px; } .textSec { padding: 20px 10px; text-align: center; } .cardHead { font-size: 25px; line-height: 35px; font-weight: 600; color: var(--themeColor1); } .seeLink { font-size: 15px; font-weight: 600; color: #515151; } .catCard { position: relative; } .imgSec { border-radius: 15px; overflow: hidden; position: relative; transition: all 0.5s ease-out; height: 250px; } .imgSec img { transition: all 0.4s linear; } .imgSec::after { background: rgb(255 255 255 / 50%); content: ""; height: 0; left: 0; opacity: 1; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 9; } .catCard:hover .imgSec::after { height: 100%; opacity: 0; transition: all 0.4s linear; } .catCard:hover .imgSec img { transform: scale(1.3); } .catSlider5 .item { transition: 0.3s; } .catSec .owl-carousel .owl-stage-outer { margin: -25px; padding: 25px; } .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(--btnColor); border-radius: 8px; transition: 0.4s; } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--btnTextColor); transition: 0.4s; } .arrowRightIconSec:hover, .arrowLeftIconSec:hover { background-color: var(--btnHoverColor); } .arrowRightIconSec:hover i, .arrowLeftIconSec:hover i { color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .catSec { padding: 20px 0px; } .smallHead { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .subPara { line-height: 25px; } } .imgSec{ height: 320px; } .cardHead { font-size: 22px; } }.p_1_s148{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s149{ .small_card_section { padding: 50px 0px; } .custGrid { grid-template-columns: 50px 1fr; } .iconSec { width: 50px; height: 50px; } .iconSec::after { content: ""; width: 40px; height: 40px; margin-right: 0; margin-top: -4px; position: absolute; top: 0; right: 0; background-color: var(--themeColor); opacity: 20%; border-radius: 50%; z-index: -1; } .cardHead { font-size: 18px; line-height: 28px; color: var(--headingColor1); font-weight: 600; } .carPara { line-height: 24px; font-size: 14px; font-weight: 500; color: var(--paragraphColorBlack); } .small_card_section{ background-color: var(--themeBg3); padding: 30px 0px; } }.p_1_s149{ background-image:url("https://www.avatardecors.com/storage/bgimages/1738325055bgimage.png");background-position:bottom right;background-size:contain;background-repeat:no-repeat;@media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s151{ .mainTextSec { margin-bottom: 50px; } .smallHead { font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 30px; letter-spacing: 2px; color: var(--themeColor1); margin: 0px 0px 0px 0px; } .smallHead img { width: 35px; margin-right: 10px; } .mainHeading { font-size: 44px; font-weight: 600; line-height: 52px; margin-bottom: 15px; margin-top: 5px; } .mainHeading span { color: var(--themeColor1); } .mainSubPara { font-family: 15px; color: rgba(0, 0, 0, 0.8); } .testiMain { padding: 80px 0px; background-color: var(--themeBg3); background-position: center bottom; background-repeat: no-repeat; background-size: 80%; } .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(--btnColor); border-radius: 8px; transition: 0.3s; } .arrowRightIconSec:hover, .arrowLeftIconSec:hover { background-color: var(--btnHoverColor); } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--btnTextColor); transition: 0.3s; } .arrowRightIconSec:hover i, .arrowLeftIconSec:hover i { color: var(--btnHoverTextColor); } .testiSlider2 .owl-nav.disabled + .owl-dots { margin-top: 20px !important; } .testiSlider2 .owl-dots .owl-dot.active span { background-color: var(--themeColor1); } .testiCardMainSec { margin: 15px 0px; padding: 30px; background-color: white; border-radius: 12px; position: relative; transition: 0.3s; } .testiCardMainSec:hover { margin-top: 5px; } .testiCardName { font-size: 20px; font-weight: 600; } .testiCardDesig { font-size: 15px; } .starSec { width: 20px; height: 20px; } .starSec i { font-size: 14px; color: var(--themeColor1); } .testiCardComment { font-size: 15px; line-height: 25px; padding: 23px 0px 25px 0px; } .cardHead { margin: 0px 10px 0px 0px !important; font-size: 22px; font-weight: 700; line-height: 32px; } .quoteSec { width: 45px; height: auto; } .btnSec { width: fit-content; margin: 50px 0px 0px 0px; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 15px; font-weight: 500; border: 0px; padding: 7px 15px; border-radius: 5px; cursor: pointer; transition: 0.4s; } .btnSec:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .testiMain { padding: 20px 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .arrowMainSec { display: none; } } }.p_1_s151{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s152{ .partMain { 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); } .partIcon { padding: 15px; border: 2px solid transparent; border-radius: 30px; position: relative; transition: 0.3s; overflow: hidden; } .partIcon img { margin: 0 auto; max-width: 150px !important; } .imgHover { position: absolute; top: -100%; left: 50%; transform: translateX(-50%); transition: 0.3s; } .partIcon:hover { border: 2px solid var(--themeColor2); } .partIcon:hover .imgHover { top: 15px; } .mainLogo { transition: 0.3s; } .partIcon:hover .mainLogo { opacity: 0; } @media only screen and (max-width: 900px) { .partMain { padding: 20px 0px; } .partIcon { padding: 10px 5px; } } }.p_1_s152{ padding-top:20px;padding-bottom:20px;@media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s154{ .proMainSec { 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); } .mainHeading { font-size: 50px; font-weight: 600; line-height: 65px; margin-bottom: 10px; } .mainHeading span { color: var(--themeColor1); } .subPara { font-size: 15px; line-height: 25px; margin-bottom: 20px; color: rgba(0, 0, 0, 0.8); } .buyBtn { margin-top: 20px; padding: 8px 20px; background-color: var(--btnColor); color: var(--btnColorText); font-size: 15px; font-weight: 600; border: none; cursor: pointer; border-radius: 5px; transition: 0.3s; } .buyBtn:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .proMainSec { padding: 20px 0px; } .mainHeading { font-size: 25px; line-height: 35px; } } .owl-stage-outer{ padding: 20px; margin: -20px; } }.p_1_s154{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s169{ .marquee_slider_3 { overflow-x: hidden; padding: 30px 0px; } .marqueeInner { background: linear-gradient(90deg, var(--themeColor1) 0%, var(--themeColor2) 100%); padding: 20px 0; position: relative; } .marqueeInner::before { position: absolute; content: ""; width: 110%; height: 100%; top: 0; left: -10px; background: var(--themeBg2); 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; } .marquee_slider_3 { margin-top: -30px; position:relative; z-index: 10; } }.p_1_s169{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }