.author-share-container{justify-content:space-between;background-color:var(--grey-color);padding:15px 20px;border-radius:8px;width:100%;max-width:900px;margin:auto auto 50px}.author-info,.author-share-container{display:flex;align-items:center}.author-image{width:50px;height:50px;border-radius:50%;margin-right:10px}.author-details h3{font-size:16px;margin:0}.author-details p{font-size:12px;color:#666;margin:0}.share-buttons{display:flex;align-items:center;gap:10px}.share-text{font-size:12px;color:#666;margin-right:10px}.linkedin{background:#0077b5}.facebook,.linkedin{color:white;width:100px;border-style:none}.facebook{background:#1877f2}.twitter{background:black;color:white;width:100px;border-style:none}.copy-link{background:#f0f0f0;color:black;width:200px;border:1px solid black}@media (max-width:768px){.author-share-container{flex-direction:column;align-items:center;text-align:center;padding:10px}.share-buttons{flex-wrap:wrap;justify-content:center}button{font-size:12px;padding:6px 10px}}.comment-container{width:90%;display:flex;justify-content:space-between;margin:50px auto;padding:20px;background:var(--grey-color)}.comment-form{display:flex;flex-direction:column;gap:10px;width:48%}.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:5px}.comment-form textarea{height:80px;resize:none}.comment-form button{padding:5px 10px;background:var( --horizontal-gradient);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s}.comment-form button:hover{background:#0056b3}.comment-list{width:48%}.comment-area-list{width:96%;height:250px;padding:3%;overflow-y:scroll;scrollbar-width:none;background-color:#f4f4f4}.comment-list h3{font-size:20px;font-weight:700;margin-bottom:10px}.comment{background:white;padding:5px;margin-bottom:10px;border-radius:4px;border-left:4px solid var(--secondary-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.comment p{font-size:14px;margin:2px 0}.comment small{color:#555;font-size:12px;display:flex;justify-content:space-between}.no-comments{color:#777;font-style:italic;text-align:center}@media (max-width:768px){.comment-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;margin:10px auto;padding:20px;background:var(--grey-color)}.comment-form,.comment-list{width:100%}}.pupular-section{margin-left:var(--side-padding);margin-bottom:50px}.pupular-section,.pupular-section p{width:var(--default-width)}.grid-section{display:flex;gap:20px}.grid-section .left{width:60%;height:500px}.grid-section .right{width:38%;height:500px}.grid-section .left .feature-section,.grid-section .right .feature-section{height:100%}.grid-section .right .content-section{width:100%;height:240px;transition:transform .3s ease,box-shadow .3s ease;margin-top:20px}.grid-section .left .content-section{width:100%;height:500px;transition:transform .3s ease,box-shadow .3s ease}.grid-section .left .content-section:hover,.grid-section .right .content-section:hover{transform:scale(1.02);cursor:pointer}.grid-section .right .content-section:first-child{margin-top:0}.text-section3{color:white;height:100%;display:flex;flex-direction:column;padding:20px;justify-content:flex-end}.blackscreen3{height:500px;width:100%;border-radius:var(--border-radius);background:var(--background-blackScreen);display:flex;justify-content:end}.text-section4{color:rgba(255,255,255,.858);height:100%;display:flex;flex-direction:column;padding:20px;justify-content:flex-end}.text-section3 h1,.text-section4 h1{margin:0;padding:0;line-height:1;font-size:36px;height:77px;overflow:hidden}.text-section3 p,.text-section4 p{margin:0;height:48px;overflow:hidden}.blackscreen4{height:100%;width:100%;border-radius:var(--border-radius);background:var(--background-blackScreen);display:flex;justify-content:end}@media (max-width:768px){.grid-section{flex-direction:column}.grid-section .left{width:100%;height:240px}.grid-section .right{width:100%}.blackscreen3,.grid-section .left .content-section{width:100%;height:240px}.blackscreen3{border-radius:var(--border-radius);background:var(--background-blackScreen);display:flex;justify-content:end}.text-section3 h1,.text-section4 h1{margin:0;padding:0;line-height:1;font-size:28px;height:56px;overflow:hidden}.text-section3 p,.text-section4 p{font-size:14px;margin:0;height:40px;overflow:hidden}}