.p_26_s196{ .short_banner_3 { background-color: var(--themeBg1); padding: 20px 0px; } .innerSec { padding: 150px 10px; background-color: var(--themeBg2); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 45px; } .mainHeading { font-size: 70px; line-height: 70px; margin-bottom: 20px; color: var(--headingColor1); font-family: var(--hFont); font-weight: 700; } .subPara { font-size: 18px; line-height: 28px; font-weight: 500; color: var(--paragraphColorWhite); font-family: var(--pFont); } .subPara a { transition: 0.3s; color: var(--anchorColor); } .subPara a:hover { color: var(--anchorColorHover); } @media only screen and (max-width: 900px) { .mainHeading { font-size: 30px; line-height: 40px; margin-bottom: 5px; } .innerSec{ padding: 40px 10px; border-radius: 20px; } } }.p_26_s196{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_26_s197{ .testimonial_section_17 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: contain; } .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; } .smallHead::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(https://demowizz.com/assets/asterisk.svg) no-repeat; background-position: center; background-size: cover; width: 16px; height: 16px; } .mainHeading { font-size: 45px; line-height: 55px; color: var(--headingColor2); font-family: var(--hFont); margin-bottom: 50px; font-weight: 700; } .arrowMainSec { position: absolute; 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); } .cardSec { padding: 30px; background-color: var(--themeBg2); border-radius: 30px; border: 1px solid #ececec; transition: 0.3s; } .stars i { color: var(--themeColor1); font-size: 16px; } .subPara { font-size: 15px; line-height: 25px; font-weight: 400; color: var(--paragraphColorBlack); font-family: var(--pFont); margin: 30px 0px; } .profileGrid { grid-template-columns: 60px 1fr; } .iconSec { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; position: relative; } .name { font-size: 18px; line-height: 28px; color: var(--paragraphColorBlack); font-weight: 600; font-family: var(--hFont); } .desig { font-size: 15px; line-height: 25px; font-weight: 400; color: var(--paragraphColorBlack); font-family: var(--pFont); } .profileSec { padding-top: 30px; border-top: 1px solid #ececec; } @media only screen and (max-width: 900px) { .testimonial_section_17 { padding: 40px 0px; } .mainHeading { font-size: 25px; line-height: 35px; margin-bottom: 30px; } .cardSec { border-radius: 20px; padding: 20px; } .subPara { margin: 20px 0px; } .profileSec { padding-top: 20px; } .gap30 { gap: 20px; } .arrowMainSec { width: 95%; margin: 0 auto; } .arrowRightIconSec, .arrowLeftIconSec { width: 30px; height: 30px; border-radius: 5px; } .arrowRightIconSec i, .arrowLeftIconSec i { font-size: 14px; } } }.p_26_s197{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }