.p_2_s236{ .aboutMain { padding: 80px 0px; } .smallHead { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--themeColor1); } .mainHeading { font-size: 40px; font-weight: 600; margin: 20px 0px; color: var(--headingColor1); } .subPara { font-size: 15px; line-height: 30px; } .belowGrid { grid-template-columns: 170px 1fr; } .leftBelowSec { margin-top: 30px; } .circleOuter button { background: var(--btnColor); color: var(--btnTextColor); font-size: 17px; font-style: normal; font-weight: 500; padding: 10px 20px; overflow: hidden; position: relative; display: flex; line-height: 28px; transition: all .3s ease 0s; border-radius: 10px 10px 10px 10px; border: none; outline: none; } .circleOuter button:hover{ background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .counterSecMain { border-left: 1px solid var(--themeColor1); padding-left: 35px; margin: 20px 0px; } .cardHeading { font-size: 50px; font-weight: 700; line-height: 50px; color: var(--headingColor1); } .cardPara { font-size: 16px; line-height: 26px; margin-top: 4px; } @media only screen and (max-width:1000px) { .rightSec img { width: 100%; } } @media only screen and (max-width: 900px) { .aboutMain:hover .rightSec img { transform: rotate(0deg); } .counterSecMain .grid2 { grid-template-columns: 1fr 1fr; } .aboutMain { padding: 20px 0px; } .mainHeading { font-size: 30px; } .belowGrid { grid-template-columns: 1fr; gap: 0px; } .cicleSecMain { margin: 0 auto; } .cardHeading { font-size: 25px; line-height: 35px; } .leftBelowSec { margin-top: 10px; } }.about_section_5{ padding-top: 150px; padding-bottom: 0px; background-color: var(--themeBg1); } .smallHead{ color: #fff; } @media only screen and (max-width: 900px){ .about_section_5{ padding-top: 40px; } } }.p_2_s236{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s239{ .process_3 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .smallHead { vertical-align: middle; font-size: 16px; line-height: 26px; font-family: var(--pFont); color: var(--headingColor2); font-weight: 600; } .mainHeading { font-family: var(--hFont); font-size: 40px; line-height: 50px; font-weight: 600; color: var(--headingColor1); margin-bottom: 10px; } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-weight: 400; font-family: var(--pFont); margin-bottom: 50px; } .iconSec { width: 70px; height: 100px; position: relative; margin-bottom: 40px; } .iconSec img { z-index: 1; } .iconSec::after { position: absolute; content: ""; background: var(--themeBg2); width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 7px; transform: skewX(-10deg); } .iconSec::before { position: absolute; content: ""; border: 1px dashed #d6d6d6; width: 50px; height: 70px; right: -7px; bottom: -10px; border-radius: 5px; transform: skewX(-10deg); } .numSec { position: absolute; right: 18px; bottom: -10px; width: 50px; height: 50px; line-height: 50px; border: 1px dashed #d8d2d0; border-radius: 50%; font-size: 18px; font-weight: 800; } .cardSec:nth-child(2n) .numSec { bottom: auto; top: 0px; } .cardHead { font-size: 20px; line-height: 30px; color: var(--headingColor2); font-weight: 700; font-family: var(--hFont); margin-bottom: 10px; overflow: hidden; } .cardPara { font-size: 14px; line-height: 24px; color: var(--paragraphColorBlack); font-weight: 400; font-family: var(--pFont); } @media only screen and (max-width: 900px) { .process_3 { padding: 40px 0px; } .width50 { width: 50%; } .mainHeading { font-size: 25px; margin: 10px 0px; } .iconSec { margin-bottom: 20px; height: 80px; } .cardSec:nth-child(2n) .numSec { bottom: -10px; top: auto; } } .iconSec::before, .iconSec::after{ transition: 0.3s; } .cardSec:hover .iconSec::before, .cardSec:hover .iconSec::after{ transform: skewX(0deg); } }.p_2_s239{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s250{ .pointer_section_3 { padding: 50px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .imgSec { width: 500px; line-height: 0px; margin: 0 auto; } .uprSec { margin-bottom: 50px; margin-top: -140px; } .mainHeading { font-size: 40px; line-height: 50px; color: var(--headingColor1); font-weight: 600; font-family: var(--hFont); margin-bottom: 5px; } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); } .cardSec { padding: 20px; background-color: var(--themeBg2); border-radius: 10px; } .iconSec { width: 80px; height: 80px; border-radius: 50%; background-color: var(--themeBg1); margin-bottom: 20px; } .cardHead { font-size: 20px; line-height: 30px; font-weight: 600; color: var(--headingColor2); margin-bottom: 5px; } .cardPara { font-size: 15px; line-height: 25px; font-weight: 400; color: var(--paragraphColorBlack); } @media only screen and (max-width: 900px) { .pointer_section_3 { padding: 40px 0px; } .imgSec { width: 300px; } .uprSec { margin-bottom: 30px; margin-top: -80px; } .mainHeading { font-size: 30px; line-height: 40px; } .width50 { width: 50%; } } .pointer_section_3{ padding-top: 0px; } .cardPara{ color: #fff; } }.p_2_s250{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s251{ .video_section_6 { background-color: var(--themeBg1); padding: 20px 0px; } .maxWidth800 { max-width: 800px; } .maxWidth900 { max-width: 900px; } .height100 { height: 100%; } .innerSec { padding: 80px 0px; background-color: var(--themeBg2); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 45px; } .smallHead { font-size: 16px; line-height: 26px; font-weight: 600; color: var(--headingColor1); padding-left: 25px; font-family: var(--pFont); position: relative; width: fit-content; margin-bottom: 10px; } .mainHeading { font-size: 40px; line-height: 50px; color: var(--headingColor2); font-family: var(--hFont); font-weight: 700; } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorWhite); font-weight: 400; margin-top: 10px; max-width: 600px; margin: 10px auto 0px; } .playBtn { width: 75px; height: 75px; background-color: var(--btnColor); color: var(--btnTextColor); border-radius: 50%; position: relative; z-index: 1; cursor: pointer; } .playBtn i { font-size: 35px; margin-left: 8px; } .animate { width: 75px; height: 75px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); opacity: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; animation: animate 2s infinite linear; } .ani2 { animation-delay: 1s; } @keyframes animate { 0% { width: 75px; height: 75px; opacity: 1; } 100% { width: 120px; height: 120px; opacity: 0; } } .playBtnSec { margin: 70px 0px; } .imgSec img { height: 50px; } .partnerSec { border-top: 1px solid #ffffff33; padding: 80px 0px 20px; } .videoPlayerSec { display: none; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; z-index: 999; } .videoPlayerSec iframe { width: 100%; height: 500px; } .btn { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; background-color: var(--btnColor); color: var(--btnTextColor); border-radius: 50%; border: none; cursor: pointer; } .btn i { font-size: 25px; } @media only screen and (max-width: 900px) { .innerSec { padding: 40px 0px; border-radius: 20px; } .mainHeading { font-size: 25px; line-height: 35px; } .playBtnSec { margin: 40px 0px; } .playBtn { width: 50px; height: 50px; } .playBtn i { font-size: 20px; margin-left: 5px; } .partnerSec { padding-top: 20px; padding-bottom: 0px; } } .video_section_6{ padding: 50px 0px 80px; } @media only screen and (max-width: 900px){ .videoPlayerSec iframe{ height: 300px; } .video_section_6{ padding-bottom: 40px; } } }.p_2_s251{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }