/*================================================
Custom CSS
=================================================*/

/* .main-banner-woman-content { */
	/* top: 0px; */
/* } */

/* .main-banner-woman-area { */
	/* background-color: #f6f8fc; */
	/* padding-top: 30px; */
/* } */

.main-banner-woman-area {
	background-color: #f6f8fc;
}

.flexibility-area {
	background-color: #f6f8fc;
}

.flexibility-image {
	text-align: center;
}

.flexibility-content span {
	color: #3FB0C7;
}

.flexibility-content .list li {
	background-color: white; /* background-color: #3FB0C7 */
	color: black;
}

.flexibility-content .list li i {
	color: #3FB0C7;
}

.flexibility-content .list li:hover i {
	background-color: #3FB0C7;
	color: #ffffff;
}

.go-top {
	background: #3FB0C7;
}

.go-top::before {
	background: #3FB0C7;
}

.green-text {
	color: #3FB0C7;
}

.btn-primary::before {
	background: #3FB0C7;
}

.btn-primary::after {
	background: #01426A;
}

.how-it-works-area {
	background-color: #fff;
}

.single-how-it-works {
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
	height: 95%;
}

.section-title p {
	max-width: 900px;
}

p {
	font-size: 16px;
}

.main-banner-woman-area .banner-woman-list2 li {
	font-size: 20px;
}

.main-banner-woman-area .banner-woman-list2 {
  left: 10px;
  bottom: 30px;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  list-style-type: none;
}

.main-banner-woman-area .banner-woman-list2 li {
  font-size: 24px;
  color: #5C5C5C;
  font-weight: 400;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding-left: 45px;
}

.main-banner-woman-area .banner-woman-list2 li i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  color: #DD2476;
  font-size: 16px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-banner-woman-area .banner-woman-list2 li:last-child {
  margin-right: 0;
}

.main-banner-woman-area .banner-woman-list2 li:hover i {
  background-color: #ee0979;
  color: #ffffff;
}

.banner-woman-list3 li {
	font-size: 20px;
}

.banner-woman-list3 {
	margin-left: -27px;
	padding-top: 15px;
	list-style-type: none;
}

.banner-woman-list3 li {
  font-size: 24px;
  color: #5C5C5C;
  font-weight: 400;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding-left: 45px;
}

.banner-woman-list3 li i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  color: #3FB0C7;
  font-size: 16px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-woman-list3 li:last-child {
  margin-right: 0;
}

.banner-woman-list3 li:hover i {
  background-color: #3FB0C7;
  color: #ffffff;
}

.btn-secondary {
  background-color: transparent;
  color: #ffffff;
}

.btn-secondary::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: red;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-secondary::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #01426A;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.btn-secondary:hover, .btn-secondary:focus {
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-secondary:hover::before, .btn-secondary:focus::before {
  opacity: 0;
  visibility: hidden;
}

.btn-secondary:hover::after, .btn-secondary:focus::after {
  opacity: 1;
  visibility: visible;
}

.faq-accordion .accordion .accordion-title i {
	background: #3FB0C7;
}

.black-bold {
	color: black;
	font-weight: bold;
}

.blue-bold {
	color: blue;
	/* font-weight: bold; */
}

p.accordion-content {
	color: black;
	/* font-weight: bold; */
}

.section-title p {	
	font-size: 18px;
}

.single-how-it-works p {	
	font-size: 17px;
}

/* ********************* */

.btn-green {
  background-color: transparent;
  color: #ffffff;
}

.btn-green::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #17A851;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-green::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #01426A;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.btn-green:hover, .btn-green:focus {
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-green:hover::before, .btn-green:focus::before {
  opacity: 0;
  visibility: hidden;
}

.btn-green:hover::after, .btn-green:focus::after {
  opacity: 1;
  visibility: visible;
}

.main-banner-woman-area .banner-woman-list2 li i {
	color: #3FB0C7;
}

.main-banner-woman-area .banner-woman-list2 li:hover i {
	background-color: #3FB0C7;
	color: #ffffff;
}

.fa-arrow-right::before {
	font-size: 16px;
}

.fa-check {
	font-size: 24px;
}

.fa-circle-xmark {
	font-size: 24px;
}

.section-title .bar::before {
	background: #3FB0C7;
}

.section-title .bar {
	background: #3FB0C7;
}


/*================================================
Media Queries
=================================================*/

@media only screen and (max-width: 337px) {
	
	.main-banner-woman-content {
		top: -90px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 490px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 16px;
	}
	
	.banner-woman-list3 li {
		font-size: 16px;
	}
	
}

@media only screen and (min-width: 338px) and (max-width: 431px) {
	
	.main-banner-woman-content {
		top: -90px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 420px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 16px;
	}
	
	.banner-woman-list3 li {
		font-size: 16px;
	}
	
}

@media only screen and (min-width: 432px) and (max-width: 552px) {
	
	.main-banner-woman-content {
		top: -90px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 390px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 16px;
	}
	
	.banner-woman-list3 li {
		font-size: 16px;
	}
	
}

@media only screen and (min-width: 553px) and (max-width: 575px) {
	
	.main-banner-woman-content {
		top: -90px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 350px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 16px;
	}
	
	.banner-woman-list3 li {
		font-size: 16px;
	}
	
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
	
	.main-banner-woman-content {
		top: -90px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 380px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 16px;
	}
	
	.banner-woman-list3 li {
		font-size: 16px;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.main-banner-woman-content {
		top: -100px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 670px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 20px;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.main-banner-woman-content {
		top: -120px;
	}
	
	.main-banner-woman-image {
		bottom: -50px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 560px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 24px;
	}
	
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	
	.main-banner-woman-content {
		top: -120px;
	}
	
	.main-banner-woman-image {
		bottom: -70px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 710px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 24px;
	}
	
}


@media only screen and (min-width: 1400px) {
	
	.main-banner-woman-content {
		top: -120px;
	}
	
	.main-banner-woman-area .banner-woman-list2 {
	  top: 650px;
	}
	
	.main-banner-woman-area .banner-woman-list2 li {
		font-size: 24px;
	}
	
}