@font-face {
     font-family: head;
     src: url(../fonts/Yeager-Regular.otf);
   }
   
   @font-face {
     font-family: para;
     src: url(../fonts/paragraph.woff2);
   }
   

body::-webkit-scrollbar {
     display: none;
}

:root{
     --heading-color:rgb(0, 0, 0);
     --text-color:rgb(44, 44, 44);
   }
.map{
     width: 60vw;
     margin: auto;
     display: flex;
     margin-top: 50px;
     flex-direction: column; 
}
.left{
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     align-items: center;
     width: 100%;
}
.right{
     width: 100%;
}
.our-map{
     width: 100%;
     height: 50vh;
}
.address-div-cont{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 50%;
     padding: 50px 0;
     border-right: 1px solid black;
}
.address-div-cont>h1{
     font-size: 5vw;
     font-family: head;
}
.address-div-cont>p{
     font-size: 2vw;
     font-family: para;
}
.contact-us-cont{
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 20px;
     align-items: center;
     width: 50%;
     font-family: "dahlia";
}
.contact-us-cont a{
     text-decoration: none;
     color: black;
}
.contact-us-cont>a>p{
     font-size: 30px;
     cursor: pointer;
}
 
@media screen and (min-width: 300px) and (max-width:500px){
     #contactbannerwrapper{
          width: 100vw;
     }
     #contactbannertext{
          margin-top: 50px;
          margin-bottom: 50px;
     }
     #contactbannertext>h1{
          font-size: 35px;
     }
     .map{
          width: 90vw;
          margin-top: 30px;
     }
     .our-map{
          width: 100%;
          height: 50vh;
     }
     .left{
          width: 100%;
          display: flex;
          flex-direction:column;
     }
     .address-div-cont{
          width: 100%;
          border-right: none;
          border-bottom: 1px solid black;
     }
     .address-div-cont>h1{
          font-size: 38px;
     }
     .address-div-cont>p{
          font-size: 18px;
     }
     .contact-us-cont{
          gap: 5px;
          padding: 50px 0px;
     }
}

@media screen and (min-width: 501px) and (max-width:900px){

}