:root {
    --page-white: #ffff;
    --overlay-dark: #00000000;
    --title-gray: #404040;
    --para-gray: #303030CC;
    --text-gray: #303030;
    --white-color: #fff;
    --black-color: #000;
    --pra-color: #85837b;
    --bg-color: #d5d5d5;
    --secondary-bg-color: #f1f1ff;
    --gray-color: #f9f9f9;
    --dark-gray-color: #4d4d4d;
    --card-color: #d7d7ff;
    --border-color: #9ca5ca;
    --error-color: #d9345d;
    --success: #008033;
    --transparentcard-color: rgba(215, 215, 255, 0.35);
    --theme-color: #0B9146;
    --theme-secondary-color: #0B9146;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    width: 100%;
    height: 100%;
    color: var(--blue-color);
    background: var(--white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: baseline;
    letter-spacing: normal;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Cook Conthic';
    src: url('../fonts/cook-conthic/CookConthic.eot');
    src: url('../fonts/cook-conthic/CookConthic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/cook-conthic/CookConthic.woff2') format('woff2'),
        url('../fonts/cook-conthic/CookConthic.woff') format('woff'),
        url('../fonts/cook-conthic/CookConthic.ttf') format('truetype'),
        url('../fonts/cook-conthic/CookConthic.svg#CookConthic') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

a {
    text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

small {
    font-size: 100%;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

button:focus {
    outline: none;
}

a:focus {
    text-decoration: none !important;
    outline: 0 !important;
}

header,
footer,
section,
artical {
    display: block;
}

.wpcf7 form .wpcf7-response-output{
      font-weight: 400 !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
}


.slick-dotted>.slick-dots:only-child,
.slick-dots:has(:only-child) {
    display: none !important;
}

.max-w-full {
    max-width: 100% !important;
}

.form-group {
    margin-bottom: 15px;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-label {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: var(--light-gray-color);
    font-weight: 400;
    padding: 0px;
    background: transparent;
    margin-bottom: 6px;
}

.form-control {
    font-size: 14px;
    color: #676666;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    width: 100%;
    padding: 0px 0px 20px;
    height: 44px;
    border: 0;
    border-bottom: 1px solid #ddd;
    background: var(--white-color);
    border-radius: 0px;
}

textarea.form-control {
    resize: none;
    height: 50px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control.selectarrow {
    background: url(../images/icons/down-arrow.svg) no-repeat 92% var(--white-color);
    background-size: 10px;
    -webkit-appearance: none;
}

input:focus {
    outline: none;
    border-bottom: 1px solid var(--light-black);
}

input[type="email"]:focus,
input[type="phone"]:focus,
input[type="number"]:focus {
    outline: 0px solid #ddd;
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 0;
    color: #676666;
}

input[type="submit"]:focus {
    outline: 0;
    background: transparent;
    border-color: transparent;
    box-shadow: 0 0 0;
}

select:focus {
    outline: 1px solid #ddd;
}

textarea:focus {
    outline: 1px solid #ddd;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #676666;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #676666;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #676666;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #676666;
    opacity: 1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.form-control:focus {
    outline: 0px solid var(--slight-gray-border-color);
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 0;
    color: var(--black-color);
}

.form-control.selectarrow:focus {
    background: url(../images/common-img/down-arrow.svg) no-repeat 90% var(--white-color);
    background-size: 10px;
}

.form-control::placeholder {
    color: #676666;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #676666;
}

.mb-0 {
    margin-bottom: 0 !important;
}

button {
    font-family: "Inter", sans-serif;
}

.form-check {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.form-check .checkbox {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check .checkbox-label {
    font-size: 12px;
    color: var(--light-black);
    display: flex;
    position: relative;
    cursor: pointer;
}

.form-check .checkbox-label:before {
    content: "";
    width: 14px;
    min-width: 14px;
    height: 14px;
    border: 1px solid var(--light-black);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 1px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    padding: 0px;
    background-color: transparent;
    -webkit-appearance: none;
}

.form-check .checkbox:checked+.checkbox-label::before {
    background: var(--light-black);
}

.form-check .checkbox:checked+.checkbox-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 3px;
    height: 7px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-check .checkbox-label a {
    color: var(--light-black);
    margin-left: 4px;
}

.form-check:last-child {
    margin-bottom: 0;
}

.form-control.selectarrow:focus {
    background: url(../images/common-img/down-arrow.svg) no-repeat 92% var(--white-color);
    background-size: 10px;
    -webkit-appearance: none;
}

.success-text {
    font-size: 12px;
    color: var(--success);
    margin-top: 6px;
    line-height: 14px;
    display: inline-block;
}

.error-text {
    font-size: 12px;
    color: var(--error-color);
    margin-top: 6px;
    line-height: 14px;
    display: inline-block;
}

.nav ul li:hover a:focus-within {
    color: #f00;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0px transparent, 0 0 0 0px rgba(255, 255, 255, 0.3),
            0 0 0 0px transparent, 0 0 0 0px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px transparent, 0 0 0 12px rgba(255, 255, 255, 0),
            0 0 0 25px transparent, 0 0 0 27px rgba(255, 255, 255, 0);
    }
}

/* common css  */

.common-py {
    padding-top: 50px;
    padding-bottom: 50px;
}

.drukgreen-container {
    width: 100%;
    max-width: 94%;
    padding: 0;
    margin: 0 auto;
}

.druk-common-gradient {
    background: linear-gradient(90deg, #0B9146 0%, #243F80 93.86%);
}

.container-border-left-right {
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}


body.scroll {
    overflow-y: hidden;
}

.line-height {
    line-height: 0;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.d-grid {
    display: grid;
    gap: 0px;
}

.flex-col {
    flex-direction: column;
}

.d-none {
    display: none;
}

.display {
    display: inline-block;
}

.flex {
    display: flex;
}

.d-block {
    display: block;
}

.justify-content {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.align {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.relative {
    position: relative;
}

.text-center {
    text-align: center;
}

.thumb-ratio {
    padding-bottom: 50%;
    position: relative;
}

.w-full {
    width: 100% !important;
    height: auto;
}

.full-box {
    width: 100% !important;
}

.clear-both {
    clear: both;
}

.picture {
    line-height: 0;
    display: block;
}

.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.full-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hovertime {
    transition: ease-in-out 0.5s;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}

.m0 {
    margin: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.padding-tb-lg {
    padding: 75px 0;
}

.padding-tb {
    padding: 56px 0 100px;
}

.padding-b {
    padding-bottom: 100px;
}

.padding-l {
    padding-left: max(40px, calc((100vw - 1920px) / 2));
}

.hover-img:hover .zoom-img {
    transform: scale(1.1);
}

.display {
    display: inline-block;
}

.w-full {
    width: 100% !important;
    height: auto;
}

.bg-light {
    background: var(--slight-gray-color);
}

.product-lr .item {
    padding: 0 15px;
}

.product-lr .slick-list {
    padding-bottom: 50px;
}

.layer-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: var(--black-color);
    opacity: 0.1;
    display: none;
}

.layer-bg.active {
    display: block;
    z-index: 9999;
}

.overflow {
    overflow: hidden;
}

.col-6 {
    width: 50%;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid var(--light-border-color);
}

.table>tbody {
    vertical-align: inherit;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: solid;
    border-width: 0;
}

.table td,
.table th {
    font-size: 12px;
    color: var(--black-color);
    font-weight: 400;
    padding: 15px 10px;
}

.scroll-bar::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: var(--separator);
}

.scroll-bar::-webkit-scrollbar {
    width: 6px;
    background-color: var(--separator);
    border-radius: 5px;
}

.drukgreenxlheading {
    font-size: 60px;
}

.drukgreenlgheading {
    font-size: 30px;
}

.drukgreenmdheading {
    font-size: 27px;
}

.drukgreensmheading {
    font-size: 17px;
}

.drukgreenxsheading {
    font-size: 14px;
}

.drukgreenxxsheading {
    font-size: 16px;
}

.drukgreenxxssheading {
    font-size: 14px;
}

.slick-track {
    margin-left: 0;
}

.slick-dots {
    position: absolute;
    bottom: -12px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--bg-color);
    border-radius: 50%;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    display: none;
}

.slick-dots li.slick-active {
    width: 15px;
    border-radius: 20px;
    background: #96969b;
    transform: scale(1);
}

.slick-next,
.slick-prev {
    font-size: 0;
    border: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    right: 90px;
    top: -65px;
    background-color: transparent;
    margin-top: -20px;
    z-index: 12;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.slick-next::after,
.slick-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translate(-40%, -50%);
    margin: auto;
    background: url(../images/common-img/arrow-left.svg) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    transition: ease-in-out 0.5s;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}

.slick-next::after {
    background: url(../images/common-img/arrow-right.svg) no-repeat;
    background-size: 95%;
}

.slick-next {
    left: auto;
    right: 40px;
    background-position: 0 -190px;
}

.slick-prev:hover::after {
    background: url(../images/common-img/arrow-left.svg) no-repeat;
    background-size: 100%;
}

.slick-next:hover::after {
    background: url(../images/common-img/arrow-right.svg) no-repeat;
    background-size: 95%;
}

.slider-center-arrow .slick-next,
.slider-center-arrow .slick-prev {
    top: 50%;
    left: -5px;
    right: auto;
    margin-top: -30px;
}

.slider-center-arrow .slick-next {
    left: auto;
    right: -5px;
    background-position: 0 -190px;
}

.slider-lr .slick-prev {
    right: 60px;
}

.slider-lr .slick-next {
    right: 0px;
}

.slider-rl {
    margin: 0 -10px;
}

.slider-r {
    margin-right: 0;
}

.slider-rl .item {
    padding: 0 10px;
    height: auto;
}

.slider-mini .slick-prev,
.slider-mini .slick-next {
    width: 34px;
    height: 34px;
    top: -32px;
    right: 55px;
}

.slider-mini .slick-next {
    right: 5px;
}

.slider-mid .slick-prev,
.slider-mid .slick-next {
    background: var(--white-color);
    top: 50%;
    left: 20px;
}

.slider-mid .slick-next {
    left: auto;
    right: 20px;
}

.slider-white-bot .slick-dots,
.slider-black-bot .slick-dots {
    bottom: 10px;
}

.slider-white-bot .slick-dots li,
.slider-black-bot .slick-dots li {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px;
}

.slider-white-bot .slick-dots li.slick-active,
.slider-black-bot .slick-dots li.slick-active {
    width: 16px;
    background: var(--white-color);
    border-radius: 50px;
}

.slider-white-bot .slick-dots li:last-child,
.slider-white-bot .slick-dots li:first-child,
.slider-black-bot .slick-dots li:last-child,
.slider-black-bot .slick-dots li:first-child {
    border-radius: 50px;
}

.slider-black-bot .slick-dots li {
    background: var(--gray-color);
}

.slider-black-bot .slick-dots li.slick-active {
    background: var(--light-black);
}

.slick-next.slick-disabled:after,
.slick-prev.slick-disabled:after {
    opacity: 0.5;
    pointer-events: none;
}

.breadcrumbs {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 0px 0 0 40px;
    z-index: 1;
}

.breadcrumbs ul {
    list-style: none;
}

.breadcrumbs ul li {
    font-size: 12px;
    font-weight: 400;
    color: var(--white-color);
    margin-right: -5px;
    display: inline-block;
    text-transform: uppercase;
}

.breadcrumbs ul li a {
    font-size: 12px;
    font-weight: 400;
    color: var(--white-color);
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
}

.breadcrumbs ul li svg {
    margin-left: 15px;
}

.breadcrumbs ul li:last-child {
    margin-right: 0;
}

/* common btn  */

.drukgreen-btn {
    width: auto;
    max-width: max-content;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    color: var(--white-color);
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid var(--theme-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px 12px 20px;
    background: var(--theme-color);
    cursor: pointer;
    text-decoration: none;
    position: relative;
}

.drukgreen-btn.tranparent {
    padding: 0 40px 0 0;
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
}

.drukgreen-btn.tranparent:hover {
    background: transparent;
}


.drukgreen-btn .btn-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}


.drukgreen-btn:hover {
    background: var(--theme-secondary-color);
}

.drukgreen-btn:hover .btn-icon {
    animation: arrowNavigate 0.8s ease-in-out;
}

.mobile-cta-show {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    display: none;
}

.mobile-cta-show .btn-icon {
    position: relative;
    transform: unset;
    top: auto;
    right: auto;
    margin-left: 10px;
}


@keyframes arrowNavigate {

    0%,
    100% {
        transform: translate(0, -50%);
    }

    50% {
        transform: translate(4px, -65%);
    }
}

@keyframes arrowNavigateMB {

    0%,
    100% {
        transform: translate(0, -50%);
    }

    50% {
        transform: translate(0, -65%);
    }
}



/* common para  */

.drukgreen-para-primary {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    line-height: 1.6;
}

.drukgreen-para-secondary {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.txt-white {
    color: #fff;
}

.txt-offwhite {
    color: #FFFFFFE5;
}

.txt-start {
    text-align: start;
}

.txt-center {
    text-align: center;
}

.common-grdient-text {
    background-image: linear-gradient(90deg, #0B9146 0%, #243F80 93.86%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1.5;
}


/* common heading  */
.drukgreen-heading-primary {
    font-size: 36px;
    font-weight: 600;
    color: #404040;
    line-height: 1;
    text-transform: capitalize;
}

.drukgreen-heading-primary.heading-white {
    color: #fff;
}

.drukgreen-heading-white-secondary {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
}

.heading-radient {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    display: flex;
    gap: 5px;
    align-items: center;
}

.heading-text-white {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 400;
}

.heading-radient img {
    width: 22px;
}



.section-heading-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.section-heading-cta-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}

/* .section-heading-wrapper .drukgreen-heading-primary {
    max-width: 580px;
} */

.bodyoverlay {
    overflow-y: hidden;
}

.drukgreen-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1234;
}

.drukgreen-popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.drukgreen-popup-wrapper {
    width: 780px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px 42px 30px 30px;
    background-color: var(--white-color);
    opacity: 1;
    transform: translate(-50%, -50%);
    border-radius: 0;
    border-radius: 0px;
    margin: 0px auto;
    z-index: 123;
}

.drukgreen-popup-close {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
    background: none;
    border: 0px solid var(--white-color);
    border-radius: 0%;
    cursor: pointer;
    z-index: 1;
}

.drukgreen-popup-body {
    width: 100%;
}

.drukgreen-popup-body .drukgreen-popup-btn {
    gap: 20px;
}

.drukgreen-popup-body .drukgreen-btn,
.drukgreen-popup-body .drukgreen-btn-line {
    font-size: 14px;
    font-weight: 700;
    padding: 16px 20px;
}

.drukgreen-popup .drukgreenlgheading {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: var(--black-color);
    line-height: 34px;
    margin-bottom: 30px;
}

.popup-height {
    max-height: 650px;
    overflow-y: auto;
}

/* sticky btn  */
.partner-sticky-btn {
    background-color: #0B9146;
    font-size: 14px;
    color: var(--white-color);
    text-transform: capitalize;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 26px 13px;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2222;
    writing-mode: vertical-rl;
    transform: translateY(-50%) rotate(180deg);
    font-weight: 500;
    cursor: pointer;
}

.partner-icon {
    display: none;
    width: 18px;
    height: 18px;
}


/* header  */

.page-header {
    position: sticky;
    top: 0;
    background-color: var(--page-white);
    border-bottom: 1px solid #E0E0E0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 1000;
}

.page-header.menu-active {
    border-bottom: 1px solid #E0E0E0;
}

.page-header.menu-active .page-header-wrapper {
    border: 0;
}

.ham-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: #fff;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    overflow-y: auto;
    padding-top: 85px;
}

.ham-box-wrapper {
    width: 100%;
    height: 100%;
    border-top: 1px solid #E0E0E0;
    display: flex;
    overflow: hidden;
}

.ham-video-box {
    width: 30%;
    max-width: 30%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.ham-video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.ham-list-left {
    border-right: 1px solid #E0E0E0;
    height: 100%;
    padding-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.ham-nav-list {
    padding: 30px 0;
    min-width: 320px;
}

.ham-nav-link,
.ham-nav-link a {
    font-size: 20px;
    font-weight: 500;
    color: #404040;
    transition: all 0.5s ease;
}

.ham-nav-link a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.ham-nav-link {
    border-top: 1px solid #E0E0E0;
    padding: 15px 80px 15px 0;

}

.ham-nav-link:first-child {
    border-top: 0;
    padding-top: 0;
}

.ham-nav-link img {
    position: relative;
    display: none;
    width: 14px;
}

.ham-nav-link.active img,
.ham-nav-link.is-current img {
    display: block;
}

.ham-nav-link.active a,
.ham-nav-link.is-current a {
    background-image: linear-gradient(90deg, #0B9146 0%, #243F80 93.86%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}


.ham-text {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}

.ham-text.bold,
.ham-text.bold a {
    color: #404040;
}

.ham-icons-box {
    display: flex;
    gap: 25px;
    margin-top: 20px;
    align-items: center;
}

.ham-social-box {
    padding-bottom: 30px;
}

.ham-list-right {
    padding: 30px 30px 30px 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}


.ham-box.active {
    transform: translateY(0);
    opacity: 1;
}

.ham-box.submenu-open {
    transform: translateY(-100%);
    opacity: 0;
}

.drukgreen-body {
    overflow-y: auto !important;
}

.ham-sub-nav-list {
    display: none;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.ham-sub-nav-list.active,
.ham-sub-nav-list.is-current {
    display: flex;
}

.ham-sub-nav,
.ham-sub-nav a {
    font-size: 18px;
    font-weight: 400;
    color: #707070;
}

.ham-sub-nav.active a {
    font-weight: 500;
}

.ham-contact-header {
    margin-bottom: 20px;
}


.page-header .page-header-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    position: relative;
    z-index: 10000;
    background-color: var(--page-white);
}

.ham-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.ham-btn span {
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    display: inline-block;
}

.ham-btn span:last-of-type {
    display: none;
}

.ham-btn.active span:first-of-type {
    display: none;
}

.ham-btn.active span:last-of-type {
    display: inline-block;
}

.ham-btn.active {
    position: fixed;
    top: 30px;
    right: 60px;
    z-index: 123;
}

.ham-btn:hover {
    opacity: 0.8;
}

.ham-icon {
    display: flex;
    align-items: center;
}

.ham-icon-desktop {
    display: block;
}

.ham-icon-mobile {
    display: none;
}

.close-icon {
    display: none;
}

.ham-btn.active .ham-icon-desktop,
.ham-btn.active .ham-icon-mobile {
    display: none;
}

.ham-btn.active .close-icon {
    display: block;
}


/* main  */
.drukgreen-hero-section {
    position: relative;
    width: 100%;
    /* height: auto; */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drukgreen-hero-section .hero-img-background {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-img-background img {
    width: 100%;
}

.drukgreen-hero-section .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-dark);
    z-index: 2;
}

.drukgreen-hero-section .hero-content {
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 50px 0;
}

.hero-content.container-border-left-right {
    border-color: #FFFFFF33;
    gap: 10px;
}

.hero-content.container-border-left-right .drukgreen-btn.btn-1 {
    border: 1px solid #00aab1;
    background: #00aab1;
    position: absolute;
    left: 60px;
}

.hero-para-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 10;
}

.hero-para-first {
    color: #FFFFFFCC;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
}

.hero-para-second {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'Cook Conthic';
    font-weight: bold;
    line-height: 1;
}

.hero-banner-discover-card {
    position: absolute;
    bottom: 50px;
    right: 60px;
    border-radius: 12.05px;
    backdrop-filter: blur(8.433234214782715px);
    background: #FFFFFF33;
    cursor: pointer;
    min-width: 185px;
    max-width: 200px;
}

.link-card-slide {
    padding: 20px;
}

.hero-banner-discover-card.card-1 {
    left: 60px;
    right: initial;
}

.hero-banner-discover-img-thumb {
    border-radius: 8px;
    overflow: hidden;
    width: 90px;
    height: 100px;
}

.hero-banner-discover-img-thumb img {
    width: 100%;
    object-fit: cover;
}

.disover-para {
    color: #FFFFFF;
    width: 53%;
    text-align: start;
    margin-left: auto;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    transform: all 0.8s ease;
}

.disover-arrow {
    display: flex;
    align-items: flex-end;
}

.disover-arrow svg {
    width: 28px;
    height: 28px;
    transition: transform 0.3s ease;
}

.hero-banner-discover-card:hover .disover-arrow svg {
    animation: arrowSlideRight 0.6s ease-in-out;
}

.hero-para-wrap {
    max-width: 400px;
    flex-direction: column;
    align-items: center;
}


.hero-heading {
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
}

.hero-para {
    text-align: center;
    color: #FFFFFFE5;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

@keyframes arrowSlideRight {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(8px);
    }
}

.hero-slider {
    position: relative;
}

.hero-slide-item {
    position: relative;
    width: 100%;
    /* height: 650px; */
    aspect-ratio: 1920 / 800;
    overflow: hidden;
}

.hero-slide-item .hero-img-background {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-slide-item .hero-img-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.hero-slider .slick-dots li {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0;
    transition: all 0.3s ease;
}

.hero-slider .slick-dots li.slick-active {
    width: 30px;
    background: #FFFFFF;
    border-radius: 20px;
}

.hero-slider .slick-list,
.hero-slider .slick-track {
    height: 100%;
}

.hero-slider .slick-dots {
    bottom: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    gap: 30px;
}

.hero-slider .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.hero-slider .slick-dots li.slick-active {
    outline: 1px solid white;
    outline-offset: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}


/* navigation section css  */
.navigation-journey {
    width: 100%;
    background-color: #F9F9F9;
}

.navigation-journey .drukgreen-container {
    max-width: 100%;
}

.navigation-journey-wrapper {
    width: 100%;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.navigation-card-wrapper {
    cursor: pointer;
}

.navigation-card-numbering {
    color: #404040;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 12px;
}

.navigation-card-visual {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.navigation-card-visual img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;

}

/* about dgpc section css  */
.about-dgpc {
    width: 100%;
    background-color: #FFFFFF;
    overflow: hidden;
}

.about-dgpc .drukgreen-container {
    max-width: 100%;
    height: 100%;
}

.about-dgpc-wrapper {
    width: 100%;
    position: relative;
    height: 100%;
}

.about-dgpc-header {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    font-weight: 700;
    font-size: 170px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dgpc-header-float.left {
    color: #243F80;
}

.dgpc-header-float.right {
    color: #0B9146;
}

.dgpc-header-float {
    transition: transform 1s ease-in-out;
    display: inline-block;
}

.dgpc-header-float.text-changed {
    position: absolute;
    transform: none !important;
    transition: none;
}

.dgpc-header-float.text-changed.left {
    left: 0;
}

.dgpc-header-float.text-changed.right {
    right: 0;
}

.about-dgpc:hover .dgpc-header-float.left:not(.text-changed) {
    transform: translateX(-102%);
}

.about-dgpc:hover .dgpc-header-float.right:not(.text-changed) {
    transform: translateX(102%);
}


.about-dgpc-content {
    max-width: 850px;
    margin: auto;
    position: relative;
    z-index: 2;
    transform: translateY(200%);
}

.add-translate {
    transition: all 1s ease-in-out;
}

.about-dgpc:hover .about-dgpc-content {
    transform: translateY(0);
}


.about-seperate-line {
    width: 100%;
    height: 1.1px;
    background-color: #E0E0E0;
    margin: 35px 0;
    position: relative;
}

.about-seperate-line::after,
.about-seperate-line::before {
    content: "";
    width: 1.1px;
    height: 10px;
    position: absolute;
    top: 50%;
    background-color: #E0E0E0;
    transform: translateY(-50%);
}

.about-seperate-line::after {
    left: 0;
}

.about-seperate-line::before {
    right: 0;
}

.dgpc-stat-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.dgpc-state-number {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 5px;
}

.dgpc-state-text {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
}

.dgpc-state-wrapper {
    padding: 0 30px;
    height: 100%;
    position: relative;
    border-right: 1.5px solid #E0E0E0;
    display: flex;
    align-items: center;
}

.dgpc-stat-inner-box {
    margin: 0 auto;
}

.dgpc-state-wrapper:last-child {
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* power section css  */
.power-section {
    width: 100%;
    background-color: #F9F9F9;
    padding-bottom: 0 !important;
}

.power-section-top-box {
    display: flex;
    gap: 50px;
}

.power-section-para {
    max-width: 860px;
}


.heading-radient-wrapper {
    display: flex;
    /* max-width: 300px; */
    gap: 10px;
}

.power-grid-box {
    width: 100%;
    margin-top: 30px;
    position: relative;
    height: 290px;
}

.power-grid-card.no-data {
    background-color: transparent;
}

.power-grid-card:last-child .power-grid-card-text .big-txt {
    background-image: none;
    background-clip: unset;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.power-grid-mask-img img {
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 2;
}

.drukgreen-bounce-btn {
    position: relative;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    animation: drukgreen-bounce 1.5s ease-in-out infinite;
    z-index: 5;
}

.drukgreen-bounce-outer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #0B914633;
    border-radius: 50%;
}

.drukgreen-bounce-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #0B9146;
    border-radius: 50%;
}

@keyframes drukgreen-bounce {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }
}

.drukgreen-bounce-wrapper {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.power-grid-card-box {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 40px;
}

.power-grid-card {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    z-index: 3;
    min-width: 206px;
}

.power-grid-card-text {
    font-size: 12px;
    font-weight: 500;
    color: #404040;
}

.power-grid-card-text.second {
    font-size: 14px;
}


.power-grid-card-text .big-txt {
    font-size: 24px;
    font-weight: 700;
}

.druk-common-gradient .power-grid-card-text {
    color: #ffff;
}

.power-grid-tower-mask {
    position: absolute;
    bottom: 0;
    bottom: -157%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.power-grid-tower-mask img {
    height: 100%;
    opacity: 0.6;
}

.power-grid-tower-mask.middle {
    display: block;
}

.power-graphic-heading {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.power-graphic-text {
    font-size: 138px;
    color: #444C63;
    display: inline-flex;
    align-items: flex-start;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

.power-grap-wrap {
    position: relative;
    display: inline-flex;
    width: 140px;
    height: 100%;
    padding-top: 15px;
}

.power-grap-wrap img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

/* core operation section css  */
.core-operation-section {
    width: 100%;
    background-color: #fff;
}

.core-operation-wrapper {
    width: 100%;
}

.core-operation-slider-box {
    width: 100%;
    border: 1px solid #D3D3D6;
    border-radius: 18px;
    padding: 30px 0;
    background-color: #FFFFFF;
    /* min-height: 540px; */
    justify-content: center;
}

.core-operation-slider-box {
    display: flex;
}

.core-operation-slide {
    text-decoration: none;
    max-width: 506px !important;
}

.core-operation-slide:last-child .core-operation-slide-wrapper {
    border-right: none;
}

.core-slide-content {
    margin-top: 20px;
    position: relative;
    transform: translateY(0);
    transition: all 0.6s ease;
}

.core-slid-header-wrapper {
    max-width: 90%;
}

.core-slide-cta {
    transition: transform 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
}

/* .core-operation-slide:hover .core-slide-cta svg {
    animation: arrowNavigateSlide 0.8s ease-in-out;
} */

@keyframes arrowNavigateSlide {

    0%,
    100% {
        transform: translate(0);
    }

    50% {
        transform: translate(2px, 0);
    }
}

.core-operation-slide-wrapper {
    padding: 0 30px;
    border-right: 1px solid #E0E0E0;
}


.core-slid-img-thumb {
    /* width: 100%; */
    height: 350px;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.6s ease;
}

.core-slid-img-thumb-parent {
    height: 350px;
}

.core-operation-slide:hover .core-slide-content {
    transform: translateY(-50px);
}

.core-operation-slide:hover .core-slid-img-thumb {
    height: 300px;
}


.core-slid-img-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.core-slide-heading {
    font-size: 20px;
    color: #404040;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

.core-slide-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #707070;
    transition: all 1s ease;
}

.core-slide-para strong {
    color: #707070;
    font-weight: 600;
    font-size: 16px;

}

.core-operation-slide:hover .core-slide-para.one-line {
    -webkit-line-clamp: initial;
}


.slider-controls {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}

.slide-counter {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
}

.current-slide,
.latest-current-slide {
    font-weight: 500;
}

.slide-separator {
    color: #404040;
    font-weight: 400;
    font-size: 16px;
}

.total-slides,
.latest-total-slides {
    color: #707070;
}

.slider-arrows {
    display: flex;
    gap: 12px;
}

.slider-arrows svg {
    width: 9px;
}

.slider-prev-btn,
.slider-next-btn,
.latest-slider-prev-btn,
.latest-slider-next-btn,
.investor-slider-prev-btn,
.inverstor-slider-next-btn {
    width: 48px;
    height: 48px;
    border: 0.7px solid #D4D4D4;
    border-radius: 50%;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #404040;
}



.slider-prev-btn:hover,
.slider-next-btn:hover,
.latest-slider-prev-btn:hover,
.latest-slider-next-btn:hover,
.investor-slider-prev-btn:hover,
.inverstor-slider-next-btn:hover {
    background: linear-gradient(90deg, #0B9146 0%, #243F80 93.86%);
    border-color: transparent;
    color: #fff;
}

.investor-slider-prev-btn:hover svg path,
.inverstor-slider-next-btn:hover svg path {
    stroke: #fff;
}

.slider-prev-btn.slick-disabled,
.slider-next-btn.slick-disabled,
.latest-slider-prev-btn.slick-disabled,
.latest-slider-next-btn.slick-disabled,
.investor-slider-prev-btn.slick-disabled,
.inverstor-slider-next-btn.slick-disabled,
.common-slider-btn.slick-disabled,
.slider-prev-btn.slick-disabled:hover,
.slider-next-btn.slick-disabled:hover,
.latest-slider-prev-btn.slick-disabled:hover,
.latest-slider-next-btn.slick-disabled:hover,
.investor-slider-prev-btn.slick-disabled:hover,
.inverstor-slider-next-btn.slick-disabled:hover,
.common-slider-btn.slick-disabled:hover {
    opacity: 0.4;
    cursor: default;
    background: transparent;
    border: 0.7px solid #D4D4D4;
}

.slider-prev-btn:disabled:hover,
.slider-next-btn:disabled:hover,
.latest-slider-prev-btn:disabled:hover,
.latest-slider-next-btn:disabled:hover {
    background: transparent;
    color: #404040;
}

.slider-progress,
.latest-slider-progress {
    flex: 1;
    height: 2px;
    background: #40404033;
    overflow: hidden;
    position: relative;
}

.progress-bar-fill,
.latest-progress-bar-fill {
    height: 100%;
    background: #00000099;
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 2px;
}

.common-slider-btn:hover svg path {
    stroke: #fff;
}

.common-slider-btn.slick-disabled:hover svg path {
    stroke: #404040;
}

.investor-slide-btn:hover svg path {
    stroke: #ffff;
}



/* featured section css  */

.featured-section {
    width: 100%;
    background-color: #F9F9F9;
}

.featured-parallex-wrapper {
    position: relative;
    border-radius: 20px;
    max-height: 600px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background: transparent;
}

.featured-parallex-wrapper::-webkit-scrollbar {
    display: none;
}

/* Sticky container that holds all layers */
.sticky-container {
    position: sticky;
    top: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
}

/* Each layer - absolutely positioned, stacked on top of each other */
.parallex-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 0.1s linear;
}

/* First layer visible by default */
.parallex-layer:first-child {
    clip-path: inset(0% 0 0 0);
}

.feature-parallex-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.feature-parallex-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.featured-parallex-content-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    gap: 30px;
    padding: 50px;
    align-items: flex-end;
    top: 0;
    left: 0;
}

.featured-parallex-content-box::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(89.55deg, rgba(0, 0, 0, 0.6) 32.24%, rgba(0, 0, 0, 0) 99.79%);
    z-index: -1;
    border-radius: 20px;
}

.featured-data-box {
    max-width: 361px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 70px;
    align-items: flex-start;
}

.featured-data-bottom.empty {
    display: none;
}

.feature-data-heading {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #FFFFFF;
    text-transform: capitalize;
}

.feature-data-para {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #ffffffdc;
    margin-top: 20px;
    margin-bottom: 25px;
}


.featured-data-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured-bottom-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
}

.data-bottom-box {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}

.data-bottom-text {
    color: #ffffff80;
    line-height: 1;
    font-weight: 400;
    font-size: 16px;
}

.data-bottom-text span {
    font-weight: 500;
    font-size: 36px;
}

.featured-circle-box {
    width: 385px;
    height: 385px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.featured-circle-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-circle-thumb {
    width: 213px;
    height: 213px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ffffff9e;
}

.featured-circle-thumb img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.circle-text {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
}

.circle-text.disabled {
    opacity: 0.6;
}

.circle-text.top {
    top: 12%;
}

.circle-text.right {
    right: 10%;
}

.circle-text.bottom {
    bottom: 12%;
}

.circle-text.left {
    left: 10%;
}

.circle-text.circle-line::after {
    content: "";
    width: 2px;
    height: 14px;
    background-color: #ffffffcc;
    position: absolute;
    top: -25px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
}

.circle-text.circle-line.bottom::after {
    top: auto;
    bottom: -25px;
}

.progress-circle {
    position: absolute;
    inset: 0;
    transform: rotate(-90deg);
    pointer-events: none;
}

.progress-bg {
    fill: none;
    stroke: #E0E0E0;
    stroke-width: 1;
    opacity: .4;
}

.progress-bar {
    fill: none;
    stroke: #E0E0E0;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-dasharray: 1300;
    stroke-dashoffset: 1300;
}

/* Spacer divs to create scroll space */
.scroll-spacer {
    height: 600px;
}


/* sustainability section css  */
.sustainability-section {
    background-color: #fff;
}


.sustainability-tab {
    position: relative;
    transition: height 1s ease;
    height: 90px;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sustainability-tab.remove-border-top {
    border-top: none !important;
}

.sustainability-tab.active {
    height: 300px;
    border-top: 0;
}

.sustainability-tab-heading {
    display: flex;
    /* height: 100%; */
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 20px;
}

.sustainability-tab.active .sustainability-tab-heading {
    display: none;
}

.sustainability-tab:last-child .sustainability-tab-heading {
    padding-bottom: 0;
}


.sustainability-tab-content {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.sustainability-tab-content::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0000006b;
    z-index: 3;
}

.sustain-content-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sustain-content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
    padding: 30px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.sustainability-tab.active .sustainability-tab-content {
    display: block;
}

.sustain-tab-number {
    font-size: 18px;
    font-weight: 300;
    color: #404040;
    line-height: 1;
}

.sustain-tab-para {
    font-size: 24px;
    font-weight: 400;
    color: #404040;
    line-height: 1;
    width: 600px;
    text-align: start;
    margin: 0 auto;
}

.sustain-tab-btn svg {
    width: 14px;
}

.sustain-tab-btn svg:last-child {
    display: none;
}


.sustain-content-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sustain-content-left .sustain-tab-number {
    color: #fff;
    font-weight: 300;
}

.sustain-tab-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border-radius: 12px;
    background: linear-gradient(148.05deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(42px);
    position: relative;
    isolation: isolate;
}

.sustain-tab-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(200deg,
            rgba(255, 255, 255, 0.7) 0%,
            #0C4876 35%,
            rgba(83, 85, 94, 0.5) 65%,
            rgba(255, 255, 255, 0.1) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.sustain-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sustain-card-metrics {
    font-weight: 400;
    color: #fff;
    font-weight: 400;
    display: flex;
    gap: 5px;
    font-size: 24px;
    align-items: flex-end;
    line-height: 1;
}

.sustain-card-metrics span {
    display: inline-block;
    font-size: 18px;
}

.sustain-card-para {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1.6;
}

.sustain-card-top img {
    width: 59px;
}

.sustain-content-middle {
    width: 680px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.sustain-content-heading {
    font-weight: 400;
    color: #F9F9F9;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #FFFFFF4D;
    width: 100%;
}

.sustain-content-para {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    width: 90%;
}


.sustain-content-wrapper .drukgreen-btn {
    background-color: #FFFFFF;
    color: #0B9146;
    height: fit-content;
    margin-top: auto;
    margin-bottom: 50px;
    border: 0;
}

.sustain-content-wrapper .drukgreen-btn .btn-icon svg path {
    stroke: #0B9146;
}

/* our companies section  */
.our-companies-section {
    background-color: #F9F9F9;
}

.our-companies-slider-wrapper {
    width: 100%;
    position: relative;
}

.our-companies-slider {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}

.our-companies-slide {
    outline: none;
}

.our-companies-logo-box {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-right: 1px solid #E0E0E0;
}

.our-companies-slide:last-child .our-companies-logo-box {
    border-right: 0;
}

.our-companies-logo-box:hover {
    transform: translateY(-2px);
}

.our-companies-logo-box img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* testimonials css  */
.testimonials-section {
    background-color: #fff;
}


.testimonial-meta-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}


.testimonial-slide-para {
    width: 400px;
    min-width: 400px;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
    line-height: 1.6;
    margin: auto;
    margin-left: 0;

}


.investor-slider-arrows {
    align-items: center;
    margin-top: 30px;
}

.testimonial-slider {
    width: 100%;
}

.testimonial-slider .slick-list.draggable {}

/* .testimonial-slider .slick-track{
    width: 100% !important;
} */
.testimonial-inverstor-name {
    color: #404040;
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
}

.inverstor-designation {
    font-size: 14px;
    line-height: 1.4;
    color: #707070;
    text-align: start;
    max-width: 200px;
}

.investor-slider-prev-btn,
.inverstor-slider-next-btn {
    border: 1px solid #404040;
    background: transparent;
}

.testimonail-img-thumb {
    width: 314px;
    min-width: 314px;
    margin: 0 auto;
    position: relative;
    background-color: #9B9CA1;
    border-radius: 24px;
    margin-left: 0;
}

.testimonial-after-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #0B9146;
    border-radius: 24px;
}

.testimonial-after-mask.one {
    opacity: 0.7;
    transform: rotate(-172.93deg);
}

.testimonial-after-mask.two {
    opacity: 0.4;
    transform: rotate(-166.02deg);
}

.testimonial-after-mask.three {
    opacity: 0.2;
    transform: rotate(-159.61deg);
}

.testimonial-after-mask.four {
    opacity: 0.7;
    transform: rotate(172.93deg);
}

.testimonial-after-mask.five {
    opacity: 0.4;
    transform: rotate(166.02deg);
}

.testimonial-after-mask.six {
    opacity: 0.2;
    transform: rotate(159.61deg);
}

.testimonial-meta-wrapper {
    margin-right: auto;
}

.testimonail-img-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
}


.testimonial-slide-wrapper {
    width: 100%;
    display: flex;
    gap: 50px;
    padding: 40px 0;
}


/* latest news css  */
.latest-news-section {
    background-color: #F9F9F9;
}


.latest-news-slider-wrapper {
    overflow: visible;
    position: relative;
}


.latest-news-slider {
    /* margin-right: -5%; */
    /* margin-right: -100px; */

}

.latest-news-slider .slick-list {
    /* overflow: visible; */
}

.latest-news-slide {
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    min-height: 368px;
    border-radius: 20px;
    display: block;
}

.latest-news-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
    z-index: 1;
    transition: all 0.8s ease;
}

.latest-news-slide:hover .latest-news-img {
    transform: scale(1.1);
}

.latest-news-slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.6%, #000000 100%);
    padding: 20px;
    display: flex;
    align-items: flex-end;
}

.latest-news-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.latest-news-info-box {
    position: relative;
    z-index: 4;
    max-width: 70%;
}

.latest-news-date {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 5px;
    position: relative;
    display: inline-block
}

.latest-news-date::after {
    content: "";
    right: -35px;
    width: 23px;
    height: 0.69px;
    background-color: #FFFFFF;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
}

.latest-news-para {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #FFFFFF;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* map section code  */

.map-section {
    height: 700px;
    position: relative;
}

.map-box-mask img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}

.map-tab-wrapper {
    width: 100%;
    position: relative;
    z-index: 2;
}


.map-tab-toggle-box {
    display: inline-flex;
    gap: 60px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 10px;
}

.map-toggle-btn {
    font-weight: 400;
    font-size: 18px;
    color: #ffffffcc;
    position: relative;
    cursor: pointer;
}

.map-toggle-btn.active {
    color: #FFFFFF;
}

.map-toggle-btn.active:after {
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.map-tab-box {
    display: none;
    margin-top: 30px;
    gap: 30px;
    align-items: center;
}

.map-tab-box.active {
    display: flex;
}

.drukgreen-bounce-btn.drukgreen-bounce-animation-off {
    animation: none !important;
}

.drukgreen-bounce-outer.indicator-white-outer {
    background: #FFFFFF33 !important;
}

.drukgreen-bounce-inner.indicator-white-inner {
    background: #FFFFFF !important;
}

.drukgreen-bounce-outer.indicator-yellow-outer {
    background: #C5C20933 !important;

}

.drukgreen-bounce-inner.indicator-yellow-inner {
    background: #C5C209 !important;
}

.no-position {
    position: unset;
    transform: unset;
    display: flex;
    align-items: center;
}

/* .hot-spot-box .no-position{
    justify-content: center;
} */

.project-indicator-item {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 20px 0;
}

.project-indicator-item {
    border-bottom: 0.5px solid #FFFFFF66;
    cursor: pointer;
}

.project-indicator-item:last-child {
    border-bottom: none;
}

.project-indicator-text {
    color: #FFFFFFCC;
    font-size: 14px;
    font-weight: 400;
}

.map-render-box {
    max-width: 937px;
    position: relative;
}

.render-map-img img {
    width: 100%;
    object-fit: cover;
}


.hot-spot-box {
    position: absolute;
}

.hot-spot-card {
    background: #FFFFFFE5;
    padding: 20px;
    border-radius: 16px;
    margin-top: 10px;
    min-width: 210px;
    display: none;
    position: absolute;
    transform: translateX(-40%);
    z-index: 222;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.147);
}

.close-map-card {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.project-indicator-tab {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    outline: 2px solid #fff;
    outline-offset: 4px;
}


.project-indicator-item.active .project-indicator-tab {
    background-color: #FFFFFF;
}

.project-indicator-item.active .project-indicator-tab.indicator-green {
    background-color: #0B9146;
}

.project-indicator-item.active .project-indicator-tab.indicator-yellow {
    background-color: #C5C209;
}

.development-category-box {
    display: none;
}

.development-category-box.active {
    display: block;
}

.hot-spot-card.align-left {
    left: 0;
    transform: translateX(0);
}

.hot-spot-card.align-right {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.hot-spot-card.align-top {
    top: auto;
    bottom: calc(100% + 10px);
    margin-top: 0;
    margin-bottom: 0;
}

.hot-spot-box:hover .hot-spot-card {
    display: block;
}

.hot-spot-card-header {
    font-size: 18px;
    font-weight: 500;
    color: #393939;
    margin-bottom: 10px;
}

.poject-info-list {
    display: flex;
    flex-direction: column;
}


.poject-info-list li {
    padding: 5px;
    border-top: 0.5px solid #0000001A;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.hot-spot-name {
    font-weight: 400;
    font-size: 12px;
    color: #707070;
}


.hto-spot-description {
    color: #404040;
    font-size: 14px;
    font-weight: 500;
}



/* footer  */
.page-footer {
    width: 100%;
}

.footer-wrapper {
    width: 100%;
    background: #FFFFFF;
    padding: 50px 50px 30px 50px;
    border-radius: 30px;
}

.footer-top {
    border-top: 1px solid #06000012;
    border-bottom: 1px solid #06000012;
    display: flex;
    width: 100%;
}

.footer-top-box {
    padding: 40px 30px;
    border-left: 1px solid #06000012;
    min-width: 20%;
}

.footer-top-box:first-child {
    border-left: none;
    padding-left: 0;
}

.footer-content-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-heading svg {
    display: none;
}

.footer-video-wrapper {
    width: 357px;
    height: 278px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    max-width: 100%;
}

.footer-video-wrapper video,
.footer-video-wrapper iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.footer-video-thumb {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
}

.footer-video-thumb.hide {
    opacity: 0;
    pointer-events: none;
}

.footer-video-thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.footer-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.footer-video-play-btn svg {
    animation: zoomPulse 2s ease-in-out infinite;
}

@keyframes zoomPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.footer-heading {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    margin-bottom: 20px;
}

.footer-link-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-text,
.footer-text a,
.footer-link-list li a {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
}

.footer-bottom {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-social-links {
    display: flex;
    gap: 20px;
    align-items: center;
}


/* ham list  */







@media (min-width: 1919px) {
    .drukgreen-container {
        max-width: calc(1920px - 140px);
    }

    .footer-box-heading {
        font-size: 36px;
    }

    .core-slid-img-thumb {
        height: 480px;
    }

    .core-slid-img-thumb-parent {
        height: 480px;
    }

    .core-operation-slide:hover .core-slide-content {
        transform: translateY(-40px);
    }

    .core-operation-slide:hover .core-slid-img-thumb {
        height: 440px;
    }

    .core-slid-img-thumb img {
        height: 100%;
    }


    .core-operation-slider-box .slick-list {
        width: 100%;
    }

    .core-operation-slider-box .slick-track {
        min-width: 100%;
    }

    .core-operation-slide {
        max-width: 33.3% !important;
    }

    .map-render-box {
        max-width: 1249px;
        width: 1249px;
    }

    .map-section {
        min-height: 930px;
    }

    .latest-news-slide {
        min-height: 460px;
    }

    .project-indicator-text {
        font-size: 18px;
    }

    .map-toggle-btn {
        font-size: 21px;
    }

    .power-grid-box {
        height: 360px;
    }

    .power-grid-tower-mask {
        bottom: -224%;
    }

    .power-grid-tower-mask img {
        height: 225px;
        max-width: initial;

    }

    .power-graphic-text {
        font-size: 184px;
    }

    .testimonial-slide-para {
        width: 524px;
        font-size: 21px;
    }

    .testimonail-img-thumb {
        width: 340px;
    }

    .drukgreen-para-primary {
        font-size: 21px;
    }

    .common-grdient-text {
        font-size: 26px;
    }

    .heading-radient img {
        width: 24px;
    }

}

@media (min-width: 991px) {
    .testimonial-inverstor-name {
        min-width: 350px;
    }

    .investor-slider-arrows {
        margin-top: 0;
    }

    .inverstor-designation {
        min-height: 90px;
    }
}


@media (min-width: 1680px) {

    .drukgreen-hero-section .hero-content {
        padding: 30px 0;
    }

    .hero-banner-discover-card {
        bottom: 30px;
    }

}

@media (max-width: 1520px) {

    .power-graphic-text {
        font-size: 136px;
    }

    .power-grap-wrap {
        width: 110px;
    }

}

@media (max-width: 1440px) {
    .power-section-para {
        max-width: 780px;
    }
}

@media (max-width: 1399px) {
    .power-graphic-text {
        font-size: 116px;
    }

    .power-grap-wrap {
        width: 100px;
    }

    .featured-circle-box {
        width: 360px;
        height: 360px;
    }

    .featured-circle-thumb {
        width: 200px;
        height: 200px;
    }

    .circle-text {
        font-size: 14px;
    }

    .map-render-box {
        width: 780px;
    }

    .testimonial-slide-para {
        min-width: 380px;
        width: 380px;
    }

    .about-dgpc-header {
        font-size: 130px;
    }

    .core-slid-img-thumb {
        height: 280px;
    }

    .core-slid-img-thumb-parent {
        height: 280px;
    }


    .core-operation-slide:hover .core-slid-img-thumb {
        height: 240px;
    }

    .hero-slide-item {
        aspect-ratio: 1920/1024;
    }
}


@media (max-width: 1199px) {

    .hero-slider .slick-dots {
        padding-left: 7px;
    }

    .navigation-journey-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .about-dgpc-header {
        font-size: 120px;
    }

    .about-dgpc:hover .dgpc-header-float.left {
        transform: translateX(-105%);
    }

    .about-dgpc:hover .dgpc-header-float.right {
        transform: translateX(105%);
    }

    .about-dgpc-content {
        max-width: 700px;
    }

    .dgpc-stat-box {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .dgpc-state-wrapper:last-child {
        padding: 0;
        grid-column: 1 / -1;
        justify-content: center;
    }

    .power-section-top-box {
        flex-direction: column;
        gap: 30px;
    }

    .power-graphic-text {
        font-size: 96px;
    }

    .power-grap-wrap {
        width: 80px;
    }

    .featured-circle-box {
        left: 70%;
    }

    .sustain-content-middle {
        width: 440px;
    }

    .testimonial-slide-wrapper {
        gap: 30px;
    }

    .core-operation-slider-box {
        /* min-height: 420px; */
    }

    .footer-top-box {
        min-width: 160px;
    }



}

@media (max-width: 1024px) {

    .hero-banner-discover-card {
        /* bottom: 66%; */
        right: 0px;
    }

    .hero-banner-discover-card.card-1 {
        left: 0;
    }



    .navigation-journey-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .common-py {
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .hero-slider .slick-dots li.slick-active {
        outline-offset: 4px;
    }

    .about-dgpc-header {
        font-size: 80px;
    }

    .about-dgpc:hover .dgpc-header-float.left {
        transform: translateX(-108%);
    }

    .about-dgpc:hover .dgpc-header-float.right {
        transform: translateX(108%);
    }

    .about-dgpc-content {
        max-width: 540px;
    }

    .power-graphic-text {
        font-size: 70px;
    }

    .power-grap-wrap {
        width: 60px;
    }

    .power-grap-wrap {
        padding-top: 5px;
    }

    .featured-circle-box {
        left: 75%;
        width: 320px;
        height: 320px;
    }

    .featured-circle-thumb {
        width: 160px;
        height: 160px;
    }

    .circle-text {
        font-size: 14px;
    }

    .featured-parallex-content-box {
        padding: 30px;
    }

    .featured-data-box {
        justify-content: center;
    }

    .section-heading-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .core-slid-img-thumb {
        height: 290px;
    }

    .core-slid-img-thumb-parent {
        height: 290px;
    }

    .core-operation-slide:hover .core-slide-content {
        transform: translateY(-40px);
    }

    .core-operation-slide:hover .core-slid-img-thumb {
        height: 250px;
    }

    .sustain-tab-card {
        display: none;
    }

    .footer-top {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-top-box:last-child {
        border-left: none;
        padding-left: 0;
    }

    .footer-content-box {
        padding-top: 0;
        gap: 30px;
    }

    .ham-list-left,
    .ham-list-right {
        padding-left: 50px;
    }

    .ham-nav-list {
        min-width: 280px;
    }

    .testimonial-slide-para {
        min-width: 280px;
        width: 280px;
    }

    .testimonail-img-thumb {
        min-width: 280px;
        width: 280px;
    }

    .map-tab-box {
        flex-direction: column-reverse;
    }

    .map-section {
        height: auto;
        overflow: unset;
    }

    .map-render-box {
        margin: 100px 0;
    }

    .project-indiactor-box {
        display: flex;
        width: 100%;
        align-items: flex-start;
        justify-content: center;
    }

    .project-indicator-item:first-child {
        border-bottom: 0;
        padding-left: 0;
    }

    .project-indicator-item {
        padding: 5px 30px;
    }

    .project-indicator-item {
        gap: 10px;
        border: none;
    }

    .drukgreen-btn:hover .btn-icon {
        animation: none;
    }

    .ham-nav-link img {
        position: absolute;
        right: 15px;
        pointer-events: none;
        display: block;
        rotate: 45deg;
    }

    .ham-nav-link {
        position: relative;
    }

    .ham-nav-link a {
        width: max-content;
    }
}




@media (max-width: 991px) {

    .testimonail-img-thumb {
        margin-left: auto;
    }

    .hero-slide-item {
        aspect-ratio: 991/720;
    }

    .footer-video-wrapper {
        width: 290px;
        height: auto;
        aspect-ratio: 16 / 14;
    }

    .footer-bottom {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .testimonial-slide-wrapper {
        flex-direction: column-reverse;
    }

    .testimonial-slide-wrapper {
        padding: 30px 0 0;
        position: relative;
    }

    .testimonail-img-thumb {
        order: 1;
    }

    .testimonial-slide-para {
        max-width: 90%;
        width: auto;
        padding-bottom: 70px;
    }

    .testimonial-meta-wrapper {
        margin-left: 0;

    }

    .testimonial-meta-info {
        flex-direction: row;
        padding-top: 30px;
    }

    .testimonial-meta-info img {
        width: 110px;
    }

    .investor-slider-arrows {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0;
    }

    .map-render-box {
        width: 100%;
    }


    .hot-spot-card {
        margin-top: 5px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.147);
        background: #fffffff5;
    }

    .ham-video-box {
        display: none;
    }


}

@media (max-width: 767px) {
    .drukgreen-container {
        padding: 0 30px;
        max-width: 100%;
    }

    .drukgreen-para-primary {
        line-height: 1.6;
    }

    .page-header .page-header-wrapper {
        padding: 15px 0;
    }

    .container-border-left-right {
        border: none;
    }

    .hero-slider .slick-dots {
        left: 0;
        bottom: 15px;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 15px;
    }

    /* .btn-text {
        display: none;
    } */



    .navigation-journey-wrapper {
        padding: 0;
    }

    .common-py {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .partner-icon {
        display: block;
    }

    .partner-text {
        display: none;
    }

    .partner-sticky-btn {
        background: linear-gradient(90deg, #0B9146 0%, #243F80 93.86%);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        right: 20px;
        bottom: 50px;
        top: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        writing-mode: unset;
        transform: none;
        padding: 0;
        padding-top: 3px;
    }

    .about-dgpc-header {
        height: auto;
        width: 100%;
        position: relative;
        font-size: 24px;
        justify-content: flex-start;
        transition: none;
        transform: none;
        margin-bottom: 20px;
    }

    .dgpc-header-float.left {
        color: #404040;
    }

    .about-dgpc-content {
        max-width: 100%;
        width: 100%;
        transform: translateY(0)
    }

    .dgpc-state-number {
        font-size: 32px;
    }

    .dgpc-state-wrapper {
        padding: 0 10px;
    }

    .dgpc-state-wrapper .drukgreen-btn {
        width: 100%;
        max-width: 100%;
        padding: 12px 20px;

    }

    .dgpc-state-wrapper .drukgreen-btn .btn-icon {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin-left: 10px;
    }

    .dgpc-state-wrapper .drukgreen-btn .btn-icon svg {
        width: 12px;
        height: 12px;
    }

    .about-dgpc-info {
        text-align: start;
    }

    .about-dgpc:hover .dgpc-header-float.left,
    .about-dgpc:hover .dgpc-header-float.right,
    .about-dgpc:hover .dgpc-header-float.left:not(.text-changed),
    .about-dgpc:hover .dgpc-header-float.right:not(.text-changed) {
        transform: none;
    }


    .power-section-top-box {
        max-width: 100%;
        gap: 20px;
    }

    .heading-radient-wrapper {
        max-width: 100%;
    }

    .power-grid-tower-mask.middle {
        display: none;
    }

    .power-grid-tower-mask img {
        opacity: 1;
        height: 128px;
    }

    .power-grid-box {
        height: 260px;
    }

    .power-grid-card-box {
        padding: 0;
    }

    .power-grid-mask-img img {
        bottom: 80px;
    }

    .power-graphic-text {
        font-size: 60px;
    }

    .power-grap-wrap {
        width: 40px;
    }

    .power-graphic-heading {
        padding: 30px 0 0 0;
        margin-top: 10px;
    }

    .featured-section {
        background-color: #F9F9F9;
    }

    .featured-parallex-content-box::after {
        background: #00000066;
        width: 100%;

    }

    .featured-parallex-content-box {
        flex-direction: column-reverse;
    }

    .featured-circle-box {
        left: 50%;
    }


    .featured-data-bottom {
        display: none;
    }

    .featured-data-box {
        max-width: 100%;
        width: 100%;
        justify-content: flex-end;
    }

    .featured-data-top {
        width: 100%;
    }

    .featured-data-heading-wrapper .drukgreen-btn.tranparent {
        margin: auto;
        padding: 0;
        gap: 15px;
    }

    .featured-data-heading-wrapper .drukgreen-btn .btn-icon {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        right: auto;
        animation: none;
    }

    .feature-data-para {
        display: none;
    }

    .feature-data-heading {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }

    .slide-counter {
        font-size: 14px;
    }

    .slider-prev-btn,
    .slider-next-btn,
    .latest-slider-prev-btn,
    .latest-slider-next-btn {
        width: 32px;
        height: 32px;
    }

    .slider-controls {
        gap: 20px;
    }

    .slider-controls {
        margin-top: 20px;
    }

    .core-operation-slide-wrapper {
        border-right: none;
    }

    .core-operation-slide-wrapper {
        padding: 15px;
    }

    .core-operation-slider-box {
        padding: 0;
        height: auto;
    }

    .core-slid-img-thumb {
        height: auto;
    }

    .core-slid-img-thumb-parent {
        height: auto;
    }

    .core-operation-slide:hover .core-slid-img-thumb {
        height: auto;
    }

    .core-operation-slide:hover .core-slide-content {
        transform: translateY(0);
    }

    .core-slide-para.one-line {
        -webkit-line-clamp: 4;
    }

    .core-slid-header-wrapper {
        max-width: 90%;
    }

    .mobile-cta-show {
        display: flex;
    }

    .sustainability-tab {
        height: 80px;
    }

    .sustain-tab-number {
        font-size: 16px;
        margin-top: 4px;
    }

    .sustain-tab-para {
        font-size: 16px;
        line-height: 1.4;
    }

    .sustain-tab-btn svg:last-child {
        display: block;
    }

    .sustain-tab-btn svg:first-child {
        display: none;
    }

    .sustain-tab-btn svg {
        margin-top: 4px;
    }

    .sustain-tab-para {
        width: 400px;
    }

    .sustain-content-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        top: 70px;
    }

    .sustain-content-heading {
        padding-left: 40px;
    }

    .sustain-content-heading {
        font-size: 20px;
        line-height: 1.3;
        max-width: 90%;
    }

    .sustain-content-wrapper .drukgreen-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 0;
        margin-bottom: 0;
        width: 36px;
        height: 36px;
        max-width: none;
        border-radius: 50%;
        border: none;
    }

    .sustain-content-wrapper .drukgreen-btn .btn-text {
        display: none;
    }

    .sustain-content-wrapper .drukgreen-btn .btn-icon {
        position: relative;
        top: 0;
        bottom: 0;
        transform: none;
        right: 0;

    }


    .section-separator {
        display: none;
    }

    .sustainability-section {
        background-color: #fff;
        padding-bottom: 15px;
    }

    .our-companies-section {
        background-color: #F9F9F9;
    }

    .our-companies-section .drukgreen-container {
        max-width: 100%;
        padding: 0;
    }

    .our-companies-slider {
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

    .our-companies-logo-box {
        width: auto;
        height: 100px;
        margin: 20px 0;
        align-items: center;
        padding: 0 20px;
    }



    .footer-top {
        grid-template-columns: 1fr;
    }

    .footer-top-box {
        border-left: none;
        padding: 0;
    }

    .footer-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        user-select: none;
        margin-bottom: 0;
        padding: 15px 0;
        border-bottom: 1px solid #E0E0E0;
    }

    .footer-content-box .footer-heading {
        border-bottom: 0;
    }


    .footer-heading svg {
        display: block;
        transition: transform 0.3s ease;
    }

    .footer-heading.active svg {
        transform: rotate(180deg);
    }

    .footer-link-list {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .footer-link-list.active {
        max-height: 500px;
        margin-top: 20px;
    }

    .footer-col-wrap .footer-link-list {
        max-height: none;
        overflow: visible;
    }

    .footer-logo {
        display: none;
    }

    .footer-video-wrapper {
        width: 100%;
    }

    .footer-wrapper {
        padding: 30px;
    }

    .footer-content-box .footer-link-list {
        padding-bottom: 20px;
    }

    .page-footer {
        padding: 20px 0;
    }

    .ham-icon-desktop {
        display: none;
    }

    .ham-icon-mobile {
        display: block;
    }

    .btn-ham-text {
        display: none !important;
    }

    .close-icon {
        display: none;
    }

    .ham-icon-desktop {
        display: none;
    }

    .ham-icon-mobile {
        display: block;
    }

    .ham-btn.active .close-icon {
        display: block;
    }

    .ham-btn.active .ham-icon-mobile {
        display: none;
    }

    .ham-btn.active {
        right: 30px;
    }




    .ham-box {
        padding-top: 95px;
    }

    .ham-video-box {
        display: none;
    }

    .ham-list-left,
    .ham-list-right {
        padding-left: 30px;
    }

    .ham-nav-list {
        min-width: 200px;
    }


    .drukgreen-hero-section .hero-content {
        padding: 40px 0;
    }

    /* .testimonial-meta-info img {
        width: 80px;
    } */

    .testimonial-meta-info {
        gap: 0;
    }

    .power-grid-card.no-data {
        display: none;
    }

    .core-slide-content {
        padding: 10px 0 20px 0;
    }

    .core-slide-para.one-line {
        -webkit-line-clamp: initial;
    }

    .drukgreen-btn {
        font-size: 16px;
    }

    .hero-content.container-border-left-right .drukgreen-btn.btn-1 {
        position: relative;
        left: auto;
    }
}

@media (max-width: 620px) {

    .hero-banner-discover-card {
        display: none;
    }

    .header-logo {
        width: 120px;
    }

    .navigation-journey-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .navigation-card-numbering {
        font-size: 12px;
        margin-bottom: 10px;
    }

    /* .common-py {
        padding-top: 30px;
        padding-bottom: 30px;
    } */


    .dgpc-state-wrapper {
        padding: 0 8px;
    }

    .about-seperate-line {
        margin: 25px 0;
    }

    .about-seperate-line {
        height: 1px;
    }

    .about-seperate-line::after,
    .about-seperate-line::before {
        width: 1px;
    }

    .heading-radient img {
        width: 18px;
    }

    .heading-radient {
        font-size: 18px;
    }

    .drukgreen-heading-primary {
        font-size: 24px;
    }


    .power-grid-box {
        margin-top: 20px;
    }

    .power-graphic-text {
        font-size: 38px;
    }

    .section-heading-cta-wrapper .drukgreen-btn {
        display: none;
    }

    .section-heading-cta-wrapper {
        margin-bottom: 30px;
    }

    .section-heading-wrapper {
        gap: 10px;
    }

    .core-slide-heading {
        font-size: 18px;
    }

    .our-companies-logo-box {
        height: 50px;
    }

    .our-companies-logo-box img {
        max-height: 50px;
    }

    .latest-news-para {
        font-size: 18px;
    }

    .footer-wrapper {
        padding: 20px;
    }

    .ham-box {
        padding-top: 86px;
    }

    .page-header .page-header-wrapper {
        padding: 10px 0;
    }

    .page-header .page-header-wrapper .custom-logo-link {
        width: 120px;
        display: flex;
        align-items: center;
    }

    .page-header .page-header-wrapper .custom-logo-link img {
        object-fit: contain;
    }

    .ham-nav-link {
        padding-right: 30px;
    }

    .ham-nav-link,
    .ham-nav-link a {
        font-size: 18px;
    }

    .ham-sub-nav,
    .ham-sub-nav a {
        font-size: 16px;
    }

    .ham-nav-link img {
        width: 12px;
    }

    .ham-icons-box {
        gap: 15px;
        margin-top: 15px;
    }

    .ham-contact-header {
        margin-bottom: 15px;
    }

    .ham-icons-box a img {
        width: 20px;
        height: 20px;
    }


    .ham-text {
        font-size: 12px;
    }

    .testimonial-meta-info {
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    .testimonial-slide-para {
        margin-left: 0;
    }



    .inverstor-designation,
    .testimonial-inverstor-name {
        text-align: center;
        font-size: 24px;
    }

    .inverstor-designation {
        font-size: 14px;
    }

    .testimonial-slide-para {
        max-width: 100%;
    }

    .map-toggle-btn {
        font-size: 16px;
    }

    .map-tab-toggle-box {
        gap: 40px;
    }

    .map-tab-toggle-box {
        font-size: 12px;
    }

    .project-indicator-item {
        padding: 0 15px;
    }

    .hot-spot-card {
        transform: translateX(-27%);
    }

    .sustain-content-middle {
        max-width: 400;
        width: auto;
    }

    .hero-heading {
        font-size: 24px;
    }

    .hero-para {
        font-size: 14px;
    }

    .hero-para-wrap {
        gap: 5px;
        margin-bottom: 40%;
    }

    .heading-text-white {
        font-size: 18px;
    }

}

@media (max-width: 480px) {

    .common-py {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .power-graphic-heading {
        padding-top: 0;
    }

    .drukgreen-container {
        padding: 0 20px;
    }

    .hero-slide-item {
        /* height: 480px; */
        aspect-ratio: 480 / 600;
    }

    /* .dgpc-state-number {
        font-size: 28px;
    } */

    /* .dgpc-state-text {
        font-size: 11px;
    } */

    .dgpc-state-wrapper {
        padding: 0 4px;
    }

    .dgpc-state-wrapper:nth-child(3) {
        border-right: none;
    }

    .power-grid-card {
        padding: 15px;
        min-width: auto;
    }

    .power-grid-card-box {
        gap: 5px;
    }

    .power-grid-tower-mask {
        bottom: -160px;
    }

    .power-graphic-text {
        font-size: 30px;
    }

    .power-grap-wrap {
        padding-top: 2px;
    }

    .drukgreen-bounce-wrapper {
        bottom: -40px;
    }


    .sustain-content-heading {
        max-width: 92%;
    }


    .ham-list-right {
        padding: 20px;
    }

    .ham-list-left,
    .ham-list-right {
        padding-left: 20px;
        padding-bottom: 83px;
    }

    .ham-nav-list {
        padding: 20px 0;
    }

    .ham-social-box {
        padding-bottom: 0;
    }


    .ham-nav-link {
        padding-right: 20px;
    }

    .ham-nav-list {
        min-width: 180px;
    }

    .ham-nav-link,
    .ham-nav-link a {
        font-size: 16px;
    }

    .ham-sub-nav,
    .ham-sub-nav a {
        font-size: 14px;
    }

    .project-indicator-text {
        font-size: 12px;
    }

    .map-toggle-btn {
        font-size: 16px;
    }


    .project-indicator-item {
        padding: 0 8px;
    }

    .project-indicator-item:last-child {
        padding-right: 0;
    }

    .project-indicator-tab {
        width: 12px;
        height: 12px;
        outline-offset: 2px;
    }

    .project-indicator-text {
        font-size: 12px;
        text-wrap: nowrap;
    }


}