@font-face {
  font-family: 'Signatures';
  font-weight: 400;
  src: url('../fonts/Signatures.otf') format('opentype');
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
}
@font-face {
  font-family: 'Univers LT Roman';
  src: url('../fonts/Univers\ LT\ 55\ Roman.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Univers LT Bold';
  font-weight: 700;
  src: url('../fonts/Univers\ LT\ 65\ Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Univers';
  font-weight: 400;
  src: url('../fonts/UniversLTStd.otf') format('opentype');
}
@font-face {
  font-family: 'Univers Black';
  font-weight: 800;
  src: url('../fonts/UniversLTStd-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Univers Bold';
  font-weight: 700;
  src: url('../fonts/UniversLTStd-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'MuseoSans';
  font-weight: 500;
  src: url('../fonts/MuseoSans_500.otf') format('opentype');
}
@font-face {
  font-family: 'MuseoSans';
  font-weight: 700;
  src: url('../fonts/MuseoSans_700.otf') format('opentype');
}
@font-face {
  font-family: 'MuseoSans';
  font-weight: 900;
  src: url('../fonts/MuseoSans_900.otf') format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 900;
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: italic;
  src: url('../fonts/Montserrat-LightItalic.ttf') format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: italic;
  src: url('../fonts/Montserrat-BoldItalic.ttf') format('opentype');
}



:root {
    --color-0: #ffffff;
    --color-1: #E03854;
    --color-2: #FF8732;
    --color-3: #4A2A96;
    --color-4: #8B6CD3;
    --color-5: #FFAC02;
    --color-6: #253455;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'MuseoSans';
  font-weight: 500;
  color: var(--color-0);
}
*:focus {
  outline: 0 !important;
}
a{
  text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Oswald';
}
body{
  font-size: 1.6rem;
}
footer {
  background-color: var(--color-3);
}
.footer-container {
  margin: 0 auto;
  height: 15.7rem;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 6rem);
}
.footer-zone1 {
  width: 23.8rem;
}
.footer-logo {
  width: 100%;
}
.footer-logo img {
  width: 100%;
  display: block;
}
.links-holder {
  text-align: left;
  color: var(--color-0);
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  margin-top: 1.6rem;
}
.links-holder a {
  color: var(--color-0);
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.links-holder a:hover{
  text-decoration: underline;
}
.footer-zone2 {
  width: 120rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-media-holder {
  width: 53.8rem;
}
.footer-media-holder p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: 'Lato';
  font-weight: 700;
  margin-bottom: 1.3rem;
  color: var(--color-0);
}
.footer-media {
  width: 22rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.footer-media a {
  display: block;
  width: 4.5rem;
  transition-duration: 0.3s;
}
.footer-media a:hover{
  transform: scale(1.05);
}
.footer-media a img {
  width: 100%;
  display: block;
}
.footer-zone3 {
  width: 60.6rem;
  padding-right: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-zone3 img {
  display: block;
  width: 9.2rem;
}
.footer-zone3 p {
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-family: 'Lato';
  color: var(--color-0);
  text-align: left;
  width: calc(100% - 11.2rem);
}
.section8 {
  position: relative;
  height: 81.7rem;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
  background-image: url('../images/sec8.jpg');
}
.section8 h2 {
  position: absolute;
  bottom: -1rem;
  right: 13rem;
  color: var(--color-0);
  font-family: 'Signatures';
  font-weight: 400;
  font-size: 27.2rem;
  line-height: 27.2rem;
}
section .title-style1,
section .title-style2,
section .title-style1 *,
section .title-style2 * {
  font-family: 'MuseoSans';
  font-weight: 900;
  text-align: center;
}
.title-style1 {
  font-size: 5rem;
  line-height: 5.5rem;
  position: relative;
  color: var(--color-0);
  z-index: 1;
  display: inline-block;
  margin: 0 auto;
  padding: 0 2.2rem;
}
.title-style1::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.7rem;
  width: 100%;
  background-color: var(--color-0);
  opacity: 0.34;
  z-index: -1;
}
.section7{
  padding: 9.2rem 0 8.2rem 0;
  background-color: var(--color-4);
  background: linear-gradient(0deg, rgba(74,42,150,1) 0%, rgba(139,108,211,1) 100%);
  position: relative;
}
.title-holder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-style2 {
  font-size: 4.5rem;
  line-height: 5.2rem;
  color: var(--color-0);
  margin: 0 auto;
}
.title-style2 span{
  color: var(--color-5);
  display: block;
}
.section7 .title-style2 {
  margin-top: 3rem;
  margin-bottom: 10.8rem;
}
.container{
  margin: 0 auto;
  width: 160rem;
}
.sec7-calc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 138.6rem;
}
.sec7-calc-txt {
  border-radius: 7.6rem;
  border: 1px solid var(--color-0);
  padding: 2.6rem 5.1rem 5rem 8.1rem;
  text-align: left;
  width: 62.9rem;
  position: relative;
}
.sec7-calc-txt h2 {
  font-size: 8rem;
  line-height: 9.6rem;
  color: var(--color-5);
  font-family: 'Lato';
  font-weight: 900;
  margin-bottom: 0;
}
.sec7-calc-txt p {
  font-size: 3.3rem;
  line-height: 4rem;
  color: var(--color-0);
  font-family: 'Lato';
  font-weight: 900;
  margin-bottom: 0;
}
.sec7-calc-txt p b{
  font-family: 'Lato';
  font-weight: 900;
}
.sec7-calc-txt p b span{
  font-family: 'Lato';
  font-weight: 900;
  color: var(--color-5);
}
.sec7-calc-txt p i{
  font-family: 'Lato';
  font-weight: 400;
  font-size: 2.4rem;
  display: block;
}
.sec7-calc-txt img {
  display: block;
  width: 3.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(-7.2rem - 1px);
}
.p-absolute {
  font-size: 2rem;
  line-height: 2rem;
  text-align: left;
  position: absolute;
  bottom: 3rem;
  left: 4.5rem;
  color: var(--color-0);
  font-family: 'MuseoSans';
  font-weight: 500;
}
.sec7-calc-holder {
  width: 62.9rem;
  border-radius: 7.5rem;
  background-color: var(--color-0);
  text-align: center;
  padding: 6.1rem 0 5.6rem 0;
}
.sec7-calc-holder * {
  color: var(--color-6);
}
.d-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.primary-btn {
  font-size: 3rem;
  line-height: 3rem;
  color: var(--color-0);
  background-color: var(--color-2);
  text-align: center;
  border-radius: 7.5rem;
  height: 8rem;
  padding: 0 5.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
  cursor: pointer;
}
.primary-btn:hover{
  transform: scale(1.05);
}
.primary-btn span {
  font-family: 'Lato';
  font-weight: 900;
  color: var(--color-0);
}
.primary-btn img{
  display: block;
  width: 4.5rem;
  margin-left: 1rem;
}
.sec7-calc-holder h2{
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 4.8rem;
  color: var(--color-6);
  font-family: 'Lato';
  font-weight: 700;
}
.sec7-calc-holder label{
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 2.4rem;
  color: var(--color-6);
  font-family: 'Lato';
  font-weight: 400;
  margin-bottom: 2rem;
  display: block;
}
.sec7-calc-holder label b {
  font-family: 'Lato';
  font-weight: 700;
}
.input-holder {
  width: calc(39rem);
  border: 0.2rem solid var(--color-2);
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7.5rem;
  margin: 0 auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 0 4.6rem;
}
.sec7-calc-holder .primary-btn{
  margin-top: 1.4rem;
}
.input-holder label{
  margin: 0;
  font-size: 3rem;
  line-height: 3rem;
  font-family: 'Lato';
  font-weight: 900;
}
.input-holder input{
  width: 27.6rem;
  height: 2.7rem;
  text-align: center;
  border-bottom: 1px solid var(--color-6);
  font-size: 2.8rem;
}
input:disabled {
  background-color: var(--color-0);
}
.section6 {
  position: relative;
  z-index: 5;
  background-color: var(--color-0);
  text-align: center;
  padding: 10.2rem 0 3.7rem 0;
}
.section6 .container{
  margin: 0 auto;
  width: 101rem;
}
.section6 p {
  text-align: center;
  color: #004497;
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  margin-bottom: 0;
}
.section6 img{
  display: block;
  width: 13.5rem;
  position: absolute;
  top: -5.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.section5{
  padding: 12.5rem 0 23.2rem 0;
  background-color: var(--color-1);
  position: relative;
  z-index: 3;
}
.section5 .title-style1{
  text-transform: uppercase;
  margin-bottom: 5.6rem;
}
.sec5_img {
  width: 22rem;
  display: block;
  margin: 0 auto 4.5rem auto;
  border-radius: 50%;
}
.sec5_txt {
  position: relative;
  margin: 0 auto 1.5rem auto;
  width: 138rem;
  color: var(--color-0);
  font-family: 'MuseoSans';
  font-weight: 900;
  text-align: center;
  font-size: 3rem;
  line-height: 4.5rem;
  margin-bottom: 1.3rem;
}
.sec5_txt::before,
.sec5_txt::after{
  position: absolute;
  z-index: 1;
  font-family: 'MuseoSans';
  font-weight: 900;
  font-size: 9rem;
  line-height: 9rem;
  color: var(--color-0);
}
.sec5_txt::before{
  content: '“';
  top: -1rem;
  left: -6.5rem;
}
.sec5_txt::after{
  content: '”';
  bottom: -4.5rem;
  right: 13rem;
}
.sec5_title {
  position: relative;
  text-align: center;
  font-size: 3rem;
  line-height: 4.5rem;
  font-family: 'MuseoSans';
  font-weight: 500;
  color: var(--color-0);
  padding-top: 3rem;
  margin-bottom: 6rem;
}
.sec5_title::after{
  content: '';
  height: 0.3rem;
  width: 14.1rem;
  background-color: var(--color-0);
  position: absolute;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}
.slick1 {
  width: 157.8rem;
  margin: 0 auto;
}
.slick1-container{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 16.5rem;
  margin: 0 auto;
}
.slick1-txt h3{
  font-size: 6rem;
  padding-top: 1rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  margin-bottom: 1rem;
  text-align: left;
}
.slick1-txt h3 span{
  font-size: 4rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 900;
}
.slick1-txt p{
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 500;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.slick1-txt p span{
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 900;
}
.slick1-container img {
  display: block;
}
.slick1-container1 img {
  width: 9.2rem;
  margin-right: 3.1rem;
}
.slick1-container2 img {
  width: 10.3rem;
  margin-right: 2.9rem;
}
.slick1-container3 img {
  width: 9rem;
  margin-right: 3.8rem;
}
.slick1-container4 img {
  width: 13.1rem;
  margin-right: 1.8rem;
}
.slick-current .slick1-container{
  border-right: 0.3rem solid var(--color-0);
}
.slick1 .slick-next:before,
.slick1 .slick-prev:before,
.slick3 .slick-next:before,
.slick3 .slick-prev:before{
  display: none;
}
.slick1 .slick-next,
.slick1 .slick-prev,
.slick3 .slick-next,
.slick3 .slick-prev{
  opacity: 0.75;
  transition-duration: 0.3s;
}
.slick1 .slick-next:hover,
.slick1 .slick-prev:hover,
.slick3 .slick-next:hover,
.slick3 .slick-prev:hover{
  opacity: 1;
}
.slick1 .slick-next,
.slick3 .slick-next {
  right: -6.5rem;
}
.slick1 .slick-prev,
.slick3 .slick-prev {
  left: -6.5rem;
}
.slick1 .slick-next,
.slick1 .slick-prev,
.slick3 .slick-next,
.slick3 .slick-prev {
  width: 5.6rem;
  height: 5.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
.slick1 .slick-next,
.slick3 .slick-next{
  background-image: url('../images/Icon\ ionic-ios-arrow-forward.svg');
}
.slick1 .slick-prev,
.slick3 .slick-prev{
  background-image: url('../images/Icon\ ionic-ios-arrow-back.svg');
}
.slick1{
  margin-bottom: 0 !important;
}
.slick1 .slick-dots,
.slick3 .slick-dots{
  bottom: -11.1rem;
}
.slick1 .slick-dots li,
.slick3 .slick-dots li{
  width: 2.8rem;
  height: 2.8rem;
  opacity: 1;
  margin: 0 0.5rem;
}
.slick1 .slick-dots li button,
.slick3 .slick-dots li button{
  border: 1px solid var(--color-0);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  opacity: 1;
  padding: 0;
  margin: 0 auto;
}
.slick1 .slick-dots li button:before,
.slick3 .slick-dots li button:before{
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.slick-dots li.slick-active button:before{
  background-color: var(--color-0);
  color: transparent;
  opacity: 1;
}
.section3 {
  padding: 7.8rem 0 51.4rem 0;
  background: linear-gradient(0deg, rgba(74,42,150,1) 0%, rgba(139,108,211,1) 100%);
  height: 158.3rem;
  position: relative;
  z-index: 2;
}
.section3 .title-style1 {
  text-transform: uppercase;
  margin-bottom: 5.6rem;
}
.section4 {
  position: relative;
  z-index: 3;
  background-color: var(--color-0);
  text-align: center;
  padding: 0 0 5.8rem 0;
}
.section4::after{
  content: '';
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  top: -40.5rem;
  width: 227.3rem;
  height: 40.5rem;
  height: 174.798rem;
  background-color: var(--color-0);
  border-radius: 50%;
}
.overflow{
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.sec4-title {
  width: 38.9rem;
  height: 22.7rem;
  font-size: 7rem;
  line-height: 10rem;
  color: var(--color-1);
  text-transform: uppercase;
  text-align: center;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/sec4_title.png');
  font-family: 'MuseoSans';
  font-weight: 900;
  margin: 0 auto;
  position: absolute;
  top: -35rem;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.sec4-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sec4-box {
  text-align: center;
  height: 83.3rem;
  width: 42.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 4.5rem;
}
.sec4-info {
  margin-bottom: 0;
  text-align: center;
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: 'MuseoSans';
  font-weight: 500;
  color: #000000;
}
.sec4-box:nth-child(1) h3{
  color: var(--color-1);
}
.sec4-box:nth-child(2) h3{
  color: var(--color-2);
}
.sec4-box:nth-child(3) h3{
  color: var(--color-3);
}
.sec4-box p{
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 700;
  color: var(--color-6);
}
.sec4-box p span{
  display: block;
  font-family: 'MuseoSans';
  font-weight: 700;
}
.sec4-box:nth-child(1) p span{
  color: var(--color-1);
}
.sec4-box:nth-child(2) p span{
  color: var(--color-2);
}
.sec4-box:nth-child(3) p span{
  color: var(--color-3);
}
.sec4-box .d-flex{
  margin-top: auto;
}
.sec4-box .img img {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}
.img{
  z-index: 1;
  position: relative;
  width: 26.3rem;
  margin: 0 auto;
}
.sec4-box .img::after{
  content: '';
  background-color: var(--color-1);
  height: 30.7rem;
  width: 30.7rem;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.sec4-box:nth-child(2) .img::after{
  background-color: var(--color-2);
}
.sec4-box:nth-child(3) .img::after{
  background-color: var(--color-3);
}
.sec4-box h3{
  font-size: 6rem;
  line-height: 6rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  margin: 3rem auto 1rem auto;
}
.sec4-box:nth-child(1) h3 {
  color: var(--color-1);
}
.sec4-box:nth-child(2) h3 {
  color: var(--color-2);
}
.sec4-box:nth-child(3) h3 {
  color: var(--color-3);
}
.sec4-box h2{
  font-size: 3rem;
  padding-top: 0.5rem;
  line-height: 3.5rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 auto 8.3rem auto;
  background-color: var(--color-1);
  width: 37.2rem;
  display: block;
  position: relative;
}
.sec4-box h2 span{
  font-family: 'MuseoSans';
  font-weight: 700;
  font-size: 2.5rem;
  position: relative; top: -0.5rem;
}
.sec4-box h2::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.6rem;
  width: 0px;
  height: 0px;
  border-left: 1.4rem solid transparent;
  border-right: 1.4rem solid transparent;
  border-top: 2.2rem solid var(--color-1);
}
.sec4-box:nth-child(2) h2{
  background-color: var(--color-2);
}
.sec4-box:nth-child(3) h2{
  background-color: var(--color-3);
}
.sec4-box:nth-child(2) h2::after {
  border-top: 2.2rem solid var(--color-2);
}
.sec4-box:nth-child(3) h2::after {
  border-top: 2.2rem solid var(--color-3);
}
.section3 .container{
  width: 100%;
}
.slick2{
  width: 100%;
  height: 137.8rem;
  margin-bottom: 0 !important;
}
.slick2-box-img{
  width: 71rem;
  margin: 0 auto;
  position: relative;
}
.slick2-box-img img{
  width: 100%;
  display: block;
}
.slick2-box-txt2{
  position: absolute;
  padding: 1.2rem 2.6rem;
  text-align: left;
  color: var(--color-0);
  background-color: var(--color-5);
  font-family: 'MuseoSans';
  font-weight: 700;
  width: 54.4rem;
  font-size: 2.4rem;
  line-height: 3rem;
  bottom: 6.3rem;
  right: -32rem;
  z-index: 3;
}
.slick2-box-txt1{
  position: absolute;
  padding: 5.8rem 5rem 5.8rem 7.2rem;
  border: 1px solid var(--color-2);
  text-align: left;
  background-color: var(--color-0);
  width: 72.6rem;
  top: 6.6rem;
  left: -51.8rem;
  border-radius: 7.4rem;
  z-index: 2;
}
.slick2-box-txt1 h3 {
  font-size: 4.2rem;
  line-height: 5rem;
  color: var(--color-2);
  font-family: 'MuseoSans';
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: left;
}
.slick2-box-txt1 h3 img {
  width: 6.6rem;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: -0.5rem;
}
.slick2-box-txt1 p {
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: var(--color-6);
  font-family: 'MuseoSans';
  font-weight: 500;
  margin-bottom: 0;
  text-align: left;
}
.slick2-box-txt1 p img {
  width: 4.1rem;
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: -1.6rem;
}
.slick2-box-txt1::after{
  content: '';
  width: 5rem;
  height: 7.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/tri.png');
  position: absolute;
  top: 12.5rem;
  left: 100%;
  left: 99.8%;
}
.slick2-box{
  position: relative;
  padding-bottom: 51.4rem;
  padding-left: 7.2rem;
  height: 100%;
  transform: scale(0.9) translateY(-4rem);
  height: 137.8rem;
}
.slick2-box::after{
  content: '';
  position: absolute;
  z-index: 1;
  width: 102rem;
  height: 102rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/slide1-bg.png');
  bottom: 25rem;
  left: 3.2rem;
}
.section3 {
  padding-bottom: 0;
  height: auto;
}
.slick2-box::before{
  content: '';
  position: absolute;
  z-index: 0;
  width: 56.9rem;
  height: 61.7rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/slide1-bg2.png');
  bottom: 65rem;
  right: 19.2rem;
}
.slick2-box2{
  padding-left: 19.6rem;
}
.slick2-box2 .slick2-box-img {
  width: 90.3rem;
  margin-left: 0;
}
.slick2-box2.slick2-box::after{
  width: 85.6rem;
  height: 92.7rem;
  background-image: url(../images/slide2-bg.png);
  bottom: 14.5rem;
  left: 0;
}
.slick2-box2.slick2-box::before {
  width: 48rem;
  height: 92.1rem;
  background-image: url(../images/slide2-bg2.png);
  bottom: 49.5rem;
  right: 20.2rem;
}
.slick2-box2 .slick2-box-txt2{
  width: 62.5rem;
  bottom: 9.2rem;
  right: -4.7rem;
  padding: 1.2rem 0 1.2rem 2.6rem;
}
.slick2-box2 .slick2-box-txt1 {
  left: 75rem;
  top: 16.8rem;
}
.slick2-box2 .slick2-box-txt1::after{
  transform: rotate(180deg);
  left: initial;
  right: calc(99.8%);
}
.slick2-box3{
  padding-left: 0;
  padding-right: 44.1rem;
}
.slick2-box3 .slick2-box-img {
  width: 71rem;
  margin-right: 0;
}
.slick2-box3.slick2-box::after{
  width: 17.7rem;
  height: 17.7rem;
  background-image: url(../images/slide3-bg.png);
  bottom: initial;
  left: 19.5rem;
  top: -2.2rem;
}
.slick2-box3.slick2-box::before {
  width: 47.5rem;
  height: 48.1rem;
  background-image: url(../images/slide3-bg2.png);
  z-index: 2;
  bottom: 48rem;
  right: 69.6rem;
}
.slick2-box3 .slick2-box-txt2{
  width: 62.5rem;
  bottom: 27.6rem;
  right: -14.5rem;
  padding: 1.2rem 0 1.2rem 2.6rem;
}
.slick2-box3 .slick2-box-txt1 {
  left: -53.4rem;
  top: 6.7rem;
}
.slick2 .slick-dots {
  bottom: initial;
  top: -10rem;
  z-index: 2;
  right: 10.4rem;
  height: 96.3rem;
  width: 2.8rem;
  display: flex;
  flex-direction: column;
  background-position: center;
  background-size: 0.3rem 89rem;
  background-repeat: no-repeat;
  background-image: url('../images/dots2.png');
}
.slick2 .slick-dots li{
  display: block;
  height: 2.5rem;
  width: 2.8rem;
  margin: auto 0;
}
.slick2 .slick-dots li:first-child{
  margin-top: 0;
}
.slick2 .slick-dots li:last-child{
  margin-bottom: 0;
}
.slick2 .slick-dots li button{
  display: block;
  height: 2.5rem;
  width: 2.8rem;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/Icon\ awesome-heart.png');
}
.slick2 .slick-dots li.slick-active button{
  background-image: url('../images/Icon\ awesome-heart2.png');

}
.slick2 .slick-dots li button:before{
  display: none;
}
.slick3-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick3-box-img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 55rem);
}
.slick3-box-img img{
  display: block;
}
.slick3-box1 img{
  width: 31.2rem;
}
.slick3-box2 img{
  width: 25.1rem;
}
.slick3-box6 img{
  width: 14rem;
}
.slick3-box3 img{
  width: 28.8rem;
}
.slick3-box4 img{
  width: 22.1rem;
}
.slick3-box5 img{
  width: 26rem;
}
.slick3-box-txt{
  padding-left: 2.3rem;
  position: relative;
  width: 55rem;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slick3-box-txt::after{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  background-color: var(--color-6);
  height: 20.8rem;
}
.slick3-box-txt h3 {
  margin-bottom: 0;
  text-align: left;
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: 'MuseoSans';
  font-weight: 700;
  color: var(--color-6);
  text-transform: uppercase;
}
.slick3-box-txt p {
  margin-bottom: 0;
  text-align: left;
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: 'MuseoSans';
  font-weight: 300;
  color: var(--color-6);
}
.slick3-box-txt p b {
  font-family: 'MuseoSans';
  font-weight: 700;
  color: var(--color-6);
}
.section2 {
  padding: 3.4rem 0 6.3rem 0;
}
.section2 .container {
  width: 173.6rem;
}
.section2 .title-style1{
  color: var(--color-1);
  text-transform: uppercase;
  margin-bottom: 3.8rem;
}
.section2 .title-style1::after{
  background-color: #FFD3DA;
}
.slick3-box1 .slick3-box-txt{
  width: 54.5rem;
}
.slick3-box1 .slick3-box-img {
  width: calc(100% - 54.5rem);
}
.slick3 .slick-dots li button{
  border-color: var(--color-6);
}
.slick3 .slick-dots li.slick-active button:before{
  background-color: var(--color-6);
}
.slick3 .slick-dots {
  bottom: -5.5rem;
}
.section1 {
  height: 100vh;
  max-height: 100.5rem;
  min-height: 100rem;
  min-height: 95.5rem;
}
.section1::after{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  min-height: 120.1rem;
  background-position: center top;
  background-size: cover;
  background-image: url('../images/section1.png');
}
.section1 .container {
  width: 100%;
  height: 100%;
  position: relative;
}
.sec1-title {
  padding: 26rem 0 0 15.5rem;
  padding: 20rem 0 0 15.5rem;
}
.sec1-title h1 {
  text-align: left;
  font-size: 4.6rem;
  line-height: 5.1rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  margin-bottom: 0;
  text-transform: uppercase;
}
.sec1-title h1 span{
  text-transform: initial;
  font-size: 4.2rem;
  line-height: 4.7rem;
  font-family: 'MuseoSans';
  font-weight: 300;
  display: block;
  margin-bottom: 2rem;
}
.sec1-scroll {
  background-color: var(--color-3);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  transition-duration: 0.3s;
}
.sec1-scroll:hover{
  transform: scale(1.025) translateY(-50%);
  right: 0.5rem;
}
.sec1-scroll a {
  display: flex;
  padding: 0 0 0 1.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 38.1rem;
  height: 8.5rem;
}
.sec1-scroll a img {
  width: 4rem;
  display: block;
  margin-right: 1.2rem;
}
.sec1-scroll a span{
  font-size: 2.7rem;
  line-height: 2.9rem;
  font-family: 'Lato';
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
}
.sec1-don {
  width: 61.9rem;
  background-color: rgba(255, 255, 255, 0.84);
  border-top-left-radius: 9.4rem;
  border-top-right-radius: 9.4rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 23.5rem;
  bottom: 1.5rem;
}
.sec1-don h2 {
  font-size: 3rem;
  line-height: 4rem;
  font-family: 'MuseoSans';
  font-weight: 900;
  text-transform: uppercase;
  color: var(--color-1);
  text-align: center;
  padding-top: 2.5rem;
  margin-bottom: 2rem;
}
.sec1-don .h3 {
  width: 11.7rem;
  height: 11.7rem;
  border-radius: 50%;
  background-color: var(--color-2);
  color: var(--color-0);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.1rem;
  right: -5.9rem;
  transform: rotate(-7deg);
  font-family: 'Montserrat';
  font-weight: 900;
  text-transform: uppercase;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.section1 .d-flex {
  padding-bottom: 2rem;
  position: relative;
  z-index: 5;
  height: 10rem;
}
.section1 .primary-btn {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 39rem;
  z-index: 10;
}
.section1 .primary-btn:hover{
  transform: translateX(-50%) scale(1.05);
}
.sec1-don-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 8rem);
  margin: 0 auto 1.5rem auto;
}
.sec1-don-box p{
  font-size: 1rem;
  line-height: 1.3rem;
  color: #414042;
  text-align: center;
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: italic;
}
.sec1-don-box p i {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: italic;
  color: #414042;
}
.sec1-don-box p b {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: italic;
  color: #414042;
}
.sec1-don-box label {
  cursor: pointer;
  text-align: center;
  font-size: 3.2rem;
  line-height: 3.9rem;
  margin-bottom: 0.5rem;
  font-family: 'Montserrat';
  font-weight: 900;
  color: var(--color-2);
  position: relative;
  display: block;
  padding-top: 3rem;
}
.sec1-don-box input[type="radio"]{
  position: absolute;
  opacity: 0;
  left: -1rem;
  top: -1rem;
}
.sec1-don-box label::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #707070;
  border-radius: 50%;
}
.sec1-don-box input[type="radio"]:checked ~label::after{
  content: '';
  position: absolute;
  top: calc(0.5px + 0.48rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--color-2);
  border-radius: 50%;
}
.sec1-don-box {
  width: 25%;
  position: relative;
}
.sec1-don-box label[for="price4"]{
  font-size: 1.8rem;
  line-height: 1.95rem;
}
.sec1-don-box label[for="price4"].active{
  color: transparent;
}
#price5 {
  width: 90%;
  display: block;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  color: var(--color-2);
  text-align: center;
  border-bottom: 1px solid var(--color-2);
  margin-right: auto;
  margin-left: auto;
  font-family: 'Montserrat';
  font-weight: 900;
  background-color: transparent;
  display: none;
}
#price5.active{
  display: block;
  position: absolute;
  left: 50%;
  top: 4rem;
  transform: translateX(-50%);
  padding: 0 1rem;
}
.sec1-don-box label[for="price5"]{
  display: none;
  color: var(--color-2);
  font-size: 1.8rem;
  font-family: 'Montserrat';
  font-weight: 900;
  position: absolute;
  top: 0rem;
  right: 0;
}
.sec1-don-box label[for="price5"]::after,
.sec1-don-box label[for="price5"]::before {
  display: none;
}
.sec1-don-box label[for="price5"].active{
  display: block;
}
#fp{
  min-width: 3.1rem;
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: italic;
  color: #414042;
  display: inline-block;
}
html{
  scroll-behavior: smooth;
}
.section1 {
  margin-bottom: 43rem;
}
.sec1-txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  overflow: hidden;
  width: 100vw;
  width: calc(100vw - 14.5px);
  width: 100%;
  height: 45rem;
  height: 50.9rem;
  background-image: url('../images/bg.png');
  background-position: top center;
  background-size: cover;
  bottom: -43rem;
}
.section2{
  z-index: 10;
}
.sec1-txt h3 {
  font-size: 2.7rem;
  text-align: center;
  line-height: 3.1rem;
  font-family: 'MuseoSans';
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 13.5rem;
  margin-bottom: 0;
}
.sec1-txt h3:nth-child(2){
  padding-top: 2.5rem;
}
.sec1-txt h3 span{
  font-weight: 700;
  background-color: var(--color-0);
  color: #E03854;
  text-transform: initial;
  padding: 0.5rem 2rem;
  display: inline-block;
}
.sec1-txt p {
  font-size: 2.1rem;
  line-height: 3.1rem;
  text-align: center;
  font-family: 'MuseoSans';
  font-weight: 500;
  padding-top: 2.5rem;
  margin: 0 auto;
  width: 119.6rem;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}
.header-container {
  margin: 0 auto;
  width: calc(100% - 11rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header-logo {
  width: 32.3rem;
  display: block;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 2.7rem;
  border-bottom-right-radius: 2.7rem;
  transition-duration: 0.3s;
}

.header-logo img{
  display: block;
  width: 100%;
}
header ul{
  width: 86.1rem;
  background-color: rgba(255, 255, 255, 0.78);
  display: flex;
  justify-content: space-around;
  list-style: none;
  align-items: center;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  height: 7.2rem;
  transition-duration: 0.3s;
}

header ul li a {
  color: #000000;
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-family: 'MuseoSans';
  font-weight: 500;
}
.li-brd {
  width: 0.3rem;
  height: 2.7rem;
  background-color: #000000;
}
header ul li a:hover{
  text-decoration: underline;
}
.scroll-anc {
  position: absolute;
  top: -36rem;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.section5 .scroll-anc {
  top: -142rem;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::placeholder,
input[type=number]:focus::placeholder {
  color: transparent; 
}