.main-banner .banner-content h1, .main-banner .banner-content p, .main-banner .banner-content .wp-block-button__link, .main-banner .video .wp-block-button__link, .contact-us h3, .contact-us p, .services-sec h3, .services-sec p, .services-sec .post h3, .services-sec .post p{ font-family: "Sen", sans-serif; } /* Banner Section */ .wp-block, .main-banner{ margin-bottom: 0; margin-top: 0; } .main-banner{ gap: 0 !important; } .main-banner .banner-content p, .services-sec p{ margin: 15px 0 25px; } .main-banner .banner-content .wp-block-buttons .wp-block-button__link{ padding: 10px 15px; } .main-banner .video .wp-block-button__link:before{ content: "\f04b"; font-weight: 900; font-family: 'Font Awesome 6 Free'; color: #00c1d5; background-color: #fff; padding: 13px 14px 13px 16px; border-radius: 50%; margin-right: 15px; } .main-banner .social-icons{ display: flex; justify-content: center; align-items: center; } .main-banner .social-icons li{ padding: 20px 0 !important; } .main-banner .social-icons .wp-block-social-link-anchor{ font-size: 20px; } /* Contact Us Section */ .main-banner .banner-content, .contact-us .contact-1{ margin-left: 15% !important; } .main-banner .banner-content .wp-block-button, .contact-us .phone-num p, .contact-us .email p, .contact-us .timing p{ margin-bottom: 0; } .contact-us .phone-num:before, .contact-us .email:before, .contact-us .timing:before{ font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 26px; color: #00c1d5; border: 1px solid #00c1d5; padding: 10px; display: flex; align-items: center; line-height: 1; } .contact-us .phone-num, .contact-us .email{ border-right: solid 1px #35a1ac8a; } .contact-us .phone-num:before{ content: "\f590"; } .contact-us .email:before{ content: "\f658"; } .contact-us .timing:before{ content: "\f017"; } /* Services Section */ .services-sec .post{ color: #fff; background: linear-gradient(to top,#00c1d5,#000); position: relative; z-index: 1; border-radius: 10px; } .services-sec .post img{ border-radius: 10px; } .services-sec .post:hover img{ opacity: 0.2; } .services-sec .post h3, .services-sec .post p{ display: none; } .services-sec .post:hover h3, .services-sec .post:hover p{ display: block; } .services-sec .post:hover .wp-block-cover__inner-container:before{ content: "\f863"; font-weight: 900; font-family: 'Font Awesome 6 Free'; color: #00c1d5; font-size: 60px; } .services-sec .post .wp-block-cover__inner-container{ width: 100%; opacity: 0; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; z-index: 2; transition: all 0.4s ease; padding: 20px; } .services-sec .post:hover .wp-block-cover__inner-container{ opacity: 1; }