:root{
  --mint-green: #92D5B2;
  --mint-light: #D8F2E4;
  --dark-blue: #00142B;
  --white: #ffffff;
}

.sub-title-font{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--mint-green);
  font-family: var(--primary-fonts);
  text-transform: uppercase;
}
.page-title-font{
  font-size: 46px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
  letter-spacing: 1px;
}
.page-title-font-2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
  letter-spacing: 1px;
}
.section-title-font{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
}
.section-title-font-italic{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
  font-style: italic;
}

.section-title-font-2{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
}
.section-title-font-3{
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
}
.box-title-font{
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
}

.box-title-font-2{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
  font-family: var(--secondary-fonts);
}

.content-font{
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  color: #ffffff;
  font-family: var(--primary-fonts);
}
.content-font-2{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #ffffff;
  font-family: var(--primary-fonts);
}
.content-font-3{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #ffffff;
  font-family: var(--primary-fonts);
}


/*List Style Class*/
.check-list-sty{
  list-style: none;
  padding: 0;
}
.check-list-sty li{
  position: relative;
	margin-bottom: 12px;
  padding-left: 32px;
}
.check-list-sty li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0773 5.24408C16.4028 4.91864 16.9304 4.91864 17.2558 5.24408C17.5562 5.54448 17.5794 6.01717 17.3252 6.34408L17.2558 6.42259L8.92251 14.7559C8.6221 15.0563 8.14941 15.0794 7.8225 14.8252L7.744 14.7559L3.57733 10.5893C3.25189 10.2638 3.25189 9.73618 3.57733 9.41074C3.87773 9.11034 4.35043 9.08723 4.67733 9.34142L4.75584 9.41074L8.33325 12.9875L16.0773 5.24408Z' fill='%2392D5B2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
}

/*Button link Style Class*/

.content-link{
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  border: 1px solid var(--mint-dark);
  border-radius: 4px;
  transition: var(--default-transition);
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  outline: 2px solid transparent;
	outline-offset: -2px;
}
.content-link:hover{
  outline: 2px solid var(--mint-green);
}

/*Span Wrapper Class*/
.mint-green-color {
  color: var(--mint-green);
}
.mint-green-light {
  color: var(--mint-light);
}
.dark-blue-color {
  color: var(--dark-blue);
}
.white-color {
  color: var(--white);
}


@media screen and (max-width: 767px){
	.sub-title-font{
		font-size: 16px;
	}
	.page-title-font{
		font-size: 28px;
    letter-spacing: 0;
	}
	.page-title-font-2{
		font-size: 28px;
    letter-spacing: 0;
	}
	.section-title-font{
		font-size: 28px;
	}
	.section-title-font-italic{
		font-size: 28px;
	}
	.section-title-font-2{
		font-size: 28px;
	}
	.box-title-font{
		font-size: 24px;
	}
	.box-title-font-2{
		font-size: 20px;
	}
	.content-font{
		font-size: 24px;
	}
	.content-font-2{
		font-size: 20px;
	}
	.content-font-3{
		font-size: 18px;
	}
	
	.content-link {
		width: 100%;
		margin-top: 32px;
		display: block;
    background-color: var(--mint-green);
    border-color: var(--mint-green);
    color: var(--dark-blue);
	}
  .content-link:hover{
    background-color: var(--mint-light);
    border-color: var(--mint-light);
    color: var(--dark-blue);
    outline: 0;
  }
}

#tinymce *{
  color: #000 !important;
}