:root {
  --blue:#0029FF;
  --blue-light:#CCD4FF;
  --blue-medium:#7F94FF;
  --gray:#E1E8ED;
  --shades01:#FFFFFF;
  --shades02:#000000;
  --shades03:#F4F4F4;
  --shades04:#F8F8F8;
  --shades05:#EDEEF3;
  --shades06:#D8DAE1;
  --shades07:#B7B5C2;
  --shades08:#7B7984;
  --shades09:#5C5764;
  --shades10:#3D3D4A;
  --shades11:#130D2A;
  --gray01:#E0E7E9;
  --gray02:#CCD9DD;
  --blue-rgb:0, 41, 255;
  --blue-light-rgb:204, 212, 255;
  --blue-medium-rgb:127, 148, 255;
  --gray-rgb:225, 232, 237;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:244, 244, 244;
  --shades04-rgb:248, 248, 248;
  --shades05-rgb:237, 238, 243;
  --shades06-rgb:216, 218, 225;
  --shades07-rgb:183, 181, 194;
  --shades08-rgb:123, 121, 132;
  --shades09-rgb:92, 87, 100;
  --shades10-rgb:50, 46, 64;
  --shades11-rgb:19, 13, 42;
  --gray01-rgb:224, 231, 233;
  --gray02-rgb:204, 217, 221;
  --veiwWidth: calc(100vw - 17px);
  --padding: calc(var(--veiwWidth)/2 - 785px);
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; margin:0 auto !important;padding:0 !important;font-family: 'DM Sans', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 16px; line-height: 1.2; color: var(--shades11); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--shades10); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades06-rgb), 1);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: var(--shades05); border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--orange-rgb), 1); border-radius: 100vh; transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--blue); color:var(--blue-light)}
::-moz-selection{ background-color:var(--blue); color:var(--blue-light)}
::-webkit-selection{ background-color:var(--blue); color:var(--blue-light)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--blue) !important;text-shadow: 0 0 0 var(--blue-light);}
select:-moz-focusring {color: var(--blue) !important;text-shadow: 0 0 0 var(--blue-light);}
select:focusring {color: var(--blue) !important; text-shadow: 0 0 0 var(--blue-light);}
::input-placeholder{ color:var(--shades10) !important;}
::-moz-input-placeholder{ color:var(--shades10) !important;}
::-webkit-input-placeholder{ color:var(--shades10) !important;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
.container{max-width: none; width: 100%; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto;}
@media (min-width: 576px){
  :root {
    --padding: 16px;
  }
	.container{max-width: none; width: 100%; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 690px) / 2);
  }
	.container{max-width: 740px;}
}
@media (min-width: 992px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 960px) / 2);
  }
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1170px) / 2);
  }
	.container{max-width: 1170px;}
}
@media (min-width: 1400px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1250px) / 2);
  }
	.container{max-width: 1280px;}
}
@media (min-width: 1440px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1250px) / 2);
  }
	.container{max-width: 1360px;}
}
@media (min-width: 1520px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1370px) / 2);
  }
	.container{max-width: 1400px;}
}
@media (min-width: 1900px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1490px) / 2);
  }
	.container{max-width: 1520px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades10);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades07);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border: 1px solid var(--red);}
/* ********|| CHECKBOX END ||******** */

/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades10);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades07);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--red);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades10);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades10);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--red);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades10)}
/* ********|| SWITCH END ||******** */

/* ********|| TABS START ||******** */
.tabs { display: flex;gap: 12px;margin-bottom: 20px;overflow: auto;padding: 10px 0;}
.tabs .tab-button {display: flex;height: 44px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;border: 1px solid rgba(var(--shades02-rgb), 0.2);background-color: transparent;color: var(--shades02);font-size: 16px;font-weight: 600;gap: 8px;transition: all 0.3s ease;white-space: nowrap;}
.tabs .tab-button.active { background-color: var(--red); color: var(--blue);}
.tab-content { display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.tab-content.active {display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;}
/* ********|| TABS END ||******** */

/* ********|| FORM INPUTS START ||******** */
.form-group{position: relative; margin: 0 0 24px;}
.form-label{font-size: 18px; font-weight: 600;color: var(--shades10); display: block; line-height: 1.4; margin: 0 0 12px;}
.form-control{ box-shadow: none;border: 2px solid transparent;color: var(--shades10);background-color: var(--shades01);min-width: 50px;min-height: 56px;width: 100%;padding: 12px 16px;font-family: inherit;font-size: 18px;font-weight: 500;border-radius: 0; font-family: 'DM Sans', sans-serif; transition: all 0.3s ease;}
.form-control:focus{ border-color:var(--blue);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades07) !important; font-weight: 400 !important;}
.form-control:-moz-placeholder{color:var(--shades07) !important;opacity:  1 !important; font-weight: 400 !important;}
.form-control::-moz-placeholder{color:var(--shades07) !important; opacity:1 !important; font-weight: 400 !important;}
.form-control:-ms-input-placeholder{color:var(--shades07) !important; font-weight: 400 !important;}
.form-control::-ms-input-placeholder{color:var(--shades07) !important; font-weight: 400 !important;}
textarea.form-control{ resize:none; height: 120px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:rgba(var(--red-rgb), 0.1);  cursor: not-allowed;}
/* ********|| FORM INPUTS END ||******** */

/* ********|| DIALOG START ||******** */
.dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 15; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.dialog .dialog-inner{position: relative;width: 100%;height: 100%;overflow: auto;display: flex;flex-direction: column; }
.dialog .dialog-backdrop{position: fixed;width: 100%;height: 100%; top: 0; left: 0; z-index: -1; background-color: rgba(var(--shades02-rgb), 0.5);opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.dialog .dialog-content{position: relative;margin: 40px auto;width: 100%;max-width: 90%;background-color: var(--shades01);padding: 100px 80px;  opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.dialog .dialog-close{position: sticky;top: 16px;right: 20px;width: 70px;aspect-ratio: 7/5;background-color: var(--shades05);border: none;border-radius: 100px;display: flex;align-items: center;justify-content: center;padding: 0;font-size: 24px;color: var(--shades08); cursor: pointer; transition: all 0.3s ease;margin: -64px -64px 0 auto;}
.dialog .dialog-close:hover{ background-color: var(--blue); color: var(--shades01);}
.dialog.active{opacity: 1; visibility: visible;}
.dialog.active .dialog-backdrop{opacity: 1; visibility: visible;}
.dialog.active .dialog-content{ opacity: 1; visibility: visible;}
/* ********|| DIALOG END ||******** */

/* ********|| COMMON START ||******** */
.viewport{position: relative; width: 100%;z-index: 1; transition: all 0.3s ease;}
main{background-color: var(--shades01); width: 100%; position: relative;z-index: 0;}
/* ********|| COMMON END ||******** */

/* ********|| HEADER START ||******** */
header{position: sticky;top: 0;z-index: 9;background-color: var(--shades01);height: 96px;display: flex;align-items: center; transition: all 0.3s ease;}
header > .container{display: flex;align-items: center;max-width: 100%;padding: 0 56px;}
header .brand{position: relative;height: 36px; flex-shrink: 0;}
header .brand .logo{display: flex;width: 100%;height: 100%;background-repeat: no-repeat;background-size: 100px 48px;background-position: 0px 0px;transition: all 0.3s ease;}
header .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
header .brand .logo img+img{display: none;}
header .navigation{position: relative; margin: 0 0 0 auto; display: flex; align-items: center;}
header .menu-trigger{display: none;align-items: center;justify-content: center;height: 50px;aspect-ratio: 7 / 5;background-color: transparent;border: 1px solid var(--shades05);border-radius: 50px;font-size: 24px;color: var(--shades11);cursor: pointer; padding: 0;}
header .navigation-wrapper{position: relative;}
header .navigation-wrapper .menu-trigger{background-color: var(--gray);position: absolute;top: 20px;right: 20px;}
header .navigation-menu{display: flex;align-items: center;gap: 60px;list-style: none;margin: 0;padding: 0;}
header .navigation-menu .menu-item{position: relative;}
header .navigation-menu .menu-item:nth-child(1){display: none;}
header .navigation-menu .menu-link{ position: relative;z-index: 0; font-size: 18px;font-weight: 500;color: var(--shades11);display: flex;align-items: center;justify-content: center;height: 96px;line-height: 1;}
header .navigation-menu .menu-link:before{content:''; position: absolute; top: 50%; left: -8px; transform: translate(-100%, -50%); width: 14px; aspect-ratio: 1/1; background-image: url(../images/star-blue.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
header .navigation-menu .menu-link:hover:before, header .navigation-menu .menu-link.active:before{opacity: 1; visibility: visible;}
header .navigation-menu .menu-item .menu-link.dimmed{color: var(--shades08);}
header .header-options{position: relative; display: none; flex-direction: column;gap: 40px; padding: 40px 0 0;border-top: 1px solid var(--shades05);}
header .header-options .options{position: relative;}
header .header-options .options .option-label{font-size: 16px;font-weight: 500;line-height: 1.5;}
header .header-options .options .option-data{font-size: 16px;line-height: 1.5;color: var(--shades08); margin: 4px 0 0; display: flex; flex-direction: column; gap: 4px;}
header .header-options .options .data-link{font-size: 16px;line-height: 1.5;color: var(--shades08); display: flex; align-items: center; gap: 12px;}
header .header-options .options .data-link:hover{color: var(--blue);}
/* ********|| HEADER END ||******** */

/* ********|| BANNER START ||******** */
.section-hero{position: relative; padding: 120px 0; height: 650px; display: flex; align-items: center; background-color: var(--shades01);}
.section-hero .hero-content{position: relative;width: 100%;max-width: 920px;}
.section-hero .hero-title{font-family: 'Instrument Serif', sans-serif; font-size: 120px; font-weight: 400; line-height: 1; letter-spacing: -1.2px; margin: 0;}
.section-hero .hero-title span{color: var(--blue);}
.section-hero .hero-title p{margin: 0;}
/* ********|| BANNER END ||******** */

/* ********|| ABOUT START ||******** */
.section-about{position:relative; padding: 120px 0; min-height: 750px;display: flex; align-items: center; background-color: var(--gray); z-index: 0;}
.section-about .about-image{position: absolute; top: 0; left: 0; width: 50%; height: 100%;overflow: hidden;}
.section-about .about-image img{width: 100%; height: 100%; object-fit: cover;}
.section-about .about-content{position: relative; width: 100%; max-width: 560px; margin: 0 0 0 auto;}
.section-about .about-description{font-size: 40px;line-height: 1.4;font-weight: 500;letter-spacing: -0.2px;color: var(--shades10);}
/* ********|| ABOUT END ||******** */

/* ********|| PORTFOLIO START ||******** */
.section-portfolio{position: relative; padding: 250px 0; background-color: var(--shades01); z-index: 1;}
.section-portfolio .container{display: flex; justify-content: space-between; gap:80px;}
.section-portfolio .portfolio-container{width: 100%; max-width: 520px;}
.section-portfolio .portfolio-container+.portfolio-container{width: 100%; max-width: 760px;}
.portfolio-header{position: sticky; top: 200px;padding: 0 0 50px;}
.portfolio-header .portfolio-tag{display: flex; align-items: center; gap: 16px; margin: 0 0 40px;}
.portfolio-header .portfolio-tag .tag{position: relative; display: flex; align-items: center; justify-content: center; padding: 0 14px; height: 42px; font-size: 13px; font-weight: 600; color: var(--shades09);background-color: var(--shades04);}
.portfolio-header .portfolio-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0;}
.portfolio-header .portfolio-title span{color: var(--blue);}
.portfolios{position: relative; display: flex; flex-direction: column; gap: 80px; padding: 400px 0 0;}
.portfolios .portfolio{position: sticky; top: 200px; border:2px solid var(--shades05); padding: 64px 56px; background-color: var(--shades01); display: flex; flex-direction: column; height: 400px;}
.portfolios .portfolio .portfolio-image{position: relative; display: flex; height: 32px;}
.portfolios .portfolio .portfolio-image img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
.portfolios .portfolio .portfolio-description{margin: 40px 0 0; font-size: 20px; line-height: 1.6; color: var(--shades10);text-overflow: ellipsis;overflow: hidden;max-height: 64px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.portfolios .portfolio .portfolio-meta{margin: 16px 0 40px; display: flex; align-items: center;gap: 32px;}
.portfolios .portfolio .portfolio-meta .meta{font-size: 18px; font-weight: 300; line-height: 1.6;color: var(--shades08);}
.portfolios .portfolio .portfolio-actions{margin: auto 0 0; display: flex; align-items: center; gap: 30px;}
.portfolios .portfolio .btn-action{position: relative; display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 20px; gap: 8px; background-color: var(--gray); font-size: 16px; font-weight: 600; color: var(--shades11);}
.portfolios .portfolio .btn-action.alt{background-color: transparent; padding: 0;}
.portfolios .portfolio .btn-action:hover{background-color: var(--blue); color: var(--shades01);}
.portfolios .portfolio .btn-action.alt:hover{background-color: transparent; color: var(--blue);}
/* ********|| PORTFOLIO END ||******** */

/* ********|| PARTNERS START ||******** */
.section-partners{position: relative; background-color: var(--shades01);}
.partners-banner{position: relative; height: calc(100vh - 96px); display: flex; align-items: flex-end;z-index: 0;padding:160px 0; overflow: hidden;}
.partners-banner .banner-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;display: flex; overflow: hidden;}
.partners-banner .banner-image img{width: 100%; height: 100%; object-fit: cover;position: absolute;top: 0;left: 0;}
.partners-banner .banner-image img+img{object-fit: contain; object-position: bottom};
.partners-banner .banner-content{width: 100%;max-width: 320px;}
.partners-banner .banner-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0; color: var(--shades01);}
.partners-content{position: relative;padding: 200px 0;}
.partners-content .container{display: flex;}
.partners-content .partners-container{flex-shrink: 0;}
.partners-content .partners-container+.partners-container{flex-shrink: 1; flex-grow: 1;}
.partners-content .partners-header{width: 100%;max-width: 320px;}
.partners-content .partners-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0;}
.partners{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 60px; column-gap: 48px;}
.partners .swiper-wrapper{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 48px; column-gap: 60px;}
.partners .partner{position: relative;flex-shrink: 0; display: flex;}
.partners .partner:nth-child(4n+1) { grid-column-start: 2; }
.partners .partner:nth-child(4n+2) { grid-column-start: 3; }
.partners .partner:nth-child(4n+3) { grid-column-start: 4; }
.partners .partner:nth-child(4n) { grid-column-start: 1; }
.partners .partner-inner{position: relative; display: flex; flex-direction: column; gap: 24px;width: 100%; flex-shrink: 0;}
.partners .partner .partner-image{ position: relative; display: flex;width: 100%;aspect-ratio: 5 / 6;overflow: hidden;}
.partners .partner .partner-image img{width: 100%; height: 100%; object-fit: cover;transition: all 0.3s ease;}
.partners .partner .partner-image .partner-action{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(var(--blue-rgb), 0.9);display: flex;align-items: center;justify-content: center;opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.partners .partner .partner-image .partner-action span{display: flex;align-items: center;justify-content: center;height: 40px;background-color: var(--shades01);color: var(--shades11);padding: 0 16px;font-size: 13px;font-weight: 600; letter-spacing: 0.5px;}
.partners .partner .partner-info{position: relative;}
.partners .partner .partner-designation{margin: 4px 0 0; font-size: 14px; font-weight: 400; line-height: 1.2; color: var(--shades08);}
.partners .partner .partner-name{margin: 0; font-size: 20px; line-height: 1.6; font-weight: 500; letter-spacing: 0.5px;}
.partners .partner:hover .partner-image img{transform: scale(1.1);}
.partners .partner:hover .partner-action{opacity: 1; visibility: visible;}
/* ********|| PARTNERS END ||******** */

/* ********|| VALUES START ||******** */
.section-values{position: relative; background-color: var(--shades01);}
.values-banner{position: relative;  height: calc(200vh - 96px); display: flex; justify-content: center;}
.values-banner .values-banner-inner{position: sticky; top: 96px; width: 100%; height: calc(100vh - 96px); display: flex;align-items: center; justify-content: center; overflow: hidden;}
.values-banner .banner-image-wrapper{position: relative; width: 100%; height: 100%; display: flex;align-items: center; justify-content: center;}
.values-banner .banner-image{position: relative; overflow: hidden;width: 100%; height: 100%;}
.values-banner .banner-image img{width: 100%; height: 100%; object-fit: cover;}
.values-banner .banner-image .banner-decoration{position: absolute;top: 50%;left: 50%; width: 100%; height: 100%;transform: translate(-50%, -50%);z-index: 1; }
.values-banner .banner-image .banner-decoration .decoration{position: absolute; aspect-ratio: 1/1; height: 100%;z-index: 1;background-color: var(--shades01);border-radius: 50%;transform-origin: center;}
.values-banner .banner-image .banner-decoration .decoration.topLeft{top: -20px; left: -20px; transform: translate(-100%, -100%);}
.values-banner .banner-image .banner-decoration .decoration.topRight{top: -20px; right: -20px; transform: translate(100%, -100%);}
.values-banner .banner-image .banner-decoration .decoration.bottomLeft{bottom: -20px; left: -20px; transform: translate(-100%, 100%);}
.values-banner .banner-image .banner-decoration .decoration.bottomRight{bottom: -20px; right: -20px; transform: translate(100%, 100%);}
.values-banner .banner-text{position: absolute;z-index: 2;font-size: 56px;font-weight: 500;color: var(--shades11); opacity: 0; visibility: hidden;}
.values-banner .banner-text.topLeft{top: 15%;left: 0; transform: translateX(-100%);}
.values-banner .banner-text.bottomRight{bottom: 15%;right: 0; transform: translateX(100%);}
.values-content{position: relative; padding: 250px 0;}
.values-content .container{display: flex; gap: 56px;}
.values-content .values-container{flex-shrink: 0; max-width: 520px;}
.values-content .values-container+.values-container{flex-grow: 1; flex-shrink: 1; max-width: 100%;padding: 400px 0 0;}
.values-header{position: sticky; top: 200px;padding: 0 0 50px;}
.values-header .values-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0;max-width: 400px;}
.values-header .values-description{font-size: 24px; font-weight: 300; line-height: 1.6; color: var(--shades10); margin: 80px 0 0;}
.values-list{position: relative;}
.values-list .value-icon{position: absolute;z-index: 2;width: 36px;aspect-ratio: 1 / 1;left: 16px; /*opacity: 0; visibility: hidden;*/ transition: all 0.3s ease;}
.values-list .value-icon img{width: 100%; height: 100%; object-fit: contain;}
.values-list .values-item{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 20px 0 80px; min-height: 88px; gap: 24px; z-index: 0;}
.values-list .values-item:before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% + calc(calc(100vw - 1520px)/2) + 7px); height: 100%; background-color: var(--shades04); z-index: -1;opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.values-list .values-item .values-item-title{ font-size: 40px; line-height: 1.3; color: var(--shades07); flex-shrink: 0; width: 320px; transition: all 0.3s ease;}
.values-list .values-item .values-item-description{font-size: 20px;line-height: 1.6;letter-spacing: 0.5px;color: var(--shades09); flex-shrink: 1; flex-grow: 1; max-width: 520px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.values-list .values-item:hover:before{opacity: 1; visibility: visible;}
.values-list .values-item:hover .values-item-title{color: var(--shades11);}
.values-list .values-item:hover .values-item-description{opacity: 1; visibility: visible;}
.values-list .values-item.active:before{opacity: 1; visibility: visible;}
.values-list .values-item.active .values-item-title{color: var(--shades11);}
.values-list .values-item.active .values-item-description{opacity: 1; visibility: visible;}
.values-list:hover .value-icon{opacity: 1; visibility: visible;}
/* ********|| VALUES END ||******** */

/* ********|| CONNECT START ||******** */
.section-contact{position:relative; padding: 120px 0; min-height: 750px;display: flex; background-color: var(--blue-light); z-index: 1; overflow: hidden;}
.section-contact .container{display: flex;}
.section-contact .contact-image{position: absolute; top: 0; right: 0; width: 50%; height: 100%;overflow: hidden;}
.section-contact .contact-image img{width: 100%; height: 100%; object-fit: cover;}
.section-contact .contact-content{position: relative; width: 100%; max-width: 520px; margin: 0 auto 0 0; display: flex;flex-direction: column;}
.section-contact .contact-steps{display: none; opacity: 0; visibility: hidden; flex-direction: column;flex-grow: 1; flex-shrink: 1; width: 100%;}
.section-contact .contact-steps.active{display: flex; opacity: 1; visibility: visible; flex-direction: column;flex-grow: 1; flex-shrink: 1; width: 100%;}
.section-contact .contact-steps form{display: flex; flex-direction: column;flex-grow: 1; flex-shrink: 1; width: 100%;}
.section-contact .contact-steps .form-content{display: flex; flex-direction: column;flex-grow: 1; flex-shrink: 1; width: 100%;}
.section-contact .contact-steps .form-fieldsets{margin: 0 0 24px;}
.section-contact .contact-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0;}
.section-contact .contact-description{font-size: 24px;font-weight: 300;line-height: 1.6;color: var(--shades10); margin: 40px 0;}
.section-contact .contact-actions{display: flex; align-items: center; margin: auto 0 0; gap: 24px;}
.section-contact .btn-action{display: flex; align-items: center; justify-content: center; height: 56px; padding: 0 24px; background-color: var(--shades11); color: var(--shades01); font-size: 18px; font-weight: 600; cursor: pointer; position: relative; overflow: hidden; transition: all 0.3s ease;}
.section-contact .btn-action input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;cursor: pointer;}
.section-contact .btn-action.alt{background-color: transparent; color: var(--shades11);}
.section-contact .btn-action:hover{background-color: var(--blue);}
.section-contact .btn-action.alt:hover{background-color: rgba(var(--blue-rgb),0.2);}
/* ********|| CONNECT END ||******** */

/* ********|| MARQUEE START ||******** */
.section-marquee{position:sticky; top: 96px; padding: 80px 0; min-height: 400px;display: flex; align-items: center; background-color: var(--blue-medium); z-index: 2;}
.section-marquee .marquee-container{position: relative;overflow: hidden;}
.section-marquee .marquee-wrapper{display: flex;gap: 120px;white-space: nowrap;min-width: 200%;}
.section-marquee .marquee{display: flex; align-items: center; gap: 120px;}
.section-marquee .marquee .marquee-text{flex-shrink: 0;font-family: 'Instrument Serif', sans-serif;font-size: 180px; line-height: 1.2; letter-spacing: -2.2px; color: var(--shades11); white-space: nowrap;}
.section-marquee .marquee .marquee-separator{width: 60px; aspect-ratio: 1/1;flex-shrink: 0;}
.section-marquee .marquee .marquee-separator img{width: 100%; height: 100%; object-fit: contain;}
/* ********|| MARQUEE END ||******** */

/* ********|| FOOTER START ||******** */
footer{position: relative; z-index: 3; background-color: var(--shades11); padding: 120px 0 56px;}
footer .container{max-width: 100%; padding: 0 100px;}
footer .footer-row{display: flex; justify-content: space-between;gap: 40px;}
footer .footer-row:nth-child(2){margin: 120px 0 0;}
footer .footer-row:nth-child(3){margin: 80px 0 0; padding: 40px 0 0; border-top:1px solid rgba(var(--shades01-rgb), 0.1);}
footer .footer-column{position: relative;}
footer .footer-column+.footer-column{display: flex;}
footer .footer-brand{position: relative; height: 56px;}
footer .footer-brand .logo{display: flex; width: 100%; height: 100%;}
footer .footer-brand .logo img{width:100%; height: 100%; object-fit: contain; object-position: left;}
footer .footer-content{position: relative;width: 100%; min-width: 250px;}
footer .footer-title{font-size: 18px; font-weight: 400; line-height: 1.6; color: rgba(var(--shades01-rgb), 0.6); margin: 0 0 16px;}
footer .footer-company{display: flex; align-items: center; gap: 12px;}
footer .footer-company .company{display: flex; align-items: center; justify-content: center; height: 96px; padding: 0 32px; background-color: rgba(var(--shades01-rgb), 0.05); border-radius: 8px;}
footer .footer-company .company span{display: flex; height: 26px;}
footer .footer-company .company img{width:100%; height: 100%; object-fit: contain;}
footer .footer-address{font-size: 18px; font-weight: 600; line-height: 1.6; color: rgba(var(--shades01-rgb), 0.8);}
footer .footer-accolades{position: relative; height: 48px;}
footer .footer-accolades .logo{display: flex;width: 100%; height: 100%;}
footer .footer-accolades .logo img{width:100%; height: 100%; object-fit: contain;object-position: left;}
footer .footer-contact{position: relative;}
footer .footer-contact .contact-item{ display: flex; align-items: center; font-size: 18px; font-weight: 600; line-height: 1.6; color: rgba(var(--shades01-rgb), 0.8); gap: 12px;}
footer .footer-contact .contact-item+.contact-item{margin: 10px 0 0;}
footer .footer-contact .contact-item i{color: var(--shades08); line-height: 1; font-size: 24px; transition: all 0.3s ease;}
footer .footer-contact .contact-item:hover{color: var(--blue-medium);}
footer .footer-contact .contact-item:hover i{color: var(--blue-medium);}
footer .copyright{font-size: 16px; line-height: 1.5; color: rgba(var(--shades01-rgb), 0.5);}
footer .links{display: flex; align-items: center; gap: 24px;}
footer .links .link{font-size: 16px; line-height: 1.5; color: rgba(var(--shades01-rgb), 0.5);}
footer .links .link:hover{color: var(--blue-medium);}
/* ********|| FOOTER END ||******** */

/* ********|| DEFAULT PAGE START ||******** */
.section-default-page-banner{position: relative;overflow: hidden;height: 320px;width: 100%;display: flex;align-items: center;z-index: 0;}
.section-default-page-banner .banner-image{position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.section-default-page-banner .banner-image:after{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(var(--shades02-rgb), 0.5);}
.section-default-page-banner .banner-image img{width: 100%;height: 100%;object-fit: cover;}
.section-default-page-banner .banner-title{margin: 0;font-weight: 600;text-align: center;font-size: 60px;color: var(--shades01);letter-spacing: 0.6px;}
.section-default-page{position: relative;padding: 120px 0;background-color: var(--shades01);}
.section-default-page .default-content{position: relative;}
.section-default-page .default-description{font-size: 20px;line-height: 1.6;font-weight: 300;color: var(--shades09);letter-spacing: 0.5px;}
.section-default-page .default-description h1{font-size:48px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description h2{font-size:40px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description h3{font-size:36px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description h4{font-size:30px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description h5{font-size:24px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description h6{font-size:20px; margin: 24px 0 16px 0; line-height:1.2; font-weight:500;color: var(--shades11);letter-spacing: 0.5px;}
.section-default-page .default-description p{font-size: 18px;margin: 0 0 24px;line-height: 1.6;font-weight: 300;color: var(--shades09);letter-spacing: 0.5px;}
.section-default-page .default-description img{max-width: 100%; height: auto;display: inline-block;}
.section-default-page .default-description img.img-align-left{display: block;float: left;margin: 20px 30px 20px 0;}
.section-default-page .default-description img.img-align-right{display: block;float: right;margin: 20px 0 30px 20px;}
.section-default-page .default-description img.img-align-center{display: block; margin: 10px auto 10px;}
.section-default-page .default-description a{color: var(--blue); text-decoration: none; transition: all 0.3s ease;}
.section-default-page .default-description a:hover{color: var(--shades02);text-decoration: none;}
.section-default-page .default-description pre{color: var(--shades02);text-decoration: none;}
.section-default-page .default-description hr{border: 0 none;height: 1px;position: relative;clear: both;margin:50px 0 !important;;}
.section-default-page .default-description blockquote{font: inherit;display: block;position: relative;clear: both;overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;padding: 20px;border-radius: 4px;font-weight: 500;font-size: 16px;line-height: 1.5;color: var(--shades02);}
.section-default-page .default-description b,.section-default-page .default-description strong{color: var(--shades10);}
.section-default-page .default-description ul{margin: 20px 0 !important;}
.section-default-page .default-description ul li{font-size: 16px;line-height: 1.5;font-weight: 400;color: var(--shades09);}
.section-default-page .default-description ol{margin: 20px 0 !important;}
.section-default-page .default-description ol li{font-size: 16px;line-height: 1.5;font-weight: 400;color: var(--shades09);}
.section-default-page .default-description table td{font-size: 16px;line-height: 1.5;font-weight: 400;color: var(--shades09);}
.section-default-page .default-description table.blog {width: 100%;border-collapse: collapse;}
.section-default-page .default-description table.blog td, .section-default-page .default-description table.blog th{border: 1px solid var(--blue); padding: 5px 10px;}
/* ********|| DEFAULT PAGE END ||******** */

/* ********|| PORTFOLIO DIALOG START ||******** */
.portfolio-details{position: relative;}
.portfolio-details .container{display: flex; gap: 120px;}
.portfolio-details .portfolio-details-information{width: 520px; flex-shrink: 0; position: sticky; top: 100px; margin: 0 0 auto;}
.portfolio-details .portfolio-information-image{display: flex; overflow: hidden; height: 48px;margin: 0 0 80px;}
.portfolio-details .portfolio-information-image img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
.portfolio-details .portfolio-information-description{font-size: 40px; line-height: 1.3; color: var(--shades11); margin: 0 0 56px;}
.portfolio-details .portfolio-information-actions{margin: auto 0 0;display: flex;align-items: center;gap: 30px;}
.portfolio-details .portfolio-information-actions .btn-action{position: relative;display: flex;align-items: center;justify-content: center;height: 52px;padding: 0 20px;gap: 8px;background-color: var(--gray);font-size: 16px;font-weight: 600;color: var(--shades11);}
.portfolio-details .portfolio-information-actions .btn-action:hover{background-color: var(--blue); color: var(--shades01);}
.portfolio-details .portfolio-details-content{flex-shrink: 1; flex-grow: 1;}
.portfolio-details .content-block{position: relative;}
.portfolio-details .content-block+.content-block{margin: 100px 0 0;}
.portfolio-details .content-block .content-video{position: relative;}
.portfolio-details .content-block .video-lightbox{position: relative;display: flex;overflow: hidden;}
.portfolio-details .content-block .video-lightbox:after{content:'\f04b';font-family: "Font Awesome 6 Pro"; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 72px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;background-color: var(--shades01);border-radius: 50%;font-size: 28px;font-weight: 600;color: var(--shades10); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.portfolio-details .content-block .video-lightbox:hover:after{opacity: 1; visibility: visible;}
.portfolio-details .content-block .video-lightbox img{width: 100%; height: 100%; object-fit: cover;}
.portfolio-details .content-block .content-title{font-size: 32px; font-weight: 500; line-height: 1.4; letter-spacing: -0.64px; margin: 0;}
.portfolio-details .content-block .content-list{position: relative; margin: 24px 0 0;}
.portfolio-details .content-block .content-list .list-item{position: relative;}
.portfolio-details .content-block .content-list .list-item+.list-item{margin: 24px 0 0;}
.portfolio-details .content-block .content-list .item-title{font-size: 24px; font-weight: 500; line-height: 1.6; letter-spacing: -0.48px; margin: 0;}
.portfolio-details .content-block .content-list .item-description{font-size: 20px; line-height: 1.6; margin: 0; color: var(--shades09);font-weight: 300;}
.portfolio-details .content-block .content-stats{position: relative; margin: 24px 0 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;}
.portfolio-details .content-block .content-stats .stats-item{position: relative;}
.portfolio-details .content-block .content-stats .item-data{font-size: 56px;font-weight: 500; margin: 0;}
.portfolio-details .content-block .content-stats .item-label{font-size: 16px; line-height: 1.6; color: var(--shades08);}
.portfolio-details .content-block .content-description{font-size: 20px;line-height: 1.6;color: var(--shades09);margin: 24px 0 0;font-weight: 300;}
/* ********|| PORTFOLIO DIALOG END ||******** */

/* ********|| PARTNER DIALOG START ||******** */
.partner-details{position: relative;}
.partner-details .container{display: flex; gap: 120px;}
.partner-details .partner-details-image{width: 520px; aspect-ratio: 4/5; flex-shrink: 0;  overflow: hidden; position: sticky; top: 100px; margin: 0 0 auto;}
.partner-details .partner-details-image img{width: 100%; height: 100%; object-fit: cover;}
.partner-details .partner-details-content{flex-shrink: 1; flex-grow: 1;}
.partner-details .details-basic{position: relative;}
.partner-details .basic-title{font-family: 'Instrument Serif', sans-serif; font-size: 88px; font-weight: 400; line-height: 1; letter-spacing: -0.88px;margin: 0;}
.partner-details .basic-subtitle{margin: 16px 0 0; font-size: 20px; line-height: 1.6; letter-spacing: 0.5px; color: var(--shades09); font-weight: 300;}
.partner-details .basic-meta{margin: 40px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 40px;}
.partner-details .basic-meta .meta{ position: relative; height: 38px; display: flex; align-items: center; font-size: 24px; line-height: 1.6; font-weight: 500; color: var(--shades11); transition: all 0.3s ease;}
.partner-details .basic-meta .meta:hover{ color: var(--blue); }
.partner-details .details-profession{position: relative; margin: 80px 0 0;}
.partner-details .profession-title{font-size: 32px; line-height: 1.4; color: var(--shades11); margin: 0; font-weight: 500;}
.partner-details .profession-list{margin: 24px 0 0;position: relative;}
.partner-details .profession-item{position: relative;}
.partner-details .profession-item+.profession-item{margin: 16px 0 0;}
.partner-details .profession-item .profession-item-title{font-size: 20px; line-height: 1.6;color: var(--shades09);}
.partner-details .profession-item .profession-item-description{font-size: 20px; line-height: 1.6;color: var(--shades09);}
.partner-details .details-personal{position: relative; margin: 80px 0 0;}
.partner-details .personal-title{font-size: 32px; line-height: 1.4; color: var(--shades11); margin: 0; font-weight: 500;}
.partner-details .personal-description{font-size: 20px; line-height: 1.6;color: var(--shades09); margin: 16px 0 0;font-weight: 300;}
.partner-details .details-quote{position: relative; margin: 80px 0 0; max-width: 500px;}
.partner-details .quote-icon{color: var(--shades06);font-size: 36px; display: flex;}
.partner-details .quote-description{font-size: 40px; line-height: 1.3; color: var(--shades11); margin: 40px 0 0;}
.partner-details .quote-author{font-size: 20px; line-height: 1.6; color: var(--shades09);margin: 24px 0 0;}
/* ********|| PARTNER DIALOG END ||******** */

/* ********|| 404 PAGE NOT FOUND START ||******** */
.section-error-page {position: relative; height: calc(100vh - 96px); display: flex ; flex-direction: column; align-items: center; justify-content: center;}
.section-error-page .error-content { max-width: 920px; width: 100%; line-height: 1.4; text-align: center; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.section-error-page .error-title{ font-family: 'Instrument Serif', sans-serif; color: var(--shades05); font-weight: 900; font-size: 276px; line-height: 1; margin: 0; }
.section-error-page .error-subtitle{ font-size: 46px; color: #000; font-weight: 900; text-transform: capitalize; margin: 0 0 15px; }
.section-error-page .error-description{ font-size: 16px; color: #000; font-weight: 400;  margin: 0 0 15px;}
.section-error-page .error-description p{margin: 0;}
.section-error-page .error-actions{margin: 0 auto; display: flex ; align-items: center; gap: 30px;}
.section-error-page .error-actions .btn-action { margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 20px; gap: 8px; background-color: var(--gray); font-size: 16px; font-weight: 600; color: var(--shades11); }
.error-actions .btn-action:hover{background-color: var(--blue);color: var(--shades01);}
/* ********|| 404 PAGE NOT FOUND START ||******** */

/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width:1600px) {
  .values-list .values-item:before{width: calc(100% + calc(calc(100vw - 1400px) / 2) + 7px);}
}
@media screen and (max-width: 1540px) {
  footer .footer-company .company{height: 80px; padding: 0 24px;}
  footer .footer-content{min-width: 200px;}
}
@media screen and (max-width: 1440px) {
  .dialog .dialog-content{padding: 80px;}
  .section-hero .hero-content{max-width: 800px;}
  .section-hero .hero-title{font-size: 100px; letter-spacing: -1px;}
  .section-about .about-content{max-width: calc(50% - 80px);}
  .section-about .about-description{font-size: 36px;}
  .section-portfolio .portfolio-container{max-width: 440px;}
  .portfolio-header .portfolio-title{font-size: 72px;letter-spacing: -0.72px;}
  .portfolios .portfolio{padding: 56px 48px;}
  .partners-banner .banner-content{max-width: 280px;}
  .partners-banner .banner-title{font-size: 72px;letter-spacing: -0.72px;}
  .partners-content .partners-header{max-width: 280px;}
  .partners-content .partners-title{font-size: 72px;letter-spacing: -0.72px;}
  .partners{row-gap: 48px; column-gap: 36px;}
  .values-banner .banner-text{font-size: 48px;}
  .values-content .values-container{max-width: 480px;}
  .values-header .values-title{font-size: 72px;letter-spacing: -0.72px;}
  .values-header .values-description{font-size: 20px;}
  .values-list .values-item:before{width: calc(100% + calc(calc(100vw - 1360px) / 2) + 7px);}
  .values-list .values-item .values-item-title{font-size: 36px;letter-spacing: -0.36px;width: 280px;}
  .values-list .values-item .values-item-description{font-size: 16px;}
  .section-contact .contact-content{max-width: calc(50% - 160px);}
  .section-contact .contact-title{font-size: 72px;letter-spacing: -0.72px;}
  .section-contact .contact-description{font-size: 20px;}
  .section-marquee .marquee .marquee-separator{width: 52px;}
  .section-marquee .marquee .marquee-text{font-size:160px; letter-spacing: -2px;}
  footer .footer-address{font-size: 16px;}
  footer .footer-contact .contact-item{font-size: 16px;}
  footer .footer-contact .contact-item i{font-size: 20px;}
  .portfolio-details .container{gap: 40px;}
  .portfolio-details .portfolio-details-information{width: 480px;}
  .portfolio-details .portfolio-information-image{height: 44px;}
  .portfolio-details .portfolio-information-description{font-size: 36px;}
  .portfolio-details .content-block .content-stats .item-data{font-size: 48px;}
  .portfolio-details .content-block .content-title{font-size: 28px;}
  .portfolio-details .content-block .content-list .item-title{font-size: 20px;}
  .portfolio-details .content-block .content-list .item-description{font-size: 18px;}
  .portfolio-details .content-block .content-description{font-size: 18px;}
  .partner-details .container{gap: 40px;}
  .partner-details .partner-details-image{width: 480px;}
  .partner-details .basic-title{font-size: 72px;letter-spacing: -0.72px;}
  .partner-details .basic-meta .meta{font-size: 20px;}
  .partner-details .profession-title{font-size: 28px;}
  .partner-details .profession-item .profession-item-description{font-size: 18px;}
  .partner-details .personal-title{font-size: 28px;}
  .partner-details .personal-description{font-size: 18px;}
  .partner-details .quote-author{font-size: 18px;}
  .section-error-page .error-title{font-size: 180px;}
}

@media screen and (max-width: 1400px) {
  .values-list .values-item:before{width: calc(100% + calc(calc(100vw - 1280px) / 2) + 7px);}
}
@media screen and (max-width: 1366px) {
  .section-hero{height: 600px;}
  .section-hero .hero-content{max-width: 720px;}
  .section-hero .hero-title{font-size: 88px; letter-spacing: -0.88px;}
  .section-about{min-height: 680px;}
  .section-about .about-description{font-size: 32px;}
  .section-portfolio .portfolio-container{max-width: 400px;}
  .portfolio-header{padding: 0 0 120px;}
  .portfolio-header .portfolio-title{font-size: 66px; letter-spacing: -0.66px;}
  .portfolios .portfolio .portfolio-description{font-size: 18px;}
  .portfolios .portfolio .portfolio-meta .meta{font-size: 18px;}
  .partners .partner .partner-name{font-size: 18px;}
  .values-content .values-container{max-width: 400px;}
  .values-header .values-title{font-size: 66px; letter-spacing: -0.66px;}
  .values-header .values-description{font-size: 18px;}
  .values-list .values-item:before{width: calc(100% + calc(calc(100vw - 1170px) / 2) + 7px);}
  .values-list .values-item .values-item-title{font-size: 28px; letter-spacing: -0.28px; width: 240px;}
  .values-list .values-item .values-item-description{font-size: 14px;max-width: 100%;}
  .section-contact{min-height: 700px;}
  .section-contact .contact-title{font-size: 66px; letter-spacing: -0.66px;}
  .section-contact .contact-description{font-size: 18px;}
  .section-marquee{min-height: 360px;}
  .section-marquee .marquee .marquee-separator{width: 48px;}
  .section-marquee .marquee .marquee-text{font-size:120px; letter-spacing: -1.8px;}
  footer .footer-content{min-width: 180px;}
  footer .footer-brand{height: 50px;}
  footer .footer-company .company{height: 70px;padding: 0 16px;}
  footer .footer-company .company span{height: 20px;}
  footer .footer-title{font-size: 16px;}
  footer .footer-address{font-size: 14px;}
  footer .footer-contact .contact-item{font-size: 14px;}
  footer .footer-contact .contact-item i{font-size: 16px;}
  footer .copyright{font-size: 14px;}
  footer .links .link{font-size: 14px;}
  .portfolio-details .portfolio-information-image{height: 40px;}
  .portfolio-details .portfolio-details-information{width: 400px;}
  .portfolio-details .portfolio-information-description{font-size: 32px;}
  .partner-details .partner-details-image{width: 360px;}
  .partner-details .basic-title{font-size: 66px;letter-spacing: -0.66px;}
  .partner-details .basic-subtitle{font-size: 18px;}
  .partner-details .basic-meta .meta{font-size: 18px;}
  .partner-details .details-profession{margin: 60px 0 0;}
  .partner-details .profession-title{font-size: 24px;}
  .partner-details .profession-list{margin: 16px 0 0;}
  .partner-details .profession-item .profession-item-title{font-size: 18px;}
  .partner-details .profession-item .profession-item-description{font-size: 16px;}
  .partner-details .details-personal{margin: 60px 0 0;}
  .partner-details .personal-title{font-size: 24px;}
  .partner-details .personal-description{font-size: 16px;}
  .partner-details .details-quote{margin: 60px 0 0;}
  .partner-details .quote-description{font-size: 32px;margin: 24px 0 0;}
  .partner-details .quote-author{font-size: 16px;margin: 16px 0 0;}
}

@media screen and (max-width: 1280px) {
  
}
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar { display: none; }
  header .menu-trigger{display: flex;}
  header .navigation-wrapper{position: fixed; z-index: 11; top: 0;right: 0;width: 100%;max-width: 480px;height: 100%;background-color: var(--shades01);box-shadow: -10px 0px 30px rgba(var(--shades02-rgb), 0.2); padding: 24px 48px; transform: translateX(120%); transition: all 0.3s ease;}
  header .navigation-wrapper.active{transform: translateX(0%);}
  header .navigation-menu{flex-direction: column;align-items: flex-start; gap: 32px;padding:80px 0 40px;}
  header .navigation-menu .menu-item:nth-child(1){display: block;}
  header .navigation-menu .menu-link{height: auto;font-size: 32px; line-height: 1.1;}
  header .navigation-menu .menu-link:before{width: 20px;}
  header .header-options{display: flex;}
  header .navigation-backdrop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(var(--shades02-rgb), 0.75); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
  header .navigation-backdrop.active{opacity: 1; visibility: visible;}
  .section-hero{padding: 100px 0; height: 500px;}
  .section-about{padding: 100px 0; min-height: 600px;}
  .section-about .about-content{max-width: calc(50% - 60px);}
  .section-portfolio{padding: 100px 0;}
  .section-portfolio .container{gap: 40px;}
  .section-portfolio .portfolio-container{max-width: 360px;}
  .partners-content .partners-header{top: calc(100vh - 276px);}
  .portfolio-header .portfolio-title{font-size: 60px; letter-spacing: -0.6px;}
  .portfolios .portfolio .portfolio-image{height: 24px;}
  .portfolios .portfolio .portfolio-description{font-size: 16px;}
  .portfolios .portfolio .portfolio-meta .meta{font-size: 16px;}
  .portfolios .portfolio .portfolio-actions{gap: 24px;}
  .portfolios .portfolio .btn-action{height: 44px;font-size: 14px;}
  .partners-banner .banner-content{max-width: 240px;}
  .partners-banner .banner-title{font-size: 60px; letter-spacing: -0.6px;}
  .partners-content{padding: 120px 0;}
  .partners-content .partners-header{max-width: 240px;}
  .partners-content .partners-title{font-size: 60px; letter-spacing: -0.6px;}
  .partners{row-gap: 32px; column-gap: 20px;}
  .partners .partner .partner-designation{font-size: 12px;}
  .partners .partner .partner-name{font-size: 16px;}
  .values-banner .banner-text{font-size:36px;}
  .values-content{padding: 100px 0;}
  .values-content .values-container{max-width: 320px;}
  .values-header .values-title{font-size: 60px; letter-spacing: -0.6px;}
  .values-header .values-description{font-size: 16px;}
  .values-list .value-icon{width: 24px; left: 12px;}
  .values-list .values-item{padding: 0 20px 0 50px;min-height: 60px;gap: 16px;}
  .values-list .values-item:before{width: calc(100% + calc(calc(100vw - 960px) / 2) + 16px);}
  .values-list .values-item .values-item-title{font-size: 20px;letter-spacing: -0.2px;width: 200px;}
  .section-contact{padding: 100px 0;min-height: 700px;}
  .section-contact .contact-content{max-width: calc(50% - 80px);}
  .section-contact .contact-title{font-size: 60px; letter-spacing: -0.6px;}
  .section-contact .contact-description{font-size: 16px; max-width: 320px;}
  .section-contact .btn-action{height: 44px;font-size: 14px;}
  .section-marquee{padding: 100px 0;min-height:320px;}
  .section-marquee .marquee-wrapper{gap: 80px;}
  .section-marquee .marquee{gap: 80px;}
  .section-marquee .marquee .marquee-separator{width: 40px;}
  .section-marquee .marquee .marquee-text{font-size:100px; letter-spacing: -1.2px;}
  footer{padding: 100px 0 56px;}
  footer .container{padding-left: 16px; padding-right: 16px;}
  footer .footer-row:nth-child(2){margin: 60px 0 0;}
  footer .footer-brand{height: 36px;}
  .portfolio-details .container{flex-direction: column;gap: 80px;}
  .portfolio-details .portfolio-details-information{position: relative; top: auto;}
  .portfolio-details .content-block+.content-block{margin: 60px 0 0;}
  .partner-details .partner-details-image{width: 240px;}
  .partner-details .basic-title{font-size: 56px; letter-spacing: -0.56px;}
  .partner-details .basic-subtitle{font-size: 16px;}
  .partner-details .basic-meta{margin: 24px 0 0;}
  .section-error-page{height: auto;padding: 50px 0;}
  .section-error-page .error-title{font-size: 150px;}
}
@media screen and (max-width: 990px) {
  .section-hero{height: 400px;}
  .section-hero .hero-content{max-width: 500px;}
  .section-hero .hero-title{font-size: 60px; letter-spacing: -0.6px;}
  .section-about{min-height: 500px;}
  .section-about .about-image{width: 40%;}
  .section-about .about-image img{scale: 1.2 !important;}
  .section-about .about-content{ max-width: calc(60% - 60px);}
  .section-about .about-description{font-size: 28px;}
  .section-portfolio .container{flex-direction: column;}
  .section-portfolio .portfolio-container{max-width: 280px;}
  .portfolio-header{padding: 0; position: relative; top: auto;}
  .portfolio-header .portfolio-title{font-size: 48px; letter-spacing: -0.48px;}
  .portfolios{padding: 0;gap: 20px;}
  .portfolios .portfolio{padding: 48px 32px;height: auto;position: relative; top: auto;}
  .portfolios .portfolio .portfolio-description{max-height: none;overflow: unset;text-overflow: unset;-webkit-line-clamp: unset;-webkit-box-orient: unset;display: block;}
  .partners-banner{padding: 100px 0; height: 500px;}
  .partners-banner .banner-image img:first-child{scale: 1.2 !important;}
  .partners-banner .banner-content{max-width: 200px;}
  .partners-banner .banner-title{font-size: 48px; letter-spacing: -0.48px;}
  .partners-content{padding: 100px 0;}
  .partners-content .container{flex-direction: column; gap: 40px;}
  .partners-content .partners-header{max-width: 200px; position: relative; top: auto;padding: 0;}
  .partners-content .partners-title{font-size: 48px; letter-spacing: -0.48px;}
  .partners{column-gap: 24px;padding: 0; display: flex; overflow-x: auto; overflow-y: hidden;width: 100vw; transform: translateX(-50%); left: 50%; padding: 0 0 32px;}
  .partners .partner:first-child{padding-left: var(--padding);}
  .partners .partner:last-child{padding-right: var(--padding);}
  .partners .partner-inner{gap: 12px; width: 280px;}
  .partners .partner .partner-name{line-height: 1;}
  .values-content .container{flex-direction: column; }
  .values-content .values-container{max-width: 100%;}
  .values-header{position: relative; top:auto; padding: 0 24px;}
  .values-header .values-title{font-size: 48px; letter-spacing: -0.48px; max-width: 300px;}
  .values-header .values-description{margin: 40px 0 0;font-size: 20px; color: var(--shades08);}
  .values-content .values-container+.values-container{padding: 0;}
  .values-list .value-icon{display: none;}
  .values-list .values-item{min-height: 0;color: var(--shades08); padding: 0;display: block; border: 1px solid var(--shades06);}
  .values-list .values-item:before{display: none;}
  .values-list .values-item:after{content: ''; position: absolute; top: 16px; right: 16px; width: 24px; aspect-ratio: 1/1; background-image: url(../images/star-blue.svg); background-repeat: no-repeat; background-position: center; background-size: cover;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
  .values-list .values-item .values-item-title{font-size: 24px;letter-spacing: -0.2px;width: 100%;padding: 16px 64px 16px 24px;}
  .values-list .values-item .values-item-description{font-size: 18px;color: var(--shades09);opacity: 0;visibility: hidden; max-height: 0; overflow: hidden; transition: all 0.3s ease;}
  .values-list .values-item .values-item-description span{padding: 0 24px 24px; display: block;}
  .values-list .values-item.active:after{opacity: 1;visibility: visible;}
  .values-list .values-item.active .values-item-title{background-color: var(--shades04);}
  .values-list .values-item.active .values-item-description{background-color: var(--shades04); max-height: 2000px;opacity: 1;visibility: visible;}
  .section-contact{min-height: 700px;}
  .section-contact .contact-content{max-width: calc(60% - 60px);}
  .section-contact .contact-title{font-size: 48px; letter-spacing: -0.48px; max-width: 300px;}
  .section-contact .contact-image{width: 40%;}
  .section-contact .contact-description{font-size: 20px; max-width: 100%;}
  .section-marquee{padding: 60px 0;min-height:300px;}
  .section-marquee .marquee-wrapper{gap: 80px;}
  .section-marquee .marquee{gap: 80px;}
  .section-marquee .marquee .marquee-separator{width: 32px;}
  .section-marquee .marquee .marquee-text{font-size:80px; letter-spacing: -0.8px;}
  footer .footer-row:nth-child(2){flex-direction: column; gap: 40px;}
  footer .footer-content{flex-shrink: 1; flex-grow: 1;}
  footer .footer-company .company{height: 80px; padding: 0 24px;}
  footer .footer-company .company span{height: 26px;}
  .portfolio-details .content-block .content-stats .item-data{font-size: 40px;}
  .partner-details .container{flex-direction: column;}
  .partner-details .partner-details-image{margin: 0 auto;position: relative; top: auto;}
  .partner-details .basic-title{text-align: center;}
  .partner-details .basic-subtitle{text-align: center;}
  .partner-details .basic-meta{justify-content: center;}
  .section-error-page .error-subtitle{font-size: 32px;}
}
@media screen and (max-width: 990px) and (orientation:landscape){
  
}
@media screen and (max-width: 480px) {
  .dialog .dialog-close { margin: 0; position: absolute;}
  .dialog .dialog-content{padding:80px 16px;margin: 0; max-width: 100%;}
  header{height: 80px;}
  header > .container{padding: 0 20px;}
  header .brand{height: 30px;}
  header .brand .logo img{display: none;}
  header .brand .logo img+img{display: block;}
  .section-hero{height: auto; padding: 64px 0;}
  .section-hero .hero-content{max-width: 400px;padding: 0 16px;}
  .section-hero .hero-title{font-size: 54px; letter-spacing: -0.54px;}
  .section-about{padding: 0;display: block;}
  .section-about .about-image{position: relative;width: 100%;aspect-ratio: 5 / 4;top: auto;left: auto;}
  .section-about .about-content{padding: 96px 30px; max-width: 100%;}
  .section-about .about-description{font-size: 24px; line-height: 1.5; letter-spacing: -0.48px;}
  .section-portfolio{padding: 64px 0;}
  .section-portfolio .portfolio-container{max-width: 100%; padding: 0 24px;}
  .portfolio-header .portfolio-title{max-width: 280px;}
  .section-portfolio .portfolio-container+.portfolio-container{padding: 0;}
  .portfolios{gap: 0;}
  .portfolios .portfolio+.portfolio{margin: -1px 0 0;}
  .portfolios .portfolio .portfolio-description{font-size: 18px;margin: 24px 0 0;}
  .portfolios .portfolio .portfolio-meta{margin: 12px 0 64px;}
  .portfolios .portfolio .portfolio-meta .meta{font-size: 18px;}
  .portfolios .portfolio .portfolio-actions{gap: 30px;}
  .portfolios .portfolio .btn-action{height: 52px;font-size: 16px;}
  .partners-banner{height: 360px; padding: 64px 0;}
  .partners-banner .banner-image img{scale: 1.5 !important; transform-origin: center bottom !important;}
  .partners-banner .banner-image img:first-child{scale: 1.2 !important;transform-origin: center !important;}
  .partners-content{padding: 64px 0;}
  .partners-content .container{padding-left: 40px; padding-right: 40px;}
  .partners .partner:first-child{padding-left: 40px;}
  .partners .partner:last-child{padding-right: 40px;}
  .partners .partner-inner{width: 240px;}
  .partners .partner .partner-designation{font-size: 14px;font-weight: 300; line-height: 1.6;}
  .partners .partner .partner-name{font-size: 18px;font-weight: 400;}
  .values-banner{height: calc(200vh - 80px); }
  .values-banner .values-banner-inner{top: 80px;height: calc(100vh - 80px);}
  .values-banner .banner-text{font-size: 24px;}
  .values-content{padding:0 0 64px;}
  .section-contact{min-height: 0; padding: 0; display: block;}
  .section-contact .contact-image{position: relative;width: 100%;aspect-ratio: 5 / 4;top: auto;left: auto;}
  .section-contact .contact-content{max-width: 100%; padding: 56px 30px;}
  .section-contact .contact-title{max-width: 100%;}
  .section-contact .contact-description{margin: 24px 0 48px;}
  .section-contact .btn-action{height: 56px;font-size: 18px;}
  .section-marquee{min-height: 0; top: 80px;}
  footer{padding: 80px 16px 40px;}
  footer .footer-column+.footer-column{flex-direction: column; gap: 48px;}
  footer .footer-brand{height: 42px;}
  footer .footer-row:nth-child(2){margin: 80px 0 0;}
  footer .footer-title{font-size: 18px;}
  footer .footer-company{flex-direction: column;align-items: unset;}
  footer .footer-company .company{height: 96px; padding: 0 32px; width: 100%;}
  footer .footer-address{font-size: 18px;}
  footer .footer-contact .contact-item{font-size: 18px;}
  footer .footer-contact .contact-item i{font-size: 18px;}
  footer .footer-row:nth-child(3){margin: 48px 0 0;}
  footer .copyright{font-size: 16px;}
  footer .links .link{font-size: 16px;}
  .portfolio-details .container{gap: 64px;}
  .portfolio-details .portfolio-details-information{width: 100%;}
  .portfolio-details .portfolio-information-image{height: 36px;margin: 0 0 48px;}
  .portfolio-details .portfolio-information-description{font-size: 28px; line-height: 1.3;margin: 0 0 40px;}
  .portfolio-details .content-block .content-video{margin: 0 -32px;}
  .portfolio-details .content-block .video-lightbox{width: 100%; aspect-ratio: 4/3;}
  .portfolio-details .content-block .content-title{font-size: 26px; line-height: 1.4; letter-spacing: -0.52px;}
  .portfolio-details .content-block .content-list .item-description{font-size: 20px;}
  .portfolio-details .content-block .content-list{margin: 16px 0 0;}
  .portfolio-details .content-block .content-list .list-item+.list-item{margin: 16px 0 0;}
  .portfolio-details .content-block .content-stats{margin: 16px 0 0;grid-template-columns: repeat(2, minmax(0, 1fr));}
  .portfolio-details .content-block .content-stats .item-label{line-height: 1.2;}
  .portfolio-details .content-block .content-description{margin: 16px 0 0; font-size: 20px;}
  .partner-details .partner-details-image{width: auto; margin: 0 -32px;aspect-ratio: 1 / 1;}
  .partner-details .basic-title{text-align: left;}
  .partner-details .basic-subtitle{text-align: left; font-size: 20px;}
  .partner-details .basic-meta{justify-content: flex-start;margin: 40px 0 0;}
  .partner-details .basic-meta .meta{font-size: 24px;}
  .partner-details .details-profession{margin: 64px 0 0;}
  .partner-details .profession-title{font-size: 26px;}
  .partner-details .profession-item .profession-item-title{font-size: 20px;}
  .partner-details .profession-item .profession-item-description{font-size: 20px;}
  .partner-details .details-personal{margin: 64px 0 0;}
  .partner-details .personal-title{font-size: 26px;}
  .partner-details .personal-description{font-size: 20px;}
  .partner-details .details-quote{margin: 64px 0 0;}
  .partner-details .quote-description{font-size: 26px; font-weight: 500;}
  .partner-details .quote-author{font-size: 20px;}
  .section-error-page {height: calc(100vh - 80px);}
  .section-error-page .error-title{font-size: 90px;}
  .section-error-page .error-subtitle{font-size: 24px;}
  .section-default-page-banner{height: 240px;}
  .section-default-page-banner .banner-title{font-size: 40px;}
  .section-default-page{padding: 40px 0;}
}
/* ********|| RESPONSIVE END ||******** */