/*css header*/
.head__nav {
  /* margin: 1em 0; */
  position: fixed;
  top: 0;
}

.head__nav {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  /* border-bottom: 2px solid #5DAED5; */
}

.navbar {
  height: 50px;
  display: flex;
  justify-content: space-between;
}

.header__logo {
  height: 50px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo {
  height: 60%;
}

.header__nav {
  justify-content: space-around;
  text-align: center;
  flex-wrap: wrap;
}

.item-header {
  display: flex;
  align-items: center;
  margin: 0 20px;
}

/* -----detail css sections------- */

/* digital */
.digital__content-top {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: start;
}

.top-content {
  width: 45%;
  height: 300px;
}

.top-content-title {
  width: 100%;
}

.top-image {
  width: 55%;
  height: 300px;
}

.bottom-image {
  width: 65%;
  height: 30px;
}

.digital__content-bottom {
  width: 100%;
  height: 250px;
}

.bottom-text {
  padding: 3em;
  display: flex;
  flex-direction: center;
  justify-content: center;
}

.title-p {
  width: 100%;
  padding-right: 2em;
}

.text-p {
  margin: 1em;
  margin-left: 0;
  margin-right: 3em;
}

/* service */
.service__title-one {
  display: flex;
  justify-content: center;
  padding: 1em;
}

.service__title {
  margin: 2em;
}

.service__title-two .title {
  padding: 0 5em;
}

.img-items-st2 {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.content-items-st2 {
  padding: 1em 3em;
  width: 100%;
  height: 200px;
  min-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  justify-content: space-between;
}

.title-item {
  font-size: 20px;
}

.url-st2 {
  color: #5eb9f0;
}

/* organize */

.container__organize {
  text-align: start;
}

.container__organize .sub-title {
  text-align: start;
}

.organize__content-first {
  /* height: 350px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.organize__content-second {
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.button-organize {
  width: 150px;
  padding-left: 1em;
  padding-right: 1em;
}

.second__box-one {
  margin-left: 10%;
}

.second__box-two {
  margin-left: 20%;
}

.second__box-three {
  margin-left: 15%;
}

.box {
  width: 80%;
  height: 90px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 5px 35px 0px rgba(30, 34, 40, 0.07);
  align-items: center;
  justify-content: space-around;
}

.box-icon {
  width: 12%;
  height: 50px;
  background-color: #e5f4fd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-content {
  height: 50px;
  width: 80%;
}

/* solution */
.container__solution {
  height: 500px;
}

.solution__image {
  height: 400px;
}

.solution__content {
  height: 400px;
  padding: 0 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.solution__content-box {
  width: 100%;
  height: 350px;
  display: flex;
  text-align: start;
  flex-direction: column;
  justify-content: space-between;
}

.content-text-1 {
  text-align: start;
}

.content-text-2 {
  padding-right: 3em;
}

.content-text-3 {
  color: #5eb9f0;
}

.content-text-4 {
  padding-left: 2rem;
  padding-right: 3rem;
}

.icon-up-down {
  color: #5eb9f0;
  margin: 0 2px;
}

/* designTeam */
.container__designTeam {
  height: 1150px;
  flex-direction: column;
}

.designTeam__first {
  height: 500px;
}

.designTeam__first-content {
  height: 180px;
  justify-content: space-between;
}

.first-content-title {
  width: 37%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: start;
}

.st5__sub-title {
  text-align: start;
}

.first-content-views {
  width: 60%;
}

.views-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.views-box-icon {
  display: flex;
  justify-content: center;
}

.views-icon {
  width: 60px;
  height: 60px;
  background-color: #e5f4fd;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.designTeam__first-card {
  height: 270px;
  margin: 2em 0;
  justify-content: space-between;
}

.card-st5 {
  width: 22%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  text-align: start;
  padding: 0 1em;
}

.card-image {
  width: 60px;
  height: 60px;
}

.icons {
  display: flex;
  gap: 20px;
}

.icon1 {
  color: #5daed5;
}

.icon2 {
  color: #4470cf;
}

.icon3 {
  color: #e94d88;
}

.designTeam__second {
  height: 500px;
  padding: 2em 0;
}

.designTeam__second-content {
  height: 150px;
  width: 100%;
  justify-content: center;
  text-align: center;
}

.st5-title2 {
  padding: 0 15%;
}

.designTeam__second-gallery {
  height: 350px;
  text-align: start;
}

.gallery-cell {
  height: 100%;
}

.cell-image {
  width: 94%;
  height: 70%;
  margin: 12px 0;
}

.designTeam__three {
  height: 50px;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 1.5em 0;
}

.btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e5f4fd;
  box-shadow: 0px 5px 35px 0px rgba(30, 34, 40, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* rating  */
.container__rating {
  height: 800px;
}

.rating__content {
  height: 20%;
}

.rating__content > p {
  text-align: center;
  padding: 10px;
}

.rating__card {
  height: 80%;
  justify-content: center;
}

.card__column {
  width: 33%;
  height: 100%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.st6-cl-two {
  margin-top: 2em;
}

.card__row {
  height: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: start;
  padding-left: 2em;
  padding-right: 2em;
}

.st6-card-image {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.rating__card-image {
  width: 30%;
}

.rating__card-content {
  flex: 1;
}

.start {
  color: #fcc032;
}

/* FAQ */

.container__FAQ {
  height: 330px;
  justify-content: space-around;
}

.FAQ__content-first {
  height: 100%;
  width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: start;
}

.st7__button {
  width: 110px;
}

.FAQ__content-second {
  height: 100%;
  width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content__second-box {
  height: 20%;
  align-items: center;
  padding: 0 1em;
}

.st7__text-button {
  margin: 0 10px;
}

/* -------- css footer ------ */
.end {
  width: 100%;
  padding: 3em 0;
  background-color: black;
}

.container__end {
  height: 400px;
}

.end__first {
  height: 33%;
  justify-content: space-between;
  align-items: center;
  text-align: start;
  border-bottom: 1px solid rgba(164, 174, 198, 0.6);
}

.end__first-title {
  width: 60%;
}

.end__first-button {
  width: 200px;
}

.end__second {
  height: 67%;
  justify-content: space-between;
}

.end__second-column {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: start;
  padding: 2em 0;
}

.end__a__hover:hover {
  color: #fff;
  font-size: 17px;
}

.end__cl-4 {
  width: 30%;
}

.icon-end {
  color: white;
}

.text-while {
  color: #fff;
}

.text-gray {
  color: #cacaca;
}

.end-search {
  height: 50px;
}

.search-input {
  height: 100%;
  width: 70%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: solid 1px white;
  padding: 0 1em;
}

.search-label {
  height: 100%;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  background-color: #5eb9f0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}