@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body{min-height:100vh;width:100%;font-family:Roboto,sans-serif}button{font-family:Roboto,sans-serif}.contact-main{padding:5vw}.contact-main h1{display:flex;flex-direction:column;gap:1.3vw;font-size:2.2vw;font-weight:800;padding-bottom:4vw}.contact-main h1 .line{border:2px solid orange;width:4vw}a{text-decoration:none}.form-box{display:flex;width:fit-content;gap:5vw}.contact-paragraph p{width:60vw;font-size:1.3vw;color:gray;line-height:2.2vw;padding-bottom:2vw}.contact-paragraph :last-child{color:red;font-style:italic}.contact-paragraph :last-child>span{color:#87ceeb;font-weight:500}.address-deatils{display:flex;flex-direction:column;gap:3vw}.address-deatils>div{display:flex;justify-content:center;align-items:center;gap:2vw}.address-deatils .circle-div{width:3.5vw;height:3.5vw;border-radius:50%;border:1px solid#159bb3;display:flex;justify-content:center;align-items:center}.circle-div i{color:#159bb3;font-size:2vw}.address-deatils p{color:gray;font-size:1.2vw;width:22vw;line-height:2vw}form{display:flex;flex-direction:column;gap:3vw}form h3{font-size:1.3vw;font-weight:400;display:flex;align-items:flex-start;padding-bottom:.5vw}form h3 i{color:red;font-size:.7vw}form input{height:4vw;width:55vw;border:1px solid #e1e1e1;color:#000;font-size:1.3vw;padding-left:1vw}form textarea{height:13vw;width:55vw;border:1px solid #e1e1e1;color:#000;font-size:1.3vw;padding-top:1.5vw;padding-left:1vw}.submit-btn button{border:none;background-color:#fab90a;color:#fff;font-size:1.4vw;font-weight:800;padding:1vw 2vw;border-radius:5px}@media (max-width: 768px){form h3 i{font-size:1vw;padding-left:1vw}}@media (max-width: 426px){.contact-main h1{font-size:6vw;font-weight:800;padding-bottom:4vw}.contact-main h1 .line{border:1.5px solid orange;width:15vw}.contact-paragraph p{width:80vw;font-size:4vw;line-height:4.7vw;padding-bottom:5vw}.form-box{flex-direction:column;gap:10vw}.address-deatils{gap:3vw}.address-deatils>div{display:flex;justify-content:flex-start;align-items:center;gap:2vw}.address-deatils .circle-div{width:10vw;height:10vw}.circle-div i{font-size:5vw}.address-deatils p{font-size:3vw;width:60vw;line-height:4.5vw}form input{height:10vw;width:80vw;font-size:2.6vw;padding-left:1vw}form h3{font-size:3vw;padding-bottom:.5vw}form textarea{height:30vw;width:80vw;font-size:2.6vw}.submit-btn button{font-size:2.5vw;padding:2vw 3vw}form h3 i{font-size:2vw}}@media (max-width: 320px){.contact-main{padding:3vw}.contact-main h1{gap:4vw;font-size:8vw;padding-bottom:13vw}.contact-paragraph p{width:85vw;font-size:5.5vw;line-height:8.5vw;padding-bottom:8vw}form{gap:8vw}.address-deatils{gap:4vw}.address-deatils>div{gap:3vw}.address-deatils .circle-div{width:14vw;height:14vw}.circle-div i{font-size:7vw}.address-deatils p{font-size:4vw;width:60vw;line-height:6vw}form input{height:13vw;width:85vw;font-size:3.5vw;padding-left:1vw}form h3{font-size:4vw;padding-bottom:.5vw}form textarea{height:30vw;width:80vw;font-size:3.5vw}.submit-btn button{font-size:3.5vw;padding:3vw 4vw}form h3 i{font-size:2vw}}.notification-box{background-color:#dde4eb;border-left:6px solid #10263b;border-radius:10px;box-shadow:0 6px 16px #10263b4d;padding:20px;max-width:400px;min-width:320px;width:100%;position:fixed;top:5%;left:50%;transform:translate(-50%);display:none;z-index:100}.notification-box .icon{font-size:22px;color:#10263b;margin-right:12px;vertical-align:middle}.notification-title{font-size:1.3em;font-weight:700;margin:0;color:#10263b}.notification-message{font-size:1em;color:#3b4a59;margin-top:6px}.close-btn{position:absolute;top:12px;right:12px;font-size:18px;color:#7b8a96;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:#10263b}@media (max-width: 1024px){.notification-box{max-width:400px;padding:18px;z-index:100}}@media (max-width: 768px){.notification-box{max-width:400px;padding:16px}.notification-title{font-size:1.2em}.notification-message{font-size:.95em}}@media (max-width: 426px){.notification-box{max-width:310px;padding:14px}.notification-title{font-size:1.1em}.notification-message{font-size:.9em}}@media (max-width: 375px){.notification-box{max-width:340px;padding:12px}.notification-title{font-size:1em}.notification-message{font-size:.85em}}@media (max-width: 320px){.notification-box{max-width:250px;padding:10px}.notification-title{font-size:.9em}.notification-message{font-size:.8em}}