.p_32_s232{ .aboutMain { padding: 50px 0px; position: relative; } .aboutBg { background-color: var(--themeBg1); height: 100%; width: 700px; position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: -1; } .leftImgSec { position: relative; } .imgSec img { border-top-right-radius: 100px; border-bottom-left-radius: 335px; border-bottom-right-radius: 335px; object-fit: cover; float: right; } .borderSec { position: absolute; top: -30px; right: 30px; height: 100%; width: 500px; border: 6px solid var(--themeColor1); border-bottom-left-radius: 300px; border-bottom-right-radius: 300px; } .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(--themeColor3); padding-bottom: 10px; } .abtPara { color: var(--paragraphColorBlack); line-height: 25px; } .play_video { position: absolute; bottom: 0px; right: -20px; height: 200px; width: 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; } .pointGrid { grid-template-columns: 18px 1fr; } .pointIcon { width: 18px; height: 18px; } .pointIcon i { color: var(--themeColor1); } .points { color: var(--paragraphColorBlack); line-height: 30px; } .pointSec{ margin-top: 30px; } @keyframes rotate-btn { 100% { transform: rotate(360deg); } } @media only screen and (max-width: 1000px) { .aboutBg { display: none; } .aboutMain { background-color: var(--themeBg1); } .play_video { transform: scale(0.75); bottom: -50px; } .imgSec img { width: 85%; /* float: none; */ } .borderSec { width: 300px; } } .leftImgSec { position: sticky; top: 140px; } .aboutMain .grid2.gap50{ align-items: flex-start; } @media only screen and (max-width: 900px) { .leftImgSec { position: relative; top: 20px; } .rightTextSec{ padding-top:100px; } .borderSec{ left: auto; right: auto; } } }.p_32_s232{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_32_s234{ .partMain { padding: 70px 0px; } .partIcon { padding: 15px 0px; /* max-width: 200px; */ border: 1px solid transparent; border-radius: 30px; position: relative; transition: 0.3s; } .partIcon img { width: 98% !important; object-fit: contain; /* text-align: center; */ margin: 0 auto; border-radius: 30px; } .imgHover { position: absolute; top: -100%; left: 50%; transform: translateX(-50%); transition: 0.3s; } .partIcon:hover { border: 1px solid var(--themeColor1); } .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; } } }.p_32_s234{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_32_s235{ .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; } } }.p_32_s235{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }