*{margin:0;padding:0;box-sizing:border-box;align-items:center;justify-content:center}.header{display:flex}.nav-header{display:flex;background-color:#0f1a3499;padding:20px 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;position:fixed;z-index:1000;border-bottom-left-radius:40px;border-bottom-right-radius:40px;width:60%;height:80px;justify-content:center;align-items:center;margin-top:80px}.nav-header ul{list-style:none;display:flex;justify-content:center;gap:40px}.nav-header ul li a{text-decoration:none;color:#fff;font-size:18px;font-weight:700;transition:color .3s}.nav-header ul li a:hover{color:#60a5fa}.mobile-nav{display:none}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative;z-index:1001}.hamburger{font-size:28px;background:none;border:none;color:#fff;position:fixed;top:20px;left:20px;z-index:1002;cursor:pointer}.mobile-sidebar{position:fixed;top:0;left:-250px;width:200px;height:60vh;background-color:#0f1a34e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-top:60px;display:flex;flex-direction:column;align-items:center;transition:left .3s ease;z-index:1000}.mobile-sidebar.open{left:0}.mobile-sidebar ul{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:20px}.mobile-sidebar ul li{width:100%;text-align:center}.mobile-sidebar ul li a{text-decoration:none;color:#fff;font-size:18px;font-weight:700;display:block;padding:10px;transition:background .2s ease}.mobile-sidebar ul li a:hover{background-color:#60a5fa}}.footer_container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;height:60vh;background:linear-gradient(135deg,#8fc6e6,#0077b6)}.back_to_top{background:#fff;color:#0ea5e9;border:2px solid #0ea5e9;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;max-width:1000px;margin-left:auto;margin-right:auto;display:block;text-decoration:none}.back_to_top:hover{background:#0ea5e9;color:#fff;transform:translateY(-4px)}.footer_portion{display:flex;justify-content:center;align-items:center;gap:200px}.footer_right{display:flex;flex-direction:column;gap:20px}.footer_links{display:flex;justify-content:center;gap:30px}.footer_left{display:flex;flex-direction:column;gap:50px;margin-bottom:50px}.footer_left h2{font-size:2.5rem}.footer_left_links{display:flex;flex-direction:column;gap:10px;font-size:1.3rem}.footer_left_links a{color:#000}.footer_left_links a:hover{color:#deb887}.footer_btn{background:none;border:none;font-size:1.25rem;text-decoration:underline;cursor:pointer}.footer_btn:hover{color:#deb887}.social_media h2{margin-left:60px}.footer_right p{font-size:1.2rem;text-align:center}.socail_media_a{display:flex;flex-direction:row;gap:10px}.social-link{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-bottom:10px}.quick_link ul{display:flex;flex-direction:column;gap:5px;list-style:none;text-align:center;font-size:1.2rem}.quick_link a{text-decoration:none;color:#000}.quick_link a:hover{text-decoration:underline;color:#deb887}@media (max-width: 768px){.footer_container{height:auto;padding:30px 20px}.footer_portion{flex-direction:column;align-items:center;gap:40px}.footer_left{align-items:center;text-align:center;margin-bottom:0}.footer_left h2{font-size:1.8rem}.footer_left_links{font-size:1.1rem;align-items:center}.footer_right{align-items:center;text-align:center}.footer_right p{font-size:1rem}.footer_links{flex-direction:column;gap:20px}.social_media h2,.quick_link h2{font-size:1.2rem;margin-bottom:10px}.facebook{height:65px;margin-bottom:2px}.insta,.youtube{height:45px}.quick_link ul,.back_to_top{font-size:1rem}}.main_appointment{display:flex;justify-content:center;align-items:center}.appointment_container{background-color:#ffffffb3;height:85vh;width:90%;border-radius:30px;display:flex;flex-direction:column;gap:50px;align-items:center}.appointment_left{width:32%;display:flex;flex-direction:column;gap:10px}.select_clinic{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.clinic_logo{display:flex;gap:30px}.clinic_logo img{height:100px}.clinic_logo img:hover{border:2px solid black;cursor:pointer}.appointment_right{width:60%;display:flex;gap:40px}.appointment_right p{text-align:center;font-size:1.25rem}.availability{width:80%;justify-content:center;align-items:center;text-align:center}.display_schedule{background-color:#fff;width:100%;height:30vh;border-radius:20px;display:flex}.display_schedule p{white-space:pre-line}@media (max-width: 768px){.appointment_container{height:auto;flex-direction:column;gap:30px;padding:20px 10px}.appointment_left,.appointment_right{width:100%;display:flex;flex-direction:column;align-items:center}.clinic_logo{flex-direction:column;gap:20px}.clinic_logo img{height:80px}.availability{width:100%}.display_schedule{height:auto;padding:20px;justify-content:center;align-items:center}.appointment_right p{font-size:1rem;padding:10px}}.modal-overlay{position:fixed;top:0;left:0;z-index:1100;width:100%;height:95vh;background:#3f3a3a80;display:flex;justify-content:center;align-items:center}.modal-content{background:#0000004d;padding:20px;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.GR_modal-overlay{position:fixed;top:0;left:0;z-index:1100;width:100%;height:100vh;background:#ffffff80;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.GR_modal-content{background:#0000004d;padding:20px;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:10px;right:14px;font-size:18px;background:transparent;border:none;cursor:pointer;color:#fff}.GR_main{height:83vh;display:flex;justify-content:center;align-items:center}.givereview_container{height:75vh;width:60vh;background:linear-gradient(to right,#58a0c8,#77bef0);display:flex;align-items:center;justify-content:center;border-radius:20px}.givereview_form label{font-size:1.4rem}.givereview_form{display:flex;flex-direction:column;align-items:center}.review_name{width:250px;height:30px;border-radius:10px;border:none;padding:10px;font-size:18px}.review_text{width:250px;height:180px;border-radius:10px;border:none;padding:10px;font-size:15px}.GR_button{width:100px;height:30px;font-size:1.1rem;border-radius:5px}.doc_intro_container{position:relative;display:flex;gap:50px;justify-content:center;align-items:center;background:url(/assets/home_back-B7MoAXzU.png) no-repeat center center/cover;height:100vh;width:auto;gap:8vh;z-index:2}.doc_intro_text{width:40%;display:flex;flex-direction:column;gap:20px;justify-content:left;align-items:start;margin-top:60px}.hi{font-size:2rem}.doctor_name{color:red;font-size:2.8rem;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,1)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.specialty{color:#add8e6;font-size:1.3rem;text-shadow:0 0 5px #3a86ff,0 0 10px #3a86ff,0 0 15px #3a86ff,0 0 20px #3a86ff;overflow:hidden;white-space:nowrap;border-right:3px solid black;width:0;animation:typing 4s steps(50,end) infinite alternate,blink .7s infinite}.book_appointment{background:#28a745;color:#000;padding:13px 25px;font-size:1rem;border:none;border-radius:20px;cursor:pointer;margin-top:20px;font-weight:700}.book_appointment:hover{background:#218838}.doctor-img img{height:500px;width:auto}.doctor-img{height:520px;width:auto;margin-left:100px;margin-top:100px}.doc_about{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to right,#87c0ed,#6099bd);gap:10vh}.doc_img1{height:450px;width:auto}.doc_about_text{width:35%}.doc_about_subtext{display:flex;flex-direction:column;align-items:start}.doc_about_name{color:#ffbd59;font-size:3rem}.doc_about_description{color:#fff;font-size:1.7rem}.more_about{background:linear-gradient(to right,#d9daff,#a1d5fa);color:#000;padding:10px 20px;border:none;cursor:pointer;border-radius:20px;font-size:1.5rem;margin-top:20px;font-family:cursive;text-decoration:none}.more_about:hover{background:linear-gradient(to right,#a1d5fa,#d9daff);border:1px solid blue}.doc_review_status{display:flex;justify-content:center;flex-direction:column;text-align:center;align-items:center}.doc_review{display:flex;background:linear-gradient(to right,#90e0ef,#80b5e1);height:170vh;align-items:center;justify-content:center}.doc_review_card{display:flex;gap:50vh;align-items:center;margin-top:50px;font-size:1.2rem}.doc_review_left_section{display:flex;align-items:center;gap:20px;justify-content:center;text-align:center}.percentage-circle{width:80px;height:80px;border-radius:50%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;margin-left:50px}.review_heading{display:flex;justify-content:center;margin-top:80px;margin-bottom:80px}.doc_testimonial{display:flex;gap:50px;justify-content:center}.review_card{display:flex;width:250px;height:250px;padding:50px;border:2px solid black;background-color:#e9f4f7;justify-content:center;align-items:center;text-align:center;font-size:1.3rem;border-radius:20px}.give_review_container{display:flex;justify-content:center;align-items:center;margin-top:60px}.give_review_here{background:linear-gradient(to right,#d9daff,#a1d5fa);color:#000;padding:10px 20px;border:none;cursor:pointer;border-radius:20px;font-size:1.5rem;font-family:cursive;text-decoration:none}.give_review_here:hover{border:1px solid blue;background:linear-gradient(to right,#a1d5fa,#d9daff)}.appointment_demo_container{display:flex;justify-content:center;gap:10vh;background-image:url(src/assets/appointment_back.jpg);align-items:center;text-align:center;height:100vh}.input{display:flex;flex-direction:column;gap:30px}.appointment_demo_heading{width:30%;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:50px}.clinic_info_here{background-color:#ff85bc;width:80%;border-radius:10px;font-size:1.3rem;padding:20px;border:none;font-weight:700;margin-top:100px;text-decoration:none;color:#000}.appointment_demo_heading h1{text-decoration:underline;font-style:italic;font-size:2.8rem}.appointment_demo_input{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;text-align:center;background-color:#fff;opacity:.9;border-radius:30px;padding:30px;height:50vh;width:50vh}.input input{padding:10px;border-radius:15px;width:40vh;height:25px;border:none;background-color:#6ca5d2;color:#fff}.appointment_demo_input button{padding:10px;border-radius:20px;width:44vh;height:50px;border:none;font-size:1.4rem;font-weight:700;color:#000;background-color:#ffbd59;cursor:pointer}.front_blogs_container{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:50px;background-color:#c2b1e6;height:100vh}.blogs_container{display:flex;justify-content:center;align-items:center;gap:40px}.blog{display:flex;flex-direction:column;width:250px;height:50vh;gap:20px;padding:20px;background-color:#d7ba89;color:#000;border-radius:10px}.blog button{border:none;background-color:none;text-align:left;background-color:#d7ba89;color:#000;font-size:1.1rem}.blog button:hover{color:#799eff;cursor:pointer}@media (max-width: 768px){.doc_intro_container{flex-direction:column-reverse;height:auto;padding:40px 20px;text-align:center;gap:40px}.doc_intro_text{width:90%;align-items:center;margin-top:20px;text-align:center}.hi{font-size:1.6rem}.doctor_name{font-size:2rem}.specialty{font-size:1.1rem;width:100%;text-align:center;border-right:none}.doctor-img,.doctor-img img{height:350px;margin:0}.doc_about{flex-direction:column;height:auto;padding:40px 20px;gap:40px;text-align:center}.doc_about_text{width:90%}.doc_img1{height:300px}.doc_about_name{font-size:2.3rem}.doc_about_description{font-size:1.3rem}.doc_review{flex-direction:column;height:auto;padding:40px 20px}.doc_review_card{flex-direction:column;gap:40px}.review_card{width:90%;height:auto;padding:30px}.appointment_demo_container{flex-direction:column;height:auto;padding:40px 20px}.appointment_demo_heading{width:90%}.appointment_demo_input{width:90%;height:auto}.input input{width:80vw}.appointment_demo_input button{width:82vw}.front_blogs_container{height:auto;padding:40px 20px}.blogs_container{flex-direction:column;gap:30px}.blog{width:90%;height:auto}}@media (max-width: 480px){.hi{font-size:1.4rem}.doctor_name{font-size:1.7rem}.specialty{font-size:.9rem}.doc_about_name{font-size:2rem}.doc_about_description,.review_card{font-size:1.1rem}.clinic_info_here{width:90%;font-size:1.1rem}}*{padding:0;margin:0}.contact_intro_text{display:flex;flex-direction:column;align-items:start;gap:20px;width:100%;justify-content:center;align-items:center;text-align:center;padding-top:30px}.contact_intro{display:flex;justify-content:center;background-color:#99b4b6;height:100vh;align-items:center;gap:40px;position:relative;z-index:1;overflow:hidden}.contact-container{display:flex;flex-direction:row;gap:30px;max-width:1200px;width:100%;justify-content:center}.contact-card{background:#fff;flex:1;min-width:300px;max-width:350px;padding:40px 20px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-bottom:4px solid transparent;margin-top:20px;height:250px}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0c4a6e26;border-bottom:4px solid #0284c7}.icon-wrapper{width:70px;height:70px;background-color:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.card-icon{font-size:30px;color:#0c4a6e}.card-title{color:#0c4a6e;font-size:1.5rem;margin-bottom:15px;font-weight:700}.card-text{font-size:1.1rem;margin-bottom:10px;color:#334155}.card-text a{text-decoration:none;color:#334155;transition:color .2s}.card-text a:hover{color:#0284c7}.card-subtext{font-size:.9rem;color:#64748b}.social-links{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.social-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:transform .2s;text-decoration:none}.social-icon:hover{transform:scale(1.1)}.fb{background-color:#1877f2}.yt{background-color:red}.insta{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);margin-bottom:0}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:center}}.contact_intro:before{content:"";background-image:url(src/assets/contact_back.jpeg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.GIT{max-width:500px;margin-left:-50px}.contact_intro_text h4{font-size:1.8rem}.contact_intro_text p{font-size:1.5rem}.contact_intro_subtext{display:flex;flex-direction:column;align-items:start}.contact_logo{display:flex;flex-direction:row;gap:10px}.logo{width:130px}.logo1{width:100px;margin-bottom:20px}.hospital_information_container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;height:340vh;background:linear-gradient(to right,#4f8386,#93cff8)}.hospital_information_container h1{font-size:2.4rem;color:#e9f4f7}.RIMS{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}.RIMS_pic_text{display:flex;justify-content:center;align-items:center;gap:30vh}.RIMS_text{display:flex;flex-wrap:wrap;justify-content:left;gap:30px;width:280px;font-size:1.2rem}.RIMS_pic img{width:250px}.RIMS_map{display:flex;justify-content:center;align-items:center}.RIMS_map iframe{width:500px;height:450px}.RIMS p{font-size:1.2rem}.RIMS h2{font-size:1.9rem}.southcity{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}.southcity_pic_text{display:flex;justify-content:center;align-items:center;gap:30vh}.southcity_text{display:flex;flex-wrap:wrap;justify-content:left;gap:30px;width:280px;font-size:1.2rem}.southcity_pic img{height:230px;width:auto}.southcity_map{display:flex;justify-content:center;align-items:center}.southcity_map iframe{width:500px;height:450px}.southcity p{font-size:1.2rem}.southcity h2{font-size:1.9rem}@media (max-width: 768px){.contact_intro{flex-direction:column;height:auto;padding:20px;gap:20px}.contact_picture{width:100%;height:auto}.GIT{max-width:100%;margin-left:0}.contact_intro_text{width:100%;gap:10px;padding:10px}.contact_intro_text h4{font-size:1.2rem}.contact_intro_text p{font-size:1rem}.contact_logos{flex-direction:row;gap:10px}.logo{width:80px;margin-bottom:7px}.logo1{width:60px}.hospital_information_container{height:auto;padding:20px;gap:30px}.RIMS_pic_text,.southcity_pic_text{flex-direction:column;gap:30px}.RIMS_text,.southcity_text{width:100%;font-size:1rem;text-align:center;align-items:center;display:flex;justify-content:center}.RIMS_pic img,.southcity_pic img{width:80%;max-width:300px;height:auto;margin-left:30px}.RIMS_map iframe,.southcity_map iframe{width:100%;height:300px}.RIMS h2,.southcity h2{font-size:1.5rem}.RIMS p,.southcity p{font-size:1rem;padding:0 10px;text-align:center}.hospital_information_container h1{font-size:1.6rem;text-align:center}}*{margin:0;padding:0}.about_intro_container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#d7e7ee;height:120vh}.about_intro{display:flex;justify-content:center;align-items:center;gap:20vh}.about_intro p{width:400px;font-size:1.5rem;text-align:left;margin-top:20px}.about_intro img{height:450px}.about_discribtion{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10vh;background:linear-gradient(to right,#a9cad8,#80b5e1);height:750vh}.about_discribtion h1{color:#146192;text-align:center}.MBBS{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.MBBS_detail{display:flex;justify-content:center;align-items:center;gap:40vh}.MBBS_detail p{width:300px;font-size:1.2rem}.FCPS{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.FCPS_detail{display:flex;justify-content:center;align-items:center;gap:40vh}.FCPS_detail p{width:300px;font-size:1.2rem}.MRCPS{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.MRCPS img{width:400px}.MRCPS_detail{display:flex;justify-content:center;align-items:center;gap:30vh}.MRCPS_detail p{width:300px;font-size:1.2rem}.FACS{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.FACS_detail img{width:280px}.FACS_detail{display:flex;justify-content:center;align-items:center;gap:40vh}.FACS_detail p{width:300px;font-size:1.2rem}.CHPE{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.CHPE_detail{display:flex;justify-content:center;align-items:center;gap:40vh}.CHPE_detail p{width:300px;font-size:1.2rem}.ICMT{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8vh}.ICMT_detail{display:flex;justify-content:center;align-items:center;gap:40vh}.ICMT_detail p{width:300px;font-size:1.2rem}.membership_container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;width:160vh}.membership_text ul{margin-left:30px}.membership_text{font-size:1.2rem;display:flex;flex-direction:column;gap:20px}.membership_img img{max-width:120vh}.specialization_container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:50px;width:160vh}.specialization_text{text-align:left;font-size:1.2rem;display:flex;flex-direction:column;gap:20px}.specialization_text ul{margin-left:30px}.teaching_container{display:flex;flex-direction:column;width:160vh;gap:50px;justify-content:center;align-items:center}.teaching_container h1{text-align:center}.teaching_detail{display:flex;flex-direction:column;gap:20px}.teaching_text{display:flex;flex-direction:column;gap:20px;font-size:1.2rem;margin-left:-110px}.teaching_text ul{margin-left:30px}.teaching_img_text{display:flex;justify-content:center;align-items:center;gap:100px;margin-top:30px}.teaching_img_text p{font-size:1.2rem;width:300px}.teaching_img_text img{max-width:350px}.comentment_container{display:flex;flex-direction:column;gap:50px;width:160vh;justify-content:center;align-items:center}.comentment_text{display:flex;flex-direction:column;gap:20px;font-size:1.2rem}.comentment_text ul{margin-left:30px}@media (max-width: 768px){.about_intro_container{height:auto;padding:20px}.about_intro{flex-direction:column;gap:30px}.about_intro img{width:80%;height:auto}.about_intro p{width:90%;text-align:center;font-size:1.2rem;margin-left:15px}.about_discribtion{height:auto;gap:60px;padding:20px}.MBBS_detail,.FCPS_detail,.MRCPS_detail,.FACS_detail,.CHPE_detail,.ICMT_detail,.teaching_img_text{flex-direction:column;gap:30px}.MBBS_detail p,.FCPS_detail p,.MRCPS_detail p,.FACS_detail p,.CHPE_detail p,.ICMT_detail p,.teaching_img_text p{width:90%;font-size:1rem;text-align:center;margin-left:15px}.MRCPS img,.FACS_detail img,.CHPE_detail img,.ICMT_detail img,.teaching_img_text img{margin-left:30px}.MRCPS img,.FACS_detail img,.CHPE_detail img,.ICMT_detail img,.teaching_img_text img{width:80%;height:auto}.membership_container,.specialization_container,.teaching_container,.comentment_container{width:100%;padding:0 10px}.membership_img img{width:100%;max-width:100%}.membership_text,.specialization_text,.teaching_text,.comentment_text{font-size:1rem;text-align:center;padding:0 10px}.membership_text ul,.specialization_text ul,.teaching_text ul,.comentment_text ul{margin-left:10px;text-align:left}.teaching_text{margin-left:0}.about_discribtion h1,.specialization_container h1,.teaching_container h1,.comentment_container h1{font-size:1.5rem}.about_intro_container h1{font-size:1.4rem}.about_intro_container h1 br,.about_discribtion h1 br,.specialization_container h1 br,.teaching_container h1 br{display:none}}.gallery-section{padding:100px 20px;background:linear-gradient(135deg,#e3f2fd,#f5f5f5)}.gallery-container{max-width:1200px;margin:0 auto}.gallery-header{text-align:center;margin-bottom:50px}.gallery-title{font-size:42px;font-weight:700;color:#1976d2;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.gallery-subtitle{font-size:18px;color:#555;max-width:600px;margin:0 auto}.gallery-filters{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{padding:12px 28px;background-color:#fff;color:#1976d2;border:2px solid #1976d2;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background-color:#1976d2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.filter-btn.active{background-color:#1976d2;color:#fff;box-shadow:0 4px 12px #1976d266}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-item{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #1976d24d}.gallery-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(25,118,210,.95),transparent);padding:25px;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-item-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.gallery-item-description{font-size:14px;color:#fffffff2;line-height:1.5}@media (max-width: 768px){.gallery-section{padding:60px 15px}.gallery-title{font-size:32px}.gallery-subtitle{font-size:16px}.gallery-grid{grid-template-columns:1fr;gap:20px}.filter-btn{padding:10px 20px;font-size:14px}.gallery-filters{gap:10px}}.blog-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:90px 20px;min-height:100vh}.blogs{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.blog-heading{text-align:center;font-size:42px;font-weight:700;color:#0c4a6e;margin-bottom:16px}.blog-portion{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:40px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0759851a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;width:340px}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #07598533}.blog-image-wraper{width:100%;height:200px;overflow:hidden;position:relative}.blogs-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blogs-image{transform:scale(1.05)}.blogs-text{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.blog-text-title{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:12px;line-height:1.4;align-items:center;text-align:center;align-content:center}.blog-text-date{font-size:13px;color:#94a3b8;display:flex;align-items:flex-start}.blog-text-description{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0f2fe;margin-bottom:20px;flex-grow:1}.blog-readmore{background:linear-gradient(135deg,#0ea5e9,#0284c7);display:block;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-align:center;text-decoration:none}.blog-readmore:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}@media (max-width: 768px){.blog-container{padding:60px 15px}.blog-heading{font-size:32px;margin-bottom:40px}.blog-portion{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.blog-card{width:100%;max-width:360px;margin:0 auto}.blog-image-wraper,.blogs-image{height:180px}.blog-text-title{font-size:20px}.blog-readmore{font-size:14px;padding:10px 20px}}@media (max-width: 480px){.blog-container{padding:40px 10px}.blog-heading{font-size:26px;margin-bottom:30px}.blog-portion{grid-template-columns:1fr;gap:20px}.blog-card{width:100%;border-radius:12px}.blog-image-wraper,.blogs-image{height:160px}.blog-text-title{font-size:18px}.blogs-text{padding:16px;gap:8px}.blog-readmore{padding:10px;font-size:14px}}.blog-detail-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:40px 20px;display:flex;flex-direction:column;padding-top:18vh}.back-button{background:#fff;color:#0ea5e9;border:2px solid #0ea5e9;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px;max-width:1000px;margin-left:auto;margin-right:auto;display:block;text-decoration:none}.back-button:hover{background:#0ea5e9;color:#fff;transform:translate(-4px)}.blog-detail-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #07598526}.blog-detail-header{position:relative;height:400px;overflow:hidden;display:flex;flex-direction:column;width:65%;border-radius:20px 20px 0 0}.blog-detail-image{position:absolute;top:0;left:0;width:100%;height:400px;object-fit:cover;z-index:1}.blog-detail-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(12,74,110,.95),transparent);padding:60px 40px 40px;color:#fff;width:100%;z-index:2;display:flex;flex-direction:column;justify-content:end;align-items:flex-start}.blog-detail-title{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.blog-detail-meta{display:flex;align-items:center;gap:12px;font-size:16px;opacity:.95}.meta-separator{opacity:.6}.blog-content{padding:60px 30px;background-color:#fff;width:65%}.blog-content{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#374151;max-width:800px}.blog-content h1,.blog-content h2,.blog-content h3{color:#0c4a6e;font-weight:700;margin-top:30px;margin-bottom:13px}.blog-content h1{font-size:2.15rem}.blog-content h2{font-size:1.65rem}.blog-content h3{font-size:1.4rem}.blog-content p{margin-bottom:24px}.blog-content strong{color:#0c4a6e;font-weight:700}.blog-content ul{list-style-type:disc;padding-left:20px;margin-bottom:24px}.blog-content li{margin-bottom:8px}.blog-detail-footer{padding:40px;background:#f0f9ff;border-top:2px solid #bae6fd;width:65%;border-radius:0 0 20px 20px;box-shadow:0 8px 32px #07598526}.author-card{display:flex;align-items:center;gap:24px}.author-info{flex:1}.author-name{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:8px}.author-bio{font-size:16px;color:#475569;line-height:1.6}@media screen and (max-width: 768px){.blog-detail-page{padding-top:120px;padding-left:16px;padding-right:16px}.blog-detail-header,.blog-content,.blog-detail-footer{width:100%}.blog-detail-header{height:300px}.blog-detail-title{font-size:32px;margin-bottom:12px}.blog-detail-overlay,.blog-content{padding:30px 20px}.blog-content h1{font-size:1.75rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content p{font-size:16px;line-height:1.6}.blog-detail-footer{padding:24px}.author-card{flex-direction:column;align-items:flex-start;gap:16px}.author-name{font-size:20px}.back-button{width:100%;text-align:center;box-sizing:border-box}}
