@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Suez+One&display=swap');
*{
     margin:0;
     padding:0;
     box-sizing: border-box;
}
html{
    font-size:10px;
    font-family: 'montserrat', sans-serif;
}
.container{
     min-height:100vh;
     width:100%;
     display:flex;
     align-items: center;
     justify-content: center;
}
#hero .navbar{
     position:fixed;
     top:0;
     background-color:rgb(44, 44, 44);
     width:100%;
}
#hero .navbar .nav-list {
     padding:15px;
     margin-left:1%;
     text-align: center;
     align-items: center;
     justify-content: center;
     display:flex;
}
#hero .navbar .nav-list li{
      color:rgb(255, 196, 0);
      margin:0 15px;
      text-align: center;
      align-items: center;
      padding:5px;
      justify-content: center;
      display: inline-block;
      transition:.3s ease-in-out background-color , border-radius;
}
#hero .navbar .nav-list ul li:hover{
      background-color:black;
      border-radius:10px;
}
#hero .navbar .nav-list li a{
      color:rgb(255, 196, 0);
      text-decoration:none;
      font-size:1rem;
      cursor: pointer;
}
#hero{
     background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://fjwp.s3.amazonaws.com/blog/wp-content/uploads/2019/07/25164657/consulting-jobs.png');
     background-size:cover;
     background-attachment: fixed;
     background-position: center;
}
#hero .hero {
     max-width:1200px;
     margin:0 auto;
     padding:150px 0;
     justify-content: center;
}
#hero .hero h1{
     font-size:3rem;
     color:rgb(255, 196, 0);
     padding:20px;
     background-color:black;
}
#hero h1:hover{
     background-color:rgb(255, 196, 0);
     color:black;
     transition:.6s  ease-in-out;
}
#story {
     background-color:rgb(46, 46, 46);
     color:white;
}
#story .story{
    flex-direction: column;
    text-align:center;
    margin:0 auto;
    padding:100px 0;
    max-width:1500px;
 }
.section-title{
      font-size:3rem;
      text-align:center;
      text-transform: uppercase;
      margin-bottom:30px;
      border-top:1px solid rgb(255, 196, 0);
      padding-top:80px;
      color:white;
 }

 .section-title h1 span{
      color:rgb(255, 196, 0);
 }
 #story .story .story-info{
      margin-top:30px;
      font-size:2rem;
      padding:10px;
      display:flex;
      flex-direction: column;
      text-align:center;
      flex-basis:80%;
      width:80%;
      margin:30 auto;
 }
 #story .story .story-info p{
      margin-bottom:30px;
      flex-basis:80%;
 }
 #expertise{
      background-color:rgb(46, 46, 46);
      color:white;
 }
 #expertise .expertise{
     flex-direction: column;
   text-align:center;
   margin:0 auto;
   padding:100px 0;
   max-width:1500px;
 }
 #expertise .expertise .expert-items{
     display:flex;
     flex-wrap: wrap;
     text-align:center;
     align-items:center;
     justify-content: center;
 }
 #expertise .expertise .expert-item{
    flex-basis:80%;
    padding:20px;
    text-align: center;
    border-radius: 10px;
    padding:30px;
    margin:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition:.3s ease box-shadow;
    box-shadow:0px 0px 18px 0 #eeeeee2c;
 }
 #expertise .expertise .expert-item:hover{
      box-shadow:0px 0px 75px 0 #eeeeee2c; 
 }
 #expertise .expert-icon{
    width:70px;
    margin:0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom:10px;
 }
 #expertise .expert-item h1{
      font-size:2.5rem;
      color:rgb(255, 196, 0);
      margin-bottom:10px;
 }
 #expertise .expert-item p{
      font-size:1.5rem;
 }
 #projects{
     background-color:rgb(44, 44, 44);
  }
  #projects .section-title{
        color:white;
  }
  #projects .section-title span{
        color:rgb(255, 196, 0);
  }
  #projects .projects{
      flex-direction: column;
      max-width:1200px;
      margin:0 auto;
      padding:100px 0;
  }
  #projects .projects-header h1{
       margin-bottom: 50px;
  }
  #projects .all-projects{
      display:flex;
      align-items: center;
      justify-content: center;
      flex-wrap:wrap;
  }
  #projects .project-item{
      display:flex;
      border:1px solid rgb(255, 196, 0);
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width:80%;
      margin:20px auto;
      overflow:hidden;
      border-radius: 10px;
  }
  #projects .project-info{ 
     padding:30px;
     flex-basis: 50%;
     height:100%;
     display:flex;
     align-items:center;
     flex-direction: column;
  }
  #projects .project-info h1{
      font-size:2rem;
      font-weight:500;
      color:rgb(255, 196, 0);
  }
  #projects .project-info h2{
      font-size:1.5rem;
      font-weight:700;
      margin-top:20px;
  }
  #projects .project-info p{
      font-size:1.5rem;
      color:white;
      font-weight:200;
      margin-top:20px;
      text-align: center;
  }
  #projects .projects #one{
        background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://s.spielwarenmesse.de/fileadmin/data_archive/Relaunch_Spielwarenmesse/magazine/header/20171116_Bauklotz_labyrinth.jpg");
        background-position:center;
        background-size:cover;
  }
  #projects .projects #two{
     background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://image.made-in-china.com/2f0j00ZEOGYgRAhNbz/1-1kw-Industrial-Cooling-Evaporative-Air-Cooler.jpg");
     background-position:center;
     background-size:cover;
  }
  #projects .projects #three{
     background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://specials-images.forbesimg.com/imageserve/998250548/960x0.jpg?fit=scale");
     background-position:center;
     background-size:cover;
  }
  #projects .projects #four{
     background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://thumbs.dreamstime.com/b/two-commercial-refrigerator-white-63794123.jpg");
     background-position:center;
     background-size:cover;
  }
  #projects .projects #five{
     background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://blog.unmetric.com/wp-content/uploads/Home_Appliances.jpg");
     background-position:center;
     background-size:cover;
  }
  #projects .projects #six{
     background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("https://content.jdmagicbox.com/comp/delhi/z7/011pxx11.xx11.170713084947.u5z7/catalogue/shiv-electronics-ratan-vihar-delhi-electronic-goods-showrooms-bxwug.jpg?clr=");
     background-position:center;
     background-size:cover;
  }
  #meet{
        background-color:rgb(44, 44, 44);
        color:white;
  }
  #meet .meet{
        display:flex;
        flex-direction: column;
        max-width: 1200px;
        margin:0 auto;
        padding:100px 0;
  }
  #meet .meet .meet-items{
        display:flex;
        flex-basis:80%;
        margin:50px;
        flex-direction:column;
        text-align:center;
        align-items: center;
        justify-content: center;
  }
  #meet .meet .meet-item{
        display:flex;
        flex-direction: column;
        flex-basis:80%;
        margin:30px 0;
        padding:10px;
        
  }
  #meet .meet .meet-item .meet-info h1{
     font-size:2.5rem;
     border-top:1px solid rgb(255, 196, 0);
     padding:10px;
     color:rgb(255, 196, 0);
  }
  #meet .meet .meet-item .meet-info p{
        font-size:1.5rem;
  }
  #meet .meet .meet-item .meet-img{
        width:100%;
        min-height:250px;
        margin-bottom:20px;
  }
  #meet .meet .meet-item #one{
        background-image: url("https://cloudimage.homeonline.com/103x103/hol/public/uploads/profile/Ramesh-Chembath,%20Business%20Head,%20Kitchen%20appliances__47285592.jpg");
        background-position: center;
        background-size: cover;
  }
  #meet .meet .meet-item #two{
     background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxAKCxAQEBAJEBAJCAoNDQkJDRsICQcKIB0iIiAdHx8kKDQsJCYxJx8fLTItMTUtQzpDIys9TTMuNzQuQysBCgoKDQ0OFRAPEjclFhkrKy43Nys3Kzc3KzcwNystKysxKy0rLSstLSstKy0rKy0tKystLSsrKysrKysrKysrK//AABEIAMgAyAMBIgACEQEDEQH/xAAcAAAABwEBAAAAAAAAAAAAAAAAAgMEBQYHAQj/xABDEAABAwIEAgcEBgcHBQAAAAABAAIDBBEFEiExBlEHEyJBYXGBIzKRsRRCcnOh8DM1UlNiwdEkJWN0gsLxFRY0Q+H/xAAZAQADAQEBAAAAAAAAAAAAAAAAAQIDBAX/xAAjEQACAgICAgMBAQEAAAAAAAAAAQIRAyESMQRBEyJRI0IU/9oADAMBAAIRAxEAPwBxCxPI40jAE+iC5jYDI0cRpeNqUaxMBBsSOIk6bGlWxJ0KxmIkcRp2Il3qkAM8i4W6eQTwxJOSPsn7LkAitniKEPLToWOITuHFoJNntWa47IWTPI361yjo8Qe382WUZTfo3cYrtmysmY7ZzT6o9gshjxt7e+QeRVg4fx13XszynI4Ou157k+bumiXBVaZfSEmQmLOIKZ7sokZe9t+9P2PDxcEEeGqszKjx+7LAz7Sp9JWtjcHEbEK39Io9gz7ZVBjbe3mr5NJUceeKbs0SlqBUQiW3uN0BTfDMbdNI5pAtrl53UjgMANI0EaFnxVceW09eAzYSG/JEnZ2ePBOMlW6HOK1NQBYNaAT5lMcPjM1xI2xBPgCpvE3gOF9nt1/hTDEYntiD4SCADmG+ZVGVbObLHkq9kd/08sq49Oz1rSLa6LRmjQeQWZYbiEj6uJrxvM1ttrarUWjT0UZZKVUPxYtJhLIJSyCzOojqcJ9EEyp0+iTJHMaWaEnGEq0KhCzAl2hIsCcMCYgwC7ZdARrIATLUnM3sO+w5OCEjUfo3/duQxrsxLHheZ33zknQYeJmvcSAI2310ASuOfpj965RdbiojgdG06vJz207KxxW0b5XTI/EKkBxa22h98agqOMzr3uf6JVkDpdgTc6fxFPIsDlcNRb5re4rsx4Sl0hgKl19CQeYNirVwnxbJSzNZI4ujc4AlxuWBRw4aeY77OsdOaZS4NMw+7fy0S5wfsfxZF6NN43kbNTxOaQQ43BGoIVNdlv7o23CSw/GnPpxTSDWF7i1x3tyThjQ8b6rpxY4tbPO8mcovRaOF8QzgRG/YGnipSswWOSUPtZzXAkj6ygeG4m07+sJFwrJUYqwQvfcXbsO8onjp0gweTSu9kdj9E6RoLRt8lUqionglOTrA0WGnba8K40GOMqbA/jsClKw077h4jJA5XLSsnjfRbnF/ZMplBVmeugu3KRUR7Ny961UNWf4dLGK2Nrc36dtu0S1aHZZTg4vZvgyc02EsgundcU0bkZAn8SY06fxJkjqMJZoScYSrQmAtGE5YEjGE4YExBgF2y6Au2QAQhI1f6J/3bk4cE2rdIJPu3JS6HHsxTGh7a3ORyrdHhxqqssPuse4vP8Ks2Ln24+2VGcOye3k5vI17yssTrHaOiSTmkywwUjBYNa0BosLDUBPmUmiTh0I29VMUtMH/AF2DTcnRczts71SQwNJZIVFOLeinnUpaNXNtY630UBi+J09PoXtLr6Nb2iUcX6G5RStlYxbDWuq4SNOunbG8jQHxVudwIQLtk7vJVnEK5ksQlbe9NPG8scMjrXVjpOk2BwAdG9tgPELuwykonk+TCLl0IScJVMY7LrqPqMCrGgghxHzVsg47o5N3W8+5PouJaSXaSP1W/wAskcj8bG/RncVJPSvuY37G9u9EmrnDNdsmZ4sXO1K1AVtPLs6ErjqaCTuiP43R8u7aD4KTSemZvw3eWtiyxvOWVrnP3DAtWsmtLRRQEljY23OuUWunazyS5OzbFj4KkJEaoI3egszQiqcJ/CEypwn8ITEOowlmBEjCWYExCsYThgSUYThgTEdAXbLoC7ZACbk1xHSmk+6cnrgmWK/+LL905TPplR7MSxZ39oH2nJrgkBhq5Wuy3ZEw3aczbG3f6pzitm1IJFwHG42uE7Zh4p6wFu09JplN2i1v/iwi6gl+nVVzv8GtVG1zyZXTah2WKIluVo8t0MPge32kT5ywucG9c67XkclZIsMErw7s5mjQkXLU5qqEQwEm2gsGgZQVCnqjoWPdjKerdJSXGa9vINVffhz45GyBjHmRwDpnguFPqNbeV+eytVJBmpiLbgpPD6YSNIN7sNrXtYJRlRpOFlZq4HSQylzQDlcLjTO1S1D0e09XTRysdK3rY2uyv1sU9xOlaGOA72HxukI+LX0LGQNYHdUxrRl3IWuKfo4vIh0xlUdGJHuSKNm6PKqP3XX9Vajx2I3hskZbcDXuT2LjSnkdYX1I17rrfkzlaS7M8k4XxCHYyacikjHicH7/AE5LVKriOmicGucLloPMAJw6vgMYeSzK/ZxGhRzDiZKziLEqfcy6ftC6dQ9IFbF7wYfttstRMUEjQ60RDtj3FR2O4RT/AESV3VREtgeQcoJBsnyX4FMiuCuMJMWqHRPjY3JC5+dh3KCr/ROz+2zn9mlPzQSlVjjdGi04T+EJlAFIQhJCY5jCWYEnGEswKhC8YThoSMYThoQB2y7ZdsuoATITPFIy+ne1ouXNNhzKJj2LMw2DrXgkZgNFX2cf0jtzbRDVqhrWys1XDsriSYiTfkHIkkbomta9mV0LXDUdpgVwZxlRPt7RovzUdjOI0dSHESRZiwgOJy6rB4aWmdEc29oiaOqy93duksSq3TtttqC0bi6QpJgBuN/QhEqg46sIFncr5gsUtnZGVgp8QqIozH1QdnPZkjNox5rkEskZzOILiN2jq22Skb5MnvtG+mW7j+KQ6txuS52n1dgSqaRbTSuw9ZVF7Mx2yk+KjcOfHNUiQC+QEFp70vVyNktHewcA2++iNSUcdJexJzGwO91O4R5IxUXkyJegnENKKsMs0Agm/doqw2M073NtsTY81aJIHu1zG2Y28lHzUQfKMxsLb8lrCfJ02ZeT4tJySIR1Q45mkFxktZx3apxuPExxRSR3ZE0g23cU8ZhMEjMzXXLCNU3qKVj3khwaWgaW710xx/hwSzVSfoiGYvPJM2IF4jNS2zeQutQx45cMlPKjd8lQaPDCydhDmm8rb+KvfFRy4XN/lHfJKUWmilJS6KZ0Si8tUf2YWD5oJTonbZlY7kyL/cgom9lxWi+wOCkISFl9Jjz32GZ+YDa+a6eHHZ2kEF/wWigZ8jUI0swLK3cV1LTpm08N0Yca1I7j8E6A1uMJw1ZI3j+dv1fwTpvSPKLdgJUM1RcWbs6SCbezVk4a4nGJuLcuUsF0BQz6UNcMP2gqjwpwlDiFEJH3Di4hWzpMd/dx+2E14BOXDW6/Wd8Uehoi5ujmI7PcFHVfRsbaTOG/jZW2LEJIJJHVD4mMB7LnODWZVD8T8eU8VO4U0jJJnXa3KLsi8U6YuRUAw0L3Q9a2X6Lla9zBlMY5eilKKqEg0IP+5UODEHxzF97l7nE5+0Jb7gqwU9K6VjZqZxAeDeMnWN3eFhkhWzpxZLVFwEYy7DZR2ITiNp+Xiohza8ixFv4tEWKB4cXTOLiwE5fqgrFo3TY9ioRJkkze8DcXuWuupkUQyguAsBp5qq8MV/0iWRhNvbve257OUlWOqD3taGn6wPgWqpTUfo0aYo2nKMheOIEW7rk27wE2qKDPe3I+oT6LsC5FwdA4bkrrXEkNAOupv3LJ4ndxN3ltNPaEcOoQ0BgFufioriCBtLO2wuXC9vBTc7Xt1abFo+KrNeZXzEyalwsPAIxuKvezzc/j19kvqcir81VE0AD2jb991cuNHWwqb7iyqWH4YfpEbwdpW3HJWjj02wqXxY0Lqxy5GDqtKiC6IGexqTzkiHmLFBKdEotSznnUN+SC0ktiRFcCxNkxIBwBGQ6HZau3DoSNWR/BZZwF+tB92Vq8zsrCfBaEDd9DSg2Mcd/JBuEUjv8A1R/BIRR5jdPIhb4qhCRwGjcdYmpVvCVFIP0bU4aQSnlJ2X27iEAVvHeGqOhpXy5QMg3OouqJgHFcWGSyPs52dpDWjTVXbpamLMOaAdHztv4hYjIbocbHZa+JON5sTZ1ZbG1ma4HvOUD/ANcqWRdW2aZrBezI3dW0fBR4N9fyFwi/5uigs5LUOkN3ue4k7vdmJKTv81x4sfyEMp37kAFc2+vJS/DuNihls/MYpvftqYnc1FJMgXsVMopqmVGTi7RrsTmzxB7HAse0EOAvmCr+OvEDHXIF2u30uV3gKqD4HQk6wPJAPew/kqE48lzVAaDo1mgHeVxRh/Tidssn8+SK9R1JheHsPaYTr3FWan4uLmBjmRtN2+0Grfgqm0WC4SuqWOMnbOOM5RdpmvYOHVcTXh0TtQbRvDmgp/LFUOd7gAFu0N3BY1SV0lM7NG+Rh5xuyFXDA+kKeAgTWlb+17kjQo+JrpnR/wBV1cS7yU8pb7vePMpjiOHukAIYbgBPoeNqKRgJkALh7rhYtKXbxRRvGksfxWTwmkfLr/JB4dSTRzsOU5cwv4BPukM2wyTxLVJx49Su2kj+KrvHuKQzYe5rHscS4aA3KvHDic2Wam3JKjnRSLUUnjU/yQSvRcy2HuPOYoLRkLohOAh/ejfunLV6lt4ysp4B/WrfuHLXctxbwWqICUUIDfROcoOibwuLTax0+CWfEXbGyoQf6ILXHJCkYSTyaU6iFgPJdNm68ykBRumJzhRRWFwJiTy2WLh11q/TJiErBDFkPVOa5xk7nP5LJWuF9bjVMDtrEjxuEfNlI80aUWyuGutjbXRJTGzh5oANOy4JTZrraJ2Pe8wm88eU+qAOWRJBqD4rrSg8XHogB7g+JuoZxIBfsOaW7BwTLEKp9TK6R5uXkk8gijYeR8EnIFHFXZXJ1RwDT0XLrpXEyTgC7dBBABi82Vk4d4VfikRkY+2R1i3xVZO3qrLwtjc9CHNhbm6wglu5SY0Sw6O6gbSfikn9H1VtnuPE3Up/3bXfuHfBAcZ1bfegf8FFsqi0cH4S/DqPq3+9nJQTThLiV+KOka5uXqh63QSGVzgD9aN+4ctejWP9Hhvijf8ALuWuMOq1RDF3GwQjkBRm6hEawNN+66okch1x6pRgvodtCm/XguDRz18E8Y35IAyTpjxBs1RFGyQHqGOzxjZj1m4ZnG3qrFx/LG7E5zGOz1xBO4Lu/wDFV6M2HZ59+tkDE7GMkdzhqOSLUbAped4c3UWPMJve8R/hegBUnY8wjzNuPRInQN8gnHcgBiRY/nRBHnFknf5JABu3kSiSa/EIA6lccdvNIYUriBXLoEduuLl11qADFTPCVf8ARa6M2Dg9waWnXRQhNz+dFI4HM2Gqjc7UNkbugDdo4o3AGzNQDsk6ymj6p3ZZ7ju5R8VQXUxeNDpb7KNRvcaWUkkjK6xO9lm0UmVvo6b/AGmqP+I5BKdGzc0lUf8AGd80EmURXRx+sx/l3LX2DVY/0a64mPuHLY2BbIzYYgkaLoiJCWYNEtG1MQSjpso13JR8SqBTU0kh2ihcU5YFVuk2t+j4U8XsZ3NZ6IAw3Fajrp3uOpfI4lNIwG3P1fxaUZxJJO9z8Vy4PflNrajsuCBkjDgNRUUZqGMDo2OdqD7RwG5so2WglhphI9jhHUgmKQ6tlsbFajwYIm4Y3qi+QXIqInHM6KY725BK45g7JqJzALwuLnNbHo6kk5gefcud5qdM7F4ycbTMjB19Gp03b0TItLJHNO8b3NNtrhO2G49F0LZxtUJTjQ+SaAp3KUzH80mAGkZjfN7ptl7ykydR5Fddugd/RIDhRCjEooQMCMNEVdJQI6EeM6jzSbEdAGvcPyiooYywk5WhrgdbqYe0x0kl/wB27TkqN0cYoS8052IJB5FX3FOzSSfdOUMpFd6Lx2ag853fNdRui4ewmPOd3zQUsoq/BdT9CqOvNrdWWhp0LirueOMuzR8Uan4RgIHv/FSUXCFMRq0/FaWZsijx+QNGj5ojekGS/uhWWHhCkA9y/qnMHCVID+jafNOwKo7pBn7mt+CrvGPE8uJU7WSBoDZLi3ZuVrUfC1J+5j+Czzpgw6KlNOI2MYHtluGDLmOiEx6M1H8/wScx5f1ulMot9b4pGVoHO/LfVUIu/BVG8Un0illJnjlc2ejebQTxdw8NNQVe6eUSs6yLQ29rTyaHN3g+KxPD62aifnhe+N1tcvuvb4jvUlJxXVmxDmMdlAe+Nvam81zZMTkzsxZoxjsPx3CxmI9YxoaKiK5aNAJQbH+Sg2vRsWxKWsDS+xLHucHDTff5JgHuWuO1FJnNlacm0OZH6JsHLheSi5SrIDOOqLfUrhahlSA6SuIAa+vrZWKDAI3tDs0hD2gjW1wolNR7NMeOU+iuErhKn6zh+wvGTp9V/aBUHNA6J1nAg39CiM1LoJ4pQ7ONRgiNSgVmZKcO4l9BqmSdzTqOYV3xLjZs8D2CN/tGEA20WatNj6rXeCaamraJpLIy+M5Xaa3UyKQbowYRRvJBGaY76IK2UtMyBtmNDRfYaBcUDFKZSUIUdSqSgVogeM2S0SSYNEvEECHEYWXdNzCXUvi2fyGy1OMLN+mxhEFK8C4bLM0nuBsP6JrsZjrm2NhvbU8kYxjf8uKUZHm31122CDhrt36DvcVoAR4FvhdJyMFkvlub7hp9HuXZI+eg5ftFADBkebyukpY7KUY3TwtttZN5gB53SoCPyWRX7JxILeaRyX1P/KkBIBCyUsi2QAQq3cNTiWnyneF1v9PcqkVJ4JiTaMvLs1ntbYNFy4rLNHlHR0ePNQnb6Le6IjUbfJVvHKcFpOgIO6Sn4je53ZbZt9nHUphX4k+pFiGgX7tysceKaezoy58ck0hgEdoRQEcLrPPOq8dF9e9laYhctnjdcdzSO9UdW/owky4q0fvIJh62v/JJ9DRsQQQQWZRylUnAggrIHseyXiCCCBDuMKC49wkYhhM7LXdHGZY+YeNUEELsDz0zQHf00ui9XfzN/wDQ1BBajD2DBrsBpbvSJBkdc7X/AAQQTEKE2+GgTcs7zufgggkMQlsPE29EgWk6n/lBBSARwRCLIIJAFKTk/mgggZwLqCCBAXUEEAdCtXRszNi8X8LZifLKUEEn0NG0IIIKBn//2Q==");
     background-position: top;
     background-size: cover;
}
#contact{
      background-color:rgb(44, 44, 44);
      color:white;    
     }
#contact .contact{
      display:flex;
      flex-direction:column;
      max-width:1200px;
      margin:0 auto;
      padding:20px;
}

#contact .contact-items{
     display:flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     flex-wrap: wrap;
 }
 #contact .contact-item{
     flex-basis:80%;
     padding:20px;
     text-align: center;
     border-radius: 10px;
     margin:30px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     box-shadow:0px 0px 18px 0 #eeeeee2c;
     transition:.3s ease box-shadow;
 }
 #contact .contact .section-title{
        font-size:2.5rem;
 }
 #contact .icon{
     width:100px;
     margin:0 auto;
     margin-bottom:0px;
 }
 #contact .contact-info h1{
     font-size:2.5rem;
     font-weight:500;
     margin-bottom:0px;
 }
 #contact .contact-info h2{
     font-size:1.3rem;
     line-height:2rem;
     font-weight:500;
 }
 #contact .contact-item:hover{
     box-shadow:0px 0px 45px 0 #eeeeee2c;
 }
#contact .contact .contact-items .contact-item a{
      color:rgb(255, 196, 0);
}
#contact .contact .contact-items #special{
      filter: grayscale(1);
      transition:.5s ease filter;
}
#contact .contact .contact-items #special:hover{
      filter: grayscale(0);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
#contact h1{
      text-align:center;
      color:white;
      padding-bottom:30px;
      margin-top:10px;
      font-weight:100;
}
#contact h1 a{
      color:rgb(255, 196, 0);
}
  @keyframes text_reveal {
     100%{ color:white;
     }
   }
   @media only screen and (min-width:700px){
         #hero .navbar .nav-list ul li{
               margin:10px;
               padding:20px;
         }
         #hero .navbar .nav-list ul li:hover{
               background-color:black;
               border-radius:10px;
         }
         #hero .navbar .nav-list {
               padding:0;
         }
         #hero .navbar .nav-list ul{
               text-align:center;
               align-items: center;
               justify-content: center;
         }
         #hero .navbar .nav-list ul li a{
               font-size:1.5rem;
         }
      #hero .hero h1{
            font-size:4rem;
      }   
      .section-title{
            font-size:3.5rem;
            padding-top:50px;
            letter-spacing:.2rem;
      }
      #contact .contact .section-title{
            font-size:3.5rem;
            padding-top:50px;
            letter-spacing:.2rem;  
      }
      #story .story .story-info{
            flex-basis:70%;
            font-size:2rem;
            margin-top:10px;
      }
      #expertise .expertise .expert-item{
             flex-basis:30%;
             width:300px;
             padding:20px;
             min-height:300px;
      }
      #expertise .expertise .expert-item p{
             font-size:1.5rem;
      }
      #expertise .expertise .expert-item #spex{
             font-size:1.7rem;
             margin:10px;
      }
      #projects .project-item{
            flex-basis:40%; 
            box-shadow: 0 0 40px 0 rgb(48, 37, 2);
            margin:2.5%;
            min-height:300px;
      }
      #projects .all-projects{
             box-shadow:0 0 20px 0 #eeeeee2c;
             border-radius:20px;
             padding:50px;
      }
      #meet .meet .meet-items{
             flex-direction:row;
      }
      #meet .meet .meet-item{
             margin:2%;
             height:450px;
      }
      #meet .meet #bord{
             border-right:1px solid rgb(255, 196, 0);
             padding-right:50px;
      }
      #meet .meet .meet-item .meet-info p{
             font-size:1.5rem;
      }
      #meet .meet .meet-item .meet-info #spec{
             font-size:2.2rem;
      }
   }
   @media only screen and (min-width:1200px){
      #hero .navbar .nav-list ul li{
             padding:5px 60px;
      }  
      #hero .navbar .nav-list ul li a{
             font-size:2rem;
      }
      #story .story .story-info{
             width:60%;
             font-size:2.2rem;
      }
      #expertise .expertise .expert-item{
             flex-basis:25%;
      }
      #projects .project-item{
             flex-basis:25%;
             min-height:400px;
      }
      #meet .meet .meet-item{
             width:500px;
      }
      #contact .contact-item{
             flex-basis:25%;
             height:300px;
             width:300px;
      }
   }