/*@import 'node_modules/locomotive-scroll/dist/locomotive-scroll';*/

/* Headings */
.primary-heading{font-size:var(--primary-heading-font-size);font-weight:600;line-height:1.1;}
.secondary-heading{font-size:var(--secondary-heading-font-size);font-weight:normal;line-height:1.4;} 
.paragraph-heading{font-size:var(--paragraph-font-size);line-height:1.5;}
.subtitle-heading{font-size:var(--subtitle-font-size);line-height:1.1;}
.extra-subtitle-heading{font-size:var(--extrasubtitle-font-size);line-height:1.1;}
.tertiary-heading{font-size:var(--tertiary-heading-font-size);font-weight:normal;}
.extra-secondary-heading{font-size:var(--extra-secondary-heading-font-size);font-weight:normal;}


/*bootstrap*/
.container-xxl{max-width:1700px !important;}


/* Utils */
.divide-line:before{position:absolute;content:'';height:67.25%;top:50%;left:100%;transform:translate(-50%, -50%);width:2px;}
.divide-line.green-line:before{background-color:#20372F;}
.divide-line.grey-line:before{background-color:var(--border-palette);}
.video-box:before {position: absolute; content: ''; width: 100%; height: 100%; z-index: 1;}
.video-container video {position: absolute; top: -100%; left: auto; width: 100%; height: 300%;}
.video-container iframe {position: absolute; top: -100%; left: auto; width: 100%; height: 300%;}
.extra-container:before{position:absolute;width:100px;height:100%;content:"";right:100%;background-color:var(--muted-green-palette);z-index:-1;}
.unselectable {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}



/*Triangel section*/
.managing-stakeholders{transform:translate(-75px, 45px);} .content-over-timelines{transform:translate(75px, 45px);}

/*Partition section */
#blam {  height:clamp(300px,50vw, 800px);width: 100%;margin: 0;padding: 0;position: relative;border-radius:clamp(20px,2vw, 40px);overflow:hidden;}
.partition-box{transition:transform 300ms ease;position:relative;padding-top:clamp(12px, 2vw, 24px);padding-left:clamp(6px, 2vw, 24px);cursor:pointer;} 
.partition-box.active{transform:scale(1.05);z-index:2;}  .partition-box.active:before{background-color:transparent;opacity:1;transition:opacity 300ms linear;}
.partition-container:hover .partition-box:hover:before{background-color:transparent;opacity:1;transition:opacity 300ms linear;}  
.partition-box:hover{transform:scale(1.05);z-index:2;}
.partition-box:first-child{background:transparent !important;}
.partition-container{transition:transform 300ms ease;}
.partition-box:before{content:"";position:absolute;width:100%;height:100%;background-color:white;opacity:0.7;left:0;top:0;transition:opacity 300ms linear;}
#track-record-section .divide-line:nth-child(even):before{opacity:0;}
.know-more-btn:hover img{transform:rotate(180deg);transform-origin: center;} .know-more-btn img{transition:transform 300ms ease;transform-origin: center;}
.icons-container div div:nth-child(5), .icons-container div div:nth-child(6){opacity:0;}



/*Viewport Animation*/
.py-6{padding-top:clamp(40px,5vw,60px);padding-bottom:clamp(40px, 5vw, 60px);}


/* Buttons */
.button{-webkit-appearance: none; /* Remove default styling on iOS */
        -moz-appearance: none;
        appearance: none;font-size:var(--subtitle-font-size);border-radius:var(--button-border-radius);padding:clamp(12px,1vw,14px) clamp(14px,1.8vw,24px);position:relative;text-decoration:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;transition:background-color var(--nav-transition-duration) ease, width var(--nav-transition-duration) ease;}
.button .chevron-icon{width:32px;height:32px;background-color:white;border-radius:50%;display:none;align-items:center;justify-content:center;}
.button:hover .chevron-icon{display:flex;}
.muted-green-button{color:var(--superlight-yellow-palette);background-color:var(--muted-green-palette);}
.light-green-button{color:var(--background-text-palette);background-color:var(--light-green-palette);}
.outlined-button{color:var(--dark-green-palette);background-color:#20372F26;border:1px solid var(--dark-green-palette);}
.dark-green-button{color:var(--background-text-palette);background-color:var(--dark-green-palette);}
.white-button{color:var(--dark-green-palette);background-color:var(--background-text-palette);}
.card-button{min-height:var(--card-height);text-decoration:none;color:var(--dark-green-palette);}
.transaction-card{text-decoration:none;color:var(--dark-green-palette);min-height:var(--card-height);}
.impact-btn:before{content:'';position:absolute;width:0%;height:100%;background-color:var(--dark-green-palette);top:0;right:0;transition:all 400ms linear;}
.impact-btn:hover:before{width:100%;left:0;} .impact-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.impact-btn:hover svg{fill:white;} .impact-btn:hover{cursor:initial;}
.button:before{content:"";position:absolute;width:100%;height:100%;background-color:inherit;top:0;left:0;border-radius:var(--button-border-radius);transition:width 300ms linear;}
.button:hover:before{width:calc(100% + 28px);} .button-icon{background-color:white;border-radius:50%;top:50%;right:0;transform:translate(50%, -50%) !important;opacity:0 !important;transition:opacity 200ms ease 100ms !important;}
.button:hover .button-icon{opacity:1 !important;}



/* draggable section */
.explore-section-container{overflow-y: hidden !important;overflow-x: scroll !important;cursor: all-scroll;scrollbar-width: none;}
.explore-section-container::-webkit-scrollbar{display:none;}

/* Carousel Section */
.carousel-control-prev, .carousel-control-next{width:20px !important;height:20px !important;top:50% !important;color:var(--dark-green-palette) !important;border-radius:50%;border:1px solid var(--dark-green-palette) !important;}
.carousel-control-prev{transform:translate(-200%, -50%);}
.carousel-control-next{transform:translate(200%, -50%);}


/* Navigation body */
.nav-body{width:0;height:0;z-index:-1;transition:all 500ms ease 100ms, z-index 100ms linear 400ms, opacity 0ms linear 400ms;width:0;height:0;opacity:0;}
.nav-body.active{z-index:5;transition:width 500ms ease 100ms, height 500ms ease 100ms, z-index 100ms linear 0ms;width:clamp(280px, 30vw, 400px);height:70vh;max-height:70vh;opacity:1;}
.overlay-active{min-height:100vh;position:relative;overflow-y:hidden;padding-right:var(--scroll-width-value);} 
.overlay-element{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000007d;transition:padding-right var(--nav-transition-duration) linear 400ms;z-index:2;transition:all 200ms linear 100ms;}
.nav-item span{background-color:var(--dark-green-palette);transform:translateX(clamp(35px,3vw,48px));transition:all 300ms linear;}
.nav-item:hover span{transform:translateX(0px);font-weight:bold;}


#headertop.hide-header {transform: translateY(-100%);transition: transform 0.4s;}

/* Show header when it doesn't have the class "hide-header" */
#headertop:not(.hide-header) {transform: translateY(0);transition: transform 0.2s;}
#headertop.hide-header-two { transform: translateY(0);transition: transform 0.2s;}