/* comon css */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

.body {
  font-family: '"Montserrat", sans-serif' !important;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li {
  padding: 7px 0.5rem;
  color: #0d6efd;
}
li a {
  color: #0d6efd !important;
}
.home-icon li {
  padding: 0.5rem 1rem;
  /* border: 1px solid #0d6efd; */
  margin-right: 20px;
  border-radius: 5px;

  background-color: white;
  /* box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff; */
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
}
.inner-shadow {
  box-shadow: 1px 4px 2px -3px #d1d9e6 inset, -1px -3px 3px -2px #ffffff inset;
}

.white-shadow {
  background-color: white;
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
}
.headerMaincontainer {
  display: flex;
  color: white;
  background-color: rgb(39, 39, 58);
  position: relative;
  height: 50px;
  align-items: center;
}
.list1 {
  list-style: none;
  display: flex;
}
.list2 {
  list-style: none;
  display: flex;
  position: absolute;
  right: 0;
}
.profileheaderRight {
  display: flex;
  justify-content: center;
  z-index: 888;
  align-items: center;
}
.profileheaderRight:hover .profileheader {
  /* color: tomato;
    cursor: pointer;
    background-color: #414158; */
  display: flex;
}
.profileheaderRight img {
  width: 30px;
  height: 30px;
  padding: 5px;
}
.profileheaderRight p {
  margin: 0px 5px;
}
.profileheader {
  z-index: 999;
  right: 0%;
  position: absolute;
  background: #414158;
  top: 100%;
  padding: 10px 20px;
  margin: 0;
  width: 19%;
  display: none;
}

.profileimage {
  padding: 20px 0px;
}
.profileheader img {
  cursor: pointer;

  width: 64px;
  height: 64px;
}

.profileheader ul li {
  cursor: pointer;
}
.profileheader ul li:hover {
  color: tomato;
}

.home-icon li a i {
  color: #0d6efd !important;
}

.main-photo {
  background: linear-gradient(145deg, #e2e8ec, #ffffff);
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
  border-radius: 7px;
}
.home-container {
  width: 80%;
  margin: auto;
}
.small-device {
  display: none;
}
.large-device {
  display: block;
}

@media only screen and (max-width: 1000px) {
  .home-container {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .home-container {
    width: 90%;
  }
  .small-device {
    display: block;
  }

  .large-device {
    display: none;
  }
  .welcome {
    margin-top: 2rem;
  }
}
#home {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 60px 0px;
}

#about {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 40px 0px;
}
.secondary {
  color: rgb(255, 1, 79);
}
.fg-primary {
  color: rgb(13, 110, 253);
}
.custom-card {
  transition: 0.3s;
  height: 90%;
}
.custom-card:hover {
  /* background: linear-gradient(145deg, #6a67ce, #fc636b); */
  background: linear-gradient(145deg, #ce67cd, #7363fc);
  color: white;
}

.custom-card:hover a {
  /* background: linear-gradient(145deg, #6a67ce, #fc636b); */

  color: white;
}
.custom-card-margin {
  margin-top: 20px;
  transition: 0.3s;
}
.custom-card:hover i {
  color: white;
}
.bottom-icon-wrapar {
  height: 30px;
  transition: 0.3s;
}
.bottom-icon {
  font-size: 30px;
  display: none;
  transition: 0.3s;
}
.custom-card:hover .bottom-icon {
  display: block;
}

.custom-card:hover .custom-card-margin {
  margin-top: 0px;
}

.custom-card:hover .bottom-icon-wrapar {
  margin-bottom: 20px;
}

a {
  color: black;
}