.banner .banner-small-text, .post-sec-main .post-sec-text{ font-family: "Kalam", cursive !important; } .banner .banner-content h2, .banner .banner-content p, .banner .banner-content .banner-btn1 .wp-block-button__link, .banner .banner-content .banner-btn2 .wp-block-button__link, .banner .banner-image .client p, .banner .banner-image .skill p, .banner .banner-image .reviews p, .post-sec-main h3, .post-sec-main .post-section p, .post-sec-main .post-section h4, .post-sec-main .wp-block-buttons .wp-block-button__link{ font-family: "Noto Sans", sans-serif; } /* Banner Section */ .banner .banner-content{ margin-left: 14% !important; } .banner .banner-buttons .wp-block-button{ margin-bottom: 0; } .banner .banner-btn2 .wp-block-button__link:before{ content: "\f04b"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; background-color: #2979BF; border-radius: 50%; padding: 15px; margin-right: 15px; } .banner .banner-image{ position: relative; } .banner .banner-image .client, .banner .banner-image .skill, .banner .banner-image .reviews{ position: absolute; border-radius: 6px; } .banner .banner-image .client p, .banner .banner-image .skill p, .banner .banner-image .reviews p{ margin-bottom: 0; } .banner .banner-image .client{ margin-top: -50%; left: 0; width: 165px; padding: 8px; } .banner .banner-image .skill{ margin-top: -18%; left: 37%; width: 152px; } .banner .banner-image .reviews{ margin-top: -65%; left: 37%; width: 235px; } .banner .banner-image .client-no:before{ content: "\f0c0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; background-color: #2979BF; padding: 12px 10px; border-radius: 50%; margin-right: 15px; font-size: 15px; position: relative; top: 11px; } .banner .banner-image .expert-no:before{ content: "\f2bb"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFFFFF; background-color: #2979BF; padding: 10px; border-radius: 50%; margin-right: 15px; font-size: 18px; position: relative; top: 12px; } .banner .banner-image .review-no:before{ content: ''; background: url(../images/view.png) no-repeat; padding: 10px 80px; margin-right: 10px; } .banner .banner-image .review-no{ margin-top: 15px; margin-bottom: 10px !important; } /* Post Section */ .post-sec-main .post1{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 6px; position: relative; padding: 15px; } .post-sec-main .post-section .wp-block-image img{ margin-top: 40px; } .post-sec-main .post1:hover{ background: #2979BF; } .post-sec-main .post1:hover h4, .post-sec-main .post1:hover p, .post-sec-main .post1:hover .post-no{ color: #fff !important; } .post-sec-main .post1:hover .wp-block-button .wp-block-button__link{ background: #fff !important; color: #000 !important; } .post-sec-main .post1 .post1-img, .post-sec-main .post1:hover .post1-main-img{ display: none; } .post-sec-main .post1:hover .post1-img{ display: block; } .post-sec-main .post1 .post-no{ position: absolute; right: 0; background: #a0c8eb82; top: 0; padding: 20px 15px 35px 35px; border-radius: 0px 6px 0px 95px; } .banner p, .banner h2, .banner .wp-block-buttons, .post-sec-main .post1 .post-no, .post-sec-main h3, .post-sec-main p, .post-sec-main .post1 h4{ margin: 0; } .post-sec-main .post-section .wp-block-button{ margin-bottom: 0 !important; } .post-sec-main .post-section .wp-block-button .wp-block-button__link{ padding: 10px 10px; }