:root {
  --red: #ee2e25;
}

.body {
  color: #000;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.top-sec {
  background-color: #ee2e25;
  padding-bottom: 0;
}

.top-box {
  position: relative;
}

.logo-box {
  z-index: 2;
  background-color: #ee2e2500;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.up-link-box, .life-link-box {
  text-align: right;
}

.image {
  max-width: 35%;
}

.image-2 {
  max-width: 70%;
}

.main-title-box {
  margin-bottom: 0;
  margin-left: 5%;
  margin-right: 5%;
  padding-bottom: 0;
}

.subtitle {
  color: #ee2e25;
  letter-spacing: .2px;
  text-transform: uppercase;
  font-weight: 500;
}

.heading {
  text-transform: none;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 135%;
}

.main-visual {
  flex-flow: row;
  display: flex;
  position: relative;
}

.frame-visual {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.photo-opt {
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.three-elements {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.el-item {
  min-width: 33%;
}

.el-it-in {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-title {
  background-color: #ee2e25;
}

.hero-totle-text {
  color: #fff;
}

.first-opt {
  background-color: #ec686800;
  border-radius: 24px;
  width: 34%;
  min-height: 620px;
  margin-right: 8px;
  transition: all .8s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.first-opt:hover {
  width: 100%;
}

.first-opt.ol {
  background-color: #6873ec00;
}

.first-opt.numone {
  width: 100%;
}

.dr-hero {
  background-image: url('../images/tat_o_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  justify-content: flex-start;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.dr-hero.mid {
  background-image: url('../images/');
}

.dr-hero.th {
  background-image: url('../images/');
}

.image-3 {
  width: 100%;
  display: block;
}

.sp-naming {
  text-align: center;
  background-color: #ee2e25;
  border: 1px solid #ee2e25;
  border-radius: 80px;
  width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.link {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.cont {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.pream-box {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sup-date-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.sup-text {
  color: #ee2e25;
  text-transform: uppercase;
  font-weight: 600;
}

.date-text {
  text-align: right;
  font-weight: 500;
}

.text1 {
  margin-bottom: 20px;
}

.graf-box {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
}

.trextgr1 {
  margin-bottom: 20px;
  font-weight: 500;
}

.redname {
  color: #ee2e25;
  font-weight: 500;
}

.graf-quot-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.graf-text2 {
  font-weight: 500;
}

.decorsecred {
  background-color: #ee2e25;
  height: auto;
}

.assimtr {
  background-color: #ee2e25;
}

.part-label {
  padding-top: 60px;
  padding-bottom: 60px;
}

.labelpart-in-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.75fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.decor-title1 {
  color: #fff;
  font-family: Exo, sans-serif;
  font-size: 200px;
  font-weight: 300;
  line-height: 100%;
}

.specific-text {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  line-height: 135%;
}

.part-item-box {
  padding-top: 60px;
  padding-bottom: 60px;
}

.quot-classic {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
}

.grid-classic-quot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.q-cl-text {
  font-weight: 500;
}

.redquot {
  color: #ee2e25;
  font-weight: 500;
}

.video-box {
  border-radius: 8px;
  margin-top: 40px;
}

.video {
  border-radius: 8px;
}

.red-sec {
  background-color: #ee2e25;
  display: block;
}

.red-box {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 135%;
}

.text5 {
  color: #fff;
  margin-bottom: 20px;
}

.gen-quot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px #ffffff54;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4.75fr;
  grid-auto-columns: 1fr;
  margin: 60px 10%;
  padding-bottom: 10px;
  display: grid;
}

.says-text {
  color: #fff;
  font-weight: 600;
}

.fin-sec {
  background-color: #242424;
}

.fin-box {
  padding-top: 60px;
  padding-bottom: 60px;
}

.fin-text {
  color: #fff;
  font-size: 14px;
}

.link-2 {
  color: #ee2e25;
}

.photo_n_box {
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-4 {
  border-radius: 8px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.main-ph-large {
  background-color: #ee2e25;
  padding-top: 100px;
  position: relative;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-lrg {
  background-color: #ee2e25;
}

.label {
  background-color: #ee2e25;
  padding: 60px 40px;
}

.heading-3 {
  color: #fff;
  line-height: 135%;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 46px;
  line-height: 135%;
}

.subtitle-forlarge {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 10px;
}

.sp-optionsn {
  text-align: center;
  margin-top: 0;
}

.link-3 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.img_one {
  object-fit: cover;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.name-me {
  text-align: center;
  display: block;
}

.heading-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 135%;
  display: inline-block;
}

.threehero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 40px;
  display: grid;
  position: absolute;
  inset: auto 15% 5%;
}

.honeit {
  margin-left: -40px;
}

.photocollage {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
}

.ph_l_box {
  border-radius: 8px;
}

.image-8 {
  border-radius: 8px;
  width: 100%;
}

.link-4 {
  color: #ee2e25;
  font-weight: 500;
}

.link-5 {
  color: #ee3027;
  font-weight: 500;
}

.link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12, .link-13, .link-14, .link-15 {
  color: #ee2e25;
  font-weight: 500;
}

.link-16 {
  color: #fff;
  font-weight: 600;
}

.link-17 {
  color: #fff;
  font-weight: 500;
}

.link-18 {
  color: #ee2e25;
  font-weight: 500;
}

.link-19, .link-20 {
  color: #ee2e25;
}

.special-new-text {
  margin-bottom: 40px;
  font-weight: 500;
}

.reditquot-text {
  color: #ee2e25;
  font-style: italic;
  font-weight: 500;
}

.link-21 {
  color: #ee2e25;
  font-weight: 500;
}

.acnt-text {
  font-style: italic;
  font-weight: 600;
}

.studies-box {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
}

.studies-text {
  margin-bottom: 20px;
  font-weight: 500;
}

.studies-grid-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #ee2e25;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Exo, sans-serif;
  font-size: 80px;
  line-height: 100%;
  display: grid;
}

.sdt-item {
  color: #000;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.std-text {
  font-family: Exo, sans-serif;
  font-size: 80px;
  font-weight: 300;
}

.explntext {
  color: #000;
  font-weight: 400;
}

.trying {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.try-item {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0 2px 5px #0003;
}

.try-dec {
  margin-bottom: 4px;
}

.try-text {
  color: #ee2e25;
  font-family: Exo, sans-serif;
  font-size: 80px;
  font-weight: 100;
  line-height: 100%;
}

.try-word-text {
  color: #494949;
  font-size: 14px;
  font-weight: 500;
  line-height: 135%;
}

.grid-donat {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
}

.donat_item {
  border-radius: 8px;
}

.image-9 {
  border-radius: 8px;
  width: 100%;
  display: block;
}

.link-22 {
  color: #ee2e25;
  font-weight: 500;
}

.link-23 {
  color: #fff;
  font-weight: 500;
}

.link-24 {
  color: #ee2e25;
  font-weight: 500;
}

.text-span, .text-span-2, .bold-text {
  color: var(--red);
}

.text-span-3, .text-span-4 {
  color: var(--red);
  font-weight: 500;
}

.text-span-5 {
  color: var(--red);
}

.text-span-6, .text-span-7, .text-span-8 {
  color: var(--red);
  font-weight: 500;
}

.block-ph {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-10 {
  border-radius: 8px;
  width: 100%;
}

.text-span-9 {
  color: var(--red);
  font-weight: 500;
}

.link-25, .link-26, .link-27, .link-28 {
  color: #fff;
  font-weight: 500;
}

.link-29 {
  color: #ee2e25;
  text-decoration: underline;
}

@media screen and (min-width: 1280px) {
  .top-box {
    background-color: #ee2e25;
  }

  .main-title-box {
    margin-left: 10%;
  }

  .subtitle {
    font-size: 17px;
  }

  .heading {
    font-size: 48px;
  }

  .frame-visual {
    width: 45%;
  }

  .photo-opt {
    width: 55%;
  }

  .first-opt {
    min-height: 560px;
  }

  .heading-4 {
    font-size: 56px;
  }

  .subtitle-forlarge {
    font-size: 24px;
    line-height: 125%;
  }

  .img_one {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .life-logo-box {
    margin-top: 10px;
  }

  .image {
    max-width: 40%;
  }

  .image-2 {
    max-width: 90%;
  }

  .link-3 {
    font-size: 22px;
  }

  .img_one {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .subtitle {
    font-size: 26px;
    line-height: 150%;
  }

  .heading {
    font-size: 56px;
  }

  .sp-naming {
    width: 440px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link {
    font-size: 22px;
  }

  .label {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-4 {
    font-size: 72px;
  }

  .subtitle-forlarge {
    font-size: 40px;
  }

  .img_one {
    width: 100%;
    height: 620px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .main-title-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
    margin-right: 10%;
    display: flex;
  }

  .heading {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
  }

  .main-visual {
    flex-flow: column;
  }

  .frame-visual {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .photo-opt {
    width: auto;
  }

  .first-opt {
    border-radius: 24px;
    min-height: 520px;
  }

  .dr-hero {
    border-radius: 24px;
  }

  .cont {
    max-width: 700px;
  }

  .labelpart-in-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .specific-text {
    font-size: 32px;
  }

  .heading-4 {
    margin-top: 10px;
    font-size: 40px;
  }

  .subtitle-forlarge {
    font-size: 14px;
  }

  .img_one {
    object-fit: cover;
    height: 240px;
  }

  .trying {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .logo-box {
    position: static;
  }

  .image {
    max-width: 28%;
  }

  .image-2 {
    max-width: 55%;
  }

  .first-opt {
    min-height: 400px;
  }

  .cont {
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
  }

  .graf-quot-box, .labelpart-in-grid {
    grid-template-columns: 1fr;
  }

  .decor-title1 {
    font-size: 80px;
  }

  .grid-classic-quot {
    grid-template-columns: 1fr;
  }

  .red-box {
    padding-bottom: 40px;
  }

  .heading-2 {
    font-size: 24px;
  }

  .gen-quot {
    margin-left: 0%;
    margin-right: 0%;
  }

  .main-ph-large {
    padding-top: 0;
  }

  .label {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-4 {
    font-size: 32px;
  }

  .subtitle-forlarge {
    padding-left: 40px;
    padding-right: 40px;
  }

  .img_one {
    height: 220px;
  }

  .threehero {
    justify-content: space-between;
    align-items: center;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    position: absolute;
    bottom: 25%;
    left: 0%;
    right: 0%;
  }

  .honeit {
    margin-left: 0;
  }

  .photocollage {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .trying {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .grid-donat {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .logo-box {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image {
    max-width: 25%;
  }

  .image-2 {
    max-width: 55%;
  }

  .main-title-box {
    justify-content: center;
    align-items: flex-start;
    margin-left: 5%;
    margin-right: 5%;
  }

  .heading {
    text-align: left;
  }

  .first-opt {
    border-radius: 0;
    min-height: 264px;
    margin-right: 0;
  }

  .dr-hero {
    border-radius: 0;
  }

  .sp-naming {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link {
    font-size: 15px;
  }

  .graf-box {
    padding: 20px;
  }

  .decor-title1 {
    font-size: 48px;
  }

  .specific-text {
    font-size: 28px;
  }

  .part-item-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .quot-classic {
    padding: 20px;
  }

  .red-box {
    padding-top: 20px;
  }

  .gen-quot {
    grid-template-columns: 1fr;
  }

  .image-5, .image-6 {
    width: 45px;
    height: 45px;
  }

  .main-ph-large {
    padding-top: 20px;
  }

  .label {
    padding: 20px;
  }

  .heading-4 {
    font-size: 22px;
  }

  .subtitle-forlarge {
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .link-3 {
    font-size: 16px;
  }

  .img_one {
    height: 160px;
  }

  .threehero {
    margin-left: 16px;
    margin-right: 16px;
  }

  .photocollage {
    margin-top: 20px;
  }

  .studies-box {
    padding: 20px;
  }

  .trying {
    grid-template-columns: 1fr;
  }

  .try-text {
    text-align: right;
  }
}

#w-node-_080f641f-36ff-8bb6-9c56-f29b8f6080ee-e966457e {
  place-self: center;
}

#w-node-aeb45b21-5291-fac6-14a3-349d5aae130d-e966457e {
  place-self: center stretch;
}

#w-node-aa6cc092-d863-82d1-ca04-1fde1d709bc0-e966457e {
  place-self: center;
}

#w-node-_18d41dad-5937-b379-7f03-5a773a61aa88-e966457e {
  align-self: center;
}

#w-node-_20b81eb4-af5c-f360-5a48-83f516d01a86-e966457e {
  place-self: center;
}

#w-node-_20b81eb4-af5c-f360-5a48-83f516d01a89-e966457e {
  place-self: center stretch;
}

#w-node-e802c181-11c3-9e87-e52e-5bb1239fed48-e966457e {
  place-self: center;
}

#w-node-e802c181-11c3-9e87-e52e-5bb1239fed4a-e966457e {
  align-self: center;
}

#w-node-_04df975b-adef-6410-25b7-49abc05c1750-e966457e {
  place-self: center;
}

#w-node-_04df975b-adef-6410-25b7-49abc05c1752-e966457e {
  align-self: center;
}

#w-node-_37493d30-24aa-5c06-8d9a-1dbab7347c77-e966457e {
  place-self: center;
}

#w-node-_37493d30-24aa-5c06-8d9a-1dbab7347c7a-e966457e {
  place-self: center stretch;
}

#w-node-dae8c4b5-9dea-f6ca-7dd2-a937ceb3148e-e966457e {
  place-self: center;
}

#w-node-dae8c4b5-9dea-f6ca-7dd2-a937ceb31490-e966457e {
  align-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-_080f641f-36ff-8bb6-9c56-f29b8f6080ee-e966457e, #w-node-_20b81eb4-af5c-f360-5a48-83f516d01a86-e966457e, #w-node-_37493d30-24aa-5c06-8d9a-1dbab7347c77-e966457e {
    place-self: auto end;
  }
}