/* import css font */@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); /* */*{margin: 0; padding: 0; box-sizing: border-box;}li{margin: 10px; border: 1px solid black; list-style: none; background: rgb(202, 224, 228);}body{background: white; font-family: "Roboto", sans-serif;}/* header section */header{width: 100%; padding: 10px; background: steelblue;}header .header__img{width: 100%;}/*==========main section==========*/ /* logos */.logos{height: 3rem; padding: 10px; display: flex; justify-content: space-evenly; align-items: center;}/* when size reach 374px */@media (max-width: 374px){.logos h4{font-size: 0.8rem;}.logos{justify-content: left;}}.item img{width: 50px;}.item h4{padding: 3px 6px; background: blue; color: #fff; font-weight: 800; letter-spacing: 0.5px;}.headline{display: flex; justify-content: center; background: rgb(238, 233, 233);}.first-headline{padding-top: 1rem;}.headline h2{position: relative; z-index: 2; background: white; border: 2px solid black; border-radius: 5px; padding: 0.2rem 0.5rem; margin: 0.5rem 0; color: black; text-align: center; text-transform: capitalize;}/* when size reach mobile size */@media (max-width: 500px){h2{font-size: 1.1rem;}}.headline h2::before{content: ""; position: absolute; z-index: 1; top: 50%; left: -65%; height: 10%; width: 60%; background: rgb(10, 102, 187);}.headline h2::after{content: ""; position: absolute; z-index: 1; top: 50%; right: -65%; width: 60%; height: 10%; border-radius: 10px; background: blue;}/* services */.services{display: grid; padding: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-rows: 1fr; grid-gap: 10px; text-align: center; color: black; background: rgb(238, 233, 233);}.head{font-weight: 800; background: #555; color: #fff; border-radius: 10px; margin-bottom: 10px;}.box{box-shadow: 0px 2px 5px rgba(238, 230, 230, 0.2); margin-top: 1rem;}.box:hover{box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);}.psc{text-transform: capitalize; background: rgb(189, 212, 231); border-radius: 5px; margin: 0.5rem;}.psc h2{color: blue;}/* map */.map{padding: 10px; padding-bottom: 20px; background: rgb(238, 233, 233);}/* footer section*/footer{padding: 10px; background: #222; text-align: center;}footer img{width: 50px; margin-right: 1rem;}h2{position: relative; display: inline; letter-spacing: 1px; color: rgb(255, 255, 255);}h2::before{content: ""; position: absolute; bottom: -8%; left: 0; width: 48%; height: 2px; background: #fff;}h2::after{content: ""; position: absolute; bottom: -8%; right: 0; width: 48%; height: 2px; background: #fff;}.media{margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 10px; color: rgb(180, 171, 171);}.media > *{display: flex; align-items: center;}.whatsapp .numbers{display: flex;}@media (max-width: 600px){.media{flex-direction: column;}.mail{margin-bottom: 1rem;}.mail img{width: 40px;}}@media (max-width: 350px){.media{align-items: flex-start; justify-content: left;}.numbers{flex-direction: column;}}footer .top{position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; visibility: hidden; cursor: pointer; border-radius: 50%; background: blue; color: white;}footer i{font-weight: 900;}