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

.in-top-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #005092;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-item {
  background-color: #005092;
}

.inlogo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.up-link {
  width: 108px;
}

.life-link {
  width: 128px;
}

.pic_item {
  background-image: url('../images/heroone.png');
  background-position: 50%;
  background-size: cover;
  height: 320px;
}

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

.indila-logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pic_two {
  background-image: url('../images/obl.png');
  background-position: 50%;
  background-size: auto;
  height: 320px;
}

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

.pic_three {
  background-image: url('../images/derg_new_one.png');
  background-position: 50%;
  background-size: cover;
  height: 320px;
}

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

.heading {
  color: #fff;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 26px;
  line-height: 135%;
}

.pic_four {
  background-image: url('../images/ladyfour.png');
  background-position: 50%;
  background-size: cover;
  height: 320px;
}

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

.in-sp-date {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sp-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 500;
}

.date-text {
  color: #fff;
  text-align: center;
}

.top-mob {
  background-color: #005092;
  display: none;
}

.logo {
  justify-content: space-between;
  align-items: stretch;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
}

.owner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.up-link-mobi {
  width: 108px;
}

.life-link-mobi {
  width: 128px;
}

.dila-link-mobi {
  text-align: right;
}

.image-6 {
  max-width: 40%;
}

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

.maintitle-mobi {
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  line-height: 135%;
}

.subtitle-mobi {
  color: #fff;
  text-align: center;
}

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

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

.text1 {
  margin-bottom: 20px;
}

.story-sec {
  padding-bottom: 60px;
}

.ladybox.dob {
  margin-top: 60px;
  margin-bottom: 40px;
}

.image-8 {
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ladyslogan {
  background-color: #b30931;
  margin: 40px 0%;
  padding: 40px;
}

.slogan-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  line-height: 135%;
}

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

.who_icon {
  width: auto;
  height: auto;
}

.image-9 {
  object-fit: cover;
  width: auto;
  height: auto;
}

.loc-text {
  color: #fff;
}

.heading-3 {
  color: #b30931;
  text-transform: uppercase;
  border-bottom: 1px #000;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-right: 0%;
  line-height: 135%;
}

.heading-3.toop {
  padding-right: 15%;
}

.heading-3.toop.typ {
  padding-right: 0%;
}

.lady-subtitle {
  color: #fff;
  text-align: right;
  background-color: #b30931;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-weight: 600;
}

.bold-span {
  font-weight: 600;
}

.heading-4 {
  color: #024f8f;
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 135%;
}

.fin-sec {
  background-color: #024f8f;
}

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

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

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

.link-5, .text-span {
  color: #f0dc00;
}

.card-grid-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.carcas-box {
  margin-top: 40px;
  margin-bottom: 40px;
  position: static;
  top: 40px;
}

.redunique {
  color: red;
  font-weight: 500;
}

.card-item-box {
  background-color: #024f8f;
  border-radius: 0;
  padding: 40px;
  position: sticky;
  top: 15px;
}

.card-item-box.next {
  background-color: #f76c2e;
  top: 20px;
}

.card-item-box.tree {
  background-color: #b30931;
  top: 15px;
}

.card-text1 {
  color: #94d4f0;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 135%;
}

.card-text1.wfg-st {
  color: #fff;
}

.yellacccent {
  color: #fd0;
  font-weight: 600;
}

.image-17 {
  opacity: .42;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.card-text-simp {
  color: #fff7f7;
}

.card-text-simp.topgap {
  margin-top: 10px;
}

.accent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #024f8f;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 6fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
  display: grid;
}

.acc-words {
  padding-right: 0;
}

.accent-text {
  color: #fff;
  text-align: center;
  font-weight: 500;
}

.accent-text.leftline {
  text-align: left;
}

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

.treeasp.yt {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.trasp-item {
  background-color: #024f8f;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 276px;
  height: 61.2031px;
  padding: 10px;
  display: flex;
}

.trasp-item.wertyui {
  width: auto;
  height: auto;
}

.con-text {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 140%;
}

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

.pki {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-19 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.red-line {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

.red-line-text {
  color: #b30931;
  text-align: center;
  text-transform: uppercase;
  margin-left: 15%;
  margin-right: 15%;
  font-weight: 600;
}

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

.tpor-item {
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.trop-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.trop-words {
  padding-left: 10px;
}

.trop-text2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 125%;
}

.image-20, .image-21, .image-22, .image-23 {
  width: 48px;
  height: 48px;
}

.whbold-span {
  font-weight: 600;
}

.vrizka {
  background-color: #b30931;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
}

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

@media screen and (min-width: 1280px) {
  .pic_item, .pic_two, .pic_three, .pic_four {
    height: 360px;
  }
}

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

  .pic_item, .pic_two, .pic_three {
    height: 400px;
  }

  .heading {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 40px;
  }

  .pic_four {
    height: 400px;
  }
}

@media screen and (min-width: 1920px) {
  .up-link {
    width: 148px;
  }

  .life-link {
    width: 188px;
  }

  .pic_item {
    height: 520px;
  }

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

  .pic_two, .pic_three {
    height: 520px;
  }

  .heading {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 52px;
  }

  .pic_four {
    height: 520px;
  }

  .sp-text, .date-text {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .in-top-grid {
    display: none;
  }

  .pic_four {
    background-image: url('../images/herothree.png');
    background-position: 50%;
    background-size: cover;
  }

  .top-mob {
    display: inline-block;
  }

  .logo {
    margin-right: 3%;
  }

  .heading-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont, .cont-2 {
    max-width: 700px;
  }

  .card-text1, .card-text1.wfg-st {
    font-size: 18px;
  }

  .card-text-simp {
    font-size: 14px;
  }

  .acc-words {
    padding-right: 0;
  }

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

  .trasp-item {
    width: auto;
    height: auto;
  }

  .red-line-text {
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media screen and (max-width: 767px) {
  .owner {
    justify-content: center;
    align-items: flex-start;
  }

  .up-link-mobi {
    width: 88px;
  }

  .life-link-mobi {
    width: 108px;
  }

  .image-6 {
    max-width: 30%;
  }

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

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

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

  .heading-3 {
    font-size: 20px;
  }

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

  .heading-4 {
    text-transform: uppercase;
    font-size: 18px;
  }

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

  .card-grid-box {
    grid-template-columns: 1fr;
  }

  .image-17 {
    max-width: 40%;
  }

  .accent {
    padding: 20px;
  }

  .acc-words {
    padding-right: 0;
  }

  .red-line-text {
    margin-left: 5%;
    margin-right: 5%;
  }

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

@media screen and (max-width: 479px) {
  .heading-2 {
    font-size: 22px;
  }

  .story-sec {
    padding-bottom: 40px;
  }

  .ladybox.dob {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .heading-3 {
    text-align: center;
  }

  .heading-3.toop {
    margin-top: 0;
    padding-right: 0%;
  }

  .heading-3.toop.typ {
    font-size: 18px;
  }

  .lady-subtitle {
    text-align: center;
    padding-left: 20px;
    font-size: 13px;
  }

  .heading-4 {
    text-align: center;
  }

  .card-grid-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .card-item-box {
    padding: 20px;
  }

  .card-decor-img-box {
    margin-top: 10px;
  }

  .card-text1 {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .image-17 {
    max-width: 40%;
  }

  .card-text-simp {
    font-size: 15px;
    line-height: 135%;
  }

  .red-line-text {
    margin-left: 2%;
    margin-right: 2%;
    font-size: 14px;
    line-height: 135%;
  }

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

  .vrizka {
    padding: 20px;
  }
}

#w-node-_7ffab21c-f9f3-1dca-690e-87aa63549e2e-9c00e9a1, #w-node-a02a4a67-0bfd-fc22-5188-28a5b9e95fe1-9c00e9a1, #w-node-_58d32222-70c0-32b4-d996-4c7741f3e7f4-9c00e9a1, #w-node-_413f67e0-db32-0f1d-cecb-63b3fa7da498-9c00e9a1 {
  place-self: center;
}

#w-node-_109addc0-eca4-d886-0877-878743e00757-9c00e9a1 {
  place-self: center;
}

#w-node-_6465dedc-e8fa-7e7b-0593-96d3b1378de8-9c00e9a1, #w-node-_77005b70-33f4-4dc4-fb80-a6448111e2bc-9c00e9a1, #w-node-_69738966-d05a-7c57-5e66-6b81e6e7b0b4-9c00e9a1 {
  place-self: center;
}

#w-node-_56d140be-df16-837f-3e51-39c586a637fe-9c00e9a1, #w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f53f-9c00e9a1 {
  place-self: center;
}

#w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f547-9c00e9a1 {
  place-self: center;
}

#w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f54b-9c00e9a1 {
  place-self: center;
}

#w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f552-9c00e9a1 {
  place-self: center;
}

#w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f556-9c00e9a1 {
  place-self: center;
}

#w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f55b-9c00e9a1 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_2082c13a-4329-11c2-cf7a-40a24ab3f552-9c00e9a1 {
    place-self: center;
  }
}