.p_35_s234{ .gallery_with_tab { padding: 70px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .textRight { text-align: right; } .textLeft { text-align: left; } .floatLeft { float: none; } .floatRight { margin-left: auto; float: none; } .uprSec { margin-bottom: 50px; } .mainHeading { font-size: 40px; font-weight: 600; line-height: 50px; font-family: var(--hFont); color: var(--headingColor2); } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .tabSec { width: fit-content; padding: 10px; border-radius: 30px; background-color: var(--themeBg2); margin-bottom: 30px; } .tabs { padding: 10px 15px; border-radius: 30px; font-size: 14px; cursor: pointer; } .active { background: var(--btnColor); color: var(--btnTextColor); font-weight: 600; } .imgSec { line-height: 0px; aspect-ratio: 1/1; border-radius: 10px; } .galCard { border-radius: 10px; overflow: hidden; cursor: pointer; } .eye { width: 50px; height: 50px; width: 50px; height: 50px; background: var(--btnColor); border-radius: 50%; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--btnTextColor); z-index: 2; opacity: 0; transition: 0.3s; } .colorBox { z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: 0.3s; } .galCard:hover .colorBox { opacity: 1; } .galCard:hover .eye { opacity: 1; } .gallery_with_tab{ padding-top: 150px; } }.p_35_s234{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }