html, body, pre, code, kbd, samp, input, button, select, option, textarea {
    font-family: var(--font-theme-1);
    font-weight: var(--font-medium);
    font-style: normal;
    font-size: 1.3vw;
    color: var(--color-black);
}
html, body {
    background-color: #fff;
}
p {
    line-height: 165%;
    margin: 0px 0 1.5vw 0;
}
p a {
    text-decoration: underline;
}
p a:hover {}
strong {
    font-weight: var(--font-semibold);
}
a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    color: var(--color-black);
    transition: var(--transition-all);
}
button, a, input[type="button"], .btn {
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-theme-2);
    font-size: 100%;
    line-height: 120%;
    font-weight: var(--font-regular);
    color: var(--color-black);
}
/*-- Preloader --*/
.card-wrapper-mob {
    display: none;
}
.header-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    z-index: 1000;
    transition: 0.2s ease-in;
}
.container.header-container {
    height: 64px;
    transition: var(--transition-all);
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    z-index: 2;
}
.is-scroll.header-wrapper {
    background-color: var(--color-theme-1);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 10%);
}
.is-scroll.is-up.header-wrapper {
    transform: translate3d(0, -100%, 0);
}
.is-scroll.is-up.header-wrapper {
    transform: translate3d(0, -100%, 0);
}
.header-left {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 10px;
    position: relative;
    top: 2px;
    user-select: none;
}
.logo-header {
    width: 140px;
    display: block;
}
.logo-header svg {
    height: auto;
    width: 100%;
    vertical-align: sub;
}
.logo-header svg .st0 {
    fill: var(--color-black);
}
.logo-header svg .st1 {
    fill: var(--color-ndtv-red);
}
.header-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 90%;
    font-weight: var(--font-medium);
}
.sub-header {
    display: none;
}
.header-right a {
    color: #fff;
}
.header-right .header-nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}
.header-right .header-nav ul li {
    margin: 0 20px 0 0;
    position: relative;
}
.header-right .header-nav ul li a {
    display: inline-block;
    background: #fff;
    color: #000;
    border-radius: 4px;
    padding: 0px 10px;
    height: 32px;
    line-height: 32px;
}
.header-right .header-nav ul li a:hover {
    background-color: #fbff32;
    color: #000;
}
.header-right .header-nav ul li a.is-active {
    background-color: #fbff32;
    color: #000;
}
.header-right .header-nav ul li::after {
    position: absolute;
    width: 2px;
}
.header-right .social-nav ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 10px;
    align-items: center;
    color: var(--color-black);
    font-size: 1.2vw;
}
.header-right .social-nav ul li a {
    width: 28px;
    height: 28px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    transition: 0.2s all ease-in;
}
.social-nav ul li a svg * {
    transition: 0.2s all ease-in;
}
.social-nav ul li a svg path {
    fill: var(--color-black);
}
.social-nav ul li.is-x a svg polygon {
    /*    fill: var(--color-white);*/
}
.social-nav ul li a:hover {
    background-color: var(--color-white);
}
.social-nav ul li.is-facebook a:hover svg path {
    fill: #1877f2;
}
.social-nav ul li.is-x a:hover svg path {
    fill: #1da1f2;
}
.social-nav ul li.is-x a:hover svg polygon {
    fill: #1da1f2;
}
.social-nav ul li.is-linkedin a:hover svg path {
    fill: #0a66c2;
}
.social-nav ul li.is-whatsapp a:hover svg path {
    fill: #25d366;
}
.container {
    position: relative;
    z-index: 2;
}
/*Theme CSS*/
html, body {
    background-color: var(--color-white);
}
.section-wrapper-1 {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
}
.section-wrapper-2 {}
.section-wrapper-3 {
    padding: 6vw 0 0 0;
    text-align: center;
}
.section-wrapper-3 .inner-container p:last-child {
    margin: 0;
    padding: 0;
}
.heart-piece {
    position: absolute;
    width: 20vw;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center center;
}
.heart-piece img {
    width: 100%;
}
.is-100 {
    min-height: 100vh;
    height: auto;
}
.intro-title .headline {
    font-size: 400%;
    line-height: 100%;
    margin: 0 0 2vw 0;
}
.intro-title p {
    font-size: 110%;
    margin: 0;
    padding: 0;
    line-height: 130%;
    font-weight: var(--font-semibold);
}
.is-top .cls-1 {
    fill: var(--color-theme-1);
    isolation: isolate;
}
.bg-ani-wrapper {
    position: absolute;
    top: 6%;
    left: 0;
    width: 100%;
    height: auto;
}
.bg-ani-wrapper svg {
    width: 100%;
    height: auto;
    vertical-align: baseline;
    position: relative;
    z-index: 2
}
.section-wrapper-2::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 55%;
    width: 100%;
    background-color: var(--color-theme-1);
    background-image: url("../images/city-bg.png");
    background-size: 71%;
    background-position: right top;
    background-repeat: no-repeat;
    z-index: 3;
}
.spy-1 {
    position: relative;
    top: -10%;
    left: -3vw;
    width: 45vw;
    height: auto;
    z-index: 3;
}
.spy-1 img {
    width: 100%;
    height: auto;
}
.container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 4;
}
.container h2 {
    font-size: 300%;
    line-height: 100%;
}
.section-wrapper-2 .container h2 {
    margin: 0 0 2vw 25%;
}
.section-wrapper-2 .des {
    padding-top: 40vh;
    padding-left: 35%;
    font-weight: var(--font-semibold);
    color: var(--color-white);
    font-size: 110%;
}
.section-wrapper-2 .des p {
    margin: 0px 0 1.5vw 0;
}
span.is-gap {
    display: inline-block;
    padding-left: 8px;
}
.section-wrapper-3 h2 {
    margin: 0 0 1vw 0;
}
.lead-text {
    font-weight: var(--font-semibold);
    font-size: 110%;
    margin: 0px 0 2vw 0;
}
/*
.section-wrapper-4{
    background-color: #fff4f4;
}
*/
.section-wrapper-4 .container {
    height: 100vh;
    display: flex;
    align-items: center;
}
.card-row {
    display: flex;
    justify-content: space-around;
}
.card-row .card-col {
    width: 28%;
}
.card-row .card {
    position: relative;
}
.card-col.is-col-1 {
    z-index: 100;
}
.card-col.is-col-2 {
    z-index: 99;
}
.card-col.is-col-3 {
    z-index: 98;
}
.card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2.3vw;
    color: var(--color-white);
}
.card-content .headline {
    width: 70%;
    margin: 0 0 1.3vw 0;
}
.card-content .headline img {
    width: 100%;
}
.card-content p {
    line-height: 140%;
    font-size: 90%;
}
.section-wrapper-5 {
    background-color: var(--color-theme-1);
    color: var(--color-white);
    font-size: 110%;
    padding: 6vw 0 1vw 0;
}
#section-wrapper-6 {
    background-color: var(--color-theme-1);
}
.section-wrapper-6 {
    color: var(--color-white);
    font-size: 110%;
    z-index: 2;
}
.bg-blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-theme-3);
    background-image: url("../images/bg-building.jpg");
    background-repeat: no-repeat;
    background-size: 66%;
    background-position: -20% 130%;
    z-index: 1;
}
.section-wrapper-6 .container {
    height: 100vh;
    display: flex;
    align-items: center;
}
.section-wrapper-6 .all-elmnts {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
    height: 90%;
}
.split-heart {
    position: absolute;
    bottom: 0;
    left: 0;
}
.split-heart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.split-heart img {
    width: 100%;
    height: auto;
    max-width: inherit;
}
.split-heart .is-1 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.split-heart .is-2 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.spy-2 {
    position: absolute;
    width: 50%;
    bottom: 25%;
    left: 45%;
    z-index: 2;
}
.social-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#section-wrapper-6 {
    overflow: hidden;
}
.bg-wall {
    position: absolute;
    bottom: 0;
    right: 0vw;
    width: inherit;
    height: 70%;
    flex-wrap: nowrap;
    z-index: 10;
    object-fit: cover;
    display: inline-table;
}
.bg-wall > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.wall-container {
    width: auto;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--color-white);
}
.spy-3 {
    padding: 0 0 0 0;
    width: 28vw;
    margin: 3vw 3vw 0 6vw;
}
.spy-3 img {
    width: 100%;
}
.poster {
    width: 30vw;
    display: flex;
    flex-wrap: nowrap;
    margin: 6vw 3vw 0 0;
}
.poster .poster-img {
    width: 45%;
}
.poster .poster-img img {
    width: 100%;
    height: auto;
    max-width: inherit;
}
.poster .poster-caption {
    width: 55%;
    padding: 1vw 0 0 2vw;
}
.poster .poster-caption p {
    line-height: 140%;
    font-size: 100%;
    font-weight: var(--font-medium);
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
}
.spy-4 {
    position: relative;
    width: 68vw;
    background-color: var(--color-theme-3);
    display: flex;
    justify-content: right;
    align-items: end;
    padding: 0 0 0 0vw;
    height: 71vh;
}
.spy-4 img {
    width: 100%;
    max-width: inherit;
    object-fit: contain;
    margin-bottom: -3vw;
}
.spy-4::before {
    width: 2vw;
    height: 100%;
    content: '';
    z-index: 1;
    background: linear-gradient(90deg, rgb(0 66 134) 0%, rgb(112 27 27 / 0%) 100%);
    left: 0;
    top: 2px;
    display: none;
}
.section-text-container {
    width: 94%;
    position: absolute;
    top: 4vw;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-white);
    z-index: 11;
}
.section-text-container p {
    font-size: 110%;
    line-height: 140%;
}
.section-text-container .text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-weight: 600;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
}
.section-text-container h2 {
    font-size: 240%;
    text-align: center;
    color: var(--color-white);
    margin: 0 0 1vw 0;
    line-height: 100%
}
.section-wrapper-7 {
    height: 100vh;
    overflow: hidden;
}
.section-bg-7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-theme-1);
}
.mask-grey-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #b0b0b0;
}
.section-bg-7 img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: top left;
    z-index: 2;
}
.mask-lens {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    z-index: 15;
}
.mask-lens img {
    max-width: inherit;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mask-red-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    background-color: var(--color-theme-1);
}
.spy-5 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: var(--color-theme-1);
    transform: scale(0.8);
    transform-origin: center;
}
.spy-5 img {
    width: 100%;
    height: auto;
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-48%, -43%, 0);
    transform-origin: center;
}
.section-wrapper-8 {
    background-color: var(--color-theme-1);
    color: var(--color-white);
    font-size: 110%;
    padding: 6vw 0 0vw 0;
}
.block-content {
    padding-bottom: 4vw;
}
.block-content h2 {
    font-size: 240%;
    text-align: center;
    color: var(--color-white);
    margin: 0 0 1.5vw 0;
    line-height: 100%
}
.last-seen {
    position: relative;
    margin-top: -20vw;
}
.last-seen img {
    width: 100%;
    height: auto;
    max-width: inherit;
}

.block-content.is-url a{
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    transition: all 0.2s ease-in;
}

.block-content.is-url a:hover{
    padding-left: 10px;
}