.p_1_s127{ .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_s127{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s128{ .subHeading { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--headingColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; margin: 10px 0px; color: var(--headingColor2); } .subPara { font-size: 15px; font-weight: 500; color: var(--paragraphColorBlack); 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; } .marBot50 { margin-bottom: 50px; } .aboutMain .disBtnMainSec button { width: auto; } .aboutMain .disBtnMainSec button:hover .firstIcon { width: 0px; } .aboutMain .disBtnMainSec button:hover .secondIcon { width: 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 .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; } } .mainHeading{ color: #e42032; } }.p_1_s128{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s129{ .ctaSec { padding: 50px 0px; background-color: var(--themeColor1); position: relative; } .handImg { position: absolute; bottom: -1px; left: 40%; /* transform: translateX(-50%); */ animation: leftRight 3s linear infinite; } @keyframes leftRight { 0% { left: 40%; } 50% { left: 42%; } 100% { left: 40%; } } .arrow { position: absolute; right: 200px; /* transform: translateY(-50%); */ animation: arrow 3s linear infinite; } @keyframes arrow { 0% { transform: rotate(0deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } } .ctaGrid { grid-template-columns: 1.5fr 1fr; } .line { width: 4px; height: 17px; display: inline-block; background-color: white; position: relative; top: 2px; margin-right: 10px; } .line::after { position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent white; content: ""; animation: zump 1.5s linear infinite; } @keyframes zump { 0% { transform: translateY(-5px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-5px); } } .abtHead { font-size: 22px; letter-spacing: 2.2px; margin-bottom: 16px; font-family: var(--o1Font); color: var(--headingColorW1); text-transform: uppercase; display: inline-block; font-weight: 700; line-height: 1em; } .abtSubHead { font-size: 40px; line-height: 50px; font-weight: 600; color: var(--headingColorW2); } .abtMoreBtn { cursor: pointer; width: 180px; padding: 18px 0px; font-size: 16px; background-color: var(--btnColor); border-radius: 40px; border: none; font-weight: 600; color: var(--btnTextColor); position: relative; overflow: hidden; z-index: 1; } .abtMoreBtn::after { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 5%; background: var(--themeColor2); content: ""; z-index: -1; transition: 0.5s; } .abtMoreBtn:hover::after { width: 100%; } .abtMoreBtn:hover { color: black; } @media only screen and (max-width: 1000px) { .handImg { display: none; } } @media only screen and (max-width: 650px) { .arrow { display: none; } .ctaGrid { grid-template-columns: 1fr; } .ctaCard { text-align: center; } .abtMoreBtnSec.floatRight { float: none; text-align: center; } .abtSubHead { font-size: 30px; line-height: 40px; } }.ctaSec{ background-color: #e42032; } .abtMoreBtn{ background-color: black; } }.p_1_s129{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s131{ .testimonial_section_12 { padding: 80px 0px; background-color: var(--themeBg2); background-position: bottom left; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .custGrid3 { grid-template-columns: 1fr 300px; } .testiSlider12 { margin-top: 50px; } .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); } .arrowMainSec { pointer-events: none; z-index: 2; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 20px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .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); } .imgSec { overflow: hidden; border-radius: 20px; height: 400px; } .custGrid { grid-template-columns: 1.5fr 1fr; } .textSec { border-radius: 20px; padding: 30px; background-color: var(--themeBg1); margin-left: -200px; } .stars { gap: 5px; margin-bottom: 25px; } .stars i { font-size: 15px; color: #eea81f; } .comment { font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 25px; } .custGrid2 { grid-template-columns: 70px 1fr; } .profile { font-size: 16px; line-height: 26px; font-weight: 600; border-radius: 50%; overflow: hidden; } .name { font-size: 18px; line-height: 30px; color: var(--headingColor1); } .desig { font-size: 15px; line-height: 26px; font-weight: 400; color: #252525; } @media only screen and (max-width: 900px) { .testimonial_section_12 { padding: 40px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .custGrid { grid-template-columns: 1fr; } .textSec { margin-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .imgSec { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; height: 270px; } .floatRight { margin: 0 auto; float: none; } .custGrid3 { grid-template-columns: 1fr; } .custGrid3 { text-align: center; } .arrowMainSec { justify-content: center; } .arrowMainSec{ display: none; } .testiSlider12{ margin-top: 0px; } } .textSec{ background-color: #FEF4F5 } .mainHeading{ color: #e42032; } }.p_1_s131{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s133{ .download_app_1 { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; height: 600px; } .backCircle { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); max-width: 1000px; width: 90%; height: 1000px; border-radius: 50%; backdrop-filter: blur(10px); padding: 50px; } .circle { width: calc(100% - 100px); height: calc(100% - 100px); background-color: var(--themeBg1); border-radius: 50%; padding: 50px; } .smallHead { font-size: 16px; line-height: 26px; font-weight: 600; font-family: var(--pFont); color: var(--headingColor1); margin-top: 50px; } .mainHeading { font-size: 40px; line-height: 50px; font-weight: 700; margin: 20px 0px; font-family: var(--hFont); color: var(--headingColor2); } .subPara { font-size: 15px; line-height: 25px; font-weight: 400; font-family: var(--pFont); color: var(--paragraphColorBlack); } .downloadApp { margin: 0 auto; margin-top: 50px; max-width: 400px; width: 90%; } .playStore img, .appStore img { border-radius: 5px; } @media only screen and (max-width: 900px) { .download_app_1 { height: 500px; } .smallHead { margin-top: 30px; } .maxWidth600 { display: flex; flex-direction: column; align-items: center; height: 100%; } .circle { width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 10px; padding: 15px; } .backCircle { top: 50px; height: 500px; border-radius: 20px; padding: 15px; } .grid2 { grid-template-columns: 1fr 1fr; } .downloadApp { margin-top: 30px; } .mainHeading { font-size: 30px; line-height: 40px; } } .mainHeading{ color: #e42032; } .circle{ background-color:#FEF4F5; } }.p_1_s133{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s135{ .faqMain { padding: 80px 0px; overflow: hidden; } .line { width: 4px; height: 17px; display: inline-block; background-color: var(--themeColor1); position: relative; top: 2px; margin-right: 10px; } .line::after { position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent var(--themeColor1); content: ""; animation: zump 1.5s linear infinite; } @keyframes zump { 0% { transform: translateY(-5px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-5px); } } .abtHead { font-size: 22px; letter-spacing: 2.2px; margin-bottom: 16px; font-family: var(--o1Font); color: var(--themeColor1); text-transform: uppercase; display: inline-block; font-weight: 700; line-height: 1em; } .abtSubHead { font-size: 40px; line-height: 50px; font-weight: 600; color: var(--headingColor1); padding-bottom: 20px; } .abtPara { max-width: 500px; line-height: 30px; margin-bottom: 30px; } .faqCardSec { margin-bottom: 30px; } .faqCardQues { border-radius: 10px; font-size: 18px; padding: 25px 30px 28px; background-color: var(--themeBg1); color: white; justify-content: space-between; cursor: pointer; } .faqCardAns { display: none; font-size: 15px; padding: 25px 30px 28px; background-color: var(--themeBg1); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .ansPara { font-size: 16px; line-height: 25px; color: rgba(0, 0, 0, 0.8); } .quesPara { color: var(--headingColor1); font-weight: 600; } .quesPara span { color: var(--themeColor1); } .plusIcon, .minusIcon { width: 30px; height: 30px; border-radius: 50%; color: var(--themeColor1); } .plus, .minus { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .activeBorderQues { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .rightSec { position: relative; } .imgSec img { border-radius: 30px; clip-path: polygon(0 0, 100% 23%, 100% 100%, 0% 100%); } .topImg { position: absolute; top: -76px; right: -60px; width: 250px; animation: top 2s linear infinite; } .topImg img { border-radius: 30px; border: 10px solid white; } @keyframes top { 0% { top: -76px; } 50% { top: -85px; } 100% { top: -76px; } } .botImg { position: absolute; bottom: -76px; left: 25px; width: 250px; animation: bottom 2s linear infinite; } .botImg img { border-radius: 30px; border: 10px solid white; } @keyframes bottom { 0% { left: 25px; } 50% { left: 35px; } 100% { left: 25px; } } @media only screen and (max-width: 900px) { .faqMain { padding: 20px 0px; } .abtSubHead{ font-size: 25px; line-height: 35px; padding-bottom: 10px; } .imgSec img { width: 100%; } .topImg { width: 150px; right: 10px; top: -50px; } .topImg img { border-width: 5px; } @keyframes top { 0% { top: -50px; } 50% { top: -65px; } 100% { top: -50px; } } .botImg { width: 150px; } .botImg img { border-width: 5px; } } .faqCardQues{ background-color: #FEF4F5; } .faqCardAns{ background-color: #FEF4F5; } .abtSubHead{ color: #e42032; } }.p_1_s135{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s136{ .process_section { padding: 20px 0px; } .smallHead { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--headingColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; color: var(--headingColor2); margin: 10px 0px; } .subPara { font-size: 15px; font-weight: 500; color: var(--paragraphColorBlack); margin-bottom: 50px; } .countSec { width: 70px; height: 70px; text-align: center; display: inline-block; line-height: 70px; border: 1px solid var(--themeBg1); border-radius: 50%; position: relative; -webkit-text-stroke-width: 1px; color: transparent; -webkit-text-stroke-color: var(--headingColor2); font-size: 30px; font-family: var(--o1Font); margin-bottom: 26px; } .countSec::after { position: absolute; content: ""; width: 56px; height: 56px; left: 50%; top: 50%; background-color: var(--themeBg1); border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.4s linear 0s; z-index: -1; } .cardSec:hover .countSec::after { width: 100%; height: 100%; } .cardHead { font-size: 26px; line-height: 36px; color: var(--headingColor2); margin-bottom: 17px; font-weight: 600; font-family: var(--hFont); } .cardPara { font-size: 16px; font-weight: 400; line-height: 26px; color: var(--paragraphColorBlack); margin-bottom: 0; font-family: var(--pFont); } .arrow { top: 20px; left: 0; transform: translateX(calc(-50% - 25px)); } .arrow::after { position: absolute; content: ""; background: rgb(255, 255, 255); background: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgba(9, 9, 121, 0) 100% ); height: 100%; width: 50%; left: 0%; top: 0; animation: move-right 3s linear infinite; } @keyframes move-right { 0% { left: -50%; } 100% { left: 100%; } } @media only screen and (max-width: 900px) { .arrow { display: none; } .mainHeading { font-size: 30px; line-height: 40px; } .gap50 { gap: 30px; } } .countSec{ -webkit-text-stroke-color: #000; border:1px solid #FEF4F5; } .cardHead, .mainHeading{ color: #e42032; } .countSec::after{ background-color: #FEF4F5; } }.p_1_s136{ margin-bottom:80px;@media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s137{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s138{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s139{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s140{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s141{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s142{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s143{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }