.p_29_s210{ .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); } }.p_29_s210{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_29_s211{ .docMain { padding: 80px 0px; background-color: var(--themeBg1); } .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: 22px; 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: 40px; line-height: 50px; font-weight: 600; color: var(--themeColor3); padding-bottom: 20px; } .abtPara { color: var(--paragraphColorBlack); line-height: 30px; margin-bottom: 30px; } .docCard { background-color: var(--themeColor2); border-radius: 30px; overflow: hidden; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06); } .cardImg { height: 250px; overflow: hidden; } .cardImg img { object-fit: cover; height: 100%; filter: grayscale(); transition: 0.3s; } .docCard:hover .cardImg img { filter: none; transform: scale(1.05); } .cardInnerSec { padding: 20px 30px 30px; } .cardHead { font-size: 25px; font-weight: 600; color: var(--headingColor1); } .cardPara { margin-top: 10px; font-size: 15px; color: var(--paragraphColorBlack); line-height: 25px; } .view, .feedback { margin-top: 20px; cursor: pointer; width: -webkit-fill-available; padding: 10px 0px; font-size: 18px; background-color: var(--btnColor); border-radius: 40px; border: none; font-weight: 700; color: var(--btnTextColor); position: relative; overflow: hidden; z-index: 1; font-family: var(--o1Font); } .view::after, .feedback::after { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 5%; background: var(--btnHoverColor); content: ""; z-index: -1; transition: 0.5s; } .view:hover::after, .feedback:hover::after { width: 100%; } .view:hover, .feedback:hover { color: var(--btnHoverTextColor); } .popUpFormInner { position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #00000080; z-index: 99; } .popUpForm { width: 400px; border-radius: 30px; background-color: var(--themeBg4); padding: 30px; } .formTop{ margin-bottom: 20px; } .inputMainSec{ margin-bottom: 15px; } .inputMainSec label { font-size: 15px; font-weight: 500; color: #00000080; line-height: 35px; } .inputMainSec label span { color: red; } .inputMainSec input, .inputMainSec textarea { width: -webkit-fill-available; padding: 15px 20px; border: none; outline: none; background-color: var(--themeBg1); border-radius: 10px; } .inputMainSec textarea { resize: none; } .mainHeading{ font-size: 20px; font-weight: 600; } .formGrid{ grid-template-columns: 1fr 50px; } .crossIcon{ width: 50px; height: 50px; border-radius: 50%; background-color: var(--themeBg1); cursor: pointer; } .popUpFormMain{ display: none; } .btnSec{ padding:15px; } .cardInnerSec{ padding: 10px 0 0 0; } }.p_29_s211{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_29_s212{ .marquee-container { overflow: hidden; white-space: nowrap; box-sizing: border-box; } .marquee { display: inline-block; animation-timing-function: linear; animation-iteration-count: infinite; } .marquee span { margin-right: 30px; font-size: 80px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: var(--themeBg1); } @keyframes RightToLeft { from { transform: translateX(-80%); } to { transform: translateX(0%); } } @keyframes LeftToRight { from { transform: translateX(10%); } to { transform: translateX(-100%); } } @media only screen and (max-width: 900px) { .marquee span { font-size: 60px; } } @media only screen and (max-width: 600px) { .marquee span { font-size: 40px; } } }.p_29_s212{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }