.p_28_s218{ .shortBanMain { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px; } .heading { font-size: 65px; font-weight: 700; line-height: 75px; font-family: var(--o1Font); color: var(--headingColorW1); margin-bottom: 10px; } .linksPara { font-size: 15px; color: var(--paragraphColorWhite); } .linksPara span { margin: 0px 10px; } .linksPara a { transition: 0.3s; } .linksPara a:hover { color: var(--themeColor1); } @media only screen and (max-width: 900px) { .heading { font-size: 40px; line-height: 50px; } } }.p_28_s218{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s219{ .mainTextSec { margin-bottom: 50px; } .smallHead { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--headingColor1); letter-spacing: 3px; word-spacing: 5px; } .smallHead img { width: 35px; margin-right: 10px; } .mainHeading { font-size: 45px; font-weight: 500; text-transform: capitalize; color: var(--headingColor2); font-family: var(--hFont); margin-bottom: 10px; } .mainSubPara { font-size: 15px; font-weight: 500; color: var(--paragraphColorBlack); font-family: var(--pFont); } .testiMain { padding: 80px 0px; background-color: var(--themeBg1); background-position: center bottom; background-repeat: no-repeat; background-size: 80%; } .arrowMainSec { top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; } .arrowRightIconSec, .arrowLeftIconSec { pointer-events: all; cursor: pointer; width: 40px; height: 40px; background-color: var(--btnColor); border-radius: 8px; transition: 0.3s; } .arrowRightIconSec:hover, .arrowLeftIconSec:hover { background-color: var(--btnHoverColor); } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--btnTextColor); transition: 0.3s; } .arrowRightIconSec:hover i, .arrowLeftIconSec:hover i { color: var(--btnHoverTextColor); } .testiSlider2 .owl-nav.disabled + .owl-dots { margin-top: 20px !important; } .testiSlider2 .owl-dots .owl-dot.active span { background-color: var(--themeColor1); } .testiCardMainSec { margin: 15px 0px; padding: 30px; background-color: white; border-radius: 12px; position: relative; transition: 0.3s; } .testiCardMainSec:hover { margin-top: 5px; } .testiCardName { font-size: 20px; font-weight: 600; } .testiCardDesig { font-size: 15px; } .starSec { width: 20px; height: 20px; } .starSec i { font-size: 14px; color: var(--themeColor1); } .testiCardComment { font-size: 15px; line-height: 25px; padding: 23px 0px 25px 0px; } .cardHead { margin: 0px 10px 0px 0px !important; font-size: 22px; font-weight: 700; line-height: 32px; } .quoteSec { width: 45px; height: auto; } .btnSec { width: fit-content; margin: 50px 0px 0px 0px; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 15px; font-weight: 500; border: 0px; padding: 7px 15px; border-radius: 5px; cursor: pointer; transition: 0.4s; } .btnSec:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .testiMain { padding: 20px 0px; } .mainHeading { font-size: 25px; line-height: 35px; } .arrowMainSec { display: none; } } }.p_28_s219{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }