.banner-img {
    height: 100dvh;
}

.banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar {
    position: fixed;
    top: 25px;
    left: 50px;
    right: 50px;
    z-index: 9999;
    /* background: #f7f7f7; */
    /* width: 65%; */
    width: auto;
    padding: 7px 10px;
    border-radius: 50px;
    transition: 0.3s ease-in;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    justify-content: space-between;
}

.navbar .theme-btn:hover {
    background: var(--white);
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
}

header {}

.banner-text {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-text-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}

.text-big {
    color: var(--second-color);
    font-size: 75px;
}

.text-md {
    color: var(--second-color);
    font-size: 50px;
}

.text-md span {
    color: var(--primary-color);
}

.pl-banner {
    /* padding-left: 170px; */
    /* transform: skewY(354deg); */
}

.pl-banner1 {
    /* transform: skewY(354deg); */
}

/* .text-big1 {
    font-size: 90px;
}

.text-md1 {
    font-size: 60px;
} */
header {
    position: relative;
    width: 100%;
    z-index: 9999;
}

.footer-top {
    background: #f7f7f7;
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
}

.footer-logo img {
    width: 10.9375rem;
}

.footer-menu {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    justify-content: center;
}

.footer-menu li {
    list-style: none;
}

.footer-menu li a {
    color: var(--primary-color);
}

.footer-bottom {
    background: var(--second-color);
}

.footer-bottom {
    padding: 0.9375rem 0;
    color: #fff;
}

.footer-bottom-inner {
    display: flex;
    justify-content: space-between;
}

.footer-bottom-right ul {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    gap: 0.625rem;
}

.footer-bottom-right li {
    list-style: none;
}

.footer-bottom-right li a {
    color: var(--lighter-orange-color);
}

.footer-menu li a:hover,
.footer-menu li a:focus {
    color: var(--primary-color);
}

.chairman-card {
    padding: 45px;
    border: 2px solid var(--second-color);
    font-size: 18px;
    background: var(--lightgrey);
    position: relative;
    overflow: hidden;
    min-height: 590px;
}

.chairman-card p {}

.img-float {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    animation: floatUpDown 2s ease-in-out infinite;
}

.float {
    animation: floatUpDown 2s ease-in-out infinite;
}

.quote h4 {
    color: var(--primary-color);
    margin-bottom: 0;
    font-weight: 600;
}

.quote h5 {
    color: var(--accent-color);
    margin-bottom: 0;
    font-size: 16px;
}

.quote p a {
    color: var(--second-color);font-size:22px;font-weight:700
}

.msg-part i {
    color: var(--second-color);
    font-size: 50px;
    margin-bottom: 15px;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }
}

.kpi-wrapper {
    perspective: 1200px;
}

.kpi-cube {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    background: #e3e4e8;
    padding: 25px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 450px;
}

.kpi-cube p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    padding: 0 10px;
}

.cube-wrapper::before {
    content: '';
    position: absolute;
    background: #c8ccd4;
    left: -30px;
    width: 30px;
    height: 96.5%;
    transform: skewY(30deg);
    transform-origin: right;
    bottom: 0;
}



#revenueChart {
    width: 100%;
    height: 350px;
}

.kpi-cube h3 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    font-size: 20px;
}

.kpi-cube p {
    margin-bottom: 0;
    color: var(--accent-color);
    text-align: center;
}

.revenue-top {
    width: 100%;
    height: 50px;
    background: #fff;
    transform: skewX(30deg);
    transform-origin: bottom;

}


.revenue-bx {
    width: 100%;
    height: 350px;
}

.bg-pattern {
    background-image: linear-gradient(30deg, #fcfdfd 12%, transparent 12.5%, transparent 87%, #fcfdfd 87.5%, #fcfdfd),
        linear-gradient(150deg, #fcfdfd 12%, transparent 12.5%, transparent 87%, #f8fafa 87.5%, #fcfdfd),
        linear-gradient(30deg, #fcfdfd 12%, transparent 12.5%, transparent 87%, #fcfdfd 87.5%, #fcfdfd),
        linear-gradient(150deg, #fcfdfd 12%, transparent 12.5%, transparent 87%, #fcfdfd 87.5%, #fcfdfd),
        linear-gradient(60deg, #f8fafa 25%, transparent 25.5%, transparent 75%, #f8fafa 75%, #f8fafa),
        linear-gradient(60deg, #f8fafa 25%, transparent 25.5%, transparent 75%, #f8fafa 75%, #f8fafa);
    background-size: 320px 560px;
    background-position:
        0 0,
        0 0,
        160px 280px,
        160px 280px,
        0 0,
        160px 280px;


}

.awards-img {
    height: 200px;
    text-align: center;
    padding: 10px;
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
}

.awards-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.awards-bottom h3 {
    color: var(--second-color);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.awards-bottom p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}

.awards-bottom {
    padding: 25px 15px;
    background: #E3E4E8;
    position: relative;
    min-height: 150px;
    /* border: 1px solid #E3E4E8; */
}

.awards-bottom2 {
    background: #cbe3d1;
}

.awards-bottom::before {
    content: '';
    position: absolute;
    /* width: calc(100% + 2px); */
    width: 100%;
    background: #eff1f2;
    left: 0;
    height: 70px;
    top: -70px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}

.awards-bottom2::before {
    background: #e3efe6;
}

.bg-green {
    background: var(--second-color);
}

.swiper-nav div {
    position: relative;
    width: 60px;
    height: 60px;
    background: #fff;
}

.swiper-nav div::after {
    font-size: 16px;
    color: var(--second-color);
    font-weight: 600;
}

.swiper-nav {
    height: 60px;
}

.deg-front {
    width: 40%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 113px;
}

.deg-front img {
    animation: spin 20s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.scene {
    width: 100%;
    height: 500px;
    perspective: 1000px;
    text-align: center;
    padding-left: 250px;
    padding-top: 100px;
}

/* Cube styling and animation */
.cube {
    width: 300px;
    height: 300px;
    position: relative;
    transform-style: preserve-3d;
    animation: rotateCube 20s infinite linear;
}

.cube img {
    width: 100px;
}

/* Individual face styles */
.face {
    position: absolute;
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    backface-visibility: hidden;
}

/* Position each face */
.front {
    transform: rotateY(0deg) translateZ(150px);
    background-color: #009a4e;
    transition: 0.3s ease-in;
}

.back {
    transform: rotateY(180deg) translateZ(150px);
    background-color: #009a4e;
    transition: 0.3s ease-in;
}

.right {
    transform: rotateY(90deg) translateZ(150px);
    background-color: #4eaf78;
    transition: 0.3s ease-in;
}

.left {
    transform: rotateY(-90deg) translateZ(150px);
    background-color: #4eaf78;
    transition: 0.3s ease-in;
}

.top {
    transform: rotateX(90deg) translateZ(150px);
    background-color: #b4d6bd;
    transition: 0.3s ease-in;
}

.bottom {
    transform: rotateX(-90deg) translateZ(150px);
    background-color: #b4d6bd;
    transition: 0.3s ease-in;
}

.scene:hover .front {
    transform: rotateY(0deg) translateZ(180px);
}

.scene:hover .back {
    transform: rotateY(180deg) translateZ(180px);
}

.scene:hover .right {
    transform: rotateY(90deg) translateZ(180px);
}

.scene:hover .left {
    transform: rotateY(-90deg) translateZ(180px);
}

.scene:hover .top {
    transform: rotateX(90deg) translateZ(180px);
}

.scene:hover .bottom {
    transform: rotateX(-90deg) translateZ(180px);
}

/* Animation for rotating the cube */
@keyframes rotateCube {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: rotateX(360deg) rotateY(360deg);
    }

    100% {
        transform: rotateX(720deg) rotateY(720deg);
    }
}

.product-group {
    display: flex;
    align-items: end;
}

.pls {
    padding-left: 150px;
}

.product-group .awards-box {
    flex: 1;
}

.product-group .awards-box img {
    animation: floatUpDown 2s ease-in-out infinite;

}

.product-group .awards-bottom {
    height: 250px;
    transform-origin: bottom;
}

.product-group .awards-bottom-2 {
    height: 350px;
}

.product-group .awards-bottom-3 {
    height: 300px;
}

@keyframes growShrink {
    0% {
        transform: scaleY(0.9);
    }

    50% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(0.9);
    }
}

.top-pattern {
    position: absolute;
    width: 25%;
    right: 0;
    top: 0;
}

.bottom-pattern {
    position: absolute;
    width: 25%;
    left: 0;
    bottom: 0;
}

.bottom-pattern2 {
    left: unset;
    right: 0;
}

.bottom-pattern3 {
    width: 20%;
}


.flot-img-abs {
    animation: floatUpDown 2s ease-in-out infinite;
    position: absolute;
    top: 100px;
    right: 100px;
    width: 50px;
}

.sticky-header .navbar {
    left: 50px;
    right: 50px;
    width: unset;
}

.z-99999 {
    z-index: 999999;
}

.highlight-data td {
    font-weight: 600;
}

.fy-table tbody,
.fy-table td,
.fy-table tfoot,
.fy-table th,
.fy-table thead,
.fy-table tr {
    border-color: var(--accent-color);
    font-family: var(--title-font);
}

.fy-table thead th {
    background: var(--white);
    font-weight: 500;
    border-color: transparent;
    color: var(--second-color);
}

.fy-table tbody td {
    background: transparent;
}

.fy-table tbody tr {
    height: 41px;
}

.fy-table thead th:nth-child(2),
.fy-table tbody td:nth-child(2) {
    background: var(--second-color);
    color: var(--white);
}

.fy-table thead th:not(:first-child),
.fy-table tbody td:not(:first-child) {
    text-align: end;
}

.inner-banner {
    background: url(../images/banner/inner-bg.webp)no-repeat top center;
    padding-bottom: 70px;
    padding-top: 170px;
    background-size: cover;
}

.inner-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.37) 100%);
}

.committee-table th,
.committee-table td {
    border: 2px solid #cfd4d8;
    vertical-align: top;
    text-align: center;
    padding: 20px;
    font-size: 14px;
    font-family: var(--title-font);
}

.committee-table thead th {
    background: #f3f4f6;
    color: var(--accent-color);
    font-weight: 500;
}

.vertical-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: var(--second-color);
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 60px;
}

.committee-name {
    color: var(--second-color) !important;
    font-weight: 500;
}

.icon-box {
    font-size: 28px;
    color: var(--second-color);
    margin-bottom: 8px;
}

.bg-green {
    background: var(--second-color) !important;
}

.counter-box {
    background: #fff;
    padding: 35px;
    margin-bottom: 15px;
}

.counter-box p {
    margin-bottom: 0;
}

.counter-num {
    color: var(--second-color);
    font-weight: 600;
    font-size: 35px;
}

.main-title3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
}

.yukti-card {
    border: 2px solid var(--second-color);
    min-height: 220px;
    background-color: var(--lightgrey);
    margin-top: 25px;
}

.yukti-icon-box img {

    width: 90px;
}

.yukti-text {
    color: #e3262e;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
}

.yukti-desc {
    font-size: 15px;
    line-height: 1.5;
}

.yukti-number {
    color: var(--second-color);
    font-weight: 700;
    font-size: 36px;
}

.yukti-subtitle {
    font-size: 16px;
}

.yukti-desc strong {
    font-weight: 600;
}

.main-title4 {
    color: var(--accent-color);
}

.kin-logo {
    width: 150px;
}

.icon-box img {
    height: 30px;
}

.text-animate {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform, opacity;
}

.text-animate span {
    display: inline-block;
}

.download-btn {
    display: flex;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--accent-color);
    background: var(--accent-color);
    color: var(--white);
    justify-content: space-between;
    align-items: center;
    transition: 0.3s ease-in;
}

.download-btn:hover {
    background: transparent;
    color: var(--accent-color);
}

.bg-growing {
    background: url(../images/Growing-1.jpg)no-repeat top right;
    background-size: cover;
}

.bg-deliver {
    background: url(../images/Delivering-1.jpg)no-repeat top left;
    background-size: cover;
}

.mdar-box {
    padding: 35px;
    text-align: center;
    background: var(--second-color);
    color: #fff;
}

.chairman-card .img-float {
    width: 30%;
}.grow-left{
    padding: 70px 150px;width: 50%;
}.grow-flex{
    background: #ebedec;width: 100%;
}.grow-right{
    width: 50%;
}.text-unset{
    text-transform: unset!important;
}