﻿@import url(../fonts/stylesheet.css);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

ul, ol {
  list-style: none; }

a, img {
  text-decoration: none;
  outline: none; }

.splitWrapper {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  position: relative; }
  .splitWrapper .logo {
    width: 200px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 15px;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center; }
    .splitWrapper .logo img {
      display: block;
      width: 100%; }
  .splitWrapper .babyal {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background: url(../images/pattern.jpg) no-repeat center #fff;
    background-size: cover;
    box-sizing: border-box; }
    .splitWrapper .babyal .photo {
      width: 70vw;
      max-height: 55vh;
      overflow: hidden;
      border-radius: 0 0 24px 24px;
      border-top: none; }
      @media (max-width: 768px) {
        .splitWrapper .babyal .photo {
          width: 90%;
          height: 50vh; } }
      @media (max-width: 560px) {
        .splitWrapper .babyal .photo {
          width: 90%;
          height: 40vh; } }
      .splitWrapper .babyal .photo img {
        display: block;
        width: 100%; }
        @media (max-width: 768px) {
          .splitWrapper .babyal .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }
    .splitWrapper .babyal .address {
      width: 80vw;
      height: 45vh;
      padding: 24px 0;
      display: flex;
      flex-flow: column;
      gap: 8px;
      align-items: center;
      justify-content: center; }
      @media (max-width: 768px) {
        .splitWrapper .babyal .address {
          width: 90%;
          height: 50vh; } }
      @media (max-width: 560px) {
        .splitWrapper .babyal .address {
          width: 90%;
          align-items: flex-start;
          height: 60vh; } }
      .splitWrapper .babyal .address h2 {
        text-align: center;
        font: 400 40px "Revue", sans-serif;
        color: #E31E25; }
        @media (max-width: 560px) {
          .splitWrapper .babyal .address h2 {
            font-size: 24px; } }
      .splitWrapper .babyal .address p {
        text-align: center;
        font: 400 18px/24px "Circular Std medium", sans-serif;
        color: #111;
        background: url(../icons/address.svg) no-repeat left center;
        background-size: 24px;
        padding-left: 32px;
        box-sizing: border-box;
        margin: 12px 0 0 0; }
        @media (max-width: 560px) {
          .splitWrapper .babyal .address p {
            font-size: 14px;
            background: url(../icons/address.svg) no-repeat left top 2px;
            background-size: 20px;
            padding-left: 26px;
            margin: 8px 0 0 0;
            text-align: left; } }
      .splitWrapper .babyal .address b {
        width: auto;
        display: inline-block;
        text-align: left;
        font: 400 18px/24px "Circular Std medium", sans-serif;
        color: #111;
        background: url(../icons/call.svg) no-repeat left center;
        background-size: 24px;
        padding-left: 32px;
        box-sizing: border-box; }
        @media (max-width: 560px) {
          .splitWrapper .babyal .address b {
            font-size: 14px;
            background: url(../icons/call.svg) no-repeat left top 2px;
            background-size: 20px;
            padding-left: 26px;
            margin: 8px 0 0 0;
            text-align: left; } }
      .splitWrapper .babyal .address i {
        width: auto;
        display: inline-block;
        text-align: left;
        font: normal 400 18px/24px "Circular Std medium", sans-serif;
        color: #111;
        background: url(../icons/whatsapp.svg) no-repeat left center;
        background-size: 24px;
        padding-left: 32px;
        box-sizing: border-box; }
        @media (max-width: 560px) {
          .splitWrapper .babyal .address i {
            font-size: 14px;
            background: url(../icons/whatsapp.svg) no-repeat left top 2px;
            background-size: 20px;
            padding-left: 26px;
            margin: 8px 0 0 0;
            text-align: left; } }
      .splitWrapper .babyal .address small {
        width: auto;
        display: inline-block;
        text-align: left;
        font: 400 18px/24px "Circular Std medium", sans-serif;
        color: #111;
        background: url(../icons/email.svg) no-repeat left center;
        background-size: 24px;
        padding-left: 32px;
        box-sizing: border-box; }
        @media (max-width: 560px) {
          .splitWrapper .babyal .address small {
            font-size: 14px;
            background: url(../icons/email.svg) no-repeat left top 2px;
            background-size: 20px;
            padding-left: 26px;
            margin: 8px 0 0 0;
            text-align: left; } }
      .splitWrapper .babyal .address .link {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 10;
        margin: 16px 0 0 0; }
        .splitWrapper .babyal .address .link a {
          height: 48px;
          width: 100%;
          max-width: 320px;
          border-radius: 8px;
          background-color: #0A67C4;
          font: 400 16px/48px "Circular Std medium", sans-serif;
          color: #fff;
          text-align: center;
          transition: .25s ease; }
          @media (max-width: 560px) {
            .splitWrapper .babyal .address .link a {
              max-width: 90vw; } }
          .splitWrapper .babyal .address .link a:hover {
            background-color: #084e94;
            color: #fff;
            transition: .25s ease; }
    .splitWrapper .babyal footer {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 16px;
      left: 0;
      z-index: 10; }
      @media (max-width: 768px) {
        .splitWrapper .babyal footer {
          position: relative;
          padding: 24px 0 0 0;
          bottom: 0;
          left: 0; } }
      .splitWrapper .babyal footer a {
        display: inline-block;
        font: 400 14px/28px "Circular Std Book", sans-serif;
        color: #202020;
        margin: 4px;
        padding: 0 12px;
        border-radius: 6px;
        background-color: #fff;
        transition: .25s ease; }
        .splitWrapper .babyal footer a:hover {
          background-color: #0E4749;
          color: #fff;
          transition: .25s ease; }
  .splitWrapper .chandpura {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #0A67C4;
    padding: 48px;
    box-sizing: border-box; }
    @media (max-width: 560px) {
      .splitWrapper .chandpura {
        padding: 48px 0; } }
    .splitWrapper .chandpura .chandpura_inner {
      width: 70vw;
      margin: 0 auto;
      display: flex;
      flex-flow: row;
      align-items: center;
      justify-content: center;
      gap: 48px; }
      @media (max-width: 768px) {
        .splitWrapper .chandpura .chandpura_inner {
          flex-flow: column;
          gap: 24px;
          width: 90%; } }
      @media (max-width: 560px) {
        .splitWrapper .chandpura .chandpura_inner {
          flex-flow: column;
          gap: 24px;
          width: 90%; } }
      .splitWrapper .chandpura .chandpura_inner .photo {
        width: 100%;
        max-width: 540px;
        border: 4px solid #fff;
        border-radius: 8px;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        box-sizing: border-box; }
        .splitWrapper .chandpura .chandpura_inner .photo img {
          display: block;
          width: 100%; }
      .splitWrapper .chandpura .chandpura_inner .address {
        width: 100%;
        max-width: 540px;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        gap: 12px; }
        @media (max-width: 768px) {
          .splitWrapper .chandpura .chandpura_inner .address {
            align-items: center; } }
        @media (max-width: 560px) {
          .splitWrapper .chandpura .chandpura_inner .address {
            align-items: flex-start; } }
        .splitWrapper .chandpura .chandpura_inner .address h2 {
          text-align: left;
          font: 400 32px "Revue", sans-serif;
          color: #fff;
          margin: 0 0 8px 0; }
          @media (max-width: 768px) {
            .splitWrapper .chandpura .chandpura_inner .address h2 {
              text-align: center; } }
          @media (max-width: 560px) {
            .splitWrapper .chandpura .chandpura_inner .address h2 {
              text-align: left;
              font-size: 20px; } }
        .splitWrapper .chandpura .chandpura_inner .address p {
          text-align: center;
          font: 400 16px/24px "Circular Std Book", sans-serif;
          color: #fff;
          background: url(../icons/address.svg) no-repeat left center;
          background-size: 24px;
          padding-left: 32px;
          box-sizing: border-box; }
          @media (max-width: 768px) {
            .splitWrapper .chandpura .chandpura_inner .address p {
              text-align: center; } }
          @media (max-width: 560px) {
            .splitWrapper .chandpura .chandpura_inner .address p {
              text-align: left;
              background: url(../icons/address.svg) no-repeat left top 2px;
              background-size: 20px;
              padding-left: 28px; } }
        .splitWrapper .chandpura .chandpura_inner .address b {
          display: inline-block;
          text-align: left;
          font: 400 16px/24px "Circular Std Book", sans-serif;
          color: #fff;
          background: url(../icons/call.svg) no-repeat left center;
          background-size: 24px;
          padding-left: 32px;
          box-sizing: border-box; }
          @media (max-width: 768px) {
            .splitWrapper .chandpura .chandpura_inner .address b {
              text-align: center; } }
          @media (max-width: 560px) {
            .splitWrapper .chandpura .chandpura_inner .address b {
              text-align: left;
              background: url(../icons/call.svg) no-repeat left top 2px;
              background-size: 20px;
              padding-left: 28px; } }
        .splitWrapper .chandpura .chandpura_inner .address small {
          display: inline-block;
          text-align: left;
          font: 400 16px/24px "Circular Std Book", sans-serif;
          color: #fff;
          background: url(../icons/email.svg) no-repeat left center;
          background-size: 24px;
          padding-left: 32px;
          box-sizing: border-box;
          margin: 8px 0 0 0; }
          @media (max-width: 768px) {
            .splitWrapper .chandpura .chandpura_inner .address small {
              text-align: center; } }
          @media (max-width: 560px) {
            .splitWrapper .chandpura .chandpura_inner .address small {
              text-align: left;
              background: url(../icons/email.svg) no-repeat left top 2px;
              background-size: 20px;
              padding-left: 28px; } }
        .splitWrapper .chandpura .chandpura_inner .address .link {
          width: 100%;
          display: flex;
          position: relative;
          z-index: 10;
          margin: 32px 0 0 0; }
          .splitWrapper .chandpura .chandpura_inner .address .link a {
            height: 48px;
            width: 100%;
            max-width: 200px;
            border-radius: 8px;
            background-color: #0A68C4;
            font: 400 16px/48px "Circular Std Book", sans-serif;
            color: #fff;
            text-align: center;
            transition: .25s ease; }
            .splitWrapper .chandpura .chandpura_inner .address .link a:hover {
              background-color: #095097;
              color: #fff;
              transition: .25s ease; }
    .splitWrapper .chandpura footer {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center; }
      .splitWrapper .chandpura footer a {
        display: inline-block;
        font: 400 14px/28px "Circular Std Book", sans-serif;
        color: #202020;
        margin: 4px;
        padding: 0 12px;
        border-radius: 6px;
        background-color: #fff;
        transition: .25s ease; }
        .splitWrapper .chandpura footer a:hover {
          background-color: #EF4500;
          color: #fff;
          transition: .25s ease; }
    .splitWrapper .chandpura i {
      display: inline-block;
      width: 208px;
      position: absolute;
      right: 16px;
      bottom: 16px;
      text-align: center;
      font: 400 14px "Circular Std medium", sans-serif;
      color: #404044;
      z-index: 99;
      font-style: normal;
      background-color: #ff0;
      padding: 5px;
      box-sizing: border-box;
      border-radius: 3px;
      margin: 24px 0 0 0; }
      .splitWrapper .chandpura i a {
        color: #0d00ff;
        display: inline-block; }
        .splitWrapper .chandpura i a:hover {
          color: red; }
  .splitWrapper .inn_txt {
    width: 100%;
    padding: 16px 24px;
    background-color: #E31E25;
    box-sizing: border-box; }
    .splitWrapper .inn_txt .inn_txt_inner {
      width: 50vw;
      text-align: center;
      margin: 0 auto;
      font: 400 16px "Circular Std Book", sans-serif;
      font-style: italic;
      color: #fff;
      white-space: pre-wrap; }
      @media (max-width: 768px) {
        .splitWrapper .inn_txt .inn_txt_inner {
          width: 70%; } }
      @media (max-width: 560px) {
        .splitWrapper .inn_txt .inn_txt_inner {
          width: 90%;
          white-space: normal; } }
      .splitWrapper .inn_txt .inn_txt_inner span {
        display: block;
        width: 100%;
        text-align: center;
        font: 400 20px "Circular Std medium", sans-serif; }
