.p_27_s217{ .profile_section_2 { padding: 80px 0px; } .whyInnerMain { background-color: var(--themeBg1); padding: 80px 0px; border-radius: 60px; background-position: bottom left, top right; background-size: 350px, 280px; background-repeat: no-repeat, no-repeat; } .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; color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.8); line-height: 25px; margin-bottom: 50px; } .teamCard { border-radius: 10px; background-color: var(--themeBg2); padding: 130px 16px 16px 16px; margin-top: 120px; } .imgSec { margin-top: -225px; margin-bottom: 20px; position: relative; z-index: 1; width: 190px; height: 190px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; } .imgSec img { transition: 0.4s; } .cardText { padding: 16px; background-color: var(--themeBg1); border-radius: 5px; transition: 0.4s; } .name { font-size: 25px; line-height: 35px; font-weight: 600; transition: 0.4s; } .desig { font-size: 16px; line-height: 26px; font-size: 400; color: var(--paragraphColorBlack); transition: 0.4s; } .socialSec { margin-top: 10px; } .socialIcon { border: 1px solid var(--themeColor1); width: 30px; height: 30px; border-radius: 50%; transition: 0.4s; } .socialIcon i { color: var(--themeColor1); transition: 0.4s; } .teamCard:hover .imgSec img { transform: scale(1.1); } .teamCard:hover .cardText { background-color: var(--themeColor1); } .teamCard:hover .name { color: var(--paragraphColorWhite); } .teamCard:hover .desig { color: var(--paragraphColorWhite); } .teamCard:hover .socialIcon { border: 1px solid var(--paragraphColorWhite); } .teamCard:hover .socialIcon i { color: var(--paragraphColorWhite); } .arrowMainSec { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 10; } .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); } @media only screen and (max-width: 900px) { .profile_section_2 { padding: 30px 0px; } .subHeading { font-size: 16px; line-height: 28px; letter-spacing: 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .subPara { margin-bottom: 30px; } .imgSec { width: 100px; height: 100px; margin-top: -175px; } .name { font-size: 20px; line-height: 30px; } .teamCard { margin-top: 60px; } .whyInnerMain{ padding: 40px 0px; border-radius: 20px; } } }.p_27_s217{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }