@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Meie+Script&display=swap");
@font-face {
  font-family: Native;
  src: url(./Native-Stories.woff);
}
body {
  margin: 0;
  padding: 0;
  background-image: url("../images/tile-paper-grain.webp");
  background-size: contain;
  background-repeat: repeat;
  font-family: Native !important;
  overflow-x: hidden;
  user-select: none !important;
}

.krishna-img {
  width: 380px;
  height: 390px;
}

.person-03-mobile {
  display: none;
}

.mobile-frame {
  display: none;
}

.first-page-outer {
  position: relative;
  background-image: url(../images/bhavan.webp);
  background-repeat: no-repeat;
  height: 170vh !important;
  max-width: 100vw !important;
  width: 100vw !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.first-page-outer .first-page-frame-image1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: auto;
}
.first-page-outer .text-animation {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.first-page-outer .text-animation .display-text .d-flex {
  height: 100vh;
  align-items: center;
}
.first-page-outer .text-animation .display-text .d-flex dotlottie-player {
  width: 800px;
  height: 200px;
}
.first-page-outer .dynamic-text,
.first-page-outer .static-text {
  margin: 0;
  height: 53px;
  overflow: hidden;
  font-weight: 600;
}
.first-page-outer ul {
  text-decoration: none;
  list-style: none;
}
.first-page-outer ul li {
  position: relative;
  line-height: 1;
  padding: 6px 0;
  animation-name: move;
  animation-duration: 5s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

.border-right {
  border-right: 2px solid;
}

.fourth-page-bg {
  height: auto;
  padding: 50px 0 100px;
}
.fourth-page-bg .second-page-line,
.fourth-page-bg .fourth-page-line {
  position: static;
  transform: none;
}
.fourth-page-bg .fourth-page-line {
  top: 100%;
  transform: none !important;
  position: absolute !important;
}

.text-container {
  width: 520px;
  font-size: 40px;
  height: 50px;
}

.second-page {
  position: relative;
}

.parallax-section-two-outer {
  position: relative;
  background-image: url(../images/parallax-section-2.webp);
  min-height: 100vh;
  width: 100vw;
  background-size: cover;
  background-attachment: fixed;
}

.parallax-section-two {
  position: static;
  top: 3%;
}
.parallax-section-two .fifth-page-para-section {
  text-align: center;
  height: 100vh;
  width: 1000px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.parallax-section-two .title-style {
  color: #ffffff;
  font-size: calc(32px + 1vw);
}
.parallax-section-two .para-style {
  color: #ffffff;
}

.third-page {
  background-image: url(../images/parallex-group.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  padding-block: 100px;
  min-height: 100%;
}
.third-page .para-style {
  margin: 0 auto;
}

.era-titan-main {
  height: 2000px;
}

.second-page-bg {
  position: relative;
  width: 100vw;
  height: 800px;
  overflow: hidden;
}
.second-page-bg .slide-section {
  display: flex;
  will-change: transform;
  position: fixed;
  top: 0px;
  bottom: 0;
  transform: translateX(80%);
  overflow: hidden;
  align-items: center;
  transition: all 0.1s !important;
  gap: 1vw;
}
.second-page-bg .slide-section img {
  width: 550px;
  aspect-ratio: 12/8;
}

.bold {
  font-weight: 700;
}

.fourth-para-text {
  margin-bottom: 74px;
  color: #0c0c20;
  text-align: center;
  font-size: 32.471px;
  font-style: normal;
  line-height: 20.294px;
}

.para-text {
  color: #0c0c20;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  max-width: 958px;
}

.sixth-para-text-outer {
  max-width: 652px;
  padding: 50px 0;
  margin: 0 auto;
}

.sixth-para-text.bold {
  line-height: 50px;
}

.sixth-para-text {
  font-size: 32px;
  line-height: 20.294px;
}

.fs-24 {
  font-size: 24px;
}

.seventh-para-text-outer {
  padding-bottom: 0;
}

.seventh-para-text {
  line-height: 1.95;
}

.additional-text {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  transition-duration: 1s;
}

.hover-div:hover .additional-text {
  opacity: 1;
}

.co-created-with-sagacity .co-created-with-sagacity-animation-2 {
  padding-inline: 28px;
}
.co-created-with-sagacity .co-created-with-sagacity-animation-1 img {
  width: 400px;
  height: 300px;
  transition: all 0.4s;
  transform: translateY(0);
}
.co-created-with-sagacity .co-created-with-sagacity-animation-1 .person-01.old-pos {
  position: absolute;
}
.co-created-with-sagacity .co-created-with-sagacity-animation-1 .person-03.old-pos {
  position: absolute;
  left: 38vw;
  z-index: -1;
}

.handwritten-section {
  padding-top: 100px;
}
.handwritten-section .handwritten-section-animation-1 {
  padding-bottom: 150px !important;
  position: relative;
}
.handwritten-section .handwritten-section-animation-1 .pen-top {
  position: absolute;
  left: calc(50% - 96px);
  width: 225px;
  height: 300px;
  z-index: 1;
}
.handwritten-section .handwritten-section-animation-1 .pen-down {
  position: absolute;
  left: calc(50% - 65px);
  width: 130px;
  top: 60px;
}
.handwritten-section .handwritten-section-animation-2 {
  height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}
.handwritten-section .handwritten-section-animation-3 {
  display: flex;
  align-items: center;
  padding-top: 300px;
}
.handwritten-section .handwritten-section-animation-3 img {
  height: 100vh;
  object-fit: cover;
}
.handwritten-section .handwritten-section-animation-3 .handwritten-section-animation-3-text-section p {
  width: 75%;
  margin: 0 auto;
  text-align: start;
  margin-block: 20px;
}
.handwritten-section .handwritten-section-animation-4 {
  text-align: center;
  text-align: -webkit-center;
}

.samvidhan-video {
  position: relative;
}
.samvidhan-video img {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
.samvidhan-video iframe {
  width: 100vw;
  height: 100vh;
}

.founded-by-a-republic {
  padding-block: 100px;
  max-width: 100vw;
}
.founded-by-a-republic .title-style {
  margin-bottom: 100px;
}
.founded-by-a-republic .btn-wrap {
  text-align: center;
}
.founded-by-a-republic .btn-wrap button {
  color: #513232;
  border: 0px solid #513232;
  background: transparent;
  border-radius: 5px;
  font-size: calc(8px + 1vw);
  margin: 20px 10px;
  font-family: Native !important;
  font-family: "Libre Baskerville", serif !important;
}
.founded-by-a-republic .parent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.founded-by-a-republic .owl-stage-outer {
  height: 400px;
}
.founded-by-a-republic .carousel {
  position: relative;
  max-width: 100%;
}
.founded-by-a-republic .slide {
  max-height: 400px;
}
.founded-by-a-republic .box-slide {
  width: 100%;
  background-color: #eae8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 500px;
}
.founded-by-a-republic .aboutImageSlide {
  height: 350px;
  padding-top: 33px;
}
.founded-by-a-republic .ellipse-top {
  border-radius: 0% 0 100% 100%;
  background-image: url(../images/tile-paper-grain.webp);
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 4;
  top: 8px;
}
.founded-by-a-republic .ellipse-bottom {
  border-radius: 100% 100% 0 0;
  background-image: url(../images/tile-paper-grain.webp);
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 4;
  bottom: -12px;
}
.founded-by-a-republic .founded-by-a-republic-para-section {
  width: 75%;
  margin: 0 auto;
}

.resolute-reassuring {
  padding-block: 50px;
  text-align: center;
}
.resolute-reassuring .para-style {
  width: 75%;
  margin: 0 auto;
}

@keyframes move {
  0% {
    top: -0px;
  }
  20% {
    top: -55px;
  }
  40% {
    top: -110px;
  }
  60% {
    top: -165px;
  }
  80% {
    top: -220px;
  }
  100% {
    top: -275px;
  }
}
.dfs-0 {
  font-size: calc(0px + 1vw) !important;
}

.dh-0 {
  height: 0px;
}

.dfs-1 {
  font-size: calc(1px + 1vw) !important;
}

.dh-1 {
  height: 1px;
}

.dfs-2 {
  font-size: calc(2px + 1vw) !important;
}

.dh-2 {
  height: 2px;
}

.dfs-3 {
  font-size: calc(3px + 1vw) !important;
}

.dh-3 {
  height: 3px;
}

.dfs-4 {
  font-size: calc(4px + 1vw) !important;
}

.dh-4 {
  height: 4px;
}

.dfs-5 {
  font-size: calc(5px + 1vw) !important;
}

.dh-5 {
  height: 5px;
}

.dfs-6 {
  font-size: calc(6px + 1vw) !important;
}

.dh-6 {
  height: 6px;
}

.dfs-7 {
  font-size: calc(7px + 1vw) !important;
}

.dh-7 {
  height: 7px;
}

.dfs-8 {
  font-size: calc(8px + 1vw) !important;
}

.dh-8 {
  height: 8px;
}

.dfs-9 {
  font-size: calc(9px + 1vw) !important;
}

.dh-9 {
  height: 9px;
}

.dfs-10 {
  font-size: calc(10px + 1vw) !important;
}

.dh-10 {
  height: 10px;
}

.dfs-11 {
  font-size: calc(11px + 1vw) !important;
}

.dh-11 {
  height: 11px;
}

.dfs-12 {
  font-size: calc(12px + 1vw) !important;
}

.dh-12 {
  height: 12px;
}

.dfs-13 {
  font-size: calc(13px + 1vw) !important;
}

.dh-13 {
  height: 13px;
}

.dfs-14 {
  font-size: calc(14px + 1vw) !important;
}

.dh-14 {
  height: 14px;
}

.dfs-15 {
  font-size: calc(15px + 1vw) !important;
}

.dh-15 {
  height: 15px;
}

.dfs-16 {
  font-size: calc(16px + 1vw) !important;
}

.dh-16 {
  height: 16px;
}

.dfs-17 {
  font-size: calc(17px + 1vw) !important;
}

.dh-17 {
  height: 17px;
}

.dfs-18 {
  font-size: calc(18px + 1vw) !important;
}

.dh-18 {
  height: 18px;
}

.dfs-19 {
  font-size: calc(19px + 1vw) !important;
}

.dh-19 {
  height: 19px;
}

.dfs-20 {
  font-size: calc(20px + 1vw) !important;
}

.dh-20 {
  height: 20px;
}

.dfs-21 {
  font-size: calc(21px + 1vw) !important;
}

.dh-21 {
  height: 21px;
}

.dfs-22 {
  font-size: calc(22px + 1vw) !important;
}

.dh-22 {
  height: 22px;
}

.dfs-23 {
  font-size: calc(23px + 1vw) !important;
}

.dh-23 {
  height: 23px;
}

.dfs-24 {
  font-size: calc(24px + 1vw) !important;
}

.dh-24 {
  height: 24px;
}

.dfs-25 {
  font-size: calc(25px + 1vw) !important;
}

.dh-25 {
  height: 25px;
}

.dfs-26 {
  font-size: calc(26px + 1vw) !important;
}

.dh-26 {
  height: 26px;
}

.dfs-27 {
  font-size: calc(27px + 1vw) !important;
}

.dh-27 {
  height: 27px;
}

.dfs-28 {
  font-size: calc(28px + 1vw) !important;
}

.dh-28 {
  height: 28px;
}

.dfs-29 {
  font-size: calc(29px + 1vw) !important;
}

.dh-29 {
  height: 29px;
}

.dfs-30 {
  font-size: calc(30px + 1vw) !important;
}

.dh-30 {
  height: 30px;
}

.dfs-31 {
  font-size: calc(31px + 1vw) !important;
}

.dh-31 {
  height: 31px;
}

.dfs-32 {
  font-size: calc(32px + 1vw) !important;
}

.dh-32 {
  height: 32px;
}

.dfs-33 {
  font-size: calc(33px + 1vw) !important;
}

.dh-33 {
  height: 33px;
}

.dfs-34 {
  font-size: calc(34px + 1vw) !important;
}

.dh-34 {
  height: 34px;
}

.dfs-35 {
  font-size: calc(35px + 1vw) !important;
}

.dh-35 {
  height: 35px;
}

.dfs-36 {
  font-size: calc(36px + 1vw) !important;
}

.dh-36 {
  height: 36px;
}

.dfs-37 {
  font-size: calc(37px + 1vw) !important;
}

.dh-37 {
  height: 37px;
}

.dfs-38 {
  font-size: calc(38px + 1vw) !important;
}

.dh-38 {
  height: 38px;
}

.dfs-39 {
  font-size: calc(39px + 1vw) !important;
}

.dh-39 {
  height: 39px;
}

.dfs-40 {
  font-size: calc(40px + 1vw) !important;
}

.dh-40 {
  height: 40px;
}

.dfs-41 {
  font-size: calc(41px + 1vw) !important;
}

.dh-41 {
  height: 41px;
}

.dfs-42 {
  font-size: calc(42px + 1vw) !important;
}

.dh-42 {
  height: 42px;
}

.dfs-43 {
  font-size: calc(43px + 1vw) !important;
}

.dh-43 {
  height: 43px;
}

.dfs-44 {
  font-size: calc(44px + 1vw) !important;
}

.dh-44 {
  height: 44px;
}

.dfs-45 {
  font-size: calc(45px + 1vw) !important;
}

.dh-45 {
  height: 45px;
}

.dfs-46 {
  font-size: calc(46px + 1vw) !important;
}

.dh-46 {
  height: 46px;
}

.dfs-47 {
  font-size: calc(47px + 1vw) !important;
}

.dh-47 {
  height: 47px;
}

.dfs-48 {
  font-size: calc(48px + 1vw) !important;
}

.dh-48 {
  height: 48px;
}

.dfs-49 {
  font-size: calc(49px + 1vw) !important;
}

.dh-49 {
  height: 49px;
}

.dfs-50 {
  font-size: calc(50px + 1vw) !important;
}

.dh-50 {
  height: 50px;
}

.dfs-51 {
  font-size: calc(51px + 1vw) !important;
}

.dh-51 {
  height: 51px;
}

.dfs-52 {
  font-size: calc(52px + 1vw) !important;
}

.dh-52 {
  height: 52px;
}

.dfs-53 {
  font-size: calc(53px + 1vw) !important;
}

.dh-53 {
  height: 53px;
}

.dfs-54 {
  font-size: calc(54px + 1vw) !important;
}

.dh-54 {
  height: 54px;
}

.dfs-55 {
  font-size: calc(55px + 1vw) !important;
}

.dh-55 {
  height: 55px;
}

.dfs-56 {
  font-size: calc(56px + 1vw) !important;
}

.dh-56 {
  height: 56px;
}

.dfs-57 {
  font-size: calc(57px + 1vw) !important;
}

.dh-57 {
  height: 57px;
}

.dfs-58 {
  font-size: calc(58px + 1vw) !important;
}

.dh-58 {
  height: 58px;
}

.dfs-59 {
  font-size: calc(59px + 1vw) !important;
}

.dh-59 {
  height: 59px;
}

.dfs-60 {
  font-size: calc(60px + 1vw) !important;
}

.dh-60 {
  height: 60px;
}

.dfs-61 {
  font-size: calc(61px + 1vw) !important;
}

.dh-61 {
  height: 61px;
}

.dfs-62 {
  font-size: calc(62px + 1vw) !important;
}

.dh-62 {
  height: 62px;
}

.dfs-63 {
  font-size: calc(63px + 1vw) !important;
}

.dh-63 {
  height: 63px;
}

.dfs-64 {
  font-size: calc(64px + 1vw) !important;
}

.dh-64 {
  height: 64px;
}

.dfs-65 {
  font-size: calc(65px + 1vw) !important;
}

.dh-65 {
  height: 65px;
}

.dfs-66 {
  font-size: calc(66px + 1vw) !important;
}

.dh-66 {
  height: 66px;
}

.dfs-67 {
  font-size: calc(67px + 1vw) !important;
}

.dh-67 {
  height: 67px;
}

.dfs-68 {
  font-size: calc(68px + 1vw) !important;
}

.dh-68 {
  height: 68px;
}

.dfs-69 {
  font-size: calc(69px + 1vw) !important;
}

.dh-69 {
  height: 69px;
}

.dfs-70 {
  font-size: calc(70px + 1vw) !important;
}

.dh-70 {
  height: 70px;
}

.dfs-71 {
  font-size: calc(71px + 1vw) !important;
}

.dh-71 {
  height: 71px;
}

.dfs-72 {
  font-size: calc(72px + 1vw) !important;
}

.dh-72 {
  height: 72px;
}

.dfs-73 {
  font-size: calc(73px + 1vw) !important;
}

.dh-73 {
  height: 73px;
}

.dfs-74 {
  font-size: calc(74px + 1vw) !important;
}

.dh-74 {
  height: 74px;
}

.dfs-75 {
  font-size: calc(75px + 1vw) !important;
}

.dh-75 {
  height: 75px;
}

.dfs-76 {
  font-size: calc(76px + 1vw) !important;
}

.dh-76 {
  height: 76px;
}

.dfs-77 {
  font-size: calc(77px + 1vw) !important;
}

.dh-77 {
  height: 77px;
}

.dfs-78 {
  font-size: calc(78px + 1vw) !important;
}

.dh-78 {
  height: 78px;
}

.dfs-79 {
  font-size: calc(79px + 1vw) !important;
}

.dh-79 {
  height: 79px;
}

.dfs-80 {
  font-size: calc(80px + 1vw) !important;
}

.dh-80 {
  height: 80px;
}

.dfs-81 {
  font-size: calc(81px + 1vw) !important;
}

.dh-81 {
  height: 81px;
}

.dfs-82 {
  font-size: calc(82px + 1vw) !important;
}

.dh-82 {
  height: 82px;
}

.dfs-83 {
  font-size: calc(83px + 1vw) !important;
}

.dh-83 {
  height: 83px;
}

.dfs-84 {
  font-size: calc(84px + 1vw) !important;
}

.dh-84 {
  height: 84px;
}

.dfs-85 {
  font-size: calc(85px + 1vw) !important;
}

.dh-85 {
  height: 85px;
}

.dfs-86 {
  font-size: calc(86px + 1vw) !important;
}

.dh-86 {
  height: 86px;
}

.dfs-87 {
  font-size: calc(87px + 1vw) !important;
}

.dh-87 {
  height: 87px;
}

.dfs-88 {
  font-size: calc(88px + 1vw) !important;
}

.dh-88 {
  height: 88px;
}

.dfs-89 {
  font-size: calc(89px + 1vw) !important;
}

.dh-89 {
  height: 89px;
}

.dfs-90 {
  font-size: calc(90px + 1vw) !important;
}

.dh-90 {
  height: 90px;
}

.dfs-91 {
  font-size: calc(91px + 1vw) !important;
}

.dh-91 {
  height: 91px;
}

.dfs-92 {
  font-size: calc(92px + 1vw) !important;
}

.dh-92 {
  height: 92px;
}

.dfs-93 {
  font-size: calc(93px + 1vw) !important;
}

.dh-93 {
  height: 93px;
}

.dfs-94 {
  font-size: calc(94px + 1vw) !important;
}

.dh-94 {
  height: 94px;
}

.dfs-95 {
  font-size: calc(95px + 1vw) !important;
}

.dh-95 {
  height: 95px;
}

.dfs-96 {
  font-size: calc(96px + 1vw) !important;
}

.dh-96 {
  height: 96px;
}

.dfs-97 {
  font-size: calc(97px + 1vw) !important;
}

.dh-97 {
  height: 97px;
}

.dfs-98 {
  font-size: calc(98px + 1vw) !important;
}

.dh-98 {
  height: 98px;
}

.dfs-99 {
  font-size: calc(99px + 1vw) !important;
}

.dh-99 {
  height: 99px;
}

.dfs-100 {
  font-size: calc(100px + 1vw) !important;
}

.dh-100 {
  height: 100px;
}

.dfs-101 {
  font-size: calc(101px + 1vw) !important;
}

.dh-101 {
  height: 101px;
}

.dfs-102 {
  font-size: calc(102px + 1vw) !important;
}

.dh-102 {
  height: 102px;
}

.dfs-103 {
  font-size: calc(103px + 1vw) !important;
}

.dh-103 {
  height: 103px;
}

.dfs-104 {
  font-size: calc(104px + 1vw) !important;
}

.dh-104 {
  height: 104px;
}

.dfs-105 {
  font-size: calc(105px + 1vw) !important;
}

.dh-105 {
  height: 105px;
}

.dfs-106 {
  font-size: calc(106px + 1vw) !important;
}

.dh-106 {
  height: 106px;
}

.dfs-107 {
  font-size: calc(107px + 1vw) !important;
}

.dh-107 {
  height: 107px;
}

.dfs-108 {
  font-size: calc(108px + 1vw) !important;
}

.dh-108 {
  height: 108px;
}

.dfs-109 {
  font-size: calc(109px + 1vw) !important;
}

.dh-109 {
  height: 109px;
}

.dfs-110 {
  font-size: calc(110px + 1vw) !important;
}

.dh-110 {
  height: 110px;
}

.dfs-111 {
  font-size: calc(111px + 1vw) !important;
}

.dh-111 {
  height: 111px;
}

.dfs-112 {
  font-size: calc(112px + 1vw) !important;
}

.dh-112 {
  height: 112px;
}

.dfs-113 {
  font-size: calc(113px + 1vw) !important;
}

.dh-113 {
  height: 113px;
}

.dfs-114 {
  font-size: calc(114px + 1vw) !important;
}

.dh-114 {
  height: 114px;
}

.dfs-115 {
  font-size: calc(115px + 1vw) !important;
}

.dh-115 {
  height: 115px;
}

.dfs-116 {
  font-size: calc(116px + 1vw) !important;
}

.dh-116 {
  height: 116px;
}

.dfs-117 {
  font-size: calc(117px + 1vw) !important;
}

.dh-117 {
  height: 117px;
}

.dfs-118 {
  font-size: calc(118px + 1vw) !important;
}

.dh-118 {
  height: 118px;
}

.dfs-119 {
  font-size: calc(119px + 1vw) !important;
}

.dh-119 {
  height: 119px;
}

.dfs-120 {
  font-size: calc(120px + 1vw) !important;
}

.dh-120 {
  height: 120px;
}

.dfs-121 {
  font-size: calc(121px + 1vw) !important;
}

.dh-121 {
  height: 121px;
}

.dfs-122 {
  font-size: calc(122px + 1vw) !important;
}

.dh-122 {
  height: 122px;
}

.dfs-123 {
  font-size: calc(123px + 1vw) !important;
}

.dh-123 {
  height: 123px;
}

.dfs-124 {
  font-size: calc(124px + 1vw) !important;
}

.dh-124 {
  height: 124px;
}

.dfs-125 {
  font-size: calc(125px + 1vw) !important;
}

.dh-125 {
  height: 125px;
}

.dfs-126 {
  font-size: calc(126px + 1vw) !important;
}

.dh-126 {
  height: 126px;
}

.dfs-127 {
  font-size: calc(127px + 1vw) !important;
}

.dh-127 {
  height: 127px;
}

.dfs-128 {
  font-size: calc(128px + 1vw) !important;
}

.dh-128 {
  height: 128px;
}

.dfs-129 {
  font-size: calc(129px + 1vw) !important;
}

.dh-129 {
  height: 129px;
}

.dfs-130 {
  font-size: calc(130px + 1vw) !important;
}

.dh-130 {
  height: 130px;
}

.dfs-131 {
  font-size: calc(131px + 1vw) !important;
}

.dh-131 {
  height: 131px;
}

.dfs-132 {
  font-size: calc(132px + 1vw) !important;
}

.dh-132 {
  height: 132px;
}

.dfs-133 {
  font-size: calc(133px + 1vw) !important;
}

.dh-133 {
  height: 133px;
}

.dfs-134 {
  font-size: calc(134px + 1vw) !important;
}

.dh-134 {
  height: 134px;
}

.dfs-135 {
  font-size: calc(135px + 1vw) !important;
}

.dh-135 {
  height: 135px;
}

.dfs-136 {
  font-size: calc(136px + 1vw) !important;
}

.dh-136 {
  height: 136px;
}

.dfs-137 {
  font-size: calc(137px + 1vw) !important;
}

.dh-137 {
  height: 137px;
}

.dfs-138 {
  font-size: calc(138px + 1vw) !important;
}

.dh-138 {
  height: 138px;
}

.dfs-139 {
  font-size: calc(139px + 1vw) !important;
}

.dh-139 {
  height: 139px;
}

.dfs-140 {
  font-size: calc(140px + 1vw) !important;
}

.dh-140 {
  height: 140px;
}

.dfs-141 {
  font-size: calc(141px + 1vw) !important;
}

.dh-141 {
  height: 141px;
}

.dfs-142 {
  font-size: calc(142px + 1vw) !important;
}

.dh-142 {
  height: 142px;
}

.dfs-143 {
  font-size: calc(143px + 1vw) !important;
}

.dh-143 {
  height: 143px;
}

.dfs-144 {
  font-size: calc(144px + 1vw) !important;
}

.dh-144 {
  height: 144px;
}

.dfs-145 {
  font-size: calc(145px + 1vw) !important;
}

.dh-145 {
  height: 145px;
}

.dfs-146 {
  font-size: calc(146px + 1vw) !important;
}

.dh-146 {
  height: 146px;
}

.dfs-147 {
  font-size: calc(147px + 1vw) !important;
}

.dh-147 {
  height: 147px;
}

.dfs-148 {
  font-size: calc(148px + 1vw) !important;
}

.dh-148 {
  height: 148px;
}

.dfs-149 {
  font-size: calc(149px + 1vw) !important;
}

.dh-149 {
  height: 149px;
}

.dfs-150 {
  font-size: calc(150px + 1vw) !important;
}

.dh-150 {
  height: 150px;
}

.dfs-151 {
  font-size: calc(151px + 1vw) !important;
}

.dh-151 {
  height: 151px;
}

.dfs-152 {
  font-size: calc(152px + 1vw) !important;
}

.dh-152 {
  height: 152px;
}

.dfs-153 {
  font-size: calc(153px + 1vw) !important;
}

.dh-153 {
  height: 153px;
}

.dfs-154 {
  font-size: calc(154px + 1vw) !important;
}

.dh-154 {
  height: 154px;
}

.dfs-155 {
  font-size: calc(155px + 1vw) !important;
}

.dh-155 {
  height: 155px;
}

.dfs-156 {
  font-size: calc(156px + 1vw) !important;
}

.dh-156 {
  height: 156px;
}

.dfs-157 {
  font-size: calc(157px + 1vw) !important;
}

.dh-157 {
  height: 157px;
}

.dfs-158 {
  font-size: calc(158px + 1vw) !important;
}

.dh-158 {
  height: 158px;
}

.dfs-159 {
  font-size: calc(159px + 1vw) !important;
}

.dh-159 {
  height: 159px;
}

.dfs-160 {
  font-size: calc(160px + 1vw) !important;
}

.dh-160 {
  height: 160px;
}

.dfs-161 {
  font-size: calc(161px + 1vw) !important;
}

.dh-161 {
  height: 161px;
}

.dfs-162 {
  font-size: calc(162px + 1vw) !important;
}

.dh-162 {
  height: 162px;
}

.dfs-163 {
  font-size: calc(163px + 1vw) !important;
}

.dh-163 {
  height: 163px;
}

.dfs-164 {
  font-size: calc(164px + 1vw) !important;
}

.dh-164 {
  height: 164px;
}

.dfs-165 {
  font-size: calc(165px + 1vw) !important;
}

.dh-165 {
  height: 165px;
}

.dfs-166 {
  font-size: calc(166px + 1vw) !important;
}

.dh-166 {
  height: 166px;
}

.dfs-167 {
  font-size: calc(167px + 1vw) !important;
}

.dh-167 {
  height: 167px;
}

.dfs-168 {
  font-size: calc(168px + 1vw) !important;
}

.dh-168 {
  height: 168px;
}

.dfs-169 {
  font-size: calc(169px + 1vw) !important;
}

.dh-169 {
  height: 169px;
}

.dfs-170 {
  font-size: calc(170px + 1vw) !important;
}

.dh-170 {
  height: 170px;
}

.dfs-171 {
  font-size: calc(171px + 1vw) !important;
}

.dh-171 {
  height: 171px;
}

.dfs-172 {
  font-size: calc(172px + 1vw) !important;
}

.dh-172 {
  height: 172px;
}

.dfs-173 {
  font-size: calc(173px + 1vw) !important;
}

.dh-173 {
  height: 173px;
}

.dfs-174 {
  font-size: calc(174px + 1vw) !important;
}

.dh-174 {
  height: 174px;
}

.dfs-175 {
  font-size: calc(175px + 1vw) !important;
}

.dh-175 {
  height: 175px;
}

.dfs-176 {
  font-size: calc(176px + 1vw) !important;
}

.dh-176 {
  height: 176px;
}

.dfs-177 {
  font-size: calc(177px + 1vw) !important;
}

.dh-177 {
  height: 177px;
}

.dfs-178 {
  font-size: calc(178px + 1vw) !important;
}

.dh-178 {
  height: 178px;
}

.dfs-179 {
  font-size: calc(179px + 1vw) !important;
}

.dh-179 {
  height: 179px;
}

.dfs-180 {
  font-size: calc(180px + 1vw) !important;
}

.dh-180 {
  height: 180px;
}

.dfs-181 {
  font-size: calc(181px + 1vw) !important;
}

.dh-181 {
  height: 181px;
}

.dfs-182 {
  font-size: calc(182px + 1vw) !important;
}

.dh-182 {
  height: 182px;
}

.dfs-183 {
  font-size: calc(183px + 1vw) !important;
}

.dh-183 {
  height: 183px;
}

.dfs-184 {
  font-size: calc(184px + 1vw) !important;
}

.dh-184 {
  height: 184px;
}

.dfs-185 {
  font-size: calc(185px + 1vw) !important;
}

.dh-185 {
  height: 185px;
}

.dfs-186 {
  font-size: calc(186px + 1vw) !important;
}

.dh-186 {
  height: 186px;
}

.dfs-187 {
  font-size: calc(187px + 1vw) !important;
}

.dh-187 {
  height: 187px;
}

.dfs-188 {
  font-size: calc(188px + 1vw) !important;
}

.dh-188 {
  height: 188px;
}

.dfs-189 {
  font-size: calc(189px + 1vw) !important;
}

.dh-189 {
  height: 189px;
}

.dfs-190 {
  font-size: calc(190px + 1vw) !important;
}

.dh-190 {
  height: 190px;
}

.dfs-191 {
  font-size: calc(191px + 1vw) !important;
}

.dh-191 {
  height: 191px;
}

.dfs-192 {
  font-size: calc(192px + 1vw) !important;
}

.dh-192 {
  height: 192px;
}

.dfs-193 {
  font-size: calc(193px + 1vw) !important;
}

.dh-193 {
  height: 193px;
}

.dfs-194 {
  font-size: calc(194px + 1vw) !important;
}

.dh-194 {
  height: 194px;
}

.dfs-195 {
  font-size: calc(195px + 1vw) !important;
}

.dh-195 {
  height: 195px;
}

.dfs-196 {
  font-size: calc(196px + 1vw) !important;
}

.dh-196 {
  height: 196px;
}

.dfs-197 {
  font-size: calc(197px + 1vw) !important;
}

.dh-197 {
  height: 197px;
}

.dfs-198 {
  font-size: calc(198px + 1vw) !important;
}

.dh-198 {
  height: 198px;
}

.dfs-199 {
  font-size: calc(199px + 1vw) !important;
}

.dh-199 {
  height: 199px;
}

.dfs-200 {
  font-size: calc(200px + 1vw) !important;
}

.dh-200 {
  height: 200px;
}

.dfs-201 {
  font-size: calc(201px + 1vw) !important;
}

.dh-201 {
  height: 201px;
}

.dfs-202 {
  font-size: calc(202px + 1vw) !important;
}

.dh-202 {
  height: 202px;
}

.dfs-203 {
  font-size: calc(203px + 1vw) !important;
}

.dh-203 {
  height: 203px;
}

.dfs-204 {
  font-size: calc(204px + 1vw) !important;
}

.dh-204 {
  height: 204px;
}

.dfs-205 {
  font-size: calc(205px + 1vw) !important;
}

.dh-205 {
  height: 205px;
}

.dfs-206 {
  font-size: calc(206px + 1vw) !important;
}

.dh-206 {
  height: 206px;
}

.dfs-207 {
  font-size: calc(207px + 1vw) !important;
}

.dh-207 {
  height: 207px;
}

.dfs-208 {
  font-size: calc(208px + 1vw) !important;
}

.dh-208 {
  height: 208px;
}

.dfs-209 {
  font-size: calc(209px + 1vw) !important;
}

.dh-209 {
  height: 209px;
}

.dfs-210 {
  font-size: calc(210px + 1vw) !important;
}

.dh-210 {
  height: 210px;
}

.dfs-211 {
  font-size: calc(211px + 1vw) !important;
}

.dh-211 {
  height: 211px;
}

.dfs-212 {
  font-size: calc(212px + 1vw) !important;
}

.dh-212 {
  height: 212px;
}

.dfs-213 {
  font-size: calc(213px + 1vw) !important;
}

.dh-213 {
  height: 213px;
}

.dfs-214 {
  font-size: calc(214px + 1vw) !important;
}

.dh-214 {
  height: 214px;
}

.dfs-215 {
  font-size: calc(215px + 1vw) !important;
}

.dh-215 {
  height: 215px;
}

.dfs-216 {
  font-size: calc(216px + 1vw) !important;
}

.dh-216 {
  height: 216px;
}

.dfs-217 {
  font-size: calc(217px + 1vw) !important;
}

.dh-217 {
  height: 217px;
}

.dfs-218 {
  font-size: calc(218px + 1vw) !important;
}

.dh-218 {
  height: 218px;
}

.dfs-219 {
  font-size: calc(219px + 1vw) !important;
}

.dh-219 {
  height: 219px;
}

.dfs-220 {
  font-size: calc(220px + 1vw) !important;
}

.dh-220 {
  height: 220px;
}

.dfs-221 {
  font-size: calc(221px + 1vw) !important;
}

.dh-221 {
  height: 221px;
}

.dfs-222 {
  font-size: calc(222px + 1vw) !important;
}

.dh-222 {
  height: 222px;
}

.dfs-223 {
  font-size: calc(223px + 1vw) !important;
}

.dh-223 {
  height: 223px;
}

.dfs-224 {
  font-size: calc(224px + 1vw) !important;
}

.dh-224 {
  height: 224px;
}

.dfs-225 {
  font-size: calc(225px + 1vw) !important;
}

.dh-225 {
  height: 225px;
}

.dfs-226 {
  font-size: calc(226px + 1vw) !important;
}

.dh-226 {
  height: 226px;
}

.dfs-227 {
  font-size: calc(227px + 1vw) !important;
}

.dh-227 {
  height: 227px;
}

.dfs-228 {
  font-size: calc(228px + 1vw) !important;
}

.dh-228 {
  height: 228px;
}

.dfs-229 {
  font-size: calc(229px + 1vw) !important;
}

.dh-229 {
  height: 229px;
}

.dfs-230 {
  font-size: calc(230px + 1vw) !important;
}

.dh-230 {
  height: 230px;
}

.dfs-231 {
  font-size: calc(231px + 1vw) !important;
}

.dh-231 {
  height: 231px;
}

.dfs-232 {
  font-size: calc(232px + 1vw) !important;
}

.dh-232 {
  height: 232px;
}

.dfs-233 {
  font-size: calc(233px + 1vw) !important;
}

.dh-233 {
  height: 233px;
}

.dfs-234 {
  font-size: calc(234px + 1vw) !important;
}

.dh-234 {
  height: 234px;
}

.dfs-235 {
  font-size: calc(235px + 1vw) !important;
}

.dh-235 {
  height: 235px;
}

.dfs-236 {
  font-size: calc(236px + 1vw) !important;
}

.dh-236 {
  height: 236px;
}

.dfs-237 {
  font-size: calc(237px + 1vw) !important;
}

.dh-237 {
  height: 237px;
}

.dfs-238 {
  font-size: calc(238px + 1vw) !important;
}

.dh-238 {
  height: 238px;
}

.dfs-239 {
  font-size: calc(239px + 1vw) !important;
}

.dh-239 {
  height: 239px;
}

.dfs-240 {
  font-size: calc(240px + 1vw) !important;
}

.dh-240 {
  height: 240px;
}

.dfs-241 {
  font-size: calc(241px + 1vw) !important;
}

.dh-241 {
  height: 241px;
}

.dfs-242 {
  font-size: calc(242px + 1vw) !important;
}

.dh-242 {
  height: 242px;
}

.dfs-243 {
  font-size: calc(243px + 1vw) !important;
}

.dh-243 {
  height: 243px;
}

.dfs-244 {
  font-size: calc(244px + 1vw) !important;
}

.dh-244 {
  height: 244px;
}

.dfs-245 {
  font-size: calc(245px + 1vw) !important;
}

.dh-245 {
  height: 245px;
}

.dfs-246 {
  font-size: calc(246px + 1vw) !important;
}

.dh-246 {
  height: 246px;
}

.dfs-247 {
  font-size: calc(247px + 1vw) !important;
}

.dh-247 {
  height: 247px;
}

.dfs-248 {
  font-size: calc(248px + 1vw) !important;
}

.dh-248 {
  height: 248px;
}

.dfs-249 {
  font-size: calc(249px + 1vw) !important;
}

.dh-249 {
  height: 249px;
}

.dfs-250 {
  font-size: calc(250px + 1vw) !important;
}

.dh-250 {
  height: 250px;
}

.dfs-251 {
  font-size: calc(251px + 1vw) !important;
}

.dh-251 {
  height: 251px;
}

.dfs-252 {
  font-size: calc(252px + 1vw) !important;
}

.dh-252 {
  height: 252px;
}

.dfs-253 {
  font-size: calc(253px + 1vw) !important;
}

.dh-253 {
  height: 253px;
}

.dfs-254 {
  font-size: calc(254px + 1vw) !important;
}

.dh-254 {
  height: 254px;
}

.dfs-255 {
  font-size: calc(255px + 1vw) !important;
}

.dh-255 {
  height: 255px;
}

.dfs-256 {
  font-size: calc(256px + 1vw) !important;
}

.dh-256 {
  height: 256px;
}

.dfs-257 {
  font-size: calc(257px + 1vw) !important;
}

.dh-257 {
  height: 257px;
}

.dfs-258 {
  font-size: calc(258px + 1vw) !important;
}

.dh-258 {
  height: 258px;
}

.dfs-259 {
  font-size: calc(259px + 1vw) !important;
}

.dh-259 {
  height: 259px;
}

.dfs-260 {
  font-size: calc(260px + 1vw) !important;
}

.dh-260 {
  height: 260px;
}

.dfs-261 {
  font-size: calc(261px + 1vw) !important;
}

.dh-261 {
  height: 261px;
}

.dfs-262 {
  font-size: calc(262px + 1vw) !important;
}

.dh-262 {
  height: 262px;
}

.dfs-263 {
  font-size: calc(263px + 1vw) !important;
}

.dh-263 {
  height: 263px;
}

.dfs-264 {
  font-size: calc(264px + 1vw) !important;
}

.dh-264 {
  height: 264px;
}

.dfs-265 {
  font-size: calc(265px + 1vw) !important;
}

.dh-265 {
  height: 265px;
}

.dfs-266 {
  font-size: calc(266px + 1vw) !important;
}

.dh-266 {
  height: 266px;
}

.dfs-267 {
  font-size: calc(267px + 1vw) !important;
}

.dh-267 {
  height: 267px;
}

.dfs-268 {
  font-size: calc(268px + 1vw) !important;
}

.dh-268 {
  height: 268px;
}

.dfs-269 {
  font-size: calc(269px + 1vw) !important;
}

.dh-269 {
  height: 269px;
}

.dfs-270 {
  font-size: calc(270px + 1vw) !important;
}

.dh-270 {
  height: 270px;
}

.dfs-271 {
  font-size: calc(271px + 1vw) !important;
}

.dh-271 {
  height: 271px;
}

.dfs-272 {
  font-size: calc(272px + 1vw) !important;
}

.dh-272 {
  height: 272px;
}

.dfs-273 {
  font-size: calc(273px + 1vw) !important;
}

.dh-273 {
  height: 273px;
}

.dfs-274 {
  font-size: calc(274px + 1vw) !important;
}

.dh-274 {
  height: 274px;
}

.dfs-275 {
  font-size: calc(275px + 1vw) !important;
}

.dh-275 {
  height: 275px;
}

.dfs-276 {
  font-size: calc(276px + 1vw) !important;
}

.dh-276 {
  height: 276px;
}

.dfs-277 {
  font-size: calc(277px + 1vw) !important;
}

.dh-277 {
  height: 277px;
}

.dfs-278 {
  font-size: calc(278px + 1vw) !important;
}

.dh-278 {
  height: 278px;
}

.dfs-279 {
  font-size: calc(279px + 1vw) !important;
}

.dh-279 {
  height: 279px;
}

.dfs-280 {
  font-size: calc(280px + 1vw) !important;
}

.dh-280 {
  height: 280px;
}

.dfs-281 {
  font-size: calc(281px + 1vw) !important;
}

.dh-281 {
  height: 281px;
}

.dfs-282 {
  font-size: calc(282px + 1vw) !important;
}

.dh-282 {
  height: 282px;
}

.dfs-283 {
  font-size: calc(283px + 1vw) !important;
}

.dh-283 {
  height: 283px;
}

.dfs-284 {
  font-size: calc(284px + 1vw) !important;
}

.dh-284 {
  height: 284px;
}

.dfs-285 {
  font-size: calc(285px + 1vw) !important;
}

.dh-285 {
  height: 285px;
}

.dfs-286 {
  font-size: calc(286px + 1vw) !important;
}

.dh-286 {
  height: 286px;
}

.dfs-287 {
  font-size: calc(287px + 1vw) !important;
}

.dh-287 {
  height: 287px;
}

.dfs-288 {
  font-size: calc(288px + 1vw) !important;
}

.dh-288 {
  height: 288px;
}

.dfs-289 {
  font-size: calc(289px + 1vw) !important;
}

.dh-289 {
  height: 289px;
}

.dfs-290 {
  font-size: calc(290px + 1vw) !important;
}

.dh-290 {
  height: 290px;
}

.dfs-291 {
  font-size: calc(291px + 1vw) !important;
}

.dh-291 {
  height: 291px;
}

.dfs-292 {
  font-size: calc(292px + 1vw) !important;
}

.dh-292 {
  height: 292px;
}

.dfs-293 {
  font-size: calc(293px + 1vw) !important;
}

.dh-293 {
  height: 293px;
}

.dfs-294 {
  font-size: calc(294px + 1vw) !important;
}

.dh-294 {
  height: 294px;
}

.dfs-295 {
  font-size: calc(295px + 1vw) !important;
}

.dh-295 {
  height: 295px;
}

.dfs-296 {
  font-size: calc(296px + 1vw) !important;
}

.dh-296 {
  height: 296px;
}

.dfs-297 {
  font-size: calc(297px + 1vw) !important;
}

.dh-297 {
  height: 297px;
}

.dfs-298 {
  font-size: calc(298px + 1vw) !important;
}

.dh-298 {
  height: 298px;
}

.dfs-299 {
  font-size: calc(299px + 1vw) !important;
}

.dh-299 {
  height: 299px;
}

.dfs-300 {
  font-size: calc(300px + 1vw) !important;
}

.dh-300 {
  height: 300px;
}

.dfs-301 {
  font-size: calc(301px + 1vw) !important;
}

.dh-301 {
  height: 301px;
}

.dfs-302 {
  font-size: calc(302px + 1vw) !important;
}

.dh-302 {
  height: 302px;
}

.dfs-303 {
  font-size: calc(303px + 1vw) !important;
}

.dh-303 {
  height: 303px;
}

.dfs-304 {
  font-size: calc(304px + 1vw) !important;
}

.dh-304 {
  height: 304px;
}

.dfs-305 {
  font-size: calc(305px + 1vw) !important;
}

.dh-305 {
  height: 305px;
}

.dfs-306 {
  font-size: calc(306px + 1vw) !important;
}

.dh-306 {
  height: 306px;
}

.dfs-307 {
  font-size: calc(307px + 1vw) !important;
}

.dh-307 {
  height: 307px;
}

.dfs-308 {
  font-size: calc(308px + 1vw) !important;
}

.dh-308 {
  height: 308px;
}

.dfs-309 {
  font-size: calc(309px + 1vw) !important;
}

.dh-309 {
  height: 309px;
}

.dfs-310 {
  font-size: calc(310px + 1vw) !important;
}

.dh-310 {
  height: 310px;
}

.dfs-311 {
  font-size: calc(311px + 1vw) !important;
}

.dh-311 {
  height: 311px;
}

.dfs-312 {
  font-size: calc(312px + 1vw) !important;
}

.dh-312 {
  height: 312px;
}

.dfs-313 {
  font-size: calc(313px + 1vw) !important;
}

.dh-313 {
  height: 313px;
}

.dfs-314 {
  font-size: calc(314px + 1vw) !important;
}

.dh-314 {
  height: 314px;
}

.dfs-315 {
  font-size: calc(315px + 1vw) !important;
}

.dh-315 {
  height: 315px;
}

.dfs-316 {
  font-size: calc(316px + 1vw) !important;
}

.dh-316 {
  height: 316px;
}

.dfs-317 {
  font-size: calc(317px + 1vw) !important;
}

.dh-317 {
  height: 317px;
}

.dfs-318 {
  font-size: calc(318px + 1vw) !important;
}

.dh-318 {
  height: 318px;
}

.dfs-319 {
  font-size: calc(319px + 1vw) !important;
}

.dh-319 {
  height: 319px;
}

.dfs-320 {
  font-size: calc(320px + 1vw) !important;
}

.dh-320 {
  height: 320px;
}

.dfs-321 {
  font-size: calc(321px + 1vw) !important;
}

.dh-321 {
  height: 321px;
}

.dfs-322 {
  font-size: calc(322px + 1vw) !important;
}

.dh-322 {
  height: 322px;
}

.dfs-323 {
  font-size: calc(323px + 1vw) !important;
}

.dh-323 {
  height: 323px;
}

.dfs-324 {
  font-size: calc(324px + 1vw) !important;
}

.dh-324 {
  height: 324px;
}

.dfs-325 {
  font-size: calc(325px + 1vw) !important;
}

.dh-325 {
  height: 325px;
}

.dfs-326 {
  font-size: calc(326px + 1vw) !important;
}

.dh-326 {
  height: 326px;
}

.dfs-327 {
  font-size: calc(327px + 1vw) !important;
}

.dh-327 {
  height: 327px;
}

.dfs-328 {
  font-size: calc(328px + 1vw) !important;
}

.dh-328 {
  height: 328px;
}

.dfs-329 {
  font-size: calc(329px + 1vw) !important;
}

.dh-329 {
  height: 329px;
}

.dfs-330 {
  font-size: calc(330px + 1vw) !important;
}

.dh-330 {
  height: 330px;
}

.dfs-331 {
  font-size: calc(331px + 1vw) !important;
}

.dh-331 {
  height: 331px;
}

.dfs-332 {
  font-size: calc(332px + 1vw) !important;
}

.dh-332 {
  height: 332px;
}

.dfs-333 {
  font-size: calc(333px + 1vw) !important;
}

.dh-333 {
  height: 333px;
}

.dfs-334 {
  font-size: calc(334px + 1vw) !important;
}

.dh-334 {
  height: 334px;
}

.dfs-335 {
  font-size: calc(335px + 1vw) !important;
}

.dh-335 {
  height: 335px;
}

.dfs-336 {
  font-size: calc(336px + 1vw) !important;
}

.dh-336 {
  height: 336px;
}

.dfs-337 {
  font-size: calc(337px + 1vw) !important;
}

.dh-337 {
  height: 337px;
}

.dfs-338 {
  font-size: calc(338px + 1vw) !important;
}

.dh-338 {
  height: 338px;
}

.dfs-339 {
  font-size: calc(339px + 1vw) !important;
}

.dh-339 {
  height: 339px;
}

.dfs-340 {
  font-size: calc(340px + 1vw) !important;
}

.dh-340 {
  height: 340px;
}

.dfs-341 {
  font-size: calc(341px + 1vw) !important;
}

.dh-341 {
  height: 341px;
}

.dfs-342 {
  font-size: calc(342px + 1vw) !important;
}

.dh-342 {
  height: 342px;
}

.dfs-343 {
  font-size: calc(343px + 1vw) !important;
}

.dh-343 {
  height: 343px;
}

.dfs-344 {
  font-size: calc(344px + 1vw) !important;
}

.dh-344 {
  height: 344px;
}

.dfs-345 {
  font-size: calc(345px + 1vw) !important;
}

.dh-345 {
  height: 345px;
}

.dfs-346 {
  font-size: calc(346px + 1vw) !important;
}

.dh-346 {
  height: 346px;
}

.dfs-347 {
  font-size: calc(347px + 1vw) !important;
}

.dh-347 {
  height: 347px;
}

.dfs-348 {
  font-size: calc(348px + 1vw) !important;
}

.dh-348 {
  height: 348px;
}

.dfs-349 {
  font-size: calc(349px + 1vw) !important;
}

.dh-349 {
  height: 349px;
}

.dfs-350 {
  font-size: calc(350px + 1vw) !important;
}

.dh-350 {
  height: 350px;
}

.dfs-351 {
  font-size: calc(351px + 1vw) !important;
}

.dh-351 {
  height: 351px;
}

.dfs-352 {
  font-size: calc(352px + 1vw) !important;
}

.dh-352 {
  height: 352px;
}

.dfs-353 {
  font-size: calc(353px + 1vw) !important;
}

.dh-353 {
  height: 353px;
}

.dfs-354 {
  font-size: calc(354px + 1vw) !important;
}

.dh-354 {
  height: 354px;
}

.dfs-355 {
  font-size: calc(355px + 1vw) !important;
}

.dh-355 {
  height: 355px;
}

.dfs-356 {
  font-size: calc(356px + 1vw) !important;
}

.dh-356 {
  height: 356px;
}

.dfs-357 {
  font-size: calc(357px + 1vw) !important;
}

.dh-357 {
  height: 357px;
}

.dfs-358 {
  font-size: calc(358px + 1vw) !important;
}

.dh-358 {
  height: 358px;
}

.dfs-359 {
  font-size: calc(359px + 1vw) !important;
}

.dh-359 {
  height: 359px;
}

.dfs-360 {
  font-size: calc(360px + 1vw) !important;
}

.dh-360 {
  height: 360px;
}

.dfs-361 {
  font-size: calc(361px + 1vw) !important;
}

.dh-361 {
  height: 361px;
}

.dfs-362 {
  font-size: calc(362px + 1vw) !important;
}

.dh-362 {
  height: 362px;
}

.dfs-363 {
  font-size: calc(363px + 1vw) !important;
}

.dh-363 {
  height: 363px;
}

.dfs-364 {
  font-size: calc(364px + 1vw) !important;
}

.dh-364 {
  height: 364px;
}

.dfs-365 {
  font-size: calc(365px + 1vw) !important;
}

.dh-365 {
  height: 365px;
}

.dfs-366 {
  font-size: calc(366px + 1vw) !important;
}

.dh-366 {
  height: 366px;
}

.dfs-367 {
  font-size: calc(367px + 1vw) !important;
}

.dh-367 {
  height: 367px;
}

.dfs-368 {
  font-size: calc(368px + 1vw) !important;
}

.dh-368 {
  height: 368px;
}

.dfs-369 {
  font-size: calc(369px + 1vw) !important;
}

.dh-369 {
  height: 369px;
}

.dfs-370 {
  font-size: calc(370px + 1vw) !important;
}

.dh-370 {
  height: 370px;
}

.dfs-371 {
  font-size: calc(371px + 1vw) !important;
}

.dh-371 {
  height: 371px;
}

.dfs-372 {
  font-size: calc(372px + 1vw) !important;
}

.dh-372 {
  height: 372px;
}

.dfs-373 {
  font-size: calc(373px + 1vw) !important;
}

.dh-373 {
  height: 373px;
}

.dfs-374 {
  font-size: calc(374px + 1vw) !important;
}

.dh-374 {
  height: 374px;
}

.dfs-375 {
  font-size: calc(375px + 1vw) !important;
}

.dh-375 {
  height: 375px;
}

.dfs-376 {
  font-size: calc(376px + 1vw) !important;
}

.dh-376 {
  height: 376px;
}

.dfs-377 {
  font-size: calc(377px + 1vw) !important;
}

.dh-377 {
  height: 377px;
}

.dfs-378 {
  font-size: calc(378px + 1vw) !important;
}

.dh-378 {
  height: 378px;
}

.dfs-379 {
  font-size: calc(379px + 1vw) !important;
}

.dh-379 {
  height: 379px;
}

.dfs-380 {
  font-size: calc(380px + 1vw) !important;
}

.dh-380 {
  height: 380px;
}

.dfs-381 {
  font-size: calc(381px + 1vw) !important;
}

.dh-381 {
  height: 381px;
}

.dfs-382 {
  font-size: calc(382px + 1vw) !important;
}

.dh-382 {
  height: 382px;
}

.dfs-383 {
  font-size: calc(383px + 1vw) !important;
}

.dh-383 {
  height: 383px;
}

.dfs-384 {
  font-size: calc(384px + 1vw) !important;
}

.dh-384 {
  height: 384px;
}

.dfs-385 {
  font-size: calc(385px + 1vw) !important;
}

.dh-385 {
  height: 385px;
}

.dfs-386 {
  font-size: calc(386px + 1vw) !important;
}

.dh-386 {
  height: 386px;
}

.dfs-387 {
  font-size: calc(387px + 1vw) !important;
}

.dh-387 {
  height: 387px;
}

.dfs-388 {
  font-size: calc(388px + 1vw) !important;
}

.dh-388 {
  height: 388px;
}

.dfs-389 {
  font-size: calc(389px + 1vw) !important;
}

.dh-389 {
  height: 389px;
}

.dfs-390 {
  font-size: calc(390px + 1vw) !important;
}

.dh-390 {
  height: 390px;
}

.dfs-391 {
  font-size: calc(391px + 1vw) !important;
}

.dh-391 {
  height: 391px;
}

.dfs-392 {
  font-size: calc(392px + 1vw) !important;
}

.dh-392 {
  height: 392px;
}

.dfs-393 {
  font-size: calc(393px + 1vw) !important;
}

.dh-393 {
  height: 393px;
}

.dfs-394 {
  font-size: calc(394px + 1vw) !important;
}

.dh-394 {
  height: 394px;
}

.dfs-395 {
  font-size: calc(395px + 1vw) !important;
}

.dh-395 {
  height: 395px;
}

.dfs-396 {
  font-size: calc(396px + 1vw) !important;
}

.dh-396 {
  height: 396px;
}

.dfs-397 {
  font-size: calc(397px + 1vw) !important;
}

.dh-397 {
  height: 397px;
}

.dfs-398 {
  font-size: calc(398px + 1vw) !important;
}

.dh-398 {
  height: 398px;
}

.dfs-399 {
  font-size: calc(399px + 1vw) !important;
}

.dh-399 {
  height: 399px;
}

.dfs-400 {
  font-size: calc(400px + 1vw) !important;
}

.dh-400 {
  height: 400px;
}

.dfs-401 {
  font-size: calc(401px + 1vw) !important;
}

.dh-401 {
  height: 401px;
}

.dfs-402 {
  font-size: calc(402px + 1vw) !important;
}

.dh-402 {
  height: 402px;
}

.dfs-403 {
  font-size: calc(403px + 1vw) !important;
}

.dh-403 {
  height: 403px;
}

.dfs-404 {
  font-size: calc(404px + 1vw) !important;
}

.dh-404 {
  height: 404px;
}

.dfs-405 {
  font-size: calc(405px + 1vw) !important;
}

.dh-405 {
  height: 405px;
}

.dfs-406 {
  font-size: calc(406px + 1vw) !important;
}

.dh-406 {
  height: 406px;
}

.dfs-407 {
  font-size: calc(407px + 1vw) !important;
}

.dh-407 {
  height: 407px;
}

.dfs-408 {
  font-size: calc(408px + 1vw) !important;
}

.dh-408 {
  height: 408px;
}

.dfs-409 {
  font-size: calc(409px + 1vw) !important;
}

.dh-409 {
  height: 409px;
}

.dfs-410 {
  font-size: calc(410px + 1vw) !important;
}

.dh-410 {
  height: 410px;
}

.dfs-411 {
  font-size: calc(411px + 1vw) !important;
}

.dh-411 {
  height: 411px;
}

.dfs-412 {
  font-size: calc(412px + 1vw) !important;
}

.dh-412 {
  height: 412px;
}

.dfs-413 {
  font-size: calc(413px + 1vw) !important;
}

.dh-413 {
  height: 413px;
}

.dfs-414 {
  font-size: calc(414px + 1vw) !important;
}

.dh-414 {
  height: 414px;
}

.dfs-415 {
  font-size: calc(415px + 1vw) !important;
}

.dh-415 {
  height: 415px;
}

.dfs-416 {
  font-size: calc(416px + 1vw) !important;
}

.dh-416 {
  height: 416px;
}

.dfs-417 {
  font-size: calc(417px + 1vw) !important;
}

.dh-417 {
  height: 417px;
}

.dfs-418 {
  font-size: calc(418px + 1vw) !important;
}

.dh-418 {
  height: 418px;
}

.dfs-419 {
  font-size: calc(419px + 1vw) !important;
}

.dh-419 {
  height: 419px;
}

.dfs-420 {
  font-size: calc(420px + 1vw) !important;
}

.dh-420 {
  height: 420px;
}

.dfs-421 {
  font-size: calc(421px + 1vw) !important;
}

.dh-421 {
  height: 421px;
}

.dfs-422 {
  font-size: calc(422px + 1vw) !important;
}

.dh-422 {
  height: 422px;
}

.dfs-423 {
  font-size: calc(423px + 1vw) !important;
}

.dh-423 {
  height: 423px;
}

.dfs-424 {
  font-size: calc(424px + 1vw) !important;
}

.dh-424 {
  height: 424px;
}

.dfs-425 {
  font-size: calc(425px + 1vw) !important;
}

.dh-425 {
  height: 425px;
}

.dfs-426 {
  font-size: calc(426px + 1vw) !important;
}

.dh-426 {
  height: 426px;
}

.dfs-427 {
  font-size: calc(427px + 1vw) !important;
}

.dh-427 {
  height: 427px;
}

.dfs-428 {
  font-size: calc(428px + 1vw) !important;
}

.dh-428 {
  height: 428px;
}

.dfs-429 {
  font-size: calc(429px + 1vw) !important;
}

.dh-429 {
  height: 429px;
}

.dfs-430 {
  font-size: calc(430px + 1vw) !important;
}

.dh-430 {
  height: 430px;
}

.dfs-431 {
  font-size: calc(431px + 1vw) !important;
}

.dh-431 {
  height: 431px;
}

.dfs-432 {
  font-size: calc(432px + 1vw) !important;
}

.dh-432 {
  height: 432px;
}

.dfs-433 {
  font-size: calc(433px + 1vw) !important;
}

.dh-433 {
  height: 433px;
}

.dfs-434 {
  font-size: calc(434px + 1vw) !important;
}

.dh-434 {
  height: 434px;
}

.dfs-435 {
  font-size: calc(435px + 1vw) !important;
}

.dh-435 {
  height: 435px;
}

.dfs-436 {
  font-size: calc(436px + 1vw) !important;
}

.dh-436 {
  height: 436px;
}

.dfs-437 {
  font-size: calc(437px + 1vw) !important;
}

.dh-437 {
  height: 437px;
}

.dfs-438 {
  font-size: calc(438px + 1vw) !important;
}

.dh-438 {
  height: 438px;
}

.dfs-439 {
  font-size: calc(439px + 1vw) !important;
}

.dh-439 {
  height: 439px;
}

.dfs-440 {
  font-size: calc(440px + 1vw) !important;
}

.dh-440 {
  height: 440px;
}

.dfs-441 {
  font-size: calc(441px + 1vw) !important;
}

.dh-441 {
  height: 441px;
}

.dfs-442 {
  font-size: calc(442px + 1vw) !important;
}

.dh-442 {
  height: 442px;
}

.dfs-443 {
  font-size: calc(443px + 1vw) !important;
}

.dh-443 {
  height: 443px;
}

.dfs-444 {
  font-size: calc(444px + 1vw) !important;
}

.dh-444 {
  height: 444px;
}

.dfs-445 {
  font-size: calc(445px + 1vw) !important;
}

.dh-445 {
  height: 445px;
}

.dfs-446 {
  font-size: calc(446px + 1vw) !important;
}

.dh-446 {
  height: 446px;
}

.dfs-447 {
  font-size: calc(447px + 1vw) !important;
}

.dh-447 {
  height: 447px;
}

.dfs-448 {
  font-size: calc(448px + 1vw) !important;
}

.dh-448 {
  height: 448px;
}

.dfs-449 {
  font-size: calc(449px + 1vw) !important;
}

.dh-449 {
  height: 449px;
}

.dfs-450 {
  font-size: calc(450px + 1vw) !important;
}

.dh-450 {
  height: 450px;
}

.dfs-451 {
  font-size: calc(451px + 1vw) !important;
}

.dh-451 {
  height: 451px;
}

.dfs-452 {
  font-size: calc(452px + 1vw) !important;
}

.dh-452 {
  height: 452px;
}

.dfs-453 {
  font-size: calc(453px + 1vw) !important;
}

.dh-453 {
  height: 453px;
}

.dfs-454 {
  font-size: calc(454px + 1vw) !important;
}

.dh-454 {
  height: 454px;
}

.dfs-455 {
  font-size: calc(455px + 1vw) !important;
}

.dh-455 {
  height: 455px;
}

.dfs-456 {
  font-size: calc(456px + 1vw) !important;
}

.dh-456 {
  height: 456px;
}

.dfs-457 {
  font-size: calc(457px + 1vw) !important;
}

.dh-457 {
  height: 457px;
}

.dfs-458 {
  font-size: calc(458px + 1vw) !important;
}

.dh-458 {
  height: 458px;
}

.dfs-459 {
  font-size: calc(459px + 1vw) !important;
}

.dh-459 {
  height: 459px;
}

.dfs-460 {
  font-size: calc(460px + 1vw) !important;
}

.dh-460 {
  height: 460px;
}

.dfs-461 {
  font-size: calc(461px + 1vw) !important;
}

.dh-461 {
  height: 461px;
}

.dfs-462 {
  font-size: calc(462px + 1vw) !important;
}

.dh-462 {
  height: 462px;
}

.dfs-463 {
  font-size: calc(463px + 1vw) !important;
}

.dh-463 {
  height: 463px;
}

.dfs-464 {
  font-size: calc(464px + 1vw) !important;
}

.dh-464 {
  height: 464px;
}

.dfs-465 {
  font-size: calc(465px + 1vw) !important;
}

.dh-465 {
  height: 465px;
}

.dfs-466 {
  font-size: calc(466px + 1vw) !important;
}

.dh-466 {
  height: 466px;
}

.dfs-467 {
  font-size: calc(467px + 1vw) !important;
}

.dh-467 {
  height: 467px;
}

.dfs-468 {
  font-size: calc(468px + 1vw) !important;
}

.dh-468 {
  height: 468px;
}

.dfs-469 {
  font-size: calc(469px + 1vw) !important;
}

.dh-469 {
  height: 469px;
}

.dfs-470 {
  font-size: calc(470px + 1vw) !important;
}

.dh-470 {
  height: 470px;
}

.dfs-471 {
  font-size: calc(471px + 1vw) !important;
}

.dh-471 {
  height: 471px;
}

.dfs-472 {
  font-size: calc(472px + 1vw) !important;
}

.dh-472 {
  height: 472px;
}

.dfs-473 {
  font-size: calc(473px + 1vw) !important;
}

.dh-473 {
  height: 473px;
}

.dfs-474 {
  font-size: calc(474px + 1vw) !important;
}

.dh-474 {
  height: 474px;
}

.dfs-475 {
  font-size: calc(475px + 1vw) !important;
}

.dh-475 {
  height: 475px;
}

.dfs-476 {
  font-size: calc(476px + 1vw) !important;
}

.dh-476 {
  height: 476px;
}

.dfs-477 {
  font-size: calc(477px + 1vw) !important;
}

.dh-477 {
  height: 477px;
}

.dfs-478 {
  font-size: calc(478px + 1vw) !important;
}

.dh-478 {
  height: 478px;
}

.dfs-479 {
  font-size: calc(479px + 1vw) !important;
}

.dh-479 {
  height: 479px;
}

.dfs-480 {
  font-size: calc(480px + 1vw) !important;
}

.dh-480 {
  height: 480px;
}

.dfs-481 {
  font-size: calc(481px + 1vw) !important;
}

.dh-481 {
  height: 481px;
}

.dfs-482 {
  font-size: calc(482px + 1vw) !important;
}

.dh-482 {
  height: 482px;
}

.dfs-483 {
  font-size: calc(483px + 1vw) !important;
}

.dh-483 {
  height: 483px;
}

.dfs-484 {
  font-size: calc(484px + 1vw) !important;
}

.dh-484 {
  height: 484px;
}

.dfs-485 {
  font-size: calc(485px + 1vw) !important;
}

.dh-485 {
  height: 485px;
}

.dfs-486 {
  font-size: calc(486px + 1vw) !important;
}

.dh-486 {
  height: 486px;
}

.dfs-487 {
  font-size: calc(487px + 1vw) !important;
}

.dh-487 {
  height: 487px;
}

.dfs-488 {
  font-size: calc(488px + 1vw) !important;
}

.dh-488 {
  height: 488px;
}

.dfs-489 {
  font-size: calc(489px + 1vw) !important;
}

.dh-489 {
  height: 489px;
}

.dfs-490 {
  font-size: calc(490px + 1vw) !important;
}

.dh-490 {
  height: 490px;
}

.dfs-491 {
  font-size: calc(491px + 1vw) !important;
}

.dh-491 {
  height: 491px;
}

.dfs-492 {
  font-size: calc(492px + 1vw) !important;
}

.dh-492 {
  height: 492px;
}

.dfs-493 {
  font-size: calc(493px + 1vw) !important;
}

.dh-493 {
  height: 493px;
}

.dfs-494 {
  font-size: calc(494px + 1vw) !important;
}

.dh-494 {
  height: 494px;
}

.dfs-495 {
  font-size: calc(495px + 1vw) !important;
}

.dh-495 {
  height: 495px;
}

.dfs-496 {
  font-size: calc(496px + 1vw) !important;
}

.dh-496 {
  height: 496px;
}

.dfs-497 {
  font-size: calc(497px + 1vw) !important;
}

.dh-497 {
  height: 497px;
}

.dfs-498 {
  font-size: calc(498px + 1vw) !important;
}

.dh-498 {
  height: 498px;
}

.dfs-499 {
  font-size: calc(499px + 1vw) !important;
}

.dh-499 {
  height: 499px;
}

.dfs-500 {
  font-size: calc(500px + 1vw) !important;
}

.dh-500 {
  height: 500px;
}

.fifth-page-para-section {
  text-align: center;
  height: 100vh;
  width: 1000px;
  margin: 0 auto;
}

.fifth-page-bg img {
  position: absolute;
}

.imageSection {
  min-height: 200vh;
  max-width: 100vw !important;
  width: 100%;
  position: relative;
}

.imageSection img {
  position: absolute;
  transition: all 0.2s;
}

.fifth-page-bg .fifth-page-image1 {
  position: relative;
  width: 100%;
  display: contents;
}

.fifth-page-bg .fifth-page-image1 .main-up-image {
  width: 40vw;
  inset: 39% 0px 0px 40%;
  z-index: 4;
}

.fifth-page-bg .fifth-page-image2 {
  position: relative;
  width: 100%;
  display: contents;
}

.fifth-page-bg .fifth-page-image2 .main-up-image {
  width: 40vw;
  inset: 108px 0px 0px 734px;
  z-index: 3;
}

.fifth-page-bg .fifth-page-image3 {
  position: relative;
  width: 100%;
  display: contents;
}

.fifth-page-bg .fifth-page-image3 .main-up-image {
  width: 40vw;
  inset: 180px 0px 0px 250px;
  z-index: 2;
}

.fifth-page-bg .fifth-page-image4 {
  position: relative;
  width: 100%;
  display: contents;
}

.fifth-page-bg .fifth-page-image4 .main-up-image {
  width: 40vw;
  inset: 60px 0px 0px 400px;
  z-index: 1;
}

.fifth-notes {
  background-repeat: no-repeat;
  padding: 50px 40px;
  position: absolute;
  z-index: 10;
  top: 100px;
  right: 40px;
  opacity: 0;
  transition: top 1s;
  font-size: calc(25px + 1vw);
  width: 26%;
  height: 200px;
  display: flex;
  align-items: center;
}

.fifth-page-bg div:nth-child(even) .fifth-notes {
  left: 40px;
  right: auto;
}
.fifth-page-bg div:nth-child(even) .fifth-notes img {
  width: 100% !important;
}

.fifth-page-bg div:nth-child(odd) .fifth-notes {
  right: 40px;
  left: auto;
}
.fifth-page-bg div:nth-child(odd) .fifth-notes img {
  width: 100% !important;
}

.illustrated-illustrious .illustrated-illustrious-animation-1 {
  padding-block: 200px;
  background-image: url(../images/illustrated-illustrious-bg-1.webp);
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: darken;
  width: 1100px;
  margin: 0 auto;
  background-size: contain;
}
.illustrated-illustrious .illustrated-illustrious-animation-1 .para-style {
  width: 40%;
  margin: 0 auto;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 {
  display: flex;
  margin: -100px auto 0;
  align-items: center;
  justify-content: center;
  width: 1100px;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-1 {
  display: flex;
  width: 25%;
  align-items: center;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-1::before {
  content: "";
  background-image: url(../images/illustrated-illustrious-animation-2-section-1.webp);
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  width: 50px;
  transform: rotate(180deg);
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-1::after {
  content: "";
  background-image: url(../images/illustrated-illustrious-animation-2-section-1.webp);
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  width: 50px;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-3 {
  width: 20%;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-3 img:nth-child(1) {
  width: 50%;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-3 img:nth-child(2) {
  width: 50%;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-2 {
  width: 40%;
}
.illustrated-illustrious .illustrated-illustrious-animation-2 .illustrated-illustrious-animation-2-section-2 img {
  width: 70%;
}
.illustrated-illustrious .rabindranath-writer {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.illustrated-illustrious .rabindranath-writer .rabindranath-writer-image {
  width: 40%;
}
.illustrated-illustrious .rabindranath-writer .rabindranath-writer-content {
  width: 60%;
  font-family: "Meie Script", cursive;
  font-size: calc(29px + 1vw);
  line-height: 1;
  letter-spacing: -1px;
}
.illustrated-illustrious .rabindranath-writer-1 {
  display: flex;
  align-items: center;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-1-inner {
  width: 40%;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-1-inner img {
  width: 70%;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-1-inner-2 {
  max-width: 1400px;
  width: 100%;
  justify-content: space-between;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-1-inner-2 img {
  width: 300px;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-2-inner {
  width: 60%;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-2-inner .rabindranath-writer-2-inner-image {
  display: flex;
  gap: 40px;
}
.illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-2-inner .rabindranath-writer-2-inner-image img {
  width: 50%;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner {
  position: absolute;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .para-style {
  margin-inline: auto;
  color: #f2d6aa;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-1 {
  padding-top: 25vw;
  display: flex;
  justify-content: center;
  width: 80vw;
  text-align: center;
  margin-inline: auto;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-1 img {
  width: 300px;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-2 {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 5vw;
  padding-bottom: 15vw;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-2 img {
  width: 300px;
}
.illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-2 div {
  width: 33vw;
}
.illustrated-illustrious .madel-section .madel-section-inner {
  display: flex;
  justify-content: center;
  gap: 10%;
}
.illustrated-illustrious .madel-section .madel-section-inner img:nth-child(1),
.illustrated-illustrious .madel-section .madel-section-inner img:nth-child(3) {
  height: 40vh;
  z-index: 0;
}
.illustrated-illustrious .madel-section .madel-section-inner img:nth-child(2) {
  height: 60vh;
  z-index: -1;
}
.illustrated-illustrious .madel-section .callto-gandhi {
  width: 100%;
  text-align: center;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.illustrated-illustrious .madel-section .callto-gandhi a {
  padding: 20px 40px;
  background: transparent;
  font-size: 24px;
  font-family: "Cormorant Garamond";
  border: 1px solid;
  text-decoration: auto;
  color: black;
}
.illustrated-illustrious .nalanda-bose-parrallex {
  align-items: center;
  justify-content: space-around;
}
.illustrated-illustrious .nalanda-bose-parrallex img {
  width: 25vw;
}
.illustrated-illustrious .nalanda-bose-section {
  width: 75vw;
  margin-left: 60px;
}
.illustrated-illustrious .nalanda-bose-section .nalanda-bose-section-sidebar {
  width: calc(100% - 75vw);
}

.designed-around-diversity .mugal-outer {
  text-align: center;
  padding-top: 3rem;
}
.designed-around-diversity .mugal-image {
  width: 75%;
}
.designed-around-diversity .designed-around-diversity-inner {
  background-image: url(../images/designed-around-diversity-inner-bg.webp);
  background-repeat: no-repeat;
  mix-blend-mode: darken;
  padding: 50px 0;
}
.designed-around-diversity .designed-around-diversity-inner .d-flex {
  justify-content: center;
  gap: 20%;
  align-items: center;
}
.designed-around-diversity .designed-around-diversity-inner .d-flex img {
  height: fit-content;
}
.designed-around-diversity .designed-around-diversity-inner .d-flex img:nth-child(1) {
  transform: rotateY(180deg);
}
.designed-around-diversity .designed-around-diversity-inner .d-flex .speaker_on_icon {
  right: 0;
}
.designed-around-diversity .designed-around-diversity-inner-2 {
  background-color: #ab9c7f;
  height: 65vh;
  padding-top: 10px;
}
.designed-around-diversity .designed-around-diversity-inner-2 img {
  height: fit-content;
}
.designed-around-diversity .designed-around-diversity-inner-2 img:nth-child(3) {
  height: 95vh;
}

/* Animation */
.anim-typewriter {
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  text-align: center;
}

img {
  border-radius: 6px;
}

@keyframes typewriter {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.constitution-title {
  position: relative;
}

.bg-no-1,
.bg-no-2,
.bg-no-3,
.bg-no-4,
.bg-no-5,
.bg-no-6,
.bg-no-7,
.bg-no-8,
.bg-no-9 {
  height: 100px;
  background-image: url(../images/consititution_topic.png);
  background-repeat: no-repeat;
  padding: 20px 0;
  background-position: center;
  width: 100%;
  z-index: 1;
  background-color: rgba(247, 239, 224, 0.4705882353);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f2d6aa !important;
  font-size: 50px !important;
  background-size: contain;
}

.speaker_on_icon {
  cursor: pointer;
  width: 50px;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  filter: sepia(0.5);
}

.go-to-section .go-to-section-prev {
  position: fixed;
  top: 10px;
  right: 10px;
}
.go-to-section .go-to-section-next {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
}
.go-to-section .go-to-section-next img {
  width: 50%;
  transform: rotate(180deg);
}
.go-to-section .go-to-section-next a {
  position: relative;
  text-align: center;
  display: inline-block;
  margin-top: 20px;
}
.go-to-section .go-to-section-next a:hover:after {
  width: 100%;
  content: attr(title);
  position: absolute;
  top: -60px;
  left: 0;
  color: #513232;
  transition: all 0.5s;
}

.bg-no-1::before,
.bg-no-2::before,
.bg-no-3::before,
.bg-no-4::before,
.bg-no-5::before,
.bg-no-6::before,
.bg-no-7::before,
.bg-no-8::before,
.bg-no-9::before {
  font-size: 100px;
  position: absolute;
  top: 10px;
  z-index: -1;
  color: #7f5738;
}

.bg-no-1::before {
  content: "01";
}

.bg-no-2::before {
  content: "02";
}

.bg-no-3::before {
  content: "03";
}

.bg-no-4::before {
  content: "04";
}

.bg-no-5::before {
  content: "05";
}

.bg-no-6::before {
  content: "06";
}

.bg-no-7::before {
  content: "07";
}

.bg-no-8::before {
  content: "08";
}

.bg-no-9::before {
  content: "09";
}

.ambedkar-outer {
  display: flex;
  position: relative;
  justify-content: center;
}
.ambedkar-outer .ambedkar-images-section {
  width: 50%;
}
.ambedkar-outer .ambedkar-images-section img {
  width: 100%;
}
.ambedkar-outer .ambedkar-images-content {
  width: 50%;
  padding: 0 40px;
}
.ambedkar-outer .ambedkar-images-content .para-style {
  padding-top: 200px;
  text-align: start;
  position: sticky;
  top: 0;
  width: 100%;
}

.preserved-treasured {
  position: relative;
}
.preserved-treasured .img-section-preserved-treasured img {
  position: sticky;
  top: 10px;
}
.preserved-treasured .text-section {
  text-align: center;
  padding: 0 60px;
}
.preserved-treasured .text-section .para-style {
  text-align: start;
}

.counter-secton {
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: #513232;
}
.counter-secton .title-style {
  margin-block: 10px;
}
.counter-secton .d-flex {
  font-size: 100px;
  gap: 5vh;
  width: 100%;
  justify-content: center;
  padding-block: 20px;
}
.counter-secton p {
  margin: 0;
  color: #513232;
}
.counter-secton .para-style {
  max-width: 1000px;
  margin: 0 auto;
}

body .pt-100 {
  padding-top: 100px;
}
body .pb-100 {
  padding-bottom: 100px;
}
body .mt-100 {
  margin-top: 100px;
}
body .mb-100 {
  margin-bottom: 100px;
}
body .para-style {
  color: #513232;
  text-align: center;
  font-size: calc(8px + 1vw);
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 150% */
  font-family: "Libre Baskerville", serif !important;
}
body .title-style {
  color: #513232;
  text-align: center;
  font-size: calc(60px + 1vw);
  font-style: normal;
  position: relative;
  line-height: 1;
  font-weight: 400 !important;
  letter-spacing: 1px;
}
body .text-section-para {
  width: 75%;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .illustrated-illustrious .illustrated-illustrious-animation-2 {
    display: block;
  }
}
owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  left: 20px;
  top: 50%;
  background-color: var(--base-color) !important;
  display: block;
  padding: 0 0.3em !important;
  font-size: 3em;
  margin: 0;
  cursor: pointer;
  color: #fff;
  transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  right: -23px;
  top: 50%;
  background-color: var(--base-color) !important;
  display: block;
  padding: 0 0.3em !important;
  font-size: 3em;
  margin: 0;
  cursor: pointer;
  color: #fff;
  transform: translate(-50%, -50%);
}

.nyuct-section {
  position: relative;
  background-image: url(../images/bg-last.webp);
  min-height: 100vh;
  width: 100vw;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nyuct-section .para-style {
  padding-top: 50px;
  width: 75%;
  margin: 0 auto;
  color: #fff;
}

.footer-section {
  background-color: black;
  display: flex;
  align-items: center;
  padding-block: 50px;
}
.footer-section .para-style {
  color: #fff;
  text-align: left;
  font-size: calc(2px + 1vw) !important;
  line-height: 1.5 !important;
}

.designed-around-diversity-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1200px;
  margin: auto;
}
.designed-around-diversity-flex img {
  width: 30%;
}

.w-75.w-md-25 {
  width: 25% !important;
}

.w-md-75 {
  width: 75% !important;
}

@media (max-width: 768px) {
  .w-md-75 {
    width: 100% !important;
  }
  .w-75.w-md-25 {
    width: 75% !important;
  }
  .text-animation .title-style {
    color: #fff !important;
    font-size: 40px;
  }
  body,
  .parallax-section-two .fifth-page-para-section,
  .co-created-with-sagacity,
  .illustrated-illustrious .illustrated-illustrious-animation-1,
  .illustrated-illustrious .illustrated-illustrious-animation-2,
  .nyuct-section .para-style,
  .img-section-preserved-treasured img,
  .first-page-outer .text-animation .display-text .d-flex dotlottie-player,
  .resolute-reassuring .para-style,
  .illustrated-illustrious .rabindranath-writer-1,
  .illustrated-illustrious-animation-3-bg-img {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
  }
  body .preserved-treasured {
    display: block !important;
  }
  body .text-section-para {
    width: calc(100% - 50px);
  }
  body .eight-page-image {
    padding-bottom: 50px !important;
  }
  .w-md-100 {
    width: 100%;
  }
  .counter-secton .d-flex {
    font-size: 60px;
    gap: 1vw;
  }
  .illustrated-illustrious .rabindranath-writer-1 .rabindranath-writer-1-inner-2,
  .illustrated-illustrious-animation-3-2,
  .illustrated-illustrious .illustrated-illustrious-animation-3,
  .illustrated-illustrious-animation-3-1 {
    display: block !important;
    margin: 0 !important;
  }
  .illustrated-illustrious-animation-3-bg-img {
    display: none;
  }
  body .d-md-flex {
    display: block !important;
  }
  .counter-secton .para-style {
    font-size: 20px !important;
  }
  .fifth-page-bg img {
    position: unset !important;
  }
  .third-page {
    background-size: cover;
    width: 100vw;
  }
  .third-page .para-style {
    width: calc(100% - 50px) !important;
    padding-inline: 0 !important;
  }
  .second-page-bg .slide-section {
    gap: 20px;
  }
  .imageSection {
    overflow: hidden;
  }
  .imageSection .fifth-page-bg {
    display: flex;
    width: 100vw;
    gap: 40px;
  }
  .imageSection .fifth-page-bg .fifth-page-image1,
  .imageSection .fifth-page-bg .fifth-page-image2,
  .imageSection .fifth-page-bg .fifth-page-image3,
  .imageSection .fifth-page-bg .fifth-page-image4 {
    display: flex;
    flex-direction: column;
  }
  .imageSection .fifth-page-bg .fifth-page-image1 .fifth-notes,
  .imageSection .fifth-page-bg .fifth-page-image2 .fifth-notes,
  .imageSection .fifth-page-bg .fifth-page-image3 .fifth-notes,
  .imageSection .fifth-page-bg .fifth-page-image4 .fifth-notes {
    position: unset;
    opacity: 1;
    width: calc(100% - 80px);
    text-align: center;
    font-size: calc(35px + 1vw);
  }
  .imageSection .fifth-page-bg img {
    width: 100vw !important;
    height: 250px;
  }
  body .title-style {
    color: #513232;
    text-align: center;
    font-size: calc(55px + 1vw);
    font-style: normal;
    line-height: 1;
    font-weight: 400 !important;
    letter-spacing: 1px;
    padding-inline: 20px;
  }
  body .pt-100 {
    padding-top: 50px !important;
  }
  body .pb-100 {
    padding-bottom: 50px !important;
  }
  body .mt-100 {
    margin-top: 50px !important;
  }
  body .mb-100 {
    margin-bottom: 50px !important;
  }
  body .para-style {
    font-size: calc(12px + 1vw);
    line-height: 28px;
    padding-inline: 20px;
  }
  .fourth-para-text-outer br {
    display: none;
  }
  body .seventh-page-image {
    width: 100% !important;
  }
  .bg-no-1 {
    margin-top: 100px;
  }
  body .co-created-with-sagacity-animation-1 {
    display: none !important;
  }
  .person-01,
  .person-02,
  .person-03 {
    display: none;
  }
  body .co-created-with-sagacity-animation-1 {
    height: 100% !important;
    padding: 100px 0 0px;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 {
    margin: 0 !important;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 .d-flex {
    margin: 0 !important;
    display: block !important;
    padding-bottom: 50px;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 .person-03-mobile {
    display: block !important;
    width: 100%;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 .w-25 {
    display: none;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 .w-75 {
    width: 100% !important;
  }
  body .co-created-with-sagacity .co-created-with-sagacity-animation-2 .para-style {
    margin-left: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }
  .handwritten-section .handwritten-section-animation-1 .pen-down {
    width: 25vw;
    left: calc(50% - 12vw);
  }
  .handwritten-section .handwritten-section-animation-1 .pen-top {
    width: 60vw;
    left: calc(50% - 30vw);
  }
  .illustrated-illustrious .illustrated-illustrious-animation-2 {
    flex-direction: column;
  }
  .handwritten-section .handwritten-section-animation-3 {
    display: block;
  }
  .handwritten-section .handwritten-section-animation-3 .w-50 {
    width: 100% !important;
  }
  .handwritten-section .handwritten-section-animation-3 .para-style {
    width: calc(100% - 50px) !important;
    text-align: center !important;
    padding: 10px 0px !important;
    margin: 0 auto !important;
  }
  .handwritten-section .handwritten-section-animation-3 img {
    height: 100% !important;
  }
  body .handwritten-section-animation-4 .w-50 {
    width: 100% !important;
  }
  body .handwritten-section-animation-4 img {
    width: 80% !important;
  }
  body .handwritten-section-animation-4 .para-style {
    width: calc(100% - 50px) !important;
    text-align: center !important;
    padding: 50px 25px 10px !important;
    margin: 0 !important;
  }
  .illustrated-illustrious .illustrated-illustrious-animation-1 {
    padding-top: 200px !important;
    height: 100%;
    background-size: cover;
  }
  .illustrated-illustrious .illustrated-illustrious-animation-1 .para-style {
    width: 86%;
    margin: 0 auto;
    padding-top: 100px;
    line-height: 24px;
  }
  .first-page-outer .text-animation .display-text .d-flex {
    height: 100vh;
    align-items: center;
    margin-bottom: 250px;
  }
  body .dh-174 {
    display: none !important;
  }
  body .rabindranath-writer {
    display: block !important;
  }
  body .rabindranath-writer div {
    width: 100% !important;
  }
  body .rabindranath-writer .rabindranath-writer-content {
    width: calc(100% - 50px) !important;
    padding: 0 25px !important;
  }
  body .rabindranath-writer-1-inner-2 div {
    width: 100% !important;
  }
  body .designed-around-diversity .row:nth-child(even) {
    flex-direction: column;
  }
  body .designed-around-diversity .row:nth-child(even) .col-md-5 {
    text-align: center !important;
    padding-bottom: 20px;
  }
  body .designed-around-diversity .row:nth-child(odd) {
    flex-direction: column-reverse;
  }
  body .designed-around-diversity .row:nth-child(odd) .col-md-5 {
    text-align: center !important;
    padding-bottom: 20px;
  }
  body .designed-around-diversity .designed-around-diversity-inner .d-flex .speaker_on_icon {
    right: 0;
    width: 50px !important;
    top: 0;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .para-style {
    margin-inline: auto;
    color: #513232;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner {
    position: relative;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner .illustrated-illustrious-animation-3-1 {
    padding-top: 0;
    width: calc(100% - 50px);
    margin: 0 auto !important;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner .illustrated-illustrious-animation-3-1 .para-style {
    width: 100% !important;
    padding: 0 !important;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner .illustrated-illustrious-animation-3-2 {
    text-align: center;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner .illustrated-illustrious-animation-3-2 div {
    width: calc(100% - 50px);
    margin: 0 auto;
  }
  body .illustrated-illustrious .illustrated-illustrious-animation-3 .illustrated-illustrious-animation-3-inner .illustrated-illustrious-animation-3-2 div .w-75 {
    width: 100% !important;
    padding: 0 !important;
  }
  body .illustrated-illustrious .madel-section .madel-section-inner {
    justify-content: space-between;
  }
  body .illustrated-illustrious .nalanda-bose-section {
    width: 88vw;
  }
  body .illustrated-illustrious .madel-section .madel-section-inner img {
    width: 25% !important;
    height: 100% !important;
  }
  body .nalanda-bose-section {
    margin-left: 0 !important;
    width: calc(100% - 50px);
    margin: 0 auto !important;
  }
  body .nalanda-bose-section .nalanda-bose-content {
    padding: 0 !important;
  }
  body .nalanda-bose-parrallex {
    height: 100% !important;
  }
  body .illustrated-illustrious .madel-section .callto-gandhi {
    padding-top: 50px;
  }
  body .callto-gandhi .position-relative img.w-50 {
    width: 90% !important;
    margin: 0 auto;
  }
  body .callto-gandhi .position-relative .speaker_on_icon {
    bottom: -70px;
    right: 10px;
  }
  body .designed-around-diversity {
    padding-top: 0 !important;
  }
  body .designed-around-diversity .para-style {
    width: calc(100% - 50px) !important;
    padding: 0 !important;
  }
  body .designed-around-diversity .designed-around-diversity-inner {
    background: transparent;
  }
  body .designed-around-diversity .designed-around-diversity-inner .d-flex {
    gap: 1vw;
    padding-top: 100px;
  }
  body .designed-around-diversity .designed-around-diversity-inner .d-flex img {
    width: 50% !important;
  }
  body .designed-around-diversity .designed-around-diversity-inner .d-flex img:nth-child(1), body .designed-around-diversity .designed-around-diversity-inner .d-flex img:nth-child(3) {
    width: 40px !important;
    height: 80px !important;
  }
  body .yada-yada-hi {
    padding-bottom: 50px;
  }
  body .yada-yada-hi .para-style:nth-child(2) {
    padding-bottom: 20px;
  }
  body .preserved-treasured .text-section .para-style {
    padding-block: 50px;
  }
  body .designed-around-diversity-inner-2,
  body .bg-no-6 {
    margin-bottom: 0 !important;
  }
  body .founded-by-a-republic .founded-by-a-republic-para-section {
    width: 100%;
    padding-top: 50px !important;
  }
  body .mugal-image {
    width: 100% !important;
    padding-bottom: 50px;
  }
  body .designed-around-diversity .designed-around-diversity-inner-2 {
    display: block;
    height: 100%;
    text-align: center;
    background-color: transparent;
  }
  body .designed-around-diversity .designed-around-diversity-inner-2 .w-25,
  body .designed-around-diversity .designed-around-diversity-inner-2 .w-50 {
    width: 100% !important;
    margin: 0 auto !important;
  }
  body .ambedkar-outer {
    display: block;
  }
  body .ambedkar-outer div {
    width: calc(100% - 50px) !important;
    padding: 0 !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .preserved-treasured .text-section {
    text-align: center;
    padding: 0 !important;
  }
  body .preserved-treasured .text-section .w-75 {
    width: 100% !important;
  }
  body .samvidhan-video iframe {
    width: 100%;
    height: 25vh;
  }
  body .samvidhan-video img {
    height: 100%;
  }
  body .resolute-reassuring .para-style {
    padding-block: 0 !important;
    padding-bottom: 20px !important;
  }
  body .resolute-reassuring .para-style.dfs-16 {
    margin-top: 50px;
  }
  body .resolute-reassuring .w-50 {
    width: 100% !important;
  }
  body .nyuct-section {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  body .nyuct-section .para-style {
    width: 90%;
  }
  body .footer-section {
    text-align: center;
    display: block;
  }
  body .footer-section .pt-100,
  body .footer-section .pb-100 {
    padding: 0 !important;
  }
  body .footer-section .w-75,
  body .footer-section .w-25 {
    width: 100% !important;
    text-align: center !important;
  }
  body .footer-section .para-style {
    font-size: 14px !important;
    margin: 0% auto !important;
    width: calc(100% - 50px) !important;
  }
  body .footer-section .ambedkar-outer .ambedkar-images-section img {
    width: 100vw;
  }
  body .ambedkar-outer .ambedkar-images-content .para-style {
    width: 100% !important;
  }
  body .diversity-capital-section {
    height: 100% !important;
  }
  body .longestSection .longestSection-animation-1 {
    min-height: 100% !important;
  }
  body .longestSection .seventh-page-content:nth-child(1) {
    padding-top: 50px !important;
  }
  body .second-page-bg {
    width: 100vw !important;
  }
  body .first-page-outer {
    background-image: url(../images/bhavan-phone-vertical.webp);
    background-size: cover;
    height: 100vh !important;
    background-position-x: center;
  }
  body .desktop-frame {
    display: none !important;
  }
  body .mobile-frame {
    display: block !important;
    height: 100vh;
  }
  body .loading-overlay .title-style {
    font-size: 34px !important;
    line-height: 1;
    width: 90%;
    letter-spacing: 1px;
  }
  body .loading-overlay .para-style {
    width: 90%;
    font-size: 12px;
    line-height: 1.5;
    display: block;
  }
  body .illustrated-illustrious .madel-section .callto-gandhi a {
    padding: 20px 40px;
    background: transparent;
    font-size: 24px;
    font-family: "Cormorant Garamond";
    border: 1px solid;
    text-decoration: auto;
    color: black;
    width: 50vw;
    border-radius: 50%;
  }
  body .krishna-img {
    width: 200px;
    height: 200px;
  }
  body .d-md-none {
    display: none;
  }
  html {
    overflow-x: hidden;
  }
  .bg-no-1,
  .bg-no-2,
  .bg-no-3,
  .bg-no-4,
  .bg-no-5,
  .bg-no-6,
  .bg-no-7,
  .bg-no-8,
  .bg-no-9 {
    height: 100px;
    background-image: url(../images/consititution_topic_mobile.png);
    font-size: 30px !important;
  }
  .bg-no-1::before,
  .bg-no-2::before,
  .bg-no-3::before,
  .bg-no-4::before,
  .bg-no-5::before,
  .bg-no-6::before,
  .bg-no-7::before,
  .bg-no-8::before,
  .bg-no-9::before {
    font-size: 70px;
    position: absolute;
    top: 21px;
    z-index: -1;
    color: #7f5738;
  }
}
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../images/tile-paper-grain-1.webp");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  opacity: 1;
  transition: all 1s;
}
.loading-overlay .hello {
  text-align: center;
  transition: all 1s;
}
.loading-overlay .title-style {
  margin-block: 10px;
  font-size: 50px;
  width: 80%;
  margin: 40px auto;
  color: #ece7db;
}
.loading-overlay .para-style {
  color: #ece7db;
  font-size: 20px;
  width: 80%;
  margin: 40px auto;
  display: none;
}
.loading-overlay button {
  color: #ece7db;
  border: 2px solid #ece7db;
  background: transparent;
  border-radius: 50%;
  padding: 8px 20px;
  font-size: calc(8px + 1vw);
  margin: 20px 10px;
  font-family: Native !important;
  font-family: "Libre Baskerville", serif !important;
}

.loader {
  border: 8px solid #f3f3f3;
  display: none;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translateZ(0);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0.6;
  }
  75% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0.4;
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
.all-language {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-iteration-count: infinite;
  position: absolute;
  padding-left: 20px;
}

.text-animation .title-style {
  color: #fff !important;
}