</div><!-- .entry-content --> </article><!-- #post-246 --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/about/ai-chatbot/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://fahimblogs.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <div class="g-recaptcha" style="transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: 0 0; -webkit-transform-origin: 0 0;" data-sitekey="6LcrskUpAAAAACRX4ftX7bxkBYHec6odVZdEw8F4"></div><script> jQuery("form.woocommerce-checkout").on("submit", function(){ setTimeout(function(){ grecaptcha.reset(); },100); }); </script><script src='https://www.google.com/recaptcha/api.js?ver=1.21' id='wpcaptcha-recaptcha-js'></script><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='246' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> <footer class="pagelayer-footer"><div pagelayer-id="wo52453" class="p-wo52453 pagelayer-post_props"> </div> <div pagelayer-id="hu54590" class="p-hu54590 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="hu54590">.p-hu54590 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-hu54590 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-hu54590 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-hu54590 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-hu54590 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-hu54590{background: #222931;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-hu54590{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } @media (max-width: 360px){.p-hu54590{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="q9x9082" class="p-q9x9082 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="q9x9082">.p-q9x9082 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-q9x9082{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.p-q9x9082{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } @media (max-width: 360px){.p-q9x9082{padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fjl6969" class="p-fjl6969 pagelayer-wp_title"> <style pagelayer-style-id="fjl6969">.p-fjl6969 .pagelayer-wp-title-heading{font-family: ; font-size: 35px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;color:#efc2bd;text-align:left;padding: 0px 0px 0px 10px} .p-fjl6969 .pagelayer-wp-title-img{width:15%; height: auto} .p-fjl6969{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-fjl6969 .pagelayer-wp-title-img{width:10%; height: auto} } </style><div class="pagelayer-wp-title-content"> <div class="pagelayer-wp-title-section"> <a href="https://fahimblogs.com" class="pagelayer-wp-title-link pagelayer-ele-link pagelayer-wp-title-align-left pagelayer-wp-title-vertical-middle"> <img decoding="async" class="pagelayer-img pagelayer-wp-title-img" src="https://fahimblogs.com/wp-content/uploads/2023/09/logo-alt.png" title="logo-alt" alt="logo-alt" /> <div class="pagelayer-wp-title-holder"> <div class="pagelayer-wp-title-heading">FAHIM'S BLOG</div> </div> </a> </div> <div></div></div></div> <div pagelayer-id="e021661" class="p-e021661 pagelayer-heading" align="left"> <style pagelayer-style-id="e021661">.p-e021661{text-align: left;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} .p-e021661 .pagelayer-heading-holder *{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-e021661 .pagelayer-heading-holder{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><p><span style="color: rgb(0, 0, 0); background-color: rgb(238, 170, 109); text-decoration-style: initial;">I am a humble individual whose parents cherish and deeply love me, creating a strong foundation of support and affection in my life.</span><br /></p></div> </div> </div></div> <div pagelayer-id="yxu8145" class="p-yxu8145 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="yxu8145">.p-yxu8145 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-yxu8145{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.p-yxu8145{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } @media (max-width: 360px){.p-yxu8145{padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="8rw8095" class="p-8rw8095 pagelayer-heading" align="left"> <style pagelayer-style-id="8rw8095">.p-8rw8095{text-align: left;padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px} .p-8rw8095 .pagelayer-heading-holder *{color:#efc2bd;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-8rw8095 .pagelayer-heading-holder{color:#efc2bd;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><h3>Contact info</h3></div> </div> <div pagelayer-id="j3p9628" class="p-j3p9628 pagelayer-address"> <style pagelayer-style-id="j3p9628">.p-j3p9628 .pagelayer-address *, .p-j3p9628 .pagelayer-address{color:#ffffff;font-family: ; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-j3p9628 .pagelayer-address-holder{justify-content: flex-start} body:not(.rtl) .p-j3p9628 .pagelayer-address-icon{margin-right: 10px} body.rtl .p-j3p9628 .pagelayer-address-icon{margin-left:10px} .p-j3p9628 .pagelayer-address-icon i{color:#ffffff;font-size: 20px} .p-j3p9628{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style><div class="pagelayer-address-holder"> <span class="pagelayer-address-icon"><i class="fas fa-map-marker-alt"></i></span> <span class="pagelayer-address">4 NO. Ward, Sakhipur Pourosova, Sakhipur, Tangail</span> </div></div> <div pagelayer-id="nsg7652" class="p-nsg7652 pagelayer-email"> <style pagelayer-style-id="nsg7652">.p-nsg7652 .pagelayer-email *, .p-nsg7652 .pagelayer-email{color:#ffffff;font-family: ; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: 0px !important} .p-nsg7652 .pagelayer-email-holder{justify-content: flex-start} body:not(.rtl) .p-nsg7652 .pagelayer-email-icon{margin-right: 10px} body.rtl .p-nsg7652 .pagelayer-email-icon{margin-left:10px} .p-nsg7652 .pagelayer-email-icon i{color:#ffffff;font-size: 20px} .p-nsg7652{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style><div class="pagelayer-email-holder"> <span class="pagelayer-email-icon"><i class="fas fa-envelope"></i></span> <span class="pagelayer-email">fahimrahman582@gmail.com</span> </div> </div> <div pagelayer-id="1ju2269" class="p-1ju2269 pagelayer-phone"> <style pagelayer-style-id="1ju2269">.p-1ju2269 .pagelayer-phone *, .p-1ju2269 .pagelayer-phone{color:#ffffff;font-family: ; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-1ju2269 .pagelayer-phone-holder{justify-content: flex-start} body:not(.rtl) .p-1ju2269 .pagelayer-phone-icon{margin-right: 10px} body.rtl .p-1ju2269 .pagelayer-phone-icon{margin-left:10px} .p-1ju2269 .pagelayer-phone-icon i{color:#ffffff;font-size: 20px} .p-1ju2269{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style><div class="pagelayer-phone-holder"> <span class="pagelayer-phone-icon"><i class="fas fa-phone-alt"></i></span> <span class="pagelayer-phone">+8801834147344</span> </div></div> <div pagelayer-id="pqf5734" class="p-pqf5734 pagelayer-social_grp pagelayer-social-shape-circle pagelayer-scheme-official" pagelayer-animation="float"> <style pagelayer-style-id="pqf5734">.p-pqf5734 i{height:1em; width:1em; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%)} .p-pqf5734 .pagelayer-icon-holder{position: relative; min-height: 1em; min-width: 1em;padding: calc(0.5em + 10px);font-size: 17px;-webkit-transition: all 600ms; transition: all 600ms} .p-pqf5734{text-align: left} .p-pqf5734 > div{display: inline-block} .p-pqf5734 .pagelayer-social{padding: 6px} .p-pqf5734 .pagelayer-social-fa{font-size: 17px;-webkit-transition: all 600ms; transition: all 600ms} @media (max-width: 780px) and (min-width: 361px){.p-pqf5734 .pagelayer-icon-holder{padding: calc(0.5em + 8px);font-size: 14px} .p-pqf5734{text-align: left} .p-pqf5734 .pagelayer-social{padding: 5px} .p-pqf5734 .pagelayer-social-fa{font-size: 14px} } </style> <div pagelayer-id="dnt6239" class="p-dnt6239 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-facebook-f" data-icon="fab fa-facebook-f"> <a class="pagelayer-ele-link" href="https://facebook.com/fahim.rahman.582" target="_blank"> <i class="pagelayer-social-fa fab fa-facebook-f"></i> </a> </div></div> <div pagelayer-id="xl23764" class="p-xl23764 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-instagram" data-icon="fab fa-instagram"> <a class="pagelayer-ele-link" href="https://www.instagram.com/fahim.rahman.582" target="_blank"> <i class="pagelayer-social-fa fab fa-instagram"></i> </a> </div></div> <div pagelayer-id="xx02707" class="p-xx02707 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-twitter" data-icon="fab fa-twitter"> <a class="pagelayer-ele-link" href="https://twitter.com/fahimrahman582" target="_blank"> <i class="pagelayer-social-fa fab fa-twitter"></i> </a> </div></div> <div pagelayer-id="ftm4033" class="p-ftm4033 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-youtube" data-icon="fab fa-youtube"> <a class="pagelayer-ele-link" href="https://youtube.com/@fahim582" target="_blank"> <i class="pagelayer-social-fa fab fa-youtube"></i> </a> </div></div> <div pagelayer-id="ncl4735" class="p-ncl4735 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-telegram-plane" data-icon="fab fa-telegram-plane"> <a class="pagelayer-ele-link" href="https://www.t.me/fahim582/" target="_blank"> <i class="pagelayer-social-fa fab fa-telegram-plane"></i> </a> </div></div> <div pagelayer-id="kyw7519" class="p-kyw7519 pagelayer-social"> <div class="pagelayer-icon-holder pagelayer-github" data-icon="fab fa-github"> <a class="pagelayer-ele-link" href="https://www.github.com/Fahimrahman582" target="_blank"> <i class="pagelayer-social-fa fab fa-github"></i> </a> </div></div> </div> </div></div> <div pagelayer-id="iu61156" class="p-iu61156 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="iu61156">.p-iu61156 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-iu61156{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.p-iu61156{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } @media (max-width: 360px){.p-iu61156{padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="tbw3245" class="p-tbw3245 pagelayer-heading" align="left"> <style pagelayer-style-id="tbw3245">.p-tbw3245{text-align: left;padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px} .p-tbw3245 .pagelayer-heading-holder *{color:#efc2bd;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-tbw3245 .pagelayer-heading-holder{color:#efc2bd;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><h3>CORNER</h3></div> </div> <div pagelayer-id="vkb9091" class="p-vkb9091 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="vkb9091">.p-vkb9091 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-vkb9091 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-vkb9091 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-vkb9091 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-vkb9091 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="tag9657" class="p-tag9657 pagelayer-col"> <style pagelayer-style-id="tag9657">.pagelayer-row-holder .p-tag9657{width: 25%} .p-tag9657 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-tag9657{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="zxg5238" class="p-zxg5238 pagelayer-image"> <style pagelayer-style-id="zxg5238">.p-zxg5238 .pagelayer-image-holder{text-align: center} .p-zxg5238 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-zxg5238 img{max-width: 100%} .p-zxg5238 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-zxg5238 .pagelayer-image-caption{color: #0986c0} .p-zxg5238 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-zxg5238 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-zxg5238{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg" title="home4-1" alt="home4-1" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="jwx9724" class="p-jwx9724 pagelayer-col"> <style pagelayer-style-id="jwx9724">.pagelayer-row-holder .p-jwx9724{width: 25%} .p-jwx9724 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-jwx9724{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5gb2789" class="p-5gb2789 pagelayer-image"> <style pagelayer-style-id="5gb2789">.p-5gb2789 .pagelayer-image-holder{text-align: center} .p-5gb2789 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-5gb2789 img{max-width: 100%} .p-5gb2789 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-5gb2789 .pagelayer-image-caption{color: #0986c0} .p-5gb2789 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-5gb2789 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-5gb2789{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg" title="home4-2" alt="home4-2" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="e7o5090" class="p-e7o5090 pagelayer-col"> <style pagelayer-style-id="e7o5090">.pagelayer-row-holder .p-e7o5090{width: 25%} .p-e7o5090 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-e7o5090{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="uds1194" class="p-uds1194 pagelayer-image"> <style pagelayer-style-id="uds1194">.p-uds1194 .pagelayer-image-holder{text-align: center} .p-uds1194 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-uds1194 img{max-width: 100%} .p-uds1194 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-uds1194 .pagelayer-image-caption{color: #0986c0} .p-uds1194 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-uds1194 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-uds1194{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-3.jpg" title="home4-3" alt="home4-3" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-3.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-3.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="r8a4136" class="p-r8a4136 pagelayer-col"> <style pagelayer-style-id="r8a4136">.pagelayer-row-holder .p-r8a4136{width: 25%} .p-r8a4136 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-r8a4136{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="8ra9719" class="p-8ra9719 pagelayer-image"> <style pagelayer-style-id="8ra9719">.p-8ra9719 .pagelayer-image-holder{text-align: center} .p-8ra9719 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-8ra9719 img{max-width: 100%} .p-8ra9719 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-8ra9719 .pagelayer-image-caption{color: #0986c0} .p-8ra9719 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-8ra9719 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-8ra9719{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-4.jpg" title="home4-4" alt="home4-4" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-4.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-4.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="icn9473" class="p-icn9473 pagelayer-col"> <style pagelayer-style-id="icn9473">.pagelayer-row-holder .p-icn9473{width: 25%} .p-icn9473 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-icn9473{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="2s71394" class="p-2s71394 pagelayer-image"> <style pagelayer-style-id="2s71394">.p-2s71394 .pagelayer-image-holder{text-align: center} .p-2s71394 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-2s71394 img{max-width: 100%} .p-2s71394 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-2s71394 .pagelayer-image-caption{color: #0986c0} .p-2s71394 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-2s71394 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-2s71394{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-5.jpg" title="home4-5" alt="home4-5" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-5.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-5.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="nyk5070" class="p-nyk5070 pagelayer-col"> <style pagelayer-style-id="nyk5070">.pagelayer-row-holder .p-nyk5070{width: 25%} .p-nyk5070 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-nyk5070{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="q1a6502" class="p-q1a6502 pagelayer-image"> <style pagelayer-style-id="q1a6502">.p-q1a6502 .pagelayer-image-holder{text-align: center} .p-q1a6502 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-q1a6502 img{max-width: 100%} .p-q1a6502 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-q1a6502 .pagelayer-image-caption{color: #0986c0} .p-q1a6502 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-q1a6502 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-q1a6502{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-6.jpg" title="home4-6" alt="home4-6" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-6.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-6.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="ctl1516" class="p-ctl1516 pagelayer-col"> <style pagelayer-style-id="ctl1516">.pagelayer-row-holder .p-ctl1516{width: 25%} .p-ctl1516 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ctl1516{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="qr69713" class="p-qr69713 pagelayer-image"> <style pagelayer-style-id="qr69713">.p-qr69713 .pagelayer-image-holder{text-align: center} .p-qr69713 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-qr69713 img{max-width: 100%} .p-qr69713 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-qr69713 .pagelayer-image-caption{color: #0986c0} .p-qr69713 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-qr69713 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-qr69713{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg" title="home4-1" alt="home4-1" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-1.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> <div pagelayer-id="5eg1267" class="p-5eg1267 pagelayer-col"> <style pagelayer-style-id="5eg1267">.pagelayer-row-holder .p-5eg1267{width: 25%} .p-5eg1267 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-5eg1267{padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="k1y8048" class="p-k1y8048 pagelayer-image"> <style pagelayer-style-id="k1y8048">.p-k1y8048 .pagelayer-image-holder{text-align: center} .p-k1y8048 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-k1y8048 img{max-width: 100%} .p-k1y8048 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-k1y8048 .pagelayer-image-caption{color: #0986c0} .p-k1y8048 .pagelayer-image-overlay-icon{color: #efc2bd;font-size: 20px} .p-k1y8048 .pagelayer-image-overlay{background: rgba(0,0,0,0.60);display:-webkit-flex;display:flex;-webkit-align-items:center; align-items:center} .p-k1y8048{border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img decoding="async" class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg" title="home4-2" alt="home4-2" srcset="https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg, https://fahimblogs.com/wp-content/uploads/2023/09/home4-2.jpg 1x, " /> <div class="pagelayer-image-overlay center"> <div class="pagelayer-image-overlay-content"> <i class="pagelayer-image-overlay-icon fas fa-plus"></i> <div class="pagelayer-image-overlay-text"> </div> </div> </div> </div> </div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="trf3987" class="p-trf3987 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="trf3987">.p-trf3987 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-trf3987 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-trf3987 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-trf3987 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-trf3987 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-trf3987{background: #222931;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px} @media (max-width: 780px) and (min-width: 361px){.p-trf3987{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } @media (max-width: 360px){.p-trf3987{padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="4gs5281" class="p-4gs5281 pagelayer-col"> <style pagelayer-style-id="4gs5281">.pagelayer-row-holder .p-4gs5281{width: 60%} .p-4gs5281 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-4gs5281{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-4gs5281{width: 100%} .p-4gs5281{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } @media (max-width: 360px){.pagelayer-row-holder .p-4gs5281{width: 100%} .p-4gs5281{padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="qcp6132" class="p-qcp6132 pagelayer-text"> <div class="pagelayer-text-holder"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> @font-face { font-family: 'Cookie'; src: url('path/to/custom-font.ttf') format('truetype'); /* Replace 'path/to/custom-font.ttf' with the actual path to your custom font file */ } body { font-family: 'Cookie', sans-serif; background-color: #000; /* Set the background color to match your website's color scheme */ color: #fff; /* Set the default text color to white */ text-align: center; } .copyright { font-size: 16px; /* Adjust the font size as needed */ color: #fff; /* Set the text color to white */ display: flex; align-items: center; justify-content: center; } .copyright-icon { margin-right: 5px; } </style> <title>FAHIM BLOGS</title> </head> <body> <p class="copyright">©<span class="copyright-icon"></span> 2023 FAHIM BLOGS | MADE WITH LOVE</p> </body> </html></div></div> </div></div> <div pagelayer-id="ct71924" class="p-ct71924 pagelayer-col"> <style pagelayer-style-id="ct71924">.pagelayer-row-holder .p-ct71924{width: 9%} .p-ct71924 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ct71924{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-ct71924{width: 40%} .p-ct71924{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } @media (max-width: 360px){.pagelayer-row-holder .p-ct71924{width: 40%} .p-ct71924{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="25r2082" class="p-25r2082 pagelayer-heading" align="left"> <style pagelayer-style-id="25r2082">.p-25r2082{text-align: left} .p-25r2082 .pagelayer-heading-holder *{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-25r2082 .pagelayer-heading-holder{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-25r2082 .pagelayer-heading-holder:hover *{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-25r2082 .pagelayer-heading-holder:hover{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><a href="#" class="pagelayer-link-sel"> <div class="pagelayer-heading-holder"><p>Terms & Conditions</p></div> </a></div> </div></div> <div pagelayer-id="tpy6463" class="p-tpy6463 pagelayer-col"> <style pagelayer-style-id="tpy6463">.pagelayer-row-holder .p-tpy6463{width: 3%} .p-tpy6463 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-tpy6463{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-tpy6463{width: 20%} .p-tpy6463{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } @media (max-width: 360px){.pagelayer-row-holder .p-tpy6463{width: 20%} .p-tpy6463{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="toy2537" class="p-toy2537 pagelayer-heading" align="left"> <style pagelayer-style-id="toy2537">.p-toy2537{text-align: left} .p-toy2537 .pagelayer-heading-holder *{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-toy2537 .pagelayer-heading-holder{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-toy2537 .pagelayer-heading-holder:hover *{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: Normal !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-toy2537 .pagelayer-heading-holder:hover{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: Normal !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><a href="#" class="pagelayer-link-sel"> <div class="pagelayer-heading-holder"><p>Cookies</p></div> </a></div> </div></div> <div pagelayer-id="dcu9162" class="p-dcu9162 pagelayer-col"> <style pagelayer-style-id="dcu9162">.pagelayer-row-holder .p-dcu9162{width: 6%} .p-dcu9162 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-dcu9162{padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-dcu9162{width: 35%} .p-dcu9162{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } @media (max-width: 360px){.pagelayer-row-holder .p-dcu9162{width: 35%} .p-dcu9162{padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5fl7837" class="p-5fl7837 pagelayer-heading" align="left"> <style pagelayer-style-id="5fl7837">.p-5fl7837{text-align: left} .p-5fl7837 .pagelayer-heading-holder *{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-5fl7837 .pagelayer-heading-holder{color:rgba(255,255,255,0.60);font-family: Cabin !important; font-size: 15px !important; font-style: Normal !important; font-weight: 100 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1.65em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important} .p-5fl7837 .pagelayer-heading-holder:hover *{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5fl7837 .pagelayer-heading-holder:hover{color:#ffffff;font-family: !important; font-size: px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><a href="#" class="pagelayer-link-sel"> <div class="pagelayer-heading-holder"><p>Legal Notices</p></div> </a></div> </div></div> </div></div> </footer><link rel="preload" href="https://fonts.googleapis.com/css?family=Cabin%3A400%2C600%2C900%2C100%7CGothic%20A1%3A400%7CBree%20Serif%3A400%7CDuru%20Sans%3A400" as="fetch" crossorigin="anonymous"> <div class="mysticky-welcomebar-fixed mysticky-site-front mysticky-welcomebar-position-top mysticky-welcomebar-showx-desktop mysticky-welcomebar-showx-mobile mysticky-welcomebar-btn-desktop mysticky-welcomebar-btn-mobile mysticky-welcomebar-display-desktop mysticky-welcomebar-display-mobile mysticky-welcomebar-attention-tada mysticky-welcomebar-entry-effect-slide-in" data-after-triger="after_a_few_seconds" data-triger-sec="0" data-position="top" data-height="60" data-rediect="close_bar" data-aftersubmission="dont_show_welcomebar" data-show-success-message=""> <div class="mysticky-welcomebar-fixed-wrap"> <div class="mysticky-welcomebar-content"> <p>Thank's for visiting me!</p> </div> <div class="mysticky-welcomebar-btn " > <a href="" >Got it! </a> </div> <span class="mysticky-welcomebar-close" style="color:#000000">X</span> </div> </div> <style> /*-------------New-----*/ /*--------------------------------------------------------------------------------------------*/ .mysticky-welcomebar-fixed , .mysticky-welcomebar-fixed * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mysticky-welcomebar-fixed { background-color: #ef8b00; font-family: Poppins; position: fixed; left: 0; right: 0; z-index: 9999999; opacity: 0; } .mysticky-welcomebar-fixed-wrap { min-height: 60px; padding: 20px 50px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .mysticky-welcomebar-animation { -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; } .mysticky-welcomebar-position-top { top:0; } .mysticky-welcomebar-position-bottom { bottom:0; } .mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in { top: -60px; } .mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in { bottom: -60px; } .mysticky-welcomebar-entry-effect-fade { opacity: 0; } .mysticky-welcomebar-entry-effect-none { display: none; } .mysticky-welcomebar-fixed .mysticky-welcomebar-content p a{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } .mysticky-welcomebar-fixed .mysticky-welcomebar-content p a, .mysticky-welcomebar-fixed .mysticky-welcomebar-content p { color: #f4f4f4; font-size: 16px; margin: 0; padding: 0; line-height: 1.2; font-weight: 400; font-family:Poppins } .mysticky-welcomebar-fixed .mysticky-welcomebar-btn { /*padding-left: 30px;*/ display: none; line-height: 1; margin-left: 10px; } .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn { display: block; } .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a { background-color: #000000; font-family: inherit; color: #ffffff; border-radius: 4px; text-decoration: none; display: inline-block; vertical-align: top; line-height: 1.2; font-size: 16px; font-weight: 400; padding: 5px 20px; white-space: nowrap; } .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a:hover { /*opacity: 0.7;*/ -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } .mysticky-welcomebar-fixed .mysticky-welcomebar-close { display: none; vertical-align: top; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; color: #000; position: absolute; top: 5px; right: 10px; outline: none; text-decoration: none; text-shadow: 0 0 0px #fff; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover { opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .mysticky-welcomebar-fixed .mysticky-welcomebar-close span.dashicons { font-size: 27px; } .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close { display: inline-block; cursor: pointer; } /* Animated Buttons */ .mysticky-welcomebar-btn a { -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .mysticky-welcomebar-attention-flash.animation-start .mysticky-welcomebar-btn a { -webkit-animation-name: flash; animation-name: flash; } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .mysticky-welcomebar-attention-shake.animation-start .mysticky-welcomebar-btn a { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .mysticky-welcomebar-attention-swing.animation-start .mysticky-welcomebar-btn a { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .mysticky-welcomebar-attention-tada.animation-start .mysticky-welcomebar-btn a { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .mysticky-welcomebar-attention-heartbeat.animation-start .mysticky-welcomebar-btn a { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mysticky-welcomebar-attention-wobble.animation-start .mysticky-welcomebar-btn a { -webkit-animation-name: wobble; animation-name: wobble; } @media only screen and (min-width: 768px) { .mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-fade.entry-effect { opacity: 1; } .mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-none.entry-effect { display: block; } .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed , .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed { top: 0; } .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed , .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed { bottom: 0; } } @media only screen and (max-width: 767px) { .mysticky-welcomebar-display-mobile.mysticky-welcomebar-entry-effect-fade.entry-effect { opacity: 1; } .mysticky-welcomebar-display-mobile.mysticky-welcomebar-entry-effect-none.entry-effect { display: block; } .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed , .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed { top: 0; } .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed , .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed { bottom: 0; } /*.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close { display: none; } .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close { display: inline-block; }*/ .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn { display: none; } .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-mobile .mysticky-welcomebar-btn { display: block; margin-top: 10px; } } @media only screen and (max-width: 480px) { .mysticky-welcomebar-fixed-wrap {padding: 15px 35px 10px 10px; flex-wrap:wrap;} /*.welcombar-contact-lead .mysticky-welcomebar-fixed-wrap {flex-wrap: wrap; justify-content: center;}*/ .mysticky-welcomebar-fixed .mystickymenu-front.mysticky-welcomebar-lead-content {margin: 10px 0 10px 20px !important;} .mysticky-welcomebar-fixed .mysticky-welcomebar-btn { padding-left: 10px; } } body.mysticky-welcomebar-apper #wpadminbar{ z-index:99999999; } .mysticky-welcomebar-fixed .mystickymenu-front.mysticky-welcomebar-lead-content { display: flex; width: auto; margin: 0 0px 0 10px; } .mystickymenu-front.mysticky-welcomebar-lead-content input[type="text"] { font-size: 12px; padding: 7px 5px; margin-right: 10px; min-width: 50%; border: 0; width:auto; } .mystickymenu-front.mysticky-welcomebar-lead-content input[type="text"]:focus { outline: unset; box-shadow: unset; } .input-error { color: #ff0000; font-style: normal; font-family: inherit; font-size: 13px; display: block; position: absolute; bottom: 0px; } .mysticky-welcomebar-fixed.mysticky-site-front .mysticky-welcomebar-btn.contact-lead-button { margin-left: 0; } .morphext > .morphext__animated { display: inline-block; } </style> <link rel='stylesheet' id='pagelayer-google-font-css' href='https://fonts.googleapis.com/css?family=Cabin%3A400%2C600%2C900%2C100%7CGothic+A1%3A400%7CBree+Serif%3A400%7CDuru+Sans%3A400&ver=1.8.5' media='all' /> <script src="https://fahimblogs.com/wp-content/plugins/mystickymenu/js/morphext/morphext.min.js?ver=2.7.1" id="morphext-js-js" defer data-wp-strategy="defer"></script> <script id="welcomebar-frontjs-js-extra"> var welcomebar_frontjs = {"ajaxurl":"https:\/\/fahimblogs.com\/wp-admin\/admin-ajax.php","days":"Days","hours":"Hours","minutes":"Minutes","seconds":"Seconds","ajax_nonce":"b5f057a27d"}; </script> <script src="https://fahimblogs.com/wp-content/plugins/mystickymenu/js/welcomebar-front.js?ver=2.7.1" id="welcomebar-frontjs-js" defer data-wp-strategy="defer"></script> <script src="https://fahimblogs.com/wp-content/themes/popularfx/js/navigation.js?ver=1.2.5" id="popularfx-navigation-js"></script> <script src="https://fahimblogs.com/wp-includes/js/comment-reply.min.js?ver=6.5.5" id="comment-reply-js" async data-wp-strategy="async"></script> </body> </html>