.p_1_s211{ .navBtnMain { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; pointer-events: none; } .navBtn { width: 40px; height: 40px; background-color: var(--themeColor1); margin: 0px 10px; pointer-events: all; cursor: pointer; opacity: 0.3; transition: 0.3s; border-radius: 10px; } .bannerMain:hover .navBtn { opacity: 1; } .navBtn i { color: var(--anchorColor); } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: -50px; position: relative; z-index: 99; } .bannerImg img, .bannerImg video { height: 100%; object-fit: cover; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--themeColor1) !important; width: 30px !important; } .bannerImg a { width: 100%; height: auto; display: block; } }.p_1_s211{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_1_s215{ .blog_section_1 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .smallHead { font-family: var(--o1Font); font-size: 25px; text-transform: uppercase; color: var(--headingColor1); letter-spacing: 3px; word-spacing: 5px; } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .viewBtn { display: inline-block; margin-top: 50px; padding: 0 25px 0 13px; border-radius: 5.5px; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 16px; font-weight: 500; line-height: 34px; transition: 0.4s; } .viewBtn:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .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.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); } .blog_section_1 .owl-carousel .owl-stage-outer { padding: 20px; margin: -20px; } @media only screen and (max-width: 900px) { .mainHeading { font-size: 30px; line-height: 40px; } .subPara { margin-bottom: 30px; } } }.p_1_s215{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }