@font-face { font-family: 'Poppins-Regular'; src: url(../fonts/Poppins-Regular.ttf) format("truetype"); font-display: swap; } * { box-sizing: border-box; } html { margin: 0; padding: 0; overflow-y: auto; scroll-behavior: auto !important; } body { font-size: 16px; line-height: 21px; color: #000; font-weight: 400; /* overflow-x: hidden; */ min-width: 375px; background: #fff; } .container { @media (min-width: 1200px) { max-width: 1280px !important; } } ul li { margin: 10px 5px; font: 400 16px / 1.5 'Poppins-Regular'; } .blog_img { max-width: 900px; max-height: 250px; object-fit: cover; border-radius: 10px; } .blog_img_corners { border-radius: 10px; } .blog-heading { color: #000; font: 600 32px / 1.2 'Poppins-Regular'; margin: 20px 0px; } .blog-subheading { color: #000; font: 600 22px / 1.5 'Poppins-Regular'; margin: 5px 0px; } .content p { font: 400 16px / 1.7 'Poppins-Regular'; margin-bottom: 1rem; text-align: justify; } .top-space { margin: 18px 0px; } .date-border { border-right: 1px solid #788ea7; height: 16px; margin-left: 14px; margin-right: 14px; } .blog-date { color: #000; font: 400 14px / normal 'Poppins-Regular'; padding-left: 5px; margin-bottom: 0 !important; } .readmore { color: #dc143c; font: 400 14px / normal 'Poppins-Regular'; margin-bottom: 0 !important; } .related_img { width: 280px; height: 170px; object-fit: fill; border-radius: 10px; } .related-subheading { color: #000; font: 600 18px / 1.5 'Poppins-Regular'; margin: 0px; } .rightside-blogs { margin-bottom: 20px; } .comment { color: #000; font: 600 22px / 1.5 'Poppins-Regular'; } .message { color: #000; font: 400 14px / normal 'Poppins-Regular'; } #blog-form textarea.form-control { border-radius: 15px; box-shadow: 0px 4px 11px 0px #5B46F403; height: 115px; font: normal 500 18px / 20px 'Poppins-Regular'; color: #5E5A80; background: #F5F4F9; padding: 18px 26px; margin-top: 5px; } .submit { background: #e0072f; padding: 12px 17px; border-radius: 25px; color: #fff; font: 400 14px / normal 'Poppins-Regular'; text-align: center; overflow: hidden; border: 1px solid #e0072f; margin-bottom: 20px; } .submit:hover { color: #fff; } .btn-white { padding: 10px 30px; box-shadow: 0 15px 47px rgba(0, 0, 0, 0.05); border-radius: 30px; color: #333333; font: 600 14px / normal 'Poppins-Regular'; text-align: center; overflow: hidden; border: 2px solid #423368; background: #fff; margin-bottom: 20px; } .btn-white:hover { background: #e0072f; padding: 10px 30px; border-radius: 30px; color: #fff; font: 600 14px / normal 'Poppins-Regular'; text-align: center; overflow: hidden; border: 2px solid #e0072f; margin-bottom: 20px; } .social-section { margin-bottom: 30px; text-align: right; } .social-gap { gap: 7px; margin-top: 15px; } .social-icons { width: 40px; height: 40px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .social-icons-blog { width: 30px; height: 30px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .facebook { background-color: #3b5998; } .instagram { background-color: #962fbf; } .twitter { background-color: #000; } .pinterest { background-color: #cc2127; } .linkedin { background-color: #0077b5; } .whatsapp { background-color: #25D366; } .category_name { font: 400 16px / normal 'Poppins-Regular'; color: #cc2127; margin-bottom: 10px; } .realated_date { margin: 10px 0px; } ul.count { padding-left: 0; } .count li { list-style: none; display: inline; } .case-widget { position: relative; padding: 30px; border: 1px solid #E8E8E8; box-shadow: rgba(0, 0, 0, .2) 6px 4px 21px 1px; border-radius: 20px; } .widget-title { color: #000; font: normal 600 20px / normal "Poppins-Regular"; margin-bottom: 20px; } .widget-categories ul li { border-bottom: 1px solid #E8E8E8; padding: 12px 0; list-style: none; text-decoration: none; } .widget-categories ul li a { color: #000; } .widget-categories ul li a:hover { text-decoration: none; } .card-wrapper { padding: 4px; margin-bottom: 15px !important; height: calc(100% - 15px); margin-left: 0 !important; margin-right: 0 !important; border-radius: 10px; } .card-wrapper .card-img-top { width: 100%; height: 219px; object-fit: fill; } a.blog-subheading { color: #000 !important; font: 600 19px / 1.5 'Poppins-Regular'; text-decoration: none; /* width: 255px; */ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-wrap: wrap; } a.blog-subheading:hover { color: #cc2127 !important; font: 600 19px / 1.5 'Poppins-Regular'; text-decoration: none; } .product-container { position: relative; } .favorite-button { cursor: pointer; border: 0; color: #cc2127; position: absolute; top: 10px; right: 14px; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .favorite-button .favorite__icon { height: 21px; width: 21px; opacity: 0; transition: opacity 0.3s, transform 0.3s; transform: scale(.6); position: absolute; } .favorite-button.is-favorite .favorite--enable { opacity: 1; transform: scale(1); } .favorite-button:not(.is-favorite) .favorite--not { opacity: 1; transform: scale(1); } .image_corners { border-radius: 10px 10px 0 0; } #likes i, .count i{ color: #B2B2B2; margin-right: 10px; font-size: 20px; } #likes .btn-white:hover i, #likes .btn-comment:hover i{ color: #fff; text-decoration: none; } /* Header styles start */ .header { height: 64px; color: #000; box-shadow: 0 0 5px 3px #d5d5d557; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 15px; text-decoration: none; font-size: 18px; color: #000; display: block; transition: 0.3s; text-transform: uppercase; } .sidenav a:hover { color: #000; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 30px; margin-left: 50px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .signup-btn { padding: 10px 30px; box-shadow: 0 15px 47px rgba(0, 0, 0, 0.05); border-radius: 30px; color: #fff; font: 600 14px / normal 'Poppins-Regular'; text-align: center; overflow: hidden; border: 2px solid #000; background: #333; margin-bottom: 20px; } .signup-btn:hover { color: #fff; background: #333; } .create-event { font-size: 18px; color: #000; font-weight: 500; margin-right: 20px; text-decoration: none; } .create-event:hover { color: #000; } .create-event i { margin-right: 6px; color: #5b46f4; display: inline-block; width: 30px; height: 30px; background-color: #5b46f4; border-radius: 50%; vertical-align: middle; } .create-event i::before { content: '+'; width: 25px; height: 25px; font-size: 22px; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; margin: auto; } .create-event:hover { text-decoration: none; } .logoname { font-size: 30px; color: #000; margin-left: 20px; margin-bottom: 0; font-weight: bold; align-self: center; } /* Header styles end */ /* Footer styles start */ .footer { background: #232428; color: #fff; } .footer-space { padding-top: 71px !important; padding-bottom: 25px !important; } .support { font-size: 18px; max-width: 177px; margin-bottom: 10px; } .list-unstyled { margin-bottom: 9px !important; } .list-unstyled a{ font-size: 14px; text-decoration: none; color: #c9c9c9; } .list-unstyled a:hover,.profile-event-links a:hover{ font-size: 14px; text-decoration: none; color: #393d48; margin-left: 8px; } .category-list { padding-left: 0; } .title { font-size: 20px; } .footer-profile-links { padding-left: 42%; margin-top: -1.5rem; } .footer-profile-links hr { height: 2px; border-color: #fff; } .profile-event-links { padding-left: 30%; margin-top: 5px; } .profile-event-links a { font-size: 14px; text-decoration: none; color: #c9c9c9; } .copyright { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 10px; } .terms-footer a { border-right: 2px solid #232428; padding-right: 10px; margin-right: 5px; color: #c9c9c9; font-size: 14px; } .terms-footer a:hover { text-decoration: none; } .footer-bg { background-color: #000; } .input-box { background: #1b1c20; border: 0; outline: none; padding: 15px; border-radius: 50px; font-size: 14px; display: flex; justify-content: space-between; margin: 22px 0 0; } .input-box input { color: #c9e2fe; border: 0; border-radius: 20px; } .submit-btn { border: 0; padding: 9px 25px; cursor: pointer; background: #e0072f; color: #fff; transition: all 0.3s ease; outline: none; font-size: 14px; border-radius: 50px; margin-left: 15px; } .required-star { color: red; } /* Footer styles end */