*{padding:0;margin:0}.App{text-align:center}.body{margin:0;padding:0;height:100%;width:100%}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body,h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select{font-family:Manrope,sans-serif}.App-header{background-color:#eaecf0;padding:10px 20px;color:#000;position:sticky;top:0;z-index:100}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;position:relative;padding:12px}.logo img{height:30px;display:block}.logo{padding:0;margin:0}.nav-container{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-links{display:flex;list-style:none;gap:20px;margin:0;padding:0;align-items:center}.nav-links a{color:#000;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s;cursor:pointer}.nav-links a:hover{color:#007bff}.partner-button{display:flex;align-items:center}.partner-button .button{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .3s;white-space:nowrap;border:none;cursor:pointer}.partner-button .button:hover{background-color:#0056b3}.menu-icon{display:none;font-size:23px;cursor:pointer;padding:5px;background:none;border:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:10px;width:50%;max-width:600px}.close-button{float:right;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-content h2{margin-top:0}.modal-content form{display:flex;flex-direction:column}.modal-content label{margin-bottom:15px}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.submit-button{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}@media (max-width: 768px){.navbar{padding:6px 0}.modal-content{width:100%;height:100%;border-radius:0}.logo{margin-left:0}.menu-icon{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1001}.nav-container{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#f8f8f8;flex-direction:column;padding:0;box-shadow:0 4px 6px #0000001a;z-index:1000}.nav-container.active{display:flex;padding:10px 0 20px;margin-top:10px}.nav-links{flex-direction:column;gap:0px;width:100%;padding:0}.nav-links li{width:100%;padding:5px 0;text-align:center}.nav-links a{display:block;padding:10px 0}.partner-button{margin-top:8px;padding:0 20px;width:80%}.partner-button .button{display:block;width:calc(100% - 40px);margin:-20px auto 0;padding:10px;font-size:16px}}.hero-section{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:50px;height:90vh;max-width:100%;margin:0 auto;background-color:#f4f1e7;border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-sizing:border-box;overflow:visible}.hero-content{flex:1;padding-right:50px}.hero-pattern{position:absolute;pointer-events:none;z-index:1;width:100%;height:100%;margin-bottom:15%;margin-right:15%}.pattern-image{width:"1061.3px";height:"874.79px";position:"absolute";top:"-380.65px";left:"70px";transform:"rotate(30deg)";z-index:1}.hero-content h1{font-size:3.5rem;color:#0d66d3;margin:0 0 20px;line-height:1.2}.line{display:block}.description{font-size:14px;color:#666}.hero-content p{font-size:17px;line-height:24px;color:#555;margin-bottom:18px;text-align:left}.buttons{display:flex;gap:20px}.buy-button,.partner-button2{padding:12px 15px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.buy-button{background-color:#6bc115;color:#fff;margin-top:50px}.partner-button2{background-color:transparent;color:#000;border:2px solid black}.hero-image{flex:1}.hero-image img{margin-top:100px;width:100%;height:90vh;object-fit:contain}.desktop-button{display:flex}.mobile-button{display:none}@media (max-width: 768px){.hero-section{flex-direction:column;padding:20px;height:auto;overflow:visible}.pattern-image{width:120vw;top:-5%;left:-20%;transform:rotate(15deg);opacity:.6}.desktop-button{display:none}.mobile-button{display:flex;justify-content:center;margin-top:10px}.hero-content{max-height:fit-content}.hero-content h1{font-size:34px}.hero-content p{font-size:24px}.hero-content .description{font-size:18px;margin-bottom:20px}.buttons{flex-direction:column;gap:15px;align-items:center;width:100%}.buy-button{font-weight:600;width:100%;padding:16px 24px;margin:auto}.hero-image img{width:100%;margin-top:-10px;max-height:40vh;object-fit:contain}}@media (max-width: 480px){.pattern-image{width:150vw;top:0;left:-30%;transform:rotate(10deg)}}@media (max-width: 1200px){.pattern-image{width:90vw;top:-10%;left:-10%}}.how-it-works{text-align:center;padding:50px 20px;background-color:#f8f9fa}.how-it-works h2{font-size:28px;margin-bottom:60px;margin-top:60px}.how-it-works .subtitle{font-size:20px;color:#007bff;margin-bottom:40px}.steps{display:flex;justify-content:space-around;max-width:1000px;margin:0 auto}.step{flex:1;margin:0 20px;text-align:center}.step img{width:250px;height:250px;border-radius:20px;margin-bottom:20px}.step img:hover{box-shadow:0 10px 20px #0f78e433}.step p{font-size:20px;margin-bottom:10px;color:#0f78e4;font-weight:500}.step .description{font-size:16px;color:#666}@media (max-width: 768px){.steps{flex-direction:column;align-items:center}.step{margin-bottom:30px}.step img{height:200px;width:200px}.how-it-works h2{margin-top:8vh}.how-it-works{padding-top:0}}.trusted-by-users{text-align:center;padding:50px 20px;background-color:#fff1cc}.trusted-by-users h2{font-size:28px;color:#007bff;margin-bottom:10px}.trusted-by-users .subtitle{font-size:16px;color:#666;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.stats{display:flex;justify-content:space-around;max-width:1000px;margin:0 auto;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.stat{flex:1;padding:20px}.stat-number{font-size:26px;font-weight:700;color:#000}.stat-label{font-size:18px;color:#666}@media (max-width: 768px){.stats{flex-direction:column;align-items:center}.stat{margin-bottom:20px}}.empowering-campuses{text-align:center;padding:50px 20px;background-color:#f8f9fa}.empowering-campuses h2{font-size:28px;color:#007bff;margin-bottom:80px;margin-top:50px}.college-images{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.college-images img{width:150px;height:150px;object-fit:scale-down;border-radius:0;box-shadow:none;background-color:transparent}.college-images img:nth-child(6){grid-column:1}.college-images img:nth-child(11){grid-column:1}.college-images img:nth-child(12){grid-column:2}@media (max-width: 768px){.college-images{grid-template-columns:repeat(2,1fr)}.college-images img:nth-child(6),.college-images img:nth-child(11),.college-images img:nth-child(15){grid-column:auto}}.why-go-grab{text-align:center;padding:50px 20px;background-color:#f8f9fa}.why-go-grab h2{font-size:22px;color:#000;font-weight:400;margin-bottom:10px}.why-go-grab .subtitle{font-size:32px;color:#0f78e4;font-weight:700;margin-bottom:40px}.features{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto 120px;flex-wrap:wrap}.feature{background-color:#fff;border-radius:10px;padding:20px;margin:10px;width:300px;text-align:center}.feature:hover{box-shadow:0 10px 20px #0f78e433}.feature:nth-child(1){background-color:#fff8ea}.feature:nth-child(2){background-color:#fff8ea}.feature:nth-child(3){background-color:#fff8ea}.feature img{width:170px;height:170px;margin-bottom:20px}.feature .pHeading{font-size:19px;margin-bottom:10px;color:#007bff}.feature .description{font-size:15px;color:#646464}.video-section{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;background-color:#fff;padding:50px 20px;border-radius:10px}.video-container{flex:1;margin-right:20px}.video-container video{width:45%;border-radius:10px}.video-description{flex:1;text-align:left;margin-bottom:auto}.video-description p{font-size:16px;margin-bottom:20px;color:#333}.partner-button3{display:block;margin-top:50px;background-color:#007bff;color:#fff;padding:10px 30px;border:none;border-radius:5px;cursor:pointer;font-size:16px}@media (max-width: 768px){.features{flex-direction:column;align-items:center;margin-bottom:40px}.video-container video{width:60%;border-radius:10px}.feature{margin-bottom:20px}.video-section{flex-direction:column;justify-content:center;margin-right:8px}.video-container{margin-right:0;margin-bottom:20px;justify-content:center}.partner-button3{display:block;margin:30px auto auto}.video-description{flex:1;text-align:left}.video-description p{font-size:16px;margin-bottom:10px;color:#333}}.campus-feedback{text-align:center;padding:60px 20px;background-color:#f8f9fa}.campus-feedback h2{font-size:36px;color:#007bff;margin-bottom:10px}.campus-feedback .subtitle{font-size:18px;color:#666;margin-bottom:40px}.feedback-cards{display:flex;background-color:transparent;justify-content:center;gap:20px;max-width:1200px;margin:80px auto;flex-wrap:wrap}.feedback-card{background-color:transparent;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;width:300px}.feedback-text{font-size:16px;color:#333;margin-bottom:20px;font-style:italic}.feedback-author{display:flex;align-items:center;justify-content:center}.author-info{text-align:center}.author-name{font-size:16px;font-weight:700;margin-bottom:5px;margin-right:5px}.author-designation{font-size:16px;color:#666}@media (max-width: 768px){.feedback-cards{flex-direction:column;align-items:center;justify-items:center;margin-top:50px;margin-bottom:20px}.campus-feedback{padding-top:0}.feedback-card{width:100%;max-width:300px;background:transparent}}.faq-section{text-align:center;padding:50px 20px;background-color:#fff}.faq-section h2{font-size:36px;color:#007bff;margin-bottom:40px}.faq-list{max-width:800px;margin:5% auto 0}.faq-item{background-color:#f8f4ea;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer}.faq-question p{font-size:16px;margin:0}.dropdown-button{background:none;border:none;font-size:24px;cursor:pointer;color:#007bff}.faq-answer{padding:20px;background-color:#f8f9fa}.faq-answer p{font-size:14px;color:#666;margin:0;text-align:left}.view-more-button{background-color:transparent;color:#000;padding:10px 20px;border:2px #878787 solid;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px}.products-screen-container{font-family:Arial,sans-serif}.products-screen{background-size:cover;background-position:center;background-repeat:no-repeat;height:400px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.products-content{max-width:800px;margin:0 auto;color:#000}.products-screen h2{font-size:36px;margin-bottom:20px}.products-screen p{font-size:18px;margin-bottom:30px}.product-features{padding:50px 20px;text-align:center;background-color:#f8f9fa}.product-features h3{font-size:28px;color:#007bff;margin-bottom:10px}.product-features p{font-size:18px;color:#666;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.features-grid{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;flex-wrap:wrap}.feature{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;margin:10px;width:250px}.feature h4{font-size:18px;margin-bottom:10px;color:#007bff}.feature p{font-size:14px;color:#666}.cta-section{padding:50px 20px;text-align:center;background-color:#e9ecef}.cta-section h3{font-size:28px;color:#007bff;margin-bottom:10px}.cta-section p{font-size:18px;color:#666;margin-bottom:20px}.cta-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}@media (max-width: 768px){.features-grid{flex-direction:column;align-items:center}}.collaborations-page{max-width:100%;margin:0 auto}.collab-header{position:relative;margin-bottom:40px}.header-image{width:100%;height:400px;object-fit:cover;border-radius:8px}.header-content{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:30px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.header-content h1{margin:0 0 15px;font-size:2.5rem}.header-content p{margin:0;font-size:1.2rem;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.benefit-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-5px)}.benefit-card img{width:100%;height:200px;object-fit:contain}.benefit-card h3{margin:20px 20px 10px;font-size:1.3rem;color:#333}.benefit-card p{margin:0 20px 20px;color:#666;line-height:1.5}@media (max-width: 768px){.header-content{position:relative;background:#f8f8f8;color:#333;padding:20px}.header-image{height:300px}.header-content h1{font-size:2rem}.benefits-grid{grid-template-columns:1fr}}.blog-screen{max-width:100%;margin:0 auto;padding:0}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{font-size:2.5rem;color:#333;margin-bottom:10px}.blog-header p{font-size:1.1rem;color:#666}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.blog-card{margin-left:auto;margin-right:auto;background:#fff;height:100%;max-height:600px;padding:5px;border-radius:8px;overflow:visible;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.blog-image-container{position:relative;height:220px;width:100%;overflow:visible}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-date{position:absolute;bottom:10px;left:10px;background:#007bffe6;color:#fff;padding:5px 10px;border-radius:4px;font-size:.9rem}.blog-content{flex:1;display:flex;flex-direction:column;padding:20px}.blog-title{color:#555;line-height:1.6;margin-bottom:15px;text-align:left;min-height:5.8rem;overflow:hidden}.blog-excerpt{color:#666;line-height:1.6;margin-bottom:15px;flex-grow:1;min-height:unset;overflow:hidden;text-align:left}.blog-footer{display:flex;justify-content:flex-start;margin-top:auto;padding-top:15px}.blog-author{font-size:.9rem;color:#888}.read-more{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s;padding:0;background:none;border:none;box-shadow:none;text-align:left;cursor:pointer;font-size:.9rem}.read-more:hover{color:#0056b3;text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.pagination-arrow,.pagination-number{padding:8px 15px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.pagination-arrow:hover:not(:disabled),.pagination-number:hover:not(.active){background:#f5f5f5}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-number.active{background:#007bff;color:#fff;border-color:#007bff}.pagination-ellipsis{padding:8px 5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 6px #0000001a}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.contact-header h1{text-align:left;padding-left:20px}.contact-header p{text-align:left;padding-left:20px;font-size:medium}.modal-image{width:80%;height:auto;max-height:500px;border-radius:4px;margin-bottom:15px;object-fit:contain}.modal-date{color:#666;font-size:14px;margin-bottom:10px}.modal-content-text{font-size:16px;line-height:1.6;color:#333}.modal-content h2{margin-top:0;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container button{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:15px}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}.blog-title,.blog-excerpt{text-align:left}.pagination{flex-wrap:wrap;gap:5px}}.blog-section{padding:20px;text-align:center;max-width:1200px;margin:0 auto}.blog-section h2{font-size:2.5em;margin-bottom:40px;color:#333}.blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.blog-card{background-color:#fff;border-radius:10px;max-height:500px;box-shadow:0 4px 15px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease}.blog-card:hover{transform:translateY(-10px)}.blog-image{width:100%;height:180px!important;overflow:hidden;border-radius:10px 10px 0 0}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-title{font-size:1.3em;font-weight:700;margin:20px 15px 10px;color:#333;text-align:left;padding-bottom:10px;height:60px;display:flex;align-items:center;overflow:hidden;line-height:1.2}.blog-description{font-size:1em;color:#666;margin:0 15px 30px;text-align:left;display:block;line-height:1.5em;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;position:relative}.read-more-button{color:#007bff;display:flex;border:none;padding:10px 20px;background-color:transparent;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;align-self:flex-start}.read-more-button:hover{text-decoration:underline}.view-more-button{background-color:transparent;color:#000;border:2px #878787 solid;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:1.1em;transition:background-color .3s ease}.view-more-button:hover{background-color:#218838}@media (max-width: 768px){.blog-title{font-size:1.2em!important;height:auto!important;overflow:visible!important;display:block!important;line-height:1.4!important;margin-bottom:8px!important;text-align:left!important;-webkit-line-clamp:unset!important;margin-top:5px}.blog-image{height:200px!important}.blog-cards{grid-template-columns:1fr}.blog-section h2{font-size:2em}.blog-description{font-size:.95em;max-height:4.5em;line-height:1.5em}.blog-title{text-overflow:ellipsis}}.contact-screen{font-family:Arial,sans-serif;color:#333;padding:10px;width:"100%";margin:0 auto 10%}.contact-hero-section{display:flex;border-bottom-right-radius:5%;align-items:center;justify-content:center;background-color:#fffbed;border-end-end-radius:5%;border-bottom-left-radius:5%;margin-bottom:50px}.contact-header{flex:1;padding-right:40px}.contact-header h1{font-size:3.5em;margin-bottom:20px;line-height:1.2}.contact-header h1 .highlight-text{color:#007bff}.contact-header p{font-size:1.1em;line-height:1.6;margin-bottom:10px;color:#555}.contact-image-container{flex:1;display:flex;justify-content:center;align-items:center}.contact-image{max-width:80%;height:auto;border-radius:8px}.contact-form-section{display:flex;justify-content:center;margin-top:50px}.contact-form{background-color:#fffdf7;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:40px;width:100%;max-width:600px;text-align:left}.contact-form h2{text-align:center;margin-bottom:30px;font-size:2em;color:#333}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;font-size:1em;margin-bottom:8px;color:#555;font-weight:700}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff33}.form-group textarea{resize:vertical;min-height:120px}.submit-button{display:block;width:100%;padding:15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1.2em;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#0056b3;transform:translateY(-2px)}.success-message{text-align:center;padding:50px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:10px;font-size:1.5em;font-weight:700;margin-top:50px}@media (max-width: 992px){.contact-hero-section{flex-direction:column;text-align:center;padding:30px}.contact-header{padding-right:0;margin-bottom:30px}.contact-header h1{font-size:2.8em}.contact-image-container{margin-top:20px}}@media (max-width: 768px){.contact-screen{padding:20px}.contact-header h1{font-size:2.2em}.contact-header p{font-size:1em}.contact-form{padding:30px}.contact-form h2{font-size:1.8em}}@media (max-width: 576px){.contact-screen{padding:15px}.contact-header h1{font-size:1.8em}.contact-hero-section{padding:20px}.form-group input,.form-group textarea,.submit-button{padding:12px;font-size:.9em}}.footer{background-color:#2054a1;padding:100px 20px 0;font-family:Arial,sans-serif}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap}.footer-section{margin-bottom:20px}.footer-section h3{font-size:18px;margin-bottom:10px;text-align:left;color:#007bff}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px;text-align:left}.footer-section ul li a{color:#333;text-decoration:none}.footer-section p{text-align:left}.footer-section ul li a:hover{text-decoration:underline}.social-icons{display:flex;gap:10px}.social-icons img{width:24px;height:24px}.footer-bottom{text-align:center;padding:20px 0;border-top:1px solid #ddd;margin-top:20px;display:flex;justify-content:space-around}.footer-bottom p{margin:0;font-weight:400;font-size:11px;color:#666}.footer-bottom div{font-weight:400;font-size:11px;color:#666}.social-icons{margin-left:auto;margin-right:auto}.social-icons a{align-self:center;margin-left:auto;margin-right:auto;justify-self:center}.footerlogo{height:85px;width:149px;filter:brightness(0) invert(1);margin-top:25px}.social-icons img{height:50px;width:50px}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:flex-start;padding-left:10px}.footer-section h3{text-align:left;justify-self:flex-start;margin-top:10px}.centerINMob{justify-self:left;text-align:center}.social-icons{margin-left:auto;margin-right:auto}.social-icons a{align-self:center;margin-left:auto;margin-right:auto;justify-self:center}.social-icons img{height:50px;width:50px}.footer-section .footer-blogs,.footer-blogs{justify-self:center}.blogINMob{text-align:center}.footerlogo{margin-top:20px}}.blog-detail{max-width:800px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d}.blog-detail h1{font-size:2.5rem;margin-bottom:15px;color:#333}.blog-detail em{display:block;font-size:.9rem;color:#777;margin-bottom:20px}.blog-detail img{width:100%;height:600px;border-radius:6px;margin-bottom:25px;object-fit:contain}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #007bff;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.blog-content{line-height:1.7;font-size:1.05rem;color:#444;white-space:pre-wrap}.blog-detail p{margin-bottom:1.2rem}.blog-detail-loading,.blog-detail-error{text-align:center;padding:50px 20px;font-size:1.2rem;color:#666}@media screen and (max-width: 768px){.blog-detail{padding:16px;margin:20px auto}.blog-detail img{height:auto;margin-bottom:-20px}.blog-detail h1{font-size:2rem}.blog-content{font-size:1rem}}@media screen and (max-width: 480px){.blog-detail{padding:12px}.blog-detail h1{font-size:1.6rem}.blog-content{font-size:.95rem}.blog-detail em{font-size:.8rem}}
