/*================================================
EA Icon Box Area CSS
=================================================*/
.ea-icon-box-area {
  position: relative;
  z-index: 1;
}

.ea-icon-box-area.bg-colo-f0f2f9 {
  background-color: #f0f2f9;
}

.ea-icon-box-area.bg-colo-f0f2f9 .shape-1 {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: -1;
}

.ea-icon-box-area.bg-colo-f0f2f9 .shape-2 {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: -1;
}

.ea-icon-box-area .icon i {
  font-style: normal;
}

.ea-icon-box-area.bg-color-d6e9e2 {
  background: -webkit-gradient(linear, left top, right top, from(#d6e9e2), to(#ecf5ef));
  background: linear-gradient(to right, #d6e9e2, #ecf5ef);
}

.ea-icon-box-area.style-five .shape-1 {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: -1;
}

.ea-icon-box-area.style-five .shape-2 {
  position: absolute;
  right: 50px;
  bottom: 50px;
  z-index: -1;
}

.ea-icon-box-area.bg-color-fdf6f0 {
  background-color: #fdf6f0;
}

.single-icon-box {
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  background-color: var(--whiteColor);
  padding: 20px;
  border-radius: 8px;
  border-bottom: 5px solid #e1ecfb;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.single-icon-box .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: #e5effc;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-icon-box .ea-title {
  margin-bottom: 10px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-icon-box h3 {
  font-size: 20px;
}

.single-icon-box p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-icon-box:hover {
  border-color: #0062e0;
}

.single-icon-box .read-more i {
  position: relative;
  top: 3px;
}

.single-icon-box.style-two {
  border: none;
}

.single-icon-box.style-two .shape {
  position: absolute;
  top: 30px;
  right: 30px;
}

.single-icon-box.style-two:hover {
  background-color: #0062e0;
}

.single-icon-box.style-two:hover .icon {
  background-color: var(--whiteColor);
}

.single-icon-box.style-two:hover .ea-title {
  color: var(--whiteColor);
}

.single-icon-box.style-two:hover p {
  color: var(--whiteColor);
}

.single-icon-box.style-two:hover .read-more {
  color: var(--whiteColor);
}

.single-icon-box.style-three {
  background: linear-gradient(45deg, #ffcb52, #ff7b02);
  border: none;
  padding: 30px;
}

.single-icon-box.style-three .icon {
  position: absolute;
  top: -40px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  right: 0;
  border: 5px solid var(--whiteColor);
  background: linear-gradient(45deg, #ffcb52, #ff7b02);
}

.iconbox-col.col-lg-2 .single-icon-box.style-three .icon, 
.iconbox-col.col-lg-3 .single-icon-box.style-three .icon {
  position: initial;
}

.single-icon-box.style-three .icon img {
  position: relative;
  top: -5px;
}

.single-icon-box.style-three .ea-title {
  margin-bottom: 18px;
  color: var(--whiteColor);
}

.single-icon-box.style-three h3 {
  font-size: 24px;
}

.single-icon-box.style-three p {
  color: var(--whiteColor);
}

.single-icon-box.style-three .read-more {
  color: var(--whiteColor);
}

.single-icon-box.style-three.bg-5581f1 {
  background: linear-gradient(45deg, #5c27fe, #c165dd);
}

.single-icon-box.style-three.bg-5581f1 .icon {
  background: linear-gradient(45deg, #5c27fe, #c165dd);
}

.single-icon-box.style-three.bg-517ef2 {
  background: linear-gradient(45deg, #5581f1, #5c27fe);
}

.single-icon-box.style-three.bg-517ef2 .icon {
  background: linear-gradient(45deg, #5581f1, #5c27fe);
}

.single-icon-box.style-four {
  border: none;
  background-color: #f2fbf5;
  border: 2px dashed #cce3d9;
}

.single-icon-box.style-four .ea-title {
  overflow: auto;
}

.iconbox-col.col-lg-3 .single-icon-box.style-four .ea-title, 
.iconbox-col.col-lg-4 .single-icon-box.style-four .ea-title {
  font-size: 16px;
}

.single-icon-box.style-four .bg-f6de30 {
  background-color: #f6de30;
}

.single-icon-box.style-four .bg-74b780 {
  background-color: #74b780;
}

.single-icon-box.style-four .bg-e07e90 {
  background-color: #e07e90;
}

.single-icon-box.style-four .bg-93d4fd {
  background-color: #93d4fd;
}

.single-icon-box.style-five {
  border: none;
  border-radius: 0;
  border: 1px solid #efefef;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.single-icon-box.style-five span {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: var(--headingFontFamily);
  font-size: 70px;
  color: #e1e3eb;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-icon-box.style-five:hover {
  background-color: #e14c4e;
}

.single-icon-box.style-five:hover .icon {
  background-color: var(--whiteColor);
}

.single-icon-box.style-five:hover .ea-title {
  color: var(--whiteColor);
}

.single-icon-box.style-five:hover p {
  color: var(--whiteColor);
}

.single-icon-box.style-five:hover .read-more {
  color: var(--whiteColor);
}

.single-icon-box.style-five:hover span {
  color: #e15b5e;
}

.single-icon-box.bg-color-b0d9ea {
  border: 1px solid #b0d9ea;
}

.single-icon-box.bg-color-b0d9ea .icon {
  background-color: #e9f8fb;
}

.single-icon-box.bg-color-f9e792 {
  border: 1px solid #f9e792;
}

.single-icon-box.bg-color-f9e792 .icon {
  background-color: #fdf9dd;
}

.single-icon-box.bg-color-eba091 {
  border: 1px solid #eba091;
}

.single-icon-box.bg-color-eba091 .icon {
  background-color: #f6e7e3;
}

.single-icon-box.bg-color-d1acf9 {
  border: 1px solid #d1acf9;
}

.single-icon-box.bg-color-d1acf9 .icon {
  background-color: #f0e6fc;
}

.single-icon-box.style-seven {
  border: none;
  border-radius: 40px 0 40px 0;
  background-color: #f6dfcd;
}

.single-icon-box.style-seven .icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 40px 0 40px 0;
  background-color: #eaa474;
}

.single-icon-box.style-seven .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

.single-icon-box.style-eight {
  border: none;
  text-align: center;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.single-icon-box.style-eight .icon {
  margin: auto;
  margin-bottom: 20px;
}

.ea-icon-box-content {
  max-width: 500px;
}

.ea-icon-box-content .ea-title {
  margin-bottom: 10px;
}

.ea-icon-box-content h3 {
  font-size: 36px;
}

.ea-icon-box-content p {
  margin-bottom: 30px;
}

.ea-icon-box-content .default-btn-custom {
  background-color: #323347;
  padding: 12px 30px;
  color: var(--whiteColor);
  display: inline-block;
}

.ea-icon-box-img {
  text-align: center;
}

.single-icon-box .read-more .far, .single-icon-box .read-more .fa, .single-icon-box .read-more .fab, .single-icon-box .read-more .fas {
  top: 1px;
  left: 5px;
}

.ea-icon-box-area .single-icon-box .icon i {
  font-size: x-large;
  margin: 28px 0 0 0;
}

/* Icon Alignment */

/* Alignment Center */
.single-icon-box.style-one .icon-box-align.is-icon-center .icon,
.single-icon-box.style-two .icon-box-align.is-icon-center .icon,
.single-icon-box.style-four .icon-box-align.is-icon-center .icon,
.single-icon-box.style-five .icon-box-align.is-icon-center .icon,
.single-icon-box.style-six .icon-box-align.is-icon-center .icon,
.single-icon-box.style-seven .icon-box-align.is-icon-center .icon {
  margin-left: auto;
  margin-right: auto;
}

.single-icon-box.style-one .icon-box-align.is-content-center h3,
.single-icon-box.style-two .icon-box-align.is-content-center h3,
.single-icon-box.style-four .icon-box-align.is-content-center h3,
.single-icon-box.style-five .icon-box-align.is-content-center h3,
.single-icon-box.style-six .icon-box-align.is-content-center h3,
.single-icon-box.style-seven .icon-box-align.is-content-center h3,
.single-icon-box.style-eight .icon-box-align.is-content-center h3 {
  text-align: center;
}

.single-icon-box.style-one .icon-box-align.is-content-center p,
.single-icon-box.style-two .icon-box-align.is-content-center p,
.single-icon-box.style-four .icon-box-align.is-content-center p,
.single-icon-box.style-five .icon-box-align.is-content-center p,
.single-icon-box.style-six .icon-box-align.is-content-center p, 
.single-icon-box.style-seven .icon-box-align.is-content-center p,
.single-icon-box.style-right .icon-box-align.is-content-center p {
  text-align: center;
}

/* Alignment Right */
.single-icon-box.style-one .icon-box-align.is-icon-right .icon,
.single-icon-box.style-two .icon-box-align.is-icon-right .icon,
.single-icon-box.style-four .icon-box-align.is-icon-right .icon,
.single-icon-box.style-five .icon-box-align.is-icon-right .icon,
.single-icon-box.style-six .icon-box-align.is-icon-right .icon {
  position: absolute;
  right: 20px;
} 

.single-icon-box.style-seven .icon-box-align.is-icon-right .icon {
  margin-left: auto;
}

.single-icon-box.style-one .icon-box-align.is-content-right h3,
.single-icon-box.style-two .icon-box-align.is-content-right h3,
.single-icon-box.style-four .icon-box-align.is-content-right h3,
.single-icon-box.style-five .icon-box-align.is-content-right h3,
.single-icon-box.style-six .icon-box-align.is-content-right h3 {
  position: absolute;
  right: 20px;
  top: 125px;
}

.single-icon-box.style-one .icon-box-align.is-content-right p,
.single-icon-box.style-two .icon-box-align.is-content-right p,
.single-icon-box.style-four .icon-box-align.is-content-right p,
.single-icon-box.style-five .icon-box-align.is-content-right p,
.single-icon-box.style-six .icon-box-align.is-content-right p {
  text-align: right;
  margin-top: 145px;
}

.single-icon-box.style-seven .icon-box-align.is-content-right h3,
.single-icon-box.style-eight .icon-box-align.is-content-right h3 {
  text-align: right;
}

.single-icon-box.style-seven .icon-box-align.is-content-right p,
.single-icon-box.style-eight .icon-box-align.is-content-right p {
  text-align: right;
}

/* Alignment Left */
.single-icon-box.style-seven .icon-box-align.is-content-left h3,
.single-icon-box.style-eight .icon-box-align.is-content-left h3 {
  text-align: left;
}

.single-icon-box.style-seven .icon-box-align.is-content-left p,
.single-icon-box.style-eight .icon-box-align.is-content-left p {
  text-align: left;
}

/* Additional Alignment */
.single-icon-box.style-five .icon-box-align.is-icon-right span {
  left: 20px;
  right: initial;
}

.single-icon-box.style-two .icon-box-align.is-icon-right .shape {
  left: 30px;
  right: initial;
}

.single-icon-box.style-eight .icon-box-align.is-icon-left .icon {
  margin-right: auto;
  margin-left: initial;
}

.single-icon-box.style-eight .icon-box-align.is-icon-right .icon {
  margin-left: auto;
  margin-right: initial;
}

.single-icon-box .icon-box-align.is-icon-left {
  text-align: left;
}

.single-icon-box .icon-box-align.is-icon-center {
  text-align: center;
}

.single-icon-box .icon-box-align.is-icon-right {
  text-align: right;
}
