.p_2_s161{ .shortBanMain { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px; } .heading { font-size: 65px; font-weight: 700; line-height: 75px; font-family: var(--o1Font); color: var(--headingColorW1); margin-bottom: 10px; } .linksPara { font-size: 15px; color: var(--paragraphColorWhite); } .linksPara span { margin: 0px 10px; } .linksPara a { transition: 0.3s; } .linksPara a:hover { color: var(--themeColor1); } @media only screen and (max-width: 900px) { .heading { font-size: 40px; line-height: 50px; } } }.p_2_s161{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s162{ .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_2_s162{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s163{ .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_2_s163{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s164{ .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_2_s164{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s166{ .outerSlider{ margin-top: -200px; margin-bottom: 80px; } .whyMainSec { padding-top: 150px; padding-bottom: 300px; background-position: center; background-size: cover; } .whyHeading { font-size: 30px; color: var(--headingColorW1); font-weight: 700; margin-top: 20px; margin-bottom: 20px; } .whySubPara { font-size: 16px; color: var(--paragraphColorWhite); line-height: 25px; } .whyCard { margin-top: -200px; margin-bottom: 80px; } .cardHeading { font-size: 20px; color: var(--headingColor1); font-weight: 600; margin: 10px 0px; } .cardIconSec { max-width: 100px; margin: 0 auto; } .cardSubPara { font-size: 14px; line-height: 25px; color: var(--paragraphColorBlack); } .whyCardMain { padding: 20px; border: 2px solid var(--themeColor1); border-radius: 20px; } .innerCardwhy { background-color: var(--themeBg4); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); padding: 40px 20px; border-radius: 20px; } .aboutText { font-size: 20px; color: var(--themeColor1); } .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 99; } .navBtn { width: 40px; height: 40px; background-color: var(--themeColor1); margin: 0px 10px; pointer-events: all; cursor: pointer; transition: 0.3s; border-radius: 10px; } .navBtn i { color: var(--anchorColor); } @media only screen and (max-width: 900px) { .whyHeading { font-size: 25px; } .whySubPara { font-size: 15px; } .cardHeading { font-size: 20px; } .cardSubPara { font-size: 15px; } .whyMainSec { padding-top: 50px; padding-bottom: 250px; } } }.p_2_s166{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }