* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #E7CC92;
    scroll-snap-type: y mandatory;
    margin: 0%;
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

/* NAVBAR */

header.header-sticky {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

header.header-sticky .container-fluid {
    align-items: self-start !important;
}
ul.navbar-nav {
    gap: 22px;
}
.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 60px;
}

a.navbar-brand img {
    width: 90px;
    background: #fff;
    border-radius: 50%;
}

.menu {
    display: flex;
    gap: 40px;
    list-style: none;
}

.btn {
    background: #f47b20;
    border: none;
    padding: 10px 20px;
    color: white;
    border-radius: 6px;
}

/* HERO */

.animate {
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Only opacity here (NO transform) */
.animate.show {
    opacity: 1;
}

.from-top {
    transform: translateY(-150px);
}

.from-top.show {
    transform: translateY(0);
}

.from-bottom {
    transform: translateY(150px);
}

.from-bottom.show {
    transform: translateY(0);
}

.from-left {
    transform: translateX(-150px);
}
.from-bottom-rss {
    transform: translateY(150px);
}
.from-left.show {
    transform: translateX(0);
}

.from-right {
    transform: translateX(150px);
}

.from-right.show {
    transform: translateX(0);
}

.hero-rss {
    transform: translateX(-50%) translateY(200px) scale(0.7);
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.hero-rss.show {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
}
/* End */
.hero {
    position: relative;
    overflow: hidden;
    background-color: #FDDF9B;
    height: 152vh;
}
.hero img {
    will-change: transform, opacity;
}
.hero-text {
    position: absolute;
    top: 118px;
    text-align: center;
    z-index: 991;
    color: white;
    left: 50%;
    transform: translateX(-50%) !important;
}

.hero-text h1 {
    font-size: 48px;
    margin-bottom: 5px;
    font-weight: bold;
}

.hero-text p {
    font-size: 18px;
}

img.elipse {
    width: 100%;
    position: relative;
    top: -40px;
}

img.hero-wave1 {
    width: 100%;
}

img.hero-wave2 {
    width: 100%;
}

img.hero-wave3 {
    width: 100%;
}

.hero-wave-groups {
    position: relative;
}

img.hero-rss {
    position: absolute;
    top: 246px;
    width: 32%;
}

img.hero-wave1 {
    width: 100%;
    position: absolute;
    top: -130px;
}

img.hero-wave2 {
    width: 100%;
    position: absolute;
    top: -100px;
}

img.hero-wave3 {
    width: 100%;
    position: absolute;
    bottom: -227px;
}

img.hero-rss-groups {
    position: absolute;
    width: 100%;
    bottom: 0;
}

img.hero-layer.left-commander {
    position: absolute;
    bottom: 0%;
    width: 30%;
}

img.hero-layer.right-mountain {
    position: absolute;
    width: 58%;
    bottom: 0;
    right: 0;
}

/* RSS FOUNDERS */
section.rss-founders {
    padding: 80px 0px;
    background: url(../img/rss-ki-niv/bg.svg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.rss-founders-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.content-inner {
    border: 1px solid #838383;
    padding: 10px;
}

.border-tlb-0 {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}

.border-l-0 {
    border-left: 0;
}

.border-lb-0 {
    border-left: 0;
    border-bottom: 0;
}

.border-0 {
    border: 0;
}

.border-lbr-0 {
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
}

.border-lr-0 {
    border-left: 0;
    border-right: 0;
}

.border-rb-0 {
    border-right: 0;
    border-bottom: 0;
}

.border-lrb-0 {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.rss-founders-members {
    background: #7F221A;
    padding: 20px;
    border-radius: 16px;
}

.rss-founders-members h2.section-title {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

.rss-founders-members h2.section-title span {
    font-family: 'Anybody';
}

.rss-founders-members h4.section-subtitle {
    font-size: 26px;
    color: #FDDF9B;
    font-family: 'Annapurna SIL';
    font-weight: 300;
}

.rss-founders-members p.section-description {
    font-size: 22px;
    color: #fff;
    font-family: 'Annapurna SIL';
    font-weight: 300;
}

section.rss-founders h4.section-content-subtitle {
    font-size: 26px;
    font-weight: 800;
    font-family: 'Anybody';
    margin-bottom: 32px;
    text-shadow: 0px 4px 6.7px #00000038;
}

section.rss-founders h5.content-inner-title {
    font-size: 18px;
    color: #7F221A;
    font-weight: 600;
    font-family: 'Anybody';
    text-shadow: 0px 4px 6.7px #7F221A38;
}

section.rss-founders p.content-inner-description {
    font-size: 20px;
    font-family: 'Annapurna SIL';
    font-weight: 500;
    text-shadow: 0px 4px 6.7px #00000038;
}

/* RSS Dr. Keshav Baliram */

.rss-keshav-baliram {
    background: url(../img/nagpur/bg.svg) no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px;
}

img.divyamann-img {
    width: 95%;
    margin-right: -5%;
}

img.keshav-baliram-img {
    width: 100%;
}

img.keshav-baliram-grey-img {
    width: 95%;
    margin-left: -5%;
}

.no-padding-column .col-lg-3:nth-child(1) {
    padding-right: 0px;
    text-align: right;
}

.no-padding-column .col-lg-4:nth-child(2) {
    padding: 0px;
}

.no-padding-column .col-lg-4:nth-child(3) {
    padding-left: 0px;
    text-align: left;
}

.relative-content {
    position: relative;
}

img.born-date {
    position: absolute;
    top: 105px;
    right: -29%;
    width: 250px;
    z-index: 9;
}

.rss-content p {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Annapurna SIL';
}

/* Each section full screen */
.section {
    min-height: 100vh;
    scroll-snap-align: start;
    position: relative;
}

/* Optional: smoother feel */
.section {
    transition: transform 0.6s ease, opacity 0.6s ease;
}

/* RSS Established */
section.rss-established {
    background: url(../img/rss-established/vijay-bg.svg) no-repeat;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
    overflow: hidden;
}

h2.section-title {
    background: linear-gradient(to right, #C67940, #EEB98C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 48px;
    font-family: 'Anybody';
    padding-top: 10px;
}

a.rss-estab-btn {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Annapurna SIL';
    text-decoration: none;
    color: #EA9F53;
    border: 2px solid #FFB65C;
    padding: 12px 32px;
    border-radius: 24px;
}

.rss-established-btn {
    display: flex;
    margin-bottom: 25px;
}

.rss-established-description p {
    font-size: 26px;
    font-weight: 400;
    font-family: 'Annapurna SIL';
    color: #DDB37E;
}

.rss-established-description {
    width: 70%;
}

.rss-established-content h3 {
    font-family: 'Anybody';
    font-size: 27px;
    color: #DAA77A;
    font-weight: 600;
}

.extra-space-top {
    margin-top: 111px !important;
}

.rss-established-box {
    padding: 35px;
    background: linear-gradient(73deg, #fdfdfd36, #63400542);
    backdrop-filter: blur(3px);
    border: 1px solid #dddddd3b;
    border-radius: 24px;
    min-height: 100%;
}

.rss-established-box h4 {
    color: #EA9F53;
    font-weight: 600;
    font-size: 22px;
}

.rss-established-box p {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Annapurna SIL';
    color: #DDB37E;
}

/* 100 Years of RSS */
.rss-100 {
    background: url(../img/rss-100/bg.svg) no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px;
}

.RSS100years-bg {
    background: url(../img/rss-100/rss-100-opacity.svg) no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.rss-100-content h2 {
    font-family: 'Anybody';
    font-size: 48px;
    color: #4E110E;
    font-weight: 800;
}

.rss-100-content p {
    font-size: 26px;
    font-weight: 400;
    font-family: 'Annapurna SIL';
    color: #4E110E;
    letter-spacing: 3%;
}

.rss-100-content h4 {
    font-size: 20px;
    font-weight: 800;
    font-family: 'Anybody';
    color: #4E110E;
    letter-spacing: 1%;
    line-height: 30px;
}

.RSSyears-img {
    width: 100%;
}

/* History Timelines */
.history-timeline {
    background: #FFF5DE;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
}

.history-content h2 {
    color: #4E110E;
    font-weight: 800;
    font-size: 48px;
    font-family: 'Anybody';
    margin-bottom: 50px;
}

.history-content p {
    font-size: 26px;
    font-weight: 400;
    font-family: 'Annapurna SIL';
    color: #000;
    letter-spacing: 3%;
}

.history-inner-section-title {
    margin-bottom: 25px;
    width: 70%;
    background: linear-gradient(90deg, #ffcd372e, #7373731c);
    padding: 14px;
    border: 1px solid #ffffffab;
}

.history-inner-section-title h3 {
    margin: 0px;
    font-family: 'Anybody';
    font-weight: 800;
    color: #4E110E;
}

.history-single-img {
    background: #7E6453;
    padding: 14px;
    position: relative;
    height: fit-content;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%), 0px 8px 13.6px 0px rgb(0 0 0 / 25%);
}

.history-single-img .frame-img {
    width: 100%;
}

.frame-name h2 {
    color: #fff;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.history-2-img-grp {
    display: flex;
    gap: 27px;
    min-height: 520px;
}

.history-single-img:last-child {
    margin-top: 135px;
}

.history-bottom p {
    font-family: 'Anybody';
    font-weight: 800;
    color: #4E110E;
    font-size: 18px;
}

.history-content span {
    font-size: 38px;
    font-weight: 800;
    font-family: 'Inter';
    color: #000;
}

/* History Timelines */
/* ================= TOP HORIZONTAL ================= */
.historyhorizontal {
    position: fixed;
    bottom: 0;
    left: auto;
    right: 0;
    padding: 12px;
    z-index: 99;
    background: linear-gradient(0deg, #efdfc9, transparent);
    overflow: hidden;
    width: 90%;
}

.h-items {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.h-item {
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}

.h-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 1.5px;
    background: #222;
}

.h-item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1.5px;
    background: orange;
}

/* ================= LEFT TIMELINE ================= */
.historytimeline {
    position: fixed;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    z-index: 99;
}

.historyline {
    position: absolute;
    left: 10px;
    top: -200px;
    height: 200vh;
    width: 2px;
    background: #6b2d2d;
}

.historyitem {
    display: block;
    margin: 80px 0;
    padding-left: 40px;
    text-decoration: none;
    color: #6b2d2d;
    font-weight: bold;
    position: relative;
}

.historyitem::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #6b2d2d;
    background: #f2dfc9;
}

.historyitem.active::before {
    width: 15px;
    height: 15px;
    background: #6b2d2d;
    box-shadow: 0 0 0 6px rgba(107, 45, 45, 0.2);
}

/* ================= CONTENT ================= */
/* .historycontent {
  margin-left: 120px;
  margin-top: 80px;
} */

.history-timeline-section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

section.history-timeline-section {
    background: url(../img/history/bg100yrs.svg) no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
section.history-timeline-section .history-content h2 {
    margin-bottom: 0px;
}
section {
    transition: transform 0.7s ease-in-out;
}
.history-content.y2024content {
    background: rgb(182 94 11 / 20%);
    padding: 28px;
}
/* Hide */

.historytimeline,
.historyhorizontal {
    transition: all 0.3s ease;
}

.hide {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
}

.history-timeline {
    scroll-margin-top: 80px;
}

.history-timeline {
    min-height: 100vh;
}

.section {
    min-height: 100vh;
    scroll-snap-align: start;
}

.border-frame-img {
    text-align: end;
}

.border-frame-img img {
    width: 70%;
}
.border-frame-img {
    width: 595px;
    height: 521px;
    background: #B07148;
    position: relative;
}
.border-frame-img img {
    width: 595px;
    height: 521px;
    object-fit: cover;
    position: relative;
    top: -20px;
    left: -20px;
    z-index: 9;
    transition: .3s all;
}
.border-frame-img img:hover {
    top: 0;
    left: 0;
    transition: .3s all;
}
.right-end-frame-img {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.relative-border-left-frame {
        background: rgb(182 94 11 / 20%) url(../img/history/border-left-frame.svg) no-repeat !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
}
.relative-border-left-frame {
    position: relative;
}
.relative-border-left-frame::after {
    position: absolute;
    content: '';
    top: -35px;
    left: -30px;
    width: 110%;
    height: 110%;
    background: url(../img/history/leftborder-frame.svg) no-repeat !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    z-index: -1;
}

.historyhorizontal {
  overflow-x: auto;
  display: flex;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.historyhorizontal::-webkit-scrollbar {
  display: none;
}


.h-item {
  flex: 0 0 auto;
  white-space: nowrap;
}
.relative-scroller {
    position: relative;
    width: 100%;
    height: 32px;
}
button.nav-btn {
    position: absolute;
    background: #6b2d2d;
    width: 25px;
    height: 25px;
    border: 0px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    top: 0px;
    z-index: 9;
}

.next {
    left: 28px;
}
.prev {
    left: 0px;
}
.h-wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(100% - 80px);
    overflow: hidden;
}
section.history-timeline-section {
    overflow: hidden;
}
/* Mobile View */
@media(max-width: 767px) {
    .history-inner-section-title h3 {
    font-size: 16px;
    }
    .history-inner-section-title {
        padding: 8px;
    }
    .collapse.show {
        background: #000;
    }
    .collapse.show {
        position: fixed;
        width: 60%;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 999;
        color: #fff;
        padding: 25px;
    }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: rgb(255 255 255) !important;
}
.nav-link {
    color: #fff !important;
}
button.navbar-toggler {
    position: fixed;
    right: 15px;
    border: 1px solid #fff;
    z-index: 9999;
    top: 15px;
}
.hero-wave-groups {
    position: relative;
    height: 150px;
}
img.hero-wave3 {
    bottom: -150px;
}
    img.hero-wave2 {
        top: 226px;
    }
    img.hero-wave1 {
        top: 209px;
    }
    .hero-text h1 {
    font-size: 26px;
    margin-bottom: 5px;
    color: #320d14;
}
.hero-text p {
    font-size: 16px;
    color: #320d14;
}
.hero {
    height: 100vh;
}
img.elipse {
    top: 0px;
}
.hero-text {
    width: 90%;
}
.hero-text {
    top: 157px;
}
a.navbar-brand img {
    width: 65px;
}
img.hero-rss {
    top: 214px;
    width: 60%;
}
    img.hero-rss-groups {
        bottom: 32px;
        left: -93px;
        width: 242%;
    }
img.hero-layer.left-commander {
    width: 56%;
}
img.hero-layer.right-mountain {
    width: 100%;
    bottom: 0;
    right: 0;
}
.rss-founders-members h2.section-title {
    font-size: 22px;
}
.rss-founders-members h4.section-subtitle {
    font-size: 18px;
}
.rss-founders-members p.section-description {
    font-size: 16px;
}
section.rss-founders h4.section-content-subtitle {
    font-size: 22px;
    margin-bottom: 20px;
}
section.rss-founders h5.content-inner-title {
    font-size: 16px;
}
section.rss-founders p.content-inner-description {
    font-size: 16px;
}
.rss-100-content h2 {
    font-size: 28px;
}
.rss-100-content p {
    font-size: 18px;
}
.history-bottom p {
    text-align: center;
}
.historytimeline {
    left: 0px;
}
.historycontent {
    width: calc(100% - 55px);
    margin-left: auto;
}
    .history-content h2 {
        font-size: 30px;
    }
.history-content span {
    font-size: 24px;
}

.history-content p {
    font-size: 16px;
}
.frame-name h2 {
    font-size: 14px !important;
}
    .history-bottom p {
        font-size: 14px;
    }
.history-single-img:last-child {
    margin-top: 70px;
}
    .history-2-img-grp {
        display: flex;
        gap: 20px;
        min-height: auto;
        margin-bottom: 15px;
    }
.rss-keshav-baliram {
    padding: 80px 0px;
}
h2.section-title {
    font-size: 34px;
}
a.rss-estab-btn {
    font-size: 20px;
    color: #ffffff;
    border: 2px solid #e7e7e7;
    padding: 6px 25px;
}
h2.section-title {
    background: linear-gradient(to right, #ddc6b5, #ffd699);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rss-established-description p {
    font-size: 22px;
    font-weight: 400;
    font-family: 'Annapurna SIL';
    color: #dcdcdc;
}
.extra-space-top {
    margin-top: 30px !important;
}
.rss-established-content h3 {
    font-family: 'Anybody';
    font-size: 22px;
    color: #e9d2be;
}
    .rss-established-box {
        padding: 14px 20px;
    }
.extra-space-top .col-12 {
    margin-bottom: 12px;
}
.history-inner-section-title {
    margin-bottom: 15px;
    width: 100%;
}
section.history-timeline-section {
    padding: 50px 0px;
}
.border-frame-img img {
    width: 100%;
        height: 100%;
    object-fit: cover;
    position: relative;
    top: -10px;
    left: -10px;
    z-index: 9;
    transition: .3s all;
}
.border-frame-img {
    width: 100%;
        height: 100%;
}
.h-item {
    font-size: 12px;
}

.relative-border-left-frame::after {
    position: absolute;
    content: '';
    top: 7px;
    left: -8px;
    width: 100%;
    height: 100%;
}
.history-content.y2024content {
    padding: 18px;
}
section.history-timeline-section .history-content h2 {
        font-size: 16px;
    }
.right-end-frame-img {
    margin-top: 15px;
}
img.divyamann-img {
    width: 78%;
    margin-right: auto;
}
.no-padding-column .col-lg-3:nth-child(1) {
    padding-right: 0px;
    text-align: center;
}
    img.born-date {
        top: auto;
        left: 0%;
        width: 155px;
        z-index: 9;
        right: auto;
        bottom: -301px;
    }
.rss-content p {
    font-size: 16px;
    margin-top: 10px;
}
.rss-established {
    padding: 40px 0px;
}
.rss-established h2.section-title {
    font-size: 28px;
}
.rss-established-description {
    width: 100%;
}
.history-single-img {
    padding: 8px;
}
.historyitem {
    display: block;
    margin: 80px 0;
    padding-left: 22px;
    text-decoration: none;
    color: #6b2d2d;
    font-weight: bold;
    position: relative;
    font-size: 12px !important;
}
.mt-5 {
    margin-top: 10px !important;
}
.rss-100 {
    padding: 50px 0px;
}
section {
   height: auto !important;
}
}
footer.footer-container {
    background: url(../img/footer-bg.svg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0px 10px;
}
img.footer-logo {
    width: 160px;
    border-radius: 10px;
}
p.footer-description {
    margin-top: 10px;
    color: #fff;
}
.address h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Nexa';
}
p.copyright {
    margin: 0;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fdfdfd78;
    padding-top: 15px;
    font-size: 14px;
    font-family: 'Inter';
}

ul.footer-social {
  margin: 20px 0;
  padding: 0%
}

ul.footer-social li a {
  font-size: 20px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none
}

ul.footer-social li {
  display: inline-block;
  margin: 0;
}

ul.footer-social li a {
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 15px;
  color: var(--orange-color)
}

img.make-in-india {
  width: 125px
}

h4.footer-heading {
    font-weight: 600;
    font-family: 'Inter';
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

ul.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none
}

ul.footer-menu li {
  margin-bottom: 10px
}

ul.footer-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: 'Inter';
  font-weight: 400
}

.footer-columns {
  padding-left: 35px
}

/* Fly Birds Animation */

.bird {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg);
  filter: invert(14%) sepia(0%) saturate(427%) hue-rotate(141deg) brightness(93%) contrast(99%);
  background-size: auto 100%;
  width: 88px;
  height: 125px;
  will-change: background-position;
  animation-name: fly-cycle;
  animation-timing-function: steps(10);
  animation-iteration-count: infinite
}

.bird-one {
  animation-duration: 1s;
  animation-delay: -0.5s
}

.bird-two {
  animation-duration: .9;
  animation-delay: -0.75.s
}

.bird-three {
  animation-duration: 1.25s;
  animation-delay: -0.25s
}

.bird-four {
  animation-duration: 1.1s;
  animation-delay: -0.5s
}

.bird-container {
  position: absolute;
  top: 10%;
  left: -3%;
  z-index: 99;
  transform: scale(0) translateX(-10vw);
  will-change: transform;
  animation-name: fly-right-one;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.bird-container-one {
  animation-duration: 15s;
  animation-delay: 0
}

.bird-container-two {
  animation-duration: 16s;
  animation-delay: 1s
}

.bird-container-three {
  animation-duration: 14.6s;
  animation-delay: 9.5s
}

.bird-container-four {
  animation-duration: 16s;
  animation-delay: 10.25s
}

@keyframes fly-cycle {
  100% {
    background-position: -900px 0
  }
}

@keyframes fly-right-one {
  0% {
    transform: scale(.3) translateX(-10vw)
  }

  10% {
    transform: translateY(2vh) translateX(10vw) scale(.4)
  }

  20% {
    transform: translateY(0vh) translateX(30vw) scale(.5)
  }

  30% {
    transform: translateY(4vh) translateX(50vw) scale(.6)
  }

  40% {
    transform: translateY(2vh) translateX(70vw) scale(.6)
  }

  50% {
    transform: translateY(0vh) translateX(90vw) scale(.6)
  }

  60% {
    transform: translateY(0vh) translateX(110vw) scale(.6)
  }

  100% {
    transform: translateY(0vh) translateX(110vw) scale(.6)
  }
}

@keyframes fly-right-two {
  0% {
    transform: translateY(-2vh) translateX(-10vw) scale(.5)
  }

  10% {
    transform: translateY(0vh) translateX(10vw) scale(.4)
  }

  20% {
    transform: translateY(-4vh) translateX(30vw) scale(.6)
  }

  30% {
    transform: translateY(1vh) translateX(50vw) scale(.45)
  }

  40% {
    transform: translateY(-2.5vh) translateX(70vw) scale(.5)
  }

  50% {
    transform: translateY(0vh) translateX(90vw) scale(.45)
  }

  51% {
    transform: translateY(0vh) translateX(110vw) scale(.45)
  }

  100% {
    transform: translateY(0vh) translateX(110vw) scale(.45)
  }
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

section.rss-keshav-baliram::after {
    position: absolute;
    content: '';
    background: url(../img/3d-model.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
    width: 500px;
    height: 500px;
    top: -250px;
    left: -250px;
    animation: spin 20s linear infinite;
    z-index: 1;
    opacity: .2;
}
section {
    overflow-x: hidden;
}