.social-section .input-icon {
  cursor: pointer;
}
.social-section .input-icon-part {
  float: left;
  margin-right: -5px;
}

.social-section .input-part h3 {
  width: 70% !important;
}

.social-section p {
  width: 70% !important;
}

.social-section .webform-button--submit {
  color: transparent;
  border: none;
}

.social-section .webform-button--submit:hover {
  color: transparent;
}

/* circle-row-strip */
.circle-row-strip {
  background-color: var(--orange);
  padding: 40px 0;
}

.circle-row-strip .circle-design .rank-num {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 10px;
}

.circle-row-strip .circle-design .rank-text {
  font-size: 20px;
}

.circle-row-strip .circle-design .sub-circle {
  background-color: var(--orange);
}

.circle-row-strip .spacing-line {
  position: relative;
}

.circle-row-strip .spacing-line::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 30px;
  background-color: var(--white);
  top: 72px;
  right: 0px;
  border-radius: 2px;
}

.circle-row-strip.searchbar {
  background-color: var(--orange);
  padding: 40px 0 150px 0;
}

.circle-row-strip.searchbar .reverse .circle-design::after {
  position: absolute;
  content: "";
  /* background-image: url(../images/my-nita/halfblue_icon.svg); */
  background-image: url(/themes/custom/nitaa/assets/images/my-nita/halfblue_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  left: -14px;
  rotate: -90deg;
  top: -14px;
}
.circle-row-strip .row {
  row-gap: 35px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.searchbar-part {
  background-color: #c5c5c5;
  padding: 60px 0 0;
  margin-bottom: 14px;
}

.searchbar-part .row{
  width: 100%;

}

.searchbar-part .select2-container--default .select2-selection--single{
  background-color: white !important;
  padding-left: 70px !important;
}

.searchbar-part .img-part {
  margin-top: -180px;
  margin-left: 86px;
  z-index: 100;
  position: relative;
}

.searchbar-part .input {
  position: relative;
  width: 100% !important;
}


.searchbar-part .input::after {
  position: absolute;
  top: 17px;
  left: 50px;
  content: '';
  width: 1px;
  height: 34px;
  border-left: 1px solid var(--orange);
  z-index: 50;
}

.seacrchbar-icon {
  margin-left: -58px;
  position: relative;
  z-index: 100;
  background-color: transparent;
  border: none;
}

.searchbar-part .input::before {
  border-left: 1px solid var(--orange);
  position: absolute;
  top: 17px;
  right: 70px;
  content: '';
  z-index: 50;
  width: 1px;
  height: 34px;
}

/* circle */

.circle-design {
  background-color: var(--white);
  border-radius: 50%;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.circle-design::after {
  position: absolute;
  content: "";
  background-image: url(/themes/custom/nitaa/assets/images/my-nita/halfblue_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  left: 14px;
  top: -14px;
}

.sub-circle {
  border-radius: 50%;
  width: 177px;
  height: 177px;
  background-color: #7ac0d5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.white-circle {
  border-radius: 50%;
  width: 164px;
  height: 164px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.white-circle .plus {
  color: var(--blue);
  font-size: 24px;
  line-height: 24px;
}

.white-circle .rank-num {
  color: var(--orange);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.white-circle .rank-text {
  color: var(--blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.agences-banner-section {
  background-image: url('/themes/custom/nitaa/assets/images/agences/agences-banner-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

.agences-banner-section .banner-text-part {
  background: radial-gradient(circle, rgba(255, 255, 255,1) 66%, rgba(255,255,255,0) 100%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 30px 0px;
}

.agences-banner-section .banner-text-part .text-part {
  width: 80%;
}

.agences-banner-section .banner-text-part h2 {
  font-size: 44px;
  font-weight: 700;
  color: var(--orange);
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 3px solid var(--blue);
}

.agences-banner-section .banner-text-part p {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #1D1D1B;
}