.p_2_s182{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_2_s182{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s183{ #tsparticles{ position: fixed; top: 0px; z-index: -1; } }.p_2_s183{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s184{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_2_s184{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s185{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_2_s185{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s187{ .service_section_23 { padding: 80px 0px; } .custGrid { grid-template-columns: 500px 1fr 1fr; } .mainHeading { width: fit-content; font-size: 50px; line-height: 60px; color: var(--headingColor1); font-family: var(--hFont); font-weight: 600; margin-bottom: 40px; position: relative; z-index: 1; } .headOut { width: fit-content; position: relative; } .headOut::after { position: absolute; content: ""; top: 50%; left: -40px; transform: translateY(-50%); width: 100px; height: 100px; border-radius: 50%; background-color: var(--themeBg1); z-index: 0; } .subPara { max-width: 900px; font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); } .topSec { margin-bottom: 50px; } .cardSec { padding: 30px; box-shadow: 0px 0px 10px 0px #efefef; border-radius: 30px; background-color: var(--themeBg2); transition: 0.3s; background-color: var(--themeBg1); } .cardHead { font-size: 20px; line-height: 30px; color: var(--headingColor2); font-weight: 600; margin-bottom: 10px; transition: 0.3s; } .cardPara { font-size: 15px; line-height: 26px; color: var(--paragraphColorBlack); margin-bottom: 20px; transition: 0.3s; } .cardSec:hover .cardPara { color: var(--paragraphColorWhite); } .btn { width: 45px; height: 45px; border-radius: 50%; transition: 0.3s; } .cardSec:hover .btn { background-color: #fff !important; } .btn i { font-size: 16px; vertical-align: middle; transition: 0.3s; } .imgSec { border-radius: 30px; line-height: 0px; overflow: hidden; } @media only screen and (max-width: 900px) { .service_section_23 { padding: 40px 0px; } .mainHeading { font-size: 30px; line-height: 40px; margin-bottom: 30px; } .headOut::after { width: 70px; height: 70px; left: -30px; } .custGrid { grid-template-columns: 1fr; } .gap50 { gap: 30px; } .topSec{ margin-bottom: 30px; } } }.p_2_s187{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s188{ .small_card_section_1 { padding: 80px 0px; } .mainHeading { color: var(--headingColor1); font-family: var(--hFont); font-size: 50px; font-weight: 400; line-height: 72px; margin-bottom: 20px; } .subPara { font-size: 15px; line-height: 25px; font-family: var(--pFont); color: var(--paragraphColorBlack); margin-bottom: 50px; } .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; color: var(--headingColor1); } .cardPara { font-size: 15px; line-height: 25px; font-weight: 400; } @media only screen and (max-width: 900px) { .small_card_section_1{ padding: 30px 0px; } .cardSec { padding: 20px; } .iconSec { margin-bottom: 20px; } .cardHead { font-size: 18px; } .grid4 { grid-template-columns: 1fr 1fr; gap: 20px; } } }.p_2_s188{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s189{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_2_s189{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s190{ .about_section_15 { padding: 50px 0px; background-color: var(--themeBg1); } .maxWidth1000 { max-width: 900px; } .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: 20px; 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: 30px; line-height: 40px; font-weight: 600; color: var(--themeColor1); padding-bottom: 10px; } .play_video { margin-bottom: 30px; position: relative; top: 0px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background-color: #f1f1f1; box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%), inset 0px 0px 16px 0px rgb(0 0 0 / 13%); } .go-down-btn { position: relative; z-index: 1; } .go-down-btn svg { position: relative; z-index: -1; display: block; height: 170px; width: 170px; margin: 0 auto; top: 14px; } .play_btn { width: 78px; height: 78px; border-radius: 50%; cursor: pointer; } .play_btn { background-color: transparent; cursor: pointer; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); z-index: 9; } .play_btn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: var(--themeColor1); stroke: none; height: 30px; width: 30px; cursor: pointer; } .play_btn::after { position: absolute; content: ""; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); border-radius: 50%; border: 10px solid rgba(255, 255, 255, 0.85); z-index: 8; } .go-down-btn text { font-size: 10px; transform-origin: center; letter-spacing: 8px; font-weight: 600; animation: rotate-btn 10s linear infinite; } @keyframes rotate-btn { 100% { transform: rotate(360deg); } } p span{ line-height: 30px; } }.p_2_s190{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }