:root {
    --red:#ED3751;
    --red-dark:#C6223A;
    --blue-navy:#16143F;
    --blue-dusk:#2E2E56;
    --shades01:#FFFFFF;
    --shades02:#000000;
    --shades03:#F9F8F7;
    --shades04:#F0EEED;
    --shades05:#D8DAE1;
    --shades06:#6A6A84;
    --shades07:#3D3D4A;
    --red-rgb:237, 55, 81;
    --red-dark-rgb:198, 34, 58;
    --blue-navy-rgb:22, 20, 63;
    --blue-dusk-rgb:46, 46, 86;
    --shades01-rgb:255, 255, 255;
    --shades02-rgb:0, 0, 0;
    --shades03-rgb:249, 248, 247;
    --shades04-rgb:240, 238, 237;
    --shades05-rgb:216, 218, 225;
    --shades06-rgb:106, 106, 132;
    --shades07-rgb:61, 61, 74;
    --veiwWidth: calc(100vw - 17px);
    --padding: calc(var(--veiwWidth)/2 - 785px);
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; margin:0 !important;padding:0;font-family: 'Roboto', 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(--shades06); 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(--red); 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{font-family: 'Roboto', sans-serif; cursor: pointer; 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(--shades07-rgb), 1);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: transparent; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--red-rgb), 1); border-radius: 100vh; width: 8px; transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--red); color:var(--shades05)}
::-moz-selection{ background-color:var(--red); color:var(--shades05)}
::-webkit-selection{ background-color:var(--red); color:var(--shades05)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--red) !important;text-shadow: 0 0 0 var(--shades05);}
select:-moz-focusring {color: var(--red) !important;text-shadow: 0 0 0 var(--shades05);}
select:focusring {color: var(--red) !important; text-shadow: 0 0 0 var(--shades05);}
::input-placeholder{ color:var(--shades06) !important;}
::-moz-input-placeholder{ color:var(--shades06) !important;}
::-webkit-input-placeholder{ color:var(--shades06) !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) - 708px) / 2);
  }
	.container{max-width: 740px;}
}
@media (min-width: 992px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 928px) / 2);
  }
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1138px) / 2);
  }
	.container{max-width: 1170px;}
}
@media (min-width: 1400px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1328px) / 2);
  }
	.container{max-width: 1280px;}
}
@media (min-width: 1440px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1328px) / 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) - 1570px) / 2);
  }
	.container{max-width: 1600px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 0 0 0 45px;display: inline-block;}
.checkbox .checkbox-input[type="checkbox"]{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer; margin: 0;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 1.6;font-size: 20px; color: var(--blue-dusk);letter-spacing: 0.5px;}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 30px;height: 30px;background-color: transparent;border: 2px solid var(--shades05);top: 1px;left: -44px; border-radius: 8px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c"; position: absolute; font-family: "Font Awesome 6 Pro"; width: 30px; height: 30px; top: 1px; left: -44px; font-weight: 500; font-size: 16px; line-height: 1; color: var(--shades05); display: flex ; align-items: center; justify-content: center; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{color: var(--shades01);}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border-color:var(--red);}

.wpcf7-form .wpcf7-checkbox{display: flex;flex-direction: column;gap: 24px;padding: 0 !important;}
.wpcf7-form .wpcf7-list-item { position: relative; padding: 0 0 0 45px; display: inline-block; margin: 0; }
.wpcf7-form input[type="checkbox"] { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; }
.wpcf7-form .wpcf7-list-item-label { position: relative; margin: 0; line-height: 1.6; font-size: 20px; color: var(--blue-dusk); letter-spacing: 0.5px; cursor: pointer; }
.wpcf7-form .wpcf7-list-item-label:before { content: ''; position: absolute; width: 30px; height: 30px; background-color: transparent; border: 2px solid var(--shades05); top: -2px; left: -44px; border-radius: 8px; transition: all 0.3s ease; }
.wpcf7-form .wpcf7-list-item-label:after { content: "\f00c"; position: absolute; font-family: "Font Awesome 6 Pro"; width: 30px; height: 30px; top: -2px; left: -44px; font-weight: 500; font-size: 16px; line-height: 1; color: var(--shades05); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label:after {color: var(--shades01);}
.wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label:before {background-color: var(--red); border-color: var(--red);}
.wpcf7-not-valid-tip{margin: 5px 0 0 0;font-size: 12px;letter-spacing: 0.5px;font-weight: 400;color: var(--red);}
.wpcf7-form .wpcf7-list-item .wpcf7-not-valid-tip{margin-left: -28px;margin:5px 0 0 -28px;font-family: 'Roboto', sans-serif;}
.wpcf7 form .wpcf7-response-output{padding: 0; border:0 !important; color: var(--red); font-size: 20px;font-weight: 600;font-size: 14px; margin: 40px 0 0;}
.wpcf7 form.failed .wpcf7-response-output{border-color: transparent;}

/* ********|| 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(--shades06);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades05);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(--shades06);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(--shades06);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(--shades06)}
/* ********|| SWITCH END ||******** */

/* ********|| TABS START ||******** */
.tabs { display: flex;gap: 12px;overflow: auto;}
.tabs .tab-button {display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 1px solid #EDEEF3;border-radius: 5px;background-color: var(--shades01);padding: 0 24px;font-size: 14px;font-weight: 600;color: var(--blue-dusk);transition: all 0.3s ease;white-space: nowrap;}
.tabs .tab-button:hover { background-color: var(--shades05); border-color: var(--shades05);}
.tabs .tab-button.active { background-color: var(--shades04); border-color: var(--shades04);}
.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-control{ border-radius: 0px;box-shadow: none;border: 1px solid var(--shades06);color: var(--shades06);background-color: var(--shades01);min-width: 50px;min-height: 66px;width: 100%;padding: 16px 26px;font-family: inherit;font-size: 18px; font-weight: 500; border-radius: 12px; transition: all 0.3s ease;}
.form-control:focus{ border-color:var(--red);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades06) !important; font-weight: 400 !important;}
.form-control:-moz-placeholder{color:var(--shades06) !important;opacity:  1 !important; font-weight: 400 !important;}
.form-control::-moz-placeholder{color:var(--shades06) !important; opacity:1 !important; font-weight: 400 !important;}
.form-control:-ms-input-placeholder{color:var(--shades06) !important; font-weight: 400 !important;}
.form-control::-ms-input-placeholder{color:var(--shades06) !important; font-weight: 400 !important;}
textarea.form-control{ resize:none; min-height: 120px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:rgba(var(--red-rgb), 0.1);  cursor: not-allowed;}
.form-title{font-size: 40px; font-weight: 500; line-height: 1.3; letter-spacing: -1px; color: var(--blue-dusk); margin: 100px 0 16px;}
.form-note{font-size: 22px; line-height: 1.6; color: var(--blue-dusk); margin: 0 0 40px;}
.checkbox-group{display: flex; flex-direction: column; gap: 24px;padding: 0 !important;}
.form-group{position: relative; margin: 0 0 32px;z-index: 0; padding: 22px 0 0;}
.form-group .form-label{font-size: 22px; line-height: 1; color: var(--shades06);transition: all 0.3s ease;position: absolute;top: 40px;left: 0;z-index: -1;}
.form-group .form-label.required:after{content: "*";}
.form-group .form-input{height: 56px;width: 100%;border: none;border-bottom: 1px solid var(--shades05); background-color: transparent; padding: 0;font-size: 22px;color: var(--blue-navy);font-family: 'Roboto', sans-serif; transition: all 0.3s ease;}
.form-group .form-input:focus{border-color: var(--blue-dusk);}
.form-group textarea.form-input{min-height: 120px; resize: none; padding: 12px 0;}
.form-group .form-input[type="number"]::-webkit-outer-spin-button,
.form-group .form-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.form-group .form-input[type=number] {-moz-appearance: textfield;}
.form-group .form-input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0;position: absolute;right: 0;width: 100%;height: 100%;cursor: pointer;z-index: 2;}
.form-group .form-input::placeholder{color: transparent !important;transition: all 0.3s ease;}
.form-group .form-input:focus::placeholder{color: var(--shades06) !important;}
.form-group:focus-within .form-label{top: 10px; font-size: 14px;}
.form-group.active .form-label{top: 10px; font-size: 14px;}
.form-group .form-input:not(:placeholder-shown) + .form-label{top: 10px; font-size: 14px;}
.form-group .wpcf7-form-control-wrap.active + .form-label{top: 10px; font-size: 14px;}
.form-actions{display: flex; align-items: center; gap: 40px;margin: 100px 0 0;}
.form-actions .form-recaptcha{position: relative; height: 78px; display: flex; flex-shrink: 0;}
.form-actions .form-recaptcha img{width: 100%;height: 100%;object-fit: contain;object-position: left;}
.form-actions .btn-action{position: relative; border-radius: 4px; flex-shrink: 1; flex-grow: 1;}
.form-actions .btn-action .wpcf7-submit{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; margin: 0;}
.form-actions .btn-action .wpcf7-spinner{position: absolute; top: 50%; right: 50px; margin: 0; transform: translate(100%, -50%); z-index: 50;width: 30px;height: 30px;opacity: 1;}
.form-actions .btn-action .btn-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer;}
.form-actions .btn-action .btn-inner{position: relative;height: 72px; border-radius: 4px; background-color: var(--blue-dusk); overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; gap: 10px; transition: all 0.3s ease;}
.form-actions .btn-action .btn-label{font-size: 15px; font-weight: 700; text-transform: uppercase; color: var(--shades01);}
.form-actions .btn-action .btn-icon{width: 24px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center;}
.form-actions .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain;}
.form-actions .btn-action .btn-input:hover ~ .btn-inner{background-color: var(--blue-navy);}
.form-actions .btn-action .btn-input:active ~ .btn-inner{background-color: var(--blue-navy);}
.form-actions .btn-action .btn-input:disabled{cursor: default; pointer-events: none;}
.form-actions .btn-action .btn-input:disabled ~ .btn-inner{background-color: var(--shades05);}
.form-column-2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
.form-group-file{position: relative;border-bottom: 1px solid var(--shades05);}
.form-group-file:before{content: '\f0c6'; font-family: "Font Awesome 6 Pro";position: absolute;top: 42px;right: 17px;font-size: 20px;color: var(--shades06);font-weight: 300;}
.form-group-file .form-input{opacity: 0;z-index: 2;position: relative;transition: all 0.3s ease;}
.form-group-file .form-file{position: absolute;bottom: 0; left: 0;height: 50px;width: 100%;border: none;background-color: transparent;padding: 0;transition: all 0.3s ease; display: flex; align-items: center; justify-content: space-between;opacity: 0; transition: all 0.3s ease;}
.form-group-file .form-file .form-file-name{font-size: 22px;color: var(--blue-navy);font-family: 'Roboto', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-group-file .form-file .form-file-action{padding: 0;border: none;background-color: transparent;width: 50px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--shades06);cursor: pointer;}
.form-group-file.has-file::before{opacity: 0;}
.form-group-file.has-file .form-input{opacity: 0; z-index: 0;}
.form-group-file.has-file .form-file{opacity: 1; z-index: 2;}
.form-group-file.has-file .form-label{top: 10px; font-size: 14px;}
.form-group-date:before{content: "\f133";font-family: "Font Awesome 6 Pro";position: absolute;top: 42px;right: 17px;font-size: 20px;color: var(--shades06); font-weight: 300;}
/* ********|| FORM INPUTS END ||******** */

/* ********|| SELECT DROPDOWN START ||******** */
.select-dropdown-toggle{background: var(--shades01); padding: 0; align-items: center; cursor: pointer; justify-content: space-between; border: 1px solid var(--shades06); border-radius: 12px; overflow: hidden;padding: 20px 26px;width: 100%;font-size: 20px; color: var(--shades06); font-weight: 500; font-family: 'Roboto', sans-serif; cursor: pointer;-webkit-appearance: none; -moz-appearance: none;  background-repeat: no-repeat; background-position: right 20px center; background-size: 28px; padding-right: 50px;background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9143 16.006C12.4194 16.5418 11.5728 16.5418 11.0779 16.006L7.00615 11.5982C6.26659 10.7976 6.83443 9.5 7.92435 9.5H16.0679C17.1578 9.5 17.7257 10.7976 16.9861 11.5982L12.9143 16.006Z" fill="%233D3D4A"/></svg>');}
.select-dropdown-toggle::after { content: "\f078";font-family: "Font Awesome 6 Pro"; position: absolute; right: 26px; pointer-events: none; font-size: 16px;  color: var(--shades06); -moz-appearance: none;-webkit-appearance: none;}
.select-dropdown{display: flex ; flex-direction: column; height: auto; background: var(--shades01); padding: 0; align-items: center; cursor: pointer; justify-content: space-between; border: 1px solid var(--shades06); border-radius: 12px; margin-top: 8px; overflow: hidden;padding: 20px 26px;}
.select-dropdown .dropdown-toggle{position: relative; width: 100%; background: var(--shades01); text-align: left;border: transparent;font-size: 20px;color: var(--shades06);font-weight: 500; font-family: 'Roboto', sans-serif;cursor: pointer;}
.select-dropdown .dropdown-toggle::after { content: "\f0d7"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; right: 10px; top: 50%; display: flex ; align-items: center; justify-content: center; transform: translateY(-50%); }
.select-dropdown.active .dropdown-toggle::after{content: "\f0d8";}
.select-dropdown .dropdown-menu {overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch; background: var(--shades01); border-radius: 4px; margin-top:30px; max-height: 288px; touch-action: manipulation; padding-left: 0; width: 100%; display: block; display: none;z-index: 10;}
.select-dropdown.active{border:2px solid var(--red);}
.select-dropdown.active .dropdown-menu{display: block;}
.select-dropdown .dropdown-menu .dropdown-menu-item {border: none; cursor: pointer; font-size: 20px; color: var(--shades06); font-weight: 500; font-family: 'Roboto', sans-serif; list-style-type: none; margin: 0; outline: none; position: relative; width: 100%; height: 56px; background: transparent; text-align: left; display: flex ; align-items: center; justify-content: space-between; padding: 0 16px;border-radius: 12px;}
.select-dropdown .dropdown-menu .dropdown-menu-item i{color: var(--red); display: none;}
.select-dropdown .dropdown-menu .dropdown-menu-item .option:hover {background: var(--blue-dusk);}
.select-dropdown .dropdown-menu .dropdown-menu-item:focus{background: var(--shades03);}
.select-dropdown .dropdown-menu .dropdown-menu-item:focus-within i { display: block; }
/* ********|| SELECT DROPDOWN END ||******** */

/* ********|| ACCORDION START ||******** */
.accordion{position: relative;}
.accordion .accordion-item{position: relative;padding: 30px 0;}
.accordion .accordion-item+.accordion-item{border-top: 1px solid var(--shades06);}
.accordion .accordion-item .accordion-header{ position: relative;z-index: 0;font-size: 24px;font-weight: 500;line-height: 1.6;letter-spacing: 0.5px;color: var(--shades06);border: 0;background-color: transparent;width: 100%;text-align: left;padding: 10px 60px 10px 0;cursor: pointer;}
.accordion .accordion-item .accordion-header:before{content:''; position:absolute;top: 50%;right: 0;transform: translateY(-50%); transform-origin: center; width: 24px;border-top: 2px solid var(--shades06);transition: all 0.3s ease;}
.accordion .accordion-item .accordion-header:after{content:''; position:absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(90deg); transform-origin: center; width: 24px;border-top: 2px solid var(--shades06);transition: all 0.3s ease;}
.accordion .accordion-item .accordion-content{position: relative;overflow: hidden;max-height: 0;transition: all 0.3s ease;}
.accordion .accordion-item .accordion-inner{padding: 10px 0;font-size: 20px;line-height: 1.6;color: var(--shades09);letter-spacing: 0.5px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.accordion .accordion-item.active .accordion-header:before{opacity: 0;}
.accordion .accordion-item.active .accordion-header:after{transform: translateY(-50%) rotate(-180deg);}
.accordion .accordion-item.active .accordion-content{max-height: 2000px;}
.accordion .accordion-item.active .accordion-content .accordion-inner{opacity: 1; visibility: visible;}
/* ********|| ACCORDION 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;margin: 0;transition: all 0.3s ease}
main:before{ content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;background-image: url(../images/pattern-dark.png);background-repeat: repeat;background-size: 192px 192px;background-position: center; opacity: 0; transition: all 0.75s;}
main.main-navy:before{ opacity: 1;}
.form-action .wpcf7-spinner{position: absolute;top: 50%;right: -10px;margin: 0;transform: translate(100%, -50%);}
.loading-spinner {margin-top: 10px;font-size: 14px;color: var(--shades06);}
/* ********|| COMMON END ||******** */

/* ********|| LINE ANIMATIONS START ||******** */
.line-animation-hero{position: relative;}
.line-animation-hero span{position: relative;}
.line-animation-hero span .animation-container{position: absolute !important;top: 100%;right: 0;width: 100%;height: 24px;display: inline-flex !important;}
.line-animation-01{position: relative;}
.line-animation-01 span{position: relative;white-space: nowrap;}
.line-animation-01 span .animation-container{position: absolute !important;top: 100%;right: 0;height: 24px;display: inline-flex;}
.line-animation-02{position: relative;}
.line-animation-02 span{position: relative;}
.line-animation-02 span .animation-container{position: absolute !important;top: 100%;right: 0;width: 100%;height: 24px;display: inline-flex !important;}
.line-animation-03{position: relative;}
.line-animation-03 span{position: relative;}
.line-animation-03 span .animation-container{position: absolute !important;bottom: -10px;right: 0;width: 100%;height: 23px;display: inline-flex !important;}
.line-animation-04{position: relative;}
.line-animation-04 span{position: relative;}
.line-animation-04 span .animation-container{position: absolute !important;bottom: -10px;right: 0;width: 100%;display: inline-flex !important;}
.line-animation-05{position: relative;}
.line-animation-05 span{position: relative;}
.line-animation-05 span .animation-container{position: absolute !important;bottom: -32px;right: 0;width: 100%;display: inline-flex !important; z-index: -1;}
/* ********|| LINE ANIMATIONS END ||******** */

/* ********|| STAR ANIMATIONS START ||******** */
.animated-star{position: relative !important;display: inline-flex;transform: translateY(-6px);padding: 0 12px;}
.animated-star .animation-container{display: inline-flex;width: 44px;aspect-ratio: 1 / 1;align-items: center;justify-content: center;}
/* ********|| STAR ANIMATIONS END ||******** */

/* ********|| CIRCLE ANIMATIONS START ||******** */
.animated-circle-01{position: relative !important;z-index: 0;}
.animated-circle-01 span{position: relative !important; }
.animated-circle-01 .animation-container{position: absolute !important;top: 50%;left: 50%;display: inline-flex;width: calc(100% + 20px);transform: translate(-50%, -50%);z-index: -1;}
.animated-circle-02{position: relative !important;z-index: 0;}
.animated-circle-02 span{position: relative !important; }
.animated-circle-02 .animation-container{position: absolute !important;top: 50%;left: 50%;display: inline-flex;width: calc(100% + 20px);transform: translate(-50%, -50%);z-index: -1;}
/* ********|| CIRCLE ANIMATIONS END ||******** */

/* ********|| HEADER START ||******** */
header{position: fixed;z-index: 9;top: 0;left: 0;width: 100%;height: 100px;display: flex;align-items: center;transition: all 0.3s ease}
header:before{content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(to bottom, rgba(var(--blue-navy-rgb),1), transparent); opacity: 0; transition: opacity 0.5s linear;}
header .header-container{display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap:24px;align-items: center; padding: 0 40px;width: 100%;}
header .brand{position: relative; grid-column: span 3 / span 3; }
header .brand .logo{position: relative; display: flex; width: 100%; height: 100%;}
header .brand .logo span{display: inline-flex;height: 29px;transition: all 0.3s linear;}
header .brand .logo span+span{position: absolute; top: 0; left: 0;}
header .brand .logo .logo-blue-red{opacity: 1; visibility: visible;}
header .brand .logo .logo-white-red{opacity: 0; visibility: hidden;}
header .brand .logo .logo-white{opacity: 0; visibility: hidden;}
header .navigation{grid-column: span 6 / span 6; display: flex; justify-content: center;}
header .navigation-wrapper{position: relative;}
header .navigation-action{display: none; justify-content: flex-end;}
header .navigation-action .btn-menu-trigger{width: 52px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border: none; background-color: transparent; cursor: pointer; color: var(--blue-dusk); font-size: 30px; padding: 0;}
header .navigation-menu{display: flex; align-items: center; padding: 0; margin: 0; list-style: none;}
header .navigation-menu .menu-item{position: relative;}
header .navigation-menu .menu-link{display: flex; align-items: center; justify-content: center; height: 72px; padding: 0 24px; font-size: 22px; line-height: 1.6; color: var(--blue-dusk);gap: 10px; border-radius: 5px; position: relative; transition: all 0.3s ease;}
header .navigation-menu .menu-link:before{content:''; position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 24px;height: 2px;background-color: var(--shades06);opacity: 0;visibility: hidden;transition: all 0.3s ease;}
header .navigation-menu .menu-link.active:before{opacity: 1;visibility: visible;}
header .navigation-menu .dropdown:after{content: '';position: absolute;top: 0%;left: 0;width: 100%;height: 100%;z-index: -1; transition: all 0.3s ease;}
header .navigation-menu .dropdown-toggle{position: relative; padding-right: 44px; }
header .navigation-menu .dropdown-toggle:after{content:"\f0d7";font-family: "Font Awesome 6 Pro";font-size: 14px;font-weight: 600;color: rgba(var(--shades06-rgb), 0.5); position: absolute; top: 50%; right: 24px; transform: translateY(-50%) rotate(0deg); transition: all 0.3s ease;}
header .navigation-menu .dropdown-menu{position: absolute;top: 100%;left: 50%;transform: translate(-50%, 120px);z-index: 1;width: 100%;min-width: 660px;max-width: 660px; padding: 12px;background-color: var(--shades04); border-radius: 8px; opacity: 0; visibility: hidden;box-shadow: 0px 343.47px 250px rgba(22, 34, 51, 0.08), 0px 183.19px 183.19px rgba(22, 34, 51, 0.12); transition: all 0.3s ease;}
header .navigation-menu .dropdown-menu:before{content: ''; position: absolute;width: 12px;aspect-ratio: 1 / 1;background-color: var(--shades04);top: 0;left: 50%;transform: translate(-50%, -50%) rotate(45deg);z-index: -1;}
header .navigation-menu .dropdown-menu-inner{position: relative;padding: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px;margin: 0; list-style: none;}
header .navigation-menu .dropdown-menu-item{position: relative;transition: all 0.3s ease;}
header .navigation-menu .dropdown-menu-link{display: flex; flex-direction: column;padding: 16px 16px 24px; border-radius: 4px; background-color: var(--shades03); gap: 24px;}
header .navigation-menu .dropdown-menu-link .menu-image{width: 280px; min-width: 280px; aspect-ratio: 14/9; overflow: hidden; border-radius: 4px;transition: all 0.3s ease;}
header .navigation-menu .dropdown-menu-link .menu-image img{width: 100%; height: 100%; object-fit: cover;}
header .navigation-menu .dropdown-menu-link .menu-label{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; color: var(--blue-dusk); font-size: 22px; letter-spacing: -0.44px; text-align: center;transition: all 0.3s ease;}
header .header-options{grid-column: span 3 / span 3; display: flex; justify-content: flex-end;}
header .header-options .btn-action{display: flex;align-items: center;justify-content: center;gap: 10px;height: 72px;background-color: var(--red);border-radius: 4px;color: var(--shades01);padding:0 24px; font-weight: 700; line-height: 1.5; text-transform: uppercase;}
header .header-options .btn-action:hover{background-color: var(--red-dark);}
header .header-options .btn-action:active{background-color: var(--blue-dusk);}
header .header-options.mobile{display: none;}
header .navigation-menu .dropdown.active{z-index: 11;}
header .navigation-menu .dropdown.active:after{top: 100%;}
header .navigation-menu .dropdown.active .dropdown-toggle{background-color: var(--shades04); color: var(--blue-dusk);}
header .navigation-menu .dropdown.active .dropdown-toggle:after{transform: translateY(-50%) rotate(-180deg);color: rgba(var(--blue-dusk-rgb),0.25) !important;}
header .navigation-menu .dropdown.active .dropdown-menu{opacity: 1; visibility: visible;transform: translate(-50%, 40px);}
header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item .menu-image, 
header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item .menu-label{opacity: 0.5; filter: grayscale(0.8);}
header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item:hover .menu-image, 
header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item:hover .menu-label{opacity: 1;filter: grayscale(0);}
header .menu-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(8px); background-color: rgba(48,54,66,0.3);z-index: 8; opacity: 0; visibility: hidden;transition: all 0.3s ease;}
header.dropdown-open{z-index: 12;}
header.dropdown-open .menu-backdrop{opacity: 1; visibility: visible;}
header.header-default:before{opacity: 1;}
header.header-navy:before{opacity: 1;}
header.header-navy .brand .logo .logo-blue-red{opacity: 0; visibility: hidden;}
header.header-navy .brand .logo .logo-white-red{opacity: 1; visibility: visible;}
header.header-navy .brand .logo .logo-white{opacity: 0; visibility: hidden;}
header.header-navy .navigation-menu .menu-link{color: var(--shades04);}
header.header-navy .navigation-menu .dropdown-toggle:after{color: rgba(var(--shades03-rgb), 0.25);}
header.header-light:before{opacity: 0;}
header.header-light .brand .logo .logo-blue-red{opacity: 1; visibility: visible;}
header.header-light .brand .logo .logo-white-red{opacity: 0; visibility: hidden;}
header.header-light .brand .logo .logo-white{opacity: 0; visibility: hidden;}
header.header-light .navigation-menu .menu-link{color: var(--blue-dusk);}
header.header-light .navigation-menu .dropdown-toggle:after{color: rgba(var(--blue-navy-rgb), 0.25);}
header.header-gray:before{opacity: 0;}
header.header-gray .brand .logo .logo-blue-red{opacity: 1; visibility: visible;}
header.header-gray .brand .logo .logo-white-red{opacity: 0; visibility: hidden;}
header.header-gray .brand .logo .logo-white{opacity: 0; visibility: hidden;}
header.header-gray .navigation-menu .menu-link{color: var(--blue-dusk);}
header.header-gray .navigation-menu .dropdown-toggle:after{color: rgba(var(--blue-navy-rgb), 0.25);}
header.header-red:before{opacity: 0;}
header.header-red .brand .logo .logo-blue-red{opacity: 0; visibility: hidden;}
header.header-red .brand .logo .logo-white-red{opacity: 0; visibility: hidden;}
header.header-red .brand .logo .logo-white{opacity: 1; visibility: visible;}
header.header-red .navigation-menu .menu-link{color: var(--shades04);}
header.header-red .navigation-menu .menu-link:before{background-color: var(--shades03);}
header.header-red .navigation-menu .dropdown-toggle:after{color: rgba(var(--shades03-rgb), 0.5);}
header.header-red .header-options .btn-action{background-color:  var(--shades04); color: var(--blue-dusk);}
header.header-red .header-options .btn-action:hover{background-color: var(--blue-dusk);color: var(--shades04);}
/* ********|| HEADER END ||******** */

/* ********|| HERO START ||******** */
.section-hero{position: relative; height: 100vh; width: 100%; display: flex; align-items: center; overflow: hidden; padding: 100px 0 0; z-index: 0; transition: all 0.3s ease;}
/* .section-hero:before{ content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue-navy); background-image: url(../images/pattern-dark.png);background-repeat: repeat;background-size: 192px 192px;background-position: center;transition: all 0.3s ease;} */
.section-hero .hero-content{position: relative;width: 100%; max-width: 1440px;margin: 0 auto;}
.section-hero .hero-content .hero-title{font-family: 'Roboto Condensed', sans-serif;font-weight: 500;text-transform: uppercase;font-size: 140px;line-height: 1;letter-spacing: -7px; color: var(--shades04); text-align: center;margin: 0;}
.section-hero .hero-content .hero-title img{height: 120px; margin: 0 0 -10px;}
.section-hero .hero-content .hero-title span{position: relative;display: inline-block;}
.section-hero .hero-content .hero-action{display: flex; align-items: center; justify-content: center; gap: 24px; margin: 120px 0 0;}
.section-hero .hero-content .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--red); border-radius: 4px; color: var(--shades01); padding:0 24px;}
.section-hero .hero-content .btn-action .btn-icon{display: inline-flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1;}
.section-hero .hero-content .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-hero .hero-content .btn-action .btn-label{font-weight: 700; text-transform: uppercase;}
.section-hero .hero-content .btn-action:hover{background-color: var(--red-dark);}
.section-hero .hero-content .btn-action:active{background-color: var(--blue-dusk);}
main.main-light .section-hero:before{opacity: 0;}
/* ********|| HERO END ||******** */

/* ********|| RECRUTING SUPPORT START ||******** */
.section-recruiting-support{position: relative; padding: 300px 0 250px;}
.section-recruiting-support .wrapper{display: flex; justify-content: flex-start;}
.section-recruiting-support .wrapper+.wrapper{justify-content: flex-end; margin: 80px 0 0;}
.section-recruiting-support .content{max-width: 610px;}
.section-recruiting-support .title{font-family: 'Roboto Condensed', sans-serif;font-weight: 500;font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--blue-navy);}
.section-recruiting-support .description{font-size: 22px; line-height: 1.6;}
.section-recruiting-support .actions{display: flex; align-items: center; margin: 40px 0 0;}
.section-recruiting-support .btn-action{ position: relative; display: flex;align-items: center;justify-content: center;height: 48px;background-color: transparent;color: var(--blue-dusk);border-radius: 0;padding: 0;font-weight: 700; text-transform: uppercase; transition: none;border-bottom: 2px solid var(--shades05)}
.section-recruiting-support .btn-action:after{content:""; position: absolute;width: 100%;height: 2px;background-color: var(--red);bottom: -2px;left: 0;pointer-events: none;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s ease;}
.section-recruiting-support .btn-action:hover:after{transform-origin: 0% 50%; transform: scale3d(1, 1, 1);}
/* ********|| RECRUTING SUPPORT END ||******** */

/* ********|| BANNER START ||******** */
.section-banner{position: relative;width: 100%; height: 820px; overflow: hidden; display: flex;}
.section-banner .wave-top{position: absolute;top: -1px;left: 0;width: 100%;height: 100%;z-index: 1; display: flex; align-items: flex-start;}
.section-banner .wave-top svg{width: 100%;}
.section-banner .wave-top svg path{transition: all 0.5s linear;}
.section-banner .wave-bottom{position: absolute;bottom: -2px;left: 0;width: 100%;height: 100%;z-index: 1; display: flex;align-items: flex-end;}
.section-banner .wave-bottom svg{width: 100%;}
.section-banner .wave-bottom svg path{transition: all 0.5s linear;}
.section-banner .banner-image{width: 100%;position: relative; z-index: 0;}
.section-banner .banner-image img{ width: 100%; height: 100%;object-fit: cover; position: relative; z-index: 3; transform: translateX(-300%); transition: all 1s ease;}
.section-banner .banner-image .curtain-red{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: var(--red);z-index: 1;transform: translateX(-100%); transition: all 0.5s ease;}
.section-banner .banner-image .curtain-blue{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: var(--blue-navy);z-index: 2;transform: translateX(-200%); transition: all 0.75s ease;}
.section-banner .banner-image.active img{transform: translateX(0%);}
.section-banner .banner-image.active .curtain-red{transform: translateX(0%);}
.section-banner .banner-image.active .curtain-blue{transform: translateX(0%);}
.main-gray .section-banner .wave-top svg path{fill: var(--shades03);}
.main-gray .section-banner .wave-bottom svg path{fill: var(--shades03);}
/* ********|| BANNER END ||******** */

/* ********|| TRANSPORTATION RECRUITING START ||******** */
.section-transportation-recruiting{position: relative; padding: 160px 0;}
.section-transportation-recruiting .container{display: flex; align-items: flex-start; justify-content: space-between; gap: 80px;}
.section-transportation-recruiting .wrapper{position: sticky; top: 160px; width: 100%; max-width: 700px;}
.section-transportation-recruiting .title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0 0 320px;text-transform: uppercase;color: var(--blue-navy);}
.recruiting-list{position: relative; display: flex; flex-direction: column; gap: 40px;}
.recruiting-list .recruiting-item{position: sticky; top: 160px; background-color: var(--shades01); padding: 24px 24px 32px; border-radius: 12px; box-shadow: 0 2px 4px rgba(var(--shades02-rgb), 0.05); display: flex; flex-direction: column; gap: 32px;}
.recruiting-list .recruiting-item .recruiting-item-image{position: relative; width: 100%; aspect-ratio:32/21; overflow: hidden; border-radius: 4px;display: flex;}
.recruiting-list .recruiting-item .recruiting-item-image img{width: 100%; height: 100%; object-fit: cover;}
.recruiting-list .recruiting-item .recruiting-item-content{display: flex; flex-direction: column; gap: 16px;}
.recruiting-list .recruiting-item .recruiting-item-title{font-size: 32px; line-height: 1.3; font-weight: 500; color: var(--blue-dusk); letter-spacing: -0.64px; margin: 0;}
.recruiting-list .recruiting-item .recruiting-item-description{font-size: 20px; line-height: 1.6;}
.recruiting-list .recruiting-item .recruiting-item-action{display: flex; align-items: center;}
.recruiting-list .recruiting-item .btn-action{ position: relative; display: flex;align-items: center;justify-content: center;height: 48px;background-color: transparent;color: var(--blue-dusk);border-radius: 0;padding: 0;font-weight: 700; text-transform: uppercase; transition: none;border-bottom: 2px solid var(--shades05)}
.recruiting-list .recruiting-item .btn-action:after{content:""; position: absolute;width: 100%;height: 2px;background-color: var(--red);bottom: -2px;left: 0;pointer-events: none;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s ease;}
.recruiting-list .recruiting-item .btn-action:hover:after{transform-origin: 0% 50%; transform: scale3d(1, 1, 1);}
/* ********|| TRANSPORTATION RECRUITING END ||******** */

/* ********|| JOB START ||******** */
.section-job{position: relative; padding: 200px 0; overflow: hidden; z-index: 0;}
.section-job .container{display: flex; align-items: center; justify-content: space-between; gap: 80px;}
.section-job .wrapper{position: relative;}
.section-job .content{max-width: 800px;}
.section-job .wrapper+.wrapper .content{max-width: 600px;}
.section-job .job-image{width: 100%; overflow: hidden; aspect-ratio: 4/3; border-radius: 8px;}
.section-job .job-image img{width: 100%; height: 100%; object-fit: cover;}
.section-job .job-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--shades04);}
.section-job .job-description{font-size: 24px; line-height: 1.6; letter-spacing: -0.72px; margin: 48px 0 0;color: var(--shades04);}
.section-job .job-actions{display: flex; align-items: center; margin: 80px 0 0;}
.section-job .job-actions .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--red); border-radius: 4px; color: var(--shades01); padding: 24px;}
.section-job .job-actions .btn-action .btn-icon{display: inline-flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1;}
.section-job .job-actions .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-job .job-actions .btn-action .btn-label{font-weight: 700; text-transform: uppercase;}
.section-job .job-actions .btn-action:hover{background-color: var(--red-dark);}
.section-job .job-actions .btn-action:active{background-color: var(--blue-dusk);}
/* ********|| JOB END ||******** */

/* ********|| SECRET START ||******** */
.section-secret-success{position: relative;}
.section-secret-success .secret-success-content{position: sticky;top: 0;padding: 160px 0;min-height: 100vh;display: flex;flex-direction: column;align-items: center; justify-content:center;gap:80px;overflow: hidden;}
.section-secret-success .secret-success-content .title{font-family: 'Roboto Condensed', sans-serif; font-size: 260px; font-weight: 600; line-height: 1; margin: 0; letter-spacing: -15px; text-transform: uppercase; text-align: center; color: var(--shades03);}
.section-secret-success .secret-success-content .title span{display: inline-block;}
.section-secret-success .secret-success-content .description{font-size: 24px; color: var(--shades03); line-height: 1.6; letter-spacing: -0.5px;text-align: center;}
.section-secret-success .secret-success-video{padding: 160px 0;min-height: 100vh;display: flex;align-items: center; justify-content: center; overflow: hidden;}
.section-secret-success .secret-success-video .video{position: relative;width: 100%; max-width: 1080px; aspect-ratio: 27/16; margin: 0 auto 120px;}
.section-secret-success .secret-success-video .video-link{position: relative;width: 100%;height: 100%;display: flex;border-radius: 12px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.section-secret-success .secret-success-video .video-link: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);transition: all 0.3s ease;}
/* ********|| SECRET END ||******** */

/* ********|| REVIEWS START ||******** */
.section-reviews{position: relative;padding: 300px 0 0;}
.section-reviews .container{display: flex; flex-direction: column; gap: 80px;}
.section-reviews .review-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase; color: var(--blue-navy); text-align: center; }
.section-reviews .review-title span{position: relative;}
.section-reviews .reviews{width: 100%;}
.section-reviews .reviews img{width: 100%; height: 100%; object-fit: cover;}
/* ********|| REVIEWS END ||******** */

/* ********|| STATISTICS START ||******** */
.section-statistics{position: relative; padding: 200px 0;}
.section-statistics .statistics{position: relative; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px;}
.section-statistics .statistics .statistics-item{position: relative; padding: 80px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 26px; text-align: center; background-color: var(--shades03); border-radius: 12px;}
.section-statistics .statistics .statistics-item .item-data{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 64px; line-height: 1.2; letter-spacing: -2.56px; color: var(--red);}
.section-statistics .statistics .statistics-item .item-label{font-size: 26px; line-height: 1.6; letter-spacing: -0.5px;}
/* ********|| STATISTICS END ||******** */

/* ********|| PARTNERS START ||******** */
.section-partners{position: relative; padding: 150px 0;border-top:1px solid var(--shades04);}
.section-partners .partners-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase; color: var(--blue-navy); text-align: center; }
.partners-slider{position: relative; margin: 150px 0 0;width: 100%;overflow: hidden;}
.partners-slider .partners-slider-wrapper{display: flex;gap:100px; flex-shrink: 0;width: auto;}
.partners-slider .partners-slide{width: auto;display: flex;gap:100px;flex-shrink: 0;}
.partners-slider .partner{width: auto; min-width: 120px;max-width:440px; height: 96px; overflow: hidden; display: flex;}
.partners-slider .partner img{width: 100%; height: 100%; object-fit: contain;opacity: 0.8;}
/* ********|| PARTNERS END ||******** */

/* ********|| CALL TO ACTION START ||******** */
.section-cta{position: relative;padding: 160px 0;}
.section-cta .container{display: flex; gap: 24px;}
.section-cta .cta-wrapper{position: relative; display: flex; flex-shrink: 1; flex-grow: 1; width: 50%;}
.section-cta .cta-content{position: relative; width: 100%; padding: 80px 80px; background-color: var(--shades03); border-radius: 12px; display: flex; flex-direction: column;}
.section-cta .cta-wrapper+.cta-wrapper .cta-content{padding: 0;}
.section-cta .cta-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase; color: var(--blue-navy);}
.section-cta .cta-title span{position: relative;}
.section-cta .cta-description{font-size: 22px; line-height: 1.6; margin: 40px 0; max-width: 500px;}
.section-cta .cta-image{width: 100%; overflow: hidden; border-radius: 12px; display: flex;}
.section-cta .cta-image img{width: 100%; height: 100%; object-fit: cover;}
.section-cta .cta-actions{display: flex; align-items: center; margin: auto 0 0;}
.section-cta .cta-actions .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--red); border-radius: 4px; color: var(--shades01); padding:0 24px;}
.section-cta .cta-actions .btn-action .btn-icon{display: inline-flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1;}
.section-cta .cta-actions .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-cta .cta-actions .btn-action .btn-label{font-weight: 700; text-transform: uppercase;}
.section-cta .cta-actions .btn-action:hover{background-color: var(--red-dark);}
.section-cta .cta-actions .btn-action:active{background-color: var(--blue-dusk);}
/* ********|| CALL TO ACTION END ||******** */

/* ********|| FOOTER START ||******** */
footer{position: relative; background-color: var(--blue-navy);padding: 10px 0;}
footer .container{max-width: none; padding: 0 96px;}
/* ============== Marquee ============== */
.section-marquee{position:relative; height: 250px;display: flex; align-items: center; 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: 'Roboto Condensed', sans-serif; font-size: 80px;letter-spacing: -2.4px;line-height: 1.1;margin: 0;text-transform: uppercase; color: rgba(var(--shades03-rgb), 0.3); white-space: nowrap;}
.section-marquee .marquee .marquee-separator{width: 150px; aspect-ratio: 3/1;flex-shrink: 0;}
.section-marquee .marquee .marquee-separator img{width: 100%; height: 100%; object-fit: contain;}

/* ============== Identity ============== */
.section-identity .identity-wrapper{position: relative;background-color: rgba(var(--shades03-rgb), 0.1);padding: 40px 80px;border-radius: 12px;display: flex; justify-content: space-between;gap: 80px;}
.section-identity .identity-content{position: relative;flex-shrink: 0;display: flex;}
.section-identity .identity-content+.identity-content{flex-shrink: 1; flex-grow: 1;max-width: 960px;}
.section-identity .indentity-title{font-size: 18px;color: var(--shades03);font-weight: 400;line-height: 1.5;margin: 0 0 20px;}
.section-identity .identity-list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.section-identity .identity{position: relative;display: flex; flex-direction: column;}
.section-identity .identity .indentity-logo{height: 54px; display: flex; margin: auto; margin-left: 0;}
.section-identity .identity .indentity-logo img{width: 100%; height: 100%; object-fit: contain;object-position: left;}
.section-identity .identity .identity-description{margin: 24px 0;font-size: 16px;line-height: 1.5;letter-spacing: 0.5px;color: rgba(var(--shades03-rgb),0.7);}
.section-identity .identity .identity-description p{margin: 0;}
.section-identity .identity .indentity-action{display: flex; margin: 20px 0 0;}
.section-identity .identity .indentity-action .btn-action{display: flex;align-items: center;justify-content: center;height: 34px;background-color: var(--shades03);border-radius: 4px;padding: 0 12px;gap: 6px;font-size: 13px;font-weight: 600;letter-spacing: 0.5px;color: var(--blue-navy);}
.section-identity .identity .indentity-action .btn-action i{font-size: 16px;}
.section-identity .identity .indentity-action .btn-action:hover{background-color: var(--red); color: var(--shades03);}
.section-identity .identity-list .identity{ position: relative; background-color: rgba(var(--shades01-rgb), 0.05); padding: 32px 32px; border-radius: 8px;width: 100%;}
.section-identity .identity-list .identity .indentity-logo{height: 26px;margin:0 auto;margin-left: 0;}
.section-identity .identity-list .identity .indentity-action{margin: auto 0 0;}
.section-identity .identity-list .swiper-slide{height: auto;display: flex;}
.section-identity .identity-swiper-pagination{position: relative;width: auto !important;bottom: auto !important;top: auto !important;left: auto !important;background-color: transparent;padding: 0;border-radius: 0;height: 44px;display: none;align-items: center;justify-content: center;gap: 8px;}
.section-identity .identity-swiper-pagination .swiper-pagination-bullet{margin: 0 !important; width: 10px; height: 10px;border-radius: 32px; flex-shrink: 0; background-color: rgba(var(--shades01-rgb),0.25); opacity: 1 !important; transition: all 0.3s ease;}
.section-identity .identity-swiper-pagination .swiper-pagination-bullet-active{background-color: rgba(var(--shades01-rgb),1);width: 32px;}

/* ============== Footer ============== */
.section-footer{position: relative; padding: 120px 0;}
.section-footer .container{display: flex; align-items: flex-end; justify-content: space-between; gap: 80px;}
.section-footer .footer-brand{height: 116px;position: relative; display: flex; align-items: center; justify-content: flex-start;}
.section-footer .footer-brand img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
.section-footer .footer-social{display: flex; align-items: center; gap: 8px;}
.section-footer .footer-social .social-item{position: relative; display: flex; align-items: center; justify-content: center; width: 40px; aspect-ratio: 1/1; border-radius: 5px; background-color: rgba(var(--shades03-rgb), 0.1); color: var(--shades03); transition: all 0.3s ease;}
.section-footer .footer-social .social-item:hover{background-color: var(--red);}

/* ============== Footer Bottom ============== */
.section-footer-bottom{position: relative;}
.section-footer-bottom .footer-bottom{display: flex; align-items: flex-end; justify-content: space-between; gap: 80px; border-top:1px solid rgba(var(--shades03-rgb), 0.1);padding: 40px 0;}
.section-footer-bottom .footer-links{display: flex; align-items: center; gap: 40px;}
.section-footer-bottom .footer-links .links{font-size: 16px; line-height: 1.5; color: rgba(var(--shades-03-rgb),0.5);}
.section-footer-bottom .footer-links .links:hover{color: var(--red);}
.section-footer-bottom .copyright{font-size: 16px; line-height: 1.5; color: rgba(var(--shades-03-rgb),0.5);}
/* ********|| FOOTER END ||******** */

/* ********|| SERVICE BANNER START ||******** */
.section-service-banner{position: relative;padding: 120px 56px 100px; height: 800px;display: flex;}
.section-service-banner .service-banner{position: relative;width: 100%;display: flex;align-items: flex-end;}
.section-service-banner .banner-content{position: relative;padding: 64px 64px;background-color: var(--shades03);border-radius: 24px;width: 100%;height: calc(100% - 60px);}
.section-service-banner .banner-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--blue-navy); max-width: 600px;}
.section-service-banner .banner-image{position: absolute; height: 100%; bottom: 0; right: 0;width: 100%; max-width: 720px;}
.section-service-banner .banner-image img{width: 100%; height: 100%; object-fit: cover;}
/* ********|| SERVICE BANNER END ||******** */

/* ********|| TRANSPORTATION RECRUITING START ||******** */
/* ============== Transportation Recruiting Details ============== */
.section-transportation-recruiting-details{position: relative; padding: 100px 0;}
.section-transportation-recruiting-details .container{display: flex; align-items: center; gap: 120px;}
.section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 750px; flex-shrink: 0;width: 100%;}
.section-transportation-recruiting-details .transportation-recruiting-wrapper+.transportation-recruiting-wrapper{flex-shrink: 1; flex-grow: 1;}
.section-transportation-recruiting-details .transportation-recruiting-image{width: 100%; overflow: hidden; aspect-ratio: 8/7; border-radius: 8px; display: flex;}
.section-transportation-recruiting-details .transportation-recruiting-image img{width: 100%;height: 100%; object-fit: cover;}
.section-transportation-recruiting-details .transportation-recruiting-content{max-width: 480px; display: flex; flex-direction: column; gap: 40px;}
.section-transportation-recruiting-details .transportation-recruiting-content .title{font-size: 64px;letter-spacing: -2.56px;line-height: 1.2; font-weight: 500; margin: 0;color: var(--blue-navy);}
.section-transportation-recruiting-details .transportation-recruiting-content .description{font-size: 22px; line-height: 1.6;}

/* ============== Recruitments ============== */
.section-recruitment{position: relative; padding: 100px 0 200px;}
.recruitment-slider .swiper-wrapper{ display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.recruitment-slider .swiper-slide{ height: auto; display: flex;}
.recruitment-slider .recruitment{position: relative;padding: 24px; border-radius: 12px; background-color: var(--shades03); display: flex; flex-direction: column; gap: 40px; width: 100%;}
.recruitment-slider .recruitment .recruitment-image-container{position: relative; width: 100%; aspect-ratio: 8/5; background-color: var(--shades01); border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow:0 8px 16px rgba(var(--shades02-rgb), 0.05); flex-shrink: 0;}
.recruitment-slider .recruitment .recruitment-image{overflow: hidden; display: flex;height: 42px;margin: 0 auto;}
.recruitment-slider .recruitment .recruitment-image img{width: 100%; height: 100%; object-fit: contain;}
.recruitment-slider .recruitment .recruitment-content{flex-shrink: 1; flex-grow: 1;display: flex; flex-direction: column; gap: 24px;padding: 0 16px;}
.recruitment-slider .recruitment .recruitment-info{display: flex; flex-direction: column; gap: 12px;}
.recruitment-slider .recruitment .recruitment-title{font-size: 26px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; color: var(--blue-dusk); margin: 0;}
.recruitment-slider .recruitment .recruitment-description{font-size: 18px; line-height: 1.5;}
.recruitment-slider .recruitment .recruitment-features{position: relative;font-size: 20px;line-height: 1.6;color: var(--blue-dusk);}
.recruitment-slider .recruitment .recruitment-features ul{margin: 0; padding: 0; list-style: none;}
.recruitment-slider .recruitment .recruitment-features ul li{padding: 16px 0;}
.recruitment-slider .recruitment .recruitment-features ul li+li{border-top:1px solid rgba(var(--shades06-rgb), 0.1)}
.recruitment-slider .swiper-control{padding: 0 var(--padding);display: none;align-items: center;justify-content: center;}
.recruitment-slider .recruitment-swiper-pagination{position: relative;width: auto !important;bottom: auto !important;top: auto !important;left: auto !important;background-color: var(--shades03);padding:0 16px;border-radius: 44px;height: 44px;display: flex;align-items: center;justify-content: center; gap: 8px;margin: 64px 0 0;}
.recruitment-slider .recruitment-swiper-pagination.swiper-pagination-lock{display: none !important;margin:0;}
.recruitment-slider .recruitment-swiper-pagination .swiper-pagination-bullet{margin: 0 !important; width: 10px; height: 10px;border-radius: 32px; flex-shrink: 0; background-color: var(--shades05); opacity: 1 !important; transition: all 0.3s ease;}
.recruitment-slider .recruitment-swiper-pagination .swiper-pagination-bullet-active{background-color: var(--blue-dusk);width: 32px;}

/* ============== Service Included ============== */
.section-service-included{position: relative; padding: 200px 0;}
.section-service-included:before{ content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/pattern-light.png);background-repeat: repeat;background-size: 192px 192px;background-position: center;transition: all 0.3s ease;}
.section-service-included .container{display: flex; justify-content: space-between; gap: 80px;}
.section-service-included .service-included-wrapper{flex-shrink: 1; flex-grow: 1; max-width: 600px;}
.section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 800px;}
.section-service-included .service-included-content{position: sticky; top: 160px; display: flex; flex-direction: column; gap: 40px;}
.section-service-included .service-included-title{font-size: 64px;letter-spacing: -2.56px;line-height: 1.2; font-weight: 500; margin: 0;color: var(--blue-navy);}
.section-service-included .service-included-description{font-size: 22px; line-height: 1.6;}
.service-list{position: relative; display: flex; flex-direction: column; gap: 24px;}
.service-list .service-item{position: sticky; top: 160px; background-color: var(--shades01); border:1px solid rgba(var(--shades06-rgb), 0.05); border-radius: 8px; padding: 72px 72px; box-shadow: 0 2px 4px rgba(var(--shades02-rgb), 0.05); display: flex; flex-direction: column; gap: 40px;}
.service-list .service-item .service-item-icon{position: relative; overflow: hidden; width: 56px; aspect-ratio: 1/1;}
.service-list .service-item .service-item-icon img{width: 100%; height: 100%; object-fit: contain;}
.service-list .service-item .service-item-info{display: flex; flex-direction: column; gap: 16px;}
.service-list .service-item .service-item-title{font-size: 40px; font-weight: 500; line-height: 1.3; letter-spacing: -1px; color: var(--blue-dusk); margin: 0;}
.service-list .service-item .service-item-subtitle{font-size: 22px; font-weight: 500; line-height: 1.6;color: var(--blue-dusk); margin: 0;}
.service-list .service-item .service-item-description{font-size: 22px; line-height: 1.6;}
.service-list .service-item .service-item-description ul{margin: 16px 0; padding: 0 0 0 24px;}

/* ============== Service Inner Banner ============== */
.section-service-inner-banner{position: relative; padding: 160px 0; display: flex; align-items: flex-end; z-index: 0; overflow: hidden; height: calc(100vh - 100px);}
.section-service-inner-banner .banner-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-service-inner-banner .banner-image img{width: 100%; height: 100%; object-fit: cover;}
.section-service-inner-banner .banner-content{position: relative; display: flex; align-items: center; justify-content: center;}
.section-service-inner-banner .banner-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -2.4px;line-height: 1.1;margin: 0;text-transform: uppercase; color:var(--shades01); text-align: center;}
.section-service-inner-banner .banner-title span{display: block;}

/* ============== Service Benefits ============== */
.section-service-benefits{position: relative; padding: 200px 0;}
.section-service-benefits .service-benefits{display: flex; flex-direction: column; gap: 200px; align-items: center;}
.section-service-benefits .service-benefits .service-benefit-title{font-size: 40px; line-height: 1.3; letter-spacing: -0.8px; color: var(--blue-navy); margin: 0; font-weight: 400; text-align: center; max-width: 1350px;}
.benefits{position: relative; width: 100%; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px;}
.benefits .benefit-item{position: relative; background-color: var(--shades03); border-radius: 8px; min-height: 400px; padding: 32px 32px; display: flex; flex-direction: column; justify-content: space-between;}
.benefits .benefit-item .benefit-number{font-size: 32px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; color: var(--red);}
.benefits .benefit-item .benefit-content{display: flex; flex-direction: column; gap: 16px;}
.benefits .benefit-item .benefit-title{font-size: 32px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; margin: 0; color: var(--blue-dusk);}
.benefits .benefit-item .benefit-description{font-size: 22px; line-height: 1.6;}
.benefits .benefit-item-partner{position: relative; background-color: var(--red); border-radius: 8px; min-height: 400px; padding: 32px 32px; display: flex; flex-direction: column; justify-content: space-between;transition:all 0.3s ease;}
.benefits .benefit-item-partner .benefit-partner-title{font-size: 56px; font-weight: 500; line-height: 1.3; letter-spacing: -2px; margin: 0;color: var(--shades01);max-width: 200px;}
.benefits .benefit-item-partner .benefit-partner-actions{display: flex;}
.benefits .benefit-item-partner  .btn-action{width: 100%;display: flex; align-items: center; justify-content: flex-start; gap: 10px; height: 72px; background-color: transparent; border-radius: 4px; color: var(--shades01); padding: 24px 0; position: relative;}
.benefits .benefit-item-partner  .btn-action .btn-icon{display: flex;align-items: center;justify-content: center;height: 32px;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);aspect-ratio: 3 / 1; transition:all 0.3s ease;}
.benefits .benefit-item-partner  .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain;}
.benefits .benefit-item-partner  .btn-action .btn-label{text-transform: uppercase; font-size: 22px; font-weight: 500; opacity: 0; transition:all 0.3s ease;}
.benefits .benefit-item-partner:hover{background-color: var(--red-dark);}
.benefits .benefit-item-partner:active{background-color: var(--blue-dusk);}
.benefits .benefit-item-partner:hover .btn-action .btn-icon{left: 100%;transform: translate(-100%, -50%);}
.benefits .benefit-item-partner:hover .btn-action .btn-label{opacity: 1;}

/* ============== Service Testimonials ============== */
.section-testimonials{position: relative;padding: 200px 0 0; border-top:1px solid rgba(var(--shades06-rgb), 0.05);}
.section-testimonials .container{display: flex; flex-direction: column; gap: 80px;}
.section-testimonials .testimonial-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase; color: var(--blue-navy); text-align: center; }
.section-testimonials .testimonial-title span{position: relative;}
.testimonial-slider{position: relative; margin: 80px 0 0;}
.testimonial-slider .swiper-slide{height: auto; display: flex;width: auto;}
.testimonial-slider .testimonial{position: relative;padding: 56px 80px;border-radius: 12px;background-color: var(--shades03); width: 100%; display: flex; flex-direction: column;align-items: center;gap: 40px; min-height: 400px;}
.testimonial-slider .testimonial .testimonial-description{font-size: 22px; line-height: 1.6; text-align: center; margin: 0 0 40px;}
.testimonial-slider .testimonial .testimonial-author{display: flex;  flex-direction: row; align-items: center;gap: 16px;margin: auto 0 0;}
.testimonial-slider .testimonial .author-image{width: 64px; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; flex-shrink: 0;margin: 0;}
.testimonial-slider .testimonial .author-image img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-slider .testimonial .author-content{flex-shrink: 1; flex-grow: 1; display: flex; flex-direction: column; gap: 0px;}
.testimonial-slider .testimonial .author-name{font-size: 20px;font-weight: 500;line-height: 1.5;margin: 0;color: var(--blue-dusk); margin: 0;}
.testimonial-slider .testimonial .author-location{font-size: 18px;line-height: 1.4;}
.testimonial-slider .swiper-control{padding: 0 var(--padding);display: flex;align-items: center;justify-content: center; margin: 80px 0 0;}
.testimonial-slider .swiper-navigation{position: relative; display: flex; align-items: center;gap: 8px;}
.testimonial-slider .swiper-navigation .swiper-button{position: relative; width: 56px; aspect-ratio: 1/1; padding: 0; display: flex; align-items: center; justify-content: center; background-color: var(--shades03); border-radius: 50%; font-size: 24px; color: var(--shades10); cursor: pointer;transition: all 0.3s ease;}
.testimonial-slider .swiper-navigation .swiper-button.swiper-button-disabled{cursor: default;}
.testimonial-slider .swiper-navigation .swiper-button.swiper-button-disabled img{opacity: 0.5;}
/* ********|| TRANSPORTATION RECRUITING END ||******** */

/* ********|| GOVERNMENT CONTRACTING START ||******** */
/* ============== Government Contracting Details ============== */
.section-government-contracting-details{position: relative; padding: 100px 0;}
.section-government-contracting-details .container{display: flex; align-items: center; flex-direction: row-reverse; gap: 120px;}
.section-government-contracting-details .government-contracting-wrapper{max-width: 750px; flex-shrink: 0;width: 100%;}
.section-government-contracting-details .government-contracting-wrapper+.government-contracting-wrapper{flex-shrink: 1; flex-grow: 1;}
.section-government-contracting-details .government-contracting-image{width: 100%; overflow: hidden; aspect-ratio: 8/7; border-radius: 8px; display: flex;}
.section-government-contracting-details .government-contracting-image img{width: 100%;height: 100%; object-fit: cover;}
.section-government-contracting-details .government-contracting-content{max-width: 600px; display: flex; flex-direction: column; gap: 40px;}
.section-government-contracting-details .government-contracting-content .title{font-size: 64px;letter-spacing: -2.56px;line-height: 1.2; font-weight: 500; margin: 0;color: var(--blue-navy); max-width: 480px;}
.section-government-contracting-details .government-contracting-content .description{font-size: 22px; line-height: 1.6;}

/* ============== Government Contracting Swiper ============== */
.section-deparments{position: relative; padding: 100px 0;}
.department-slider .swiper-wrapper{ display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px;}
.department-slider .swiper-slide{ height: auto; display: flex;}
.department-slider .department{position: relative;padding: 24px; border-radius: 12px; background-color: var(--shades03); display: flex; flex-direction: column; gap: 40px; width: 100%;}
.department-slider .department .department-image-container{position: relative; width: 100%; aspect-ratio: 8/5; background-color: var(--shades01); border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow:0 8px 16px rgba(var(--shades02-rgb), 0.05); flex-shrink: 0;}
.department-slider .department .department-image{overflow: hidden; display: flex;aspect-ratio: 8/5; overflow: hidden;border-radius: 8px;}
.department-slider .department .department-image img{width: 100%; height: 100%; object-fit: cover;}
.department-slider .department .department-content{flex-shrink: 1; flex-grow: 1;display: flex; flex-direction: column; gap: 24px;padding: 0 16px;}
.department-slider .department .department-info{display: flex; flex-direction: column; gap: 12px;}
.department-slider .department .department-title{font-size: 26px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; color: var(--blue-dusk); margin: 0;}
.department-slider .department .department-description{font-size: 18px; line-height: 1.5;}
.department-slider .department .department-features{position: relative;font-size: 20px;line-height: 1.6;color: var(--blue-dusk);}
.department-slider .department .department-features ul{margin: 0; padding: 0; list-style: none;}
.department-slider .department .department-features ul li{padding: 16px 0;}
.department-slider .department .department-features ul li+li{border-top:1px solid rgba(var(--shades06-rgb), 0.1)}
.department-slider .swiper-control{padding: 0 var(--padding);display: none;align-items: center;justify-content: center;}
.department-slider .department-swiper-pagination{position: relative;width: auto !important;bottom: auto !important;top: auto !important;left: auto !important;background-color: var(--shades03);padding:0 16px;border-radius: 44px;height: 44px;display: flex;align-items: center;justify-content: center; gap: 8px;margin: 64px 0 0;}
.department-slider .department-swiper-pagination.swiper-pagination-lock{display: none !important;margin: 64px 0 0;}
.department-slider .department-swiper-pagination .swiper-pagination-bullet{margin: 0 !important; width: 10px; height: 10px;border-radius: 32px; flex-shrink: 0; background-color: var(--shades05); opacity: 1 !important; transition: all 0.3s ease;}
.department-slider .department-swiper-pagination .swiper-pagination-bullet-active{background-color: var(--blue-dusk);width: 32px;}

/* ============== Government Facilities ============== */
.section-facilities{position: relative; padding: 100px 0 250px;}
.section-facilities .container{display: flex; flex-direction: column; gap: 80px;}
.section-facilities .facilities-title{font-size: 60px; font-weight: 500; line-height: 1.5; letter-spacing: -2.4px; color: var(--blue-navy); margin: 0; text-align: center;}
.facilities-list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 64px; row-gap: 48px;}
.facilities-list .facilities-item{display: flex; align-items: center; gap: 24px;}
.facilities-list .facilities-item .facilities-icon{display: flex; align-items: center; justify-content: center; width: 130px; aspect-ratio: 1/1; border-radius: 12px; background-color: var(--shades03); flex-shrink: 0;}
.facilities-list .facilities-item .facilities-icon-inner{width: 56px; aspect-ratio: 1/1;}
.facilities-list .facilities-item .facilities-icon-inner img{width: 100%; height: 100%; object-fit: contain;}
.facilities-list .facilities-item .facilities-content{flex-shrink: 1; flex-grow: 1;}
.facilities-list .facilities-item .facilities-name{font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; color: var(--blue-dusk);}

/* ============== Government Purpose ============== */
.section-purpose{position: relative; padding: 200px 0; background-color: var(--shades03);}
.section-purpose .container{display: flex; flex-direction: column; gap: 200px;}
.section-purpose .purpose-content{display: flex; flex-direction: column; gap: 64px; align-items: center; justify-content: center;}
.section-purpose .purpose-content .purpose-title{font-size: 40px; font-weight: 500; margin: 0; line-height: 1.3; letter-spacing: -1px; text-align: center;}
.section-purpose .purpose-content .purpose-title span{ font-family: 'Roboto Condensed', sans-serif; display: block; font-size: 240px; line-height: 1.2; letter-spacing: -12px; font-weight: 600; color: var(--blue-navy); text-transform: uppercase;}
.section-purpose .purpose-content .purpose-description{font-size: 22px; line-height: 1.6;color: var(--blue-dusk); text-align: center; max-width: 900px; margin: 0 auto;}
.section-purpose .partners-content{display: flex; flex-direction: column; gap: 64px; align-items: center; justify-content: center;}
.section-purpose .partners-content .partners-title{font-size: 32px; font-weight: 500; margin: 0; line-height: 1.3; letter-spacing: -0.64px; text-align: center;color: var(--blue-navy);}
.partners-swiper{position: relative; width: 100%;}
.partners-swiper .swiper-wrapper{position: relative; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.partners-swiper .partner{position: relative; background-color: var(--shades01);display: flex; align-items: center; justify-content: center; aspect-ratio: 27/20;border: 1px solid var(--shades04);}
.partners-swiper .partner:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {border-top: none;}
.partners-swiper .partner:not(:nth-child(3n+1)) {border-left: none;}
.partners-swiper .partner .partner-image{position: relative; overflow: hidden; display: flex; width: 100%; max-width: 340px; aspect-ratio: 173/100;transition: all 0.3s ease;}
.partners-swiper .partner .partner-image img{width: 100%; height: 100%; object-fit: contain;}
.partners-swiper .partner .partner-content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(var(--blue-dusk-rgb), 0.8); display: flex; align-items: center; justify-content: center;padding: 24px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.partners-swiper .partner .partner-content .partner-description{font-size: 20px; line-height: 1.5; color: var(--shades01); max-width: 340px; margin: 0 auto; text-align: center;}
.partners-swiper .partner:hover .partner-image{filter: blur(16px);}
.partners-swiper .partner:hover .partner-content{opacity: 1; visibility: visible;}
.partners-swiper .swiper-control{padding: 0 var(--padding);display: none;align-items: center;justify-content: center; margin: 32px 0 0;}
.partners-swiper .partners-swiper-pagination{position: relative;width: auto !important;bottom: auto !important;top: auto !important;left: auto !important;background-color: var(--shades03);padding:0 16px;border-radius: 44px;height: 44px;display: flex;align-items: center;justify-content: center; gap: 8px;}
.partners-swiper .partners-swiper-pagination.swiper-pagination-lock{display: none !important;}
.partners-swiper .partners-swiper-pagination .swiper-pagination-bullet{margin: 0 !important; width: 10px; height: 10px;border-radius: 32px; flex-shrink: 0; background-color: var(--shades05); opacity: 1 !important; transition: all 0.3s ease;}
.partners-swiper .partners-swiper-pagination .swiper-pagination-bullet-active{background-color: var(--blue-dusk);width: 32px;}

/* ============== Government Statistics ============== */
.section-service-statistics{position: relative; padding: 160px 0;background: linear-gradient(to bottom, var(--shades01), var(--shades03));}
.section-service-statistics .container{display: flex; flex-direction: column; gap: 200px;}
.service-statistics-banner{position: relative;}
.service-statistics-banner .statistics-banner-image-container{position: relative;width: 100%;aspect-ratio: 2 / 1;display: flex;align-items: center;}
.service-statistics-banner .statistics-banner-image{position: relative;width: 100%;aspect-ratio: 12 / 5;overflow: hidden;background-size: 125%;background-repeat: no-repeat;background-position-x: center;}
.service-statistics-banner .statistics-banner-image img{width: 100%; height: 100%; object-fit: cover;}
.service-statistics-banner .statistics-banner-image .wave-top{position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 101%; display: flex; z-index: 1;}
.service-statistics-banner .statistics-banner-image .wave-top svg{width: 100%;}
.service-statistics-banner .statistics-banner-image .wave-top svg path{transition: fill 0.5s linear;}
.service-statistics-banner .statistics-banner-image .wave-bottom{position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 101%; display: flex; z-index: 1;}
.service-statistics-banner .statistics-banner-image .wave-bottom svg{width: 100%;}
.service-statistics-banner .statistics-banner-image .wave-bottom svg path{transition: fill 0.5s linear;}
.service-statistics{position: relative; display: flex; flex-direction: column; gap: 100px;}
.service-statistics .statistics-information{display: flex; flex-direction: column; gap: 40px;}
.service-statistics .statistics-title{font-size: 60px; font-weight: 500; line-height: 1.2; letter-spacing: -2.4px; color: var(--blue-navy); margin: 0; text-align: center;}
.service-statistics .statistics-decription{text-align: center; font-size: 22px; line-height: 1.6;color: var(--blue-dusk); max-width: 1000px; margin: 0 auto;}
.service-statistics .statistics{position: relative; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px;}
.service-statistics .statistics .statistics-item{position: relative; padding: 80px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 26px; text-align: center; background-color: var(--shades01); border-radius: 12px;}
.service-statistics .statistics .statistics-item .item-data{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 64px; line-height: 1.2; letter-spacing: -2.56px; color: var(--blue-navy);}
.service-statistics .statistics .statistics-item .item-label{font-size: 26px; line-height: 1.6; letter-spacing: -0.5px;}
.service-statistics .statistics-action{display: flex; align-items: center; justify-content: center;}
.service-statistics .statistics-action .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--blue-dusk); border-radius: 4px; color: var(--shades01); padding: 24px; font-weight: 700; text-transform: uppercase; border: none;}
.service-statistics .statistics-action .btn-action i{font-size: 24px;}
.service-statistics .statistics-action .btn-action:hover{background-color: var(--blue-navy);}
.service-statistics .statistics-action .btn-action:active{background-color: var(--blue-navy);}

/* ============== Government Contracting ============== */
.section-contracting{position: relative; padding: 200px 0;}
.section-contracting .container{display: flex; justify-content: space-between; gap: 80px;}
.section-contracting .contracting-wrapper{width: 100%; max-width: 600px;}
.section-contracting .contracting-content{position: sticky; top: 160px;}
.section-contracting .contracting-wrapper+.contracting-wrapper{width: 100%; max-width: 680px;}
.section-contracting .contracting-wrapper+.contracting-wrapper .contracting-content{position: relative; top: auto;padding: 160px 0 0;}
.section-contracting .contracting-title{font-size: 64px; font-weight: 500; letter-spacing: -2.56px;line-height: 1.2;margin: 0;color: var(--blue-navy);}
.section-contracting .contracting-description{font-size: 22px; line-height: 1.6; margin: 24px 0 0;}
.section-contracting .contracting-images{display: flex; gap: 12px; margin: 80px 0 0;}
.section-contracting .contracting-images .contracting-image{width: auto; min-width: 120px;max-width:120px; overflow: hidden; display: flex;position: relative; z-index: 0;border-radius: 16px;}
.section-contracting .contracting-images .contracting-image:before{content:"";position: absolute;bottom: 0; left: 0; width: 100%; height: 85%; background-color: var(--shades04); border-radius: 16px; z-index: -1;}
.section-contracting .contracting-images .contracting-image img{width: 100%; height: 100%; object-fit: cover;}
.section-contracting .contracting-form{position: relative;}
/* ********|| GOVERNMENT CONTRACTING END ||******** */

/* ********|| ABOUT START ||******** */
/* ============== Teams ============== */
.section-team{position: relative; padding: 260px 0 160px;}
.section-team .section-team-content{display: flex; flex-direction: column; gap: 160px;}
.section-team .section-team-title{font-size: 40px; font-weight: 500; line-height: 1.3; letter-spacing: -1px; margin: 0; text-align: center;text-transform: uppercase;}
.section-team .section-team-title span{display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 260px; font-weight: 600; line-height: 1.1; letter-spacing: -13px; color: var(--blue-navy);}
.team-list{position: relative; display: flex; flex-direction: column; gap: 80px;}
.team-list .team-row{display: flex; gap: 24px;justify-content: center; flex-wrap: wrap;}
.team-list .team-row:nth-child(even){justify-content: flex-end;}
.team-list .team-item{position: relative;display: flex;width: 20%;flex-shrink: 0;max-width: calc(20% - 20px);}
.team-list .team-item .team-link{display: flex; flex-direction: column; width: 100%; gap: 24px;}
.team-list .team-item .team-image{position: relative; overflow: hidden;width: 100%; aspect-ratio: 5/6;border-radius: 5px;}
.team-list .team-item .team-image img{width: 100%; height: 100%; object-fit: cover;transition: all 0.3s ease;}
.team-list .team-item .team-action{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center;background-color: var(--shades06); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.team-list .team-item .team-action span{display: flex;align-items: center;justify-content: center;padding: 0 16px;background-color: var(--shades03);height: 44px;border-radius: 4px;font-size: 14px;font-weight: 600; text-transform: uppercase; color: var(--blue-dusk);line-height: 1; transition: all 0.3s ease;}
.team-list .team-item .team-info{display: flex; flex-direction: column; gap: 4px;}
.team-list .team-item .team-name{margin: 0;font-size: 22px; font-weight: 400; line-height: 1.6; color: var(--blue-navy);}
.team-list .team-item .team-designation{font-size: 18px; line-height: 1.4; color: var(--shades06);}
.team-list .team-item:hover .team-action{opacity: 1; visibility: visible;}
.team-list .team-item:hover .team-image img{transform: scale(1.1);}

/* ============== About ============== */
.section-about{position: relative; padding: 160px 0;border: solid #EDEEF3;border-width: 1px 0;}
.section-about .about-content{position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
.section-about .about-description{font-size: 56px; line-height: 1.3; letter-spacing: -2px; color: var(--blue-navy); text-align: center;}

/* ============== Story ============== */
.section-story{position: relative; padding: 160px 0;}
.section-story .container{display: flex; justify-content: space-between; gap: 80px;}
.section-story .story-wrapper{position: relative;}
.section-story .story-content{display: flex; flex-direction: column; gap: 96px; position: sticky; top: 160px;}
.section-story .story-wrapper+.story-wrapper{width: 100%; max-width: 1000px;}
.section-story .story-wrapper+.story-wrapper .story-content{position: relative; top: auto;}
.section-story .story-title{font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--blue-navy);}
.section-story .story-video{position: relative;width: 100%; aspect-ratio: 27/16;}
.section-story .story-video .video-link{position: relative;width: 100%;height: 100%;display: flex;border-radius: 12px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.section-story .story-video .video-link: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);transition: all 0.3s ease;}
.section-story .story-image{position: relative;width: 100%;height: 100%;display: flex;border-radius: 12px;overflow: hidden;}
.section-story .story-image img{width: 100%; height: 100%; object-fit: cover;}
.section-story .story-description{font-size: 22px; line-height: 1.6; max-width: 820px;}

/*============ Values ============*/
.section-values{position: relative; padding: 160px 0;border-top: 1px solid #EDEEF3;}
.section-values .container{display: flex; gap: 80px; justify-content: space-between; align-items: flex-start;}
.section-values .values-content{flex-shrink: 1;flex-grow: 1; max-width: 400px;position: sticky; top: 160px;}
.section-values .values-content+.values-content{flex-grow: 1; flex-shrink: 0; max-width: 1000px;position: relative; top: auto;}
.section-values .values-title{font-family: 'Roboto Condensed', sans-serif;font-weight: 500;font-size: 80px;letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--blue-navy);margin: 24px 0 64px;}
.section-values .values-title span{display: inline-flex;}
.section-values .values-list{position: relative;}
.section-values .values-item{ position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 24px; padding: 0 28px; min-height: 88px; gap: 40px; z-index: 0;}
.section-values .values-item:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; background-color: var(--shades04); z-index: -1;opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.section-values .values-item .values-item-title{font-size: 40px; font-weight: 500; line-height: 1.3; letter-spacing: -1px;color: var(--shades05); flex-shrink: 0;transition: all 0.3s ease;}
.section-values .values-item .values-item-description{font-size: 18px;line-height: 1.5;color: var(--blue-dusk); flex-shrink: 1; flex-grow: 1; max-width: 520px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.section-values .values-item:hover:before{opacity: 1; visibility: visible;}
.section-values .values-item:hover .values-item-title{color: var(--blue-dusk);}
.section-values .values-item:hover .values-item-description{opacity: 1; visibility: visible;}
.section-values .values-item.active:before{opacity: 1; visibility: visible;}
.section-values .values-item.active .values-item-title{color: var(--blue-dusk);}
.section-values .values-item.active .values-item-description{opacity: 1; visibility: visible;}

/*============ Career Call-to-action ============*/
.section-career-cta{position: relative; padding: 300px 0 200px; background-color: var(--blue-dusk); min-height: calc(100vh - 100px); display: flex; align-items: center;}
.section-career-cta .career-cta{position: relative;width: 100%;max-width: 1300px;height: 560px;margin: 0 auto;z-index: 0;padding: 60px;display: flex;align-items: flex-end;justify-content: center;}
.section-career-cta .career-cta-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: -1;}
.section-career-cta .career-cta-background-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: var(--blue-navy); overflow: hidden;}
.section-career-cta .career-cta-background-inner .wave-top{position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 101%; display: flex;}
.section-career-cta .career-cta-background-inner .wave-top svg{width: 100%;}
.section-career-cta .career-cta-background-inner .wave-top svg path{transition: all 0.5s linear;}
.section-career-cta .career-cta-background-inner .wave-bottom{position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 101%; display: flex; z-index: 1;}
.section-career-cta .career-cta-background-inner .wave-bottom svg{width: 100%;}
.section-career-cta .career-cta-background-inner .wave-bottom svg path{transition: all 0.5s linear;}
.section-career-cta .career-cta-image{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: calc(100% + 240px);width: 560px;background-repeat: no-repeat;background-position: center 100px;background-size: cover;}
.section-career-cta .career-cta-inner{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px;}
.section-career-cta .career-cta-title{font-family: 'Roboto Condensed', sans-serif;font-size: 120px; font-weight: 500; line-height: 1; letter-spacing: -5px; color: var(--shades01); margin: 0; text-align: center; text-transform: uppercase;}
.section-career-cta .career-cta-actions{display: flex; align-items: center;}
.section-career-cta .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--shades01); border-radius: 4px; color: var(--blue-dusk); padding:0 24px;}
.section-career-cta .btn-action .btn-icon{display: inline-flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1;}
.section-career-cta .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease;}
.section-career-cta .btn-action .btn-label{font-weight: 700; text-transform: uppercase;}
.section-career-cta .btn-action:hover{background-color: var(--shades04);}
.section-career-cta .btn-action:active{background-color: var(--blue-dusk);color: var(--shades01);}
.section-career-cta .btn-action:active .btn-icon img{filter: brightness(10);}
/* ********|| ABOUT END ||******** */

/* ********|| BLOGS START ||******** */
.section-blogs{position: relative; padding: 200px 0 100px;}

/*============ Blog Header ============*/
.blogs-header{position: relative;}
.blogs-header .blogs-title{font-family: 'Roboto Condensed', sans-serif;font-size: 80px; font-weight: 500; letter-spacing: -4px;line-height: 1.1;margin: 0;text-transform: uppercase;color: var(--blue-navy);}
.blogs-header .blogs-result-subtitle{font-size: 18px; line-height: 1.5;margin: 0 0 16px; font-weight: 400;}
.blogs-header .blogs-result-title{font-family: 'Roboto Condensed', sans-serif;font-size: 80px; font-weight: 500; letter-spacing: -4px;line-height: 1.1;margin: 0;color: var(--blue-navy);}
.blogs-header .header-options{display: flex; align-items: center; justify-content: space-between; padding: 64px 0;}
.blogs-header .btn-clear-search{display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 1px solid var(--shades04);border-radius: 5px;background-color: var(--shades04);padding: 0 24px;font-size: 14px;font-weight: 600;color: var(--blue-dusk); text-transform: uppercase;}
.blogs-header .btn-clear-search i{font-size: 20px;}
.blogs-header .blog-search{position: relative; display: flex; align-items: center;}
.blogs-header .blog-search .btn-search{display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 1px solid #EDEEF3;border-radius: 5px;background-color: var(--shades01);padding: 0 24px;font-size: 14px;font-weight: 600;color: var(--blue-dusk);}
.blogs-header .blog-search .btn-search i{font-size: 20px;}
.blogs-header .blog-search .btn-search:hover{background-color: var(--shades05);}
.blogs-header .blog-search .search-wrapper{display: none; align-items: center; gap: 24px;}
.blogs-header .blog-search .search-input-group{display: flex;border: 1px solid var(--shades05); border-radius: 5px; overflow: hidden; transition: all 0.3s ease; width: 360px;height: 60px;}
.blogs-header .blog-search .search-input-group .search-icon{display: flex; align-items: center; justify-content: center;font-size: 20px;color: var(--shades05); width: 60px; aspect-ratio: 1/1; flex-shrink: 0; transition: all 0.3s ease;}
.blogs-header .blog-search .search-input-group .search-input{height: 60px; border: none; background-color: transparent;font-size: 14px;font-weight: 500; color: var(--blue-dusk); padding: 0 24px 0 0; flex-shrink: 1; flex-grow: 1;}
.blogs-header .blog-search .search-input-group .search-input::placeholder{color: var(--shades05);}
.blogs-header .blog-search .search-input-group:focus-within{border-color: var(--blue-dusk);outline: 1px solid var(--blue-dusk)!important;}
.blogs-header .blog-search .search-input-group:focus-within .search-icon{color: var(--blue-dusk);}
.blogs-header .blog-search.active .search-wrapper{display: flex;}
.blogs-header .blog-search.active .btn-search{display: none;}
.blogs-header .blog-search .search-actions{display: flex; align-items: center; gap: 12px;}
.blogs-header .blog-search .search-actions .btn-action{display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 1px solid var(--blue-dusk);border-radius: 5px;background-color: var(--blue-dusk);padding: 0 24px;font-size: 14px;font-weight: 600;color: var(--shades01); text-transform: uppercase;}
.blogs-header .blog-search .search-actions .btn-action:disabled{background-color: var(--shades05);border-color: var(--shades05);}
.blogs-header .blog-search .search-actions .btn-action.alt{padding: 0;color: var(--blue-dusk); background-color: transparent; border: none;}

/*============ Featured Blog ============*/
.section-featured-blog{position: relative; padding: 60px 0; background-color: var(--shades03); display: flex; align-items: center;}
.section-featured-blog .featured-blog{display: flex; align-items: center; gap: 80px; justify-content: space-between;}
.section-featured-blog .featured-blog .featured-blog-content{flex-shrink: 1; flex-grow: 1; max-width: 600px;}
.section-featured-blog .featured-blog .blog-category{font-size: 18px; line-height: 1.5; font-weight: 500; margin: 0 0 24px;}
.section-featured-blog .featured-blog .blog-title{font-weight: 500; margin: 0; font-size: 56px; line-height: 1.2; letter-spacing: -2px; color: var(--blue-dusk);}
.section-featured-blog .featured-blog .blog-action{display: flex; margin: 56px 0 0;}
.section-featured-blog .featured-blog .btn-action{display: flex; align-items: center; justify-content: center; gap: 10px; height: 72px; background-color: var(--blue-dusk); border-radius: 4px; color: var(--shades01); padding:0 24px;}
.section-featured-blog .featured-blog .btn-action .btn-icon{display: inline-flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1;}
.section-featured-blog .featured-blog .btn-action .btn-icon img{width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease;}
.section-featured-blog .featured-blog .btn-action .btn-label{font-weight: 700; text-transform: uppercase;}
.section-featured-blog .featured-blog .btn-action:hover{background-color: var(--blue-navy);}
.section-featured-blog .featured-blog .btn-action:active{background-color: var(--blue-navy);}
.section-featured-blog .featured-blog .featured-blog-image{flex-shrink: 0; width: 50%; aspect-ratio: 16/11; overflow: hidden; border-radius: 8px; display: flex;}
.section-featured-blog .featured-blog .featured-blog-image img{width: 100%; height: 100%; object-fit: cover;}

/*============ Blog Listings ============*/
.section-blog-list{position: relative; padding: 100px 0 0;}
.blog-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap:24px; row-gap: 100px;}
.blog-list .blog-item{position: relative; display: flex;}
.blog-list .blog-item .blog-link{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.blog-list .blog-item .blog-image{width: 100%; aspect-ratio: 38/25; overflow: hidden; border-radius: 8px; display: flex;}
.blog-list .blog-item .blog-image img{width: 100%;height: 100%; object-fit: cover; transition: all 0.3s ease;}
.blog-list .blog-item .blog-title{font-size: 20px; line-height: 1.5; color: var(--blue-dusk);transition: all 0.3s ease;}
.blog-list .blog-item:hover .blog-image img{transform: scale(1.1);}
.blog-list-action{display: flex; align-items: center; margin: 100px 0 0;}
.blog-list-action .btn-action{display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 1px solid var(--shades05);border-radius: 5px;background-color: var(--shades01);padding: 0 24px;font-size: 16px;font-weight: 600;color: var(--blue-dusk); text-transform: uppercase;line-height: 1;}
.blog-list-action .btn-action:hover{background-color: var(--shades05);}
/* ********|| BLOGS END ||******** */

/* ********|| BLOG DETAILS START ||******** */
.section-blog-details{padding: 140px 0 100px;position: relative;}
.section-blog-details .back-actions{position: absolute; left: 60px; top: 140px;display: flex;}
.section-blog-details .back-actions .btn-action{height: 60px;border:none;padding:0 24px; background: var(--shades04);border-radius: 5px; font-size: 14px;line-height: 1;font-weight: 600;display: flex;align-items: center;justify-content: center;gap: 9px; font-weight: 600; cursor: pointer; color: var(--blue-dusk); text-transform: uppercase; transition: all 0.3s ease;}
.section-blog-details .back-actions .btn-action:hover{background: var(--shades05);color: var(--blue-navy);}
.section-blog-details .back-actions .btn-action i{font-size: 20px;}
.blog-featured-image{height: 600px;aspect-ratio: 133/75;border-radius: 8px;overflow: hidden;margin: 0 auto; display: flex;}
.blog-featured-image img{width: 100%;height: 100%;object-fit: cover;}
.blog-details-content{max-width: 800px;width: 100%;margin: 80px auto 0;}
.blog-details-content .blog-title{font-size: 64px;letter-spacing: -2.56px;margin: 0 0 24px;color: var(--blue-navy);font-weight: 500; line-height: 1.2;}
.blog-details-content .blog-date{font-size: 18px; line-height: 1.5; font-weight: 400;margin: 0;}
.no-result-found{min-height: 300px;}
.no-result-found .description{font-size: 24px;line-height: 1.6;letter-spacing: 0; color: var(--shades06);}
/* ********|| BLOG DETAILS END ||******** */

/* ********|| BLOG CONTENT START ||******** */
.content-wrapper{margin: 56px 0;font-size: 22px;line-height: 1.6;;color: var(--shades06);}
.content-wrapper h1{font-size:48px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper h2{font-size:40px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper h3{font-size:36px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper h4{font-size:30px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper h5{font-size:24px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper h6{font-size:20px; margin: 40px 0 16px; line-height:1.2; font-weight:500;color: var(--blue-navy);}
.content-wrapper p{margin: 0 0 16px;line-height: 1.6;color: var(--shades06);}
.content-wrapper img{max-width: 100%; height: auto;display: inline-block;}
.content-wrapper img.img-align-left{display: block;float: left;margin: 20px 30px 20px 0;}
.content-wrapper img.img-align-right{display: block;float: right;margin: 20px 0 30px 20px;}
.content-wrapper img.img-align-center{display: block; margin: 10px auto 10px;}
.content-wrapper a{color: var(--orange); text-decoration: none; transition: all 0.3s ease;}
.content-wrapper a:hover{color: var(--red);text-decoration: none;}
.content-wrapper pre{color: var(--blue-dusk);text-decoration: none;}
.content-wrapper hr{border: 0 none;height: 1px;position: relative;clear: both;margin:50px 0 !important;;}
.content-wrapper 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(--blue-dusk);}
.content-wrapper ul{margin: 20px 0 !important; padding: 0; list-style-type: disc; padding: 0 0 0 20px;}
.content-wrapper ul li{padding:0;line-height: 1.5;font-weight: 400;color: var(--shades06);}
.content-wrapper table td{font-size: 16px;line-height: 1.5;font-weight: 500;color: var(--shades06);}
.content-wrapper table.blog {width: 100%;border-collapse: collapse;}
.content-wrapper table.blog td, .content-wrapper table.blog th{border: 1px solid var(--orange); padding: 5px 10px;}
/* ********|| BLOG CONTENT END ||******** */

/* ********|| SOCIAL SHARE START ||******** */
.blog-social {position: relative; margin: 64px 0 0;}
.blog-social .social-label{font-size: 18px;line-height: 1.5;font-weight: 500;color: var(--shades06);margin-bottom: 24px;}
.blog-social .social-actions{display: flex;align-items: center;gap: 8px;}
.blog-social .social-actions .btn-action{height: 40px;aspect-ratio: 1 / 1;border-radius: 5px;display: flex;align-items: center;justify-content: center;background: var(--shades01);font-size: 20px;color: var(--blue-dusk);gap: 8px; border:1px solid rgba(var(--blue-dusk-rgb),0.1)}
.blog-social .social-actions .btn-action.alt{aspect-ratio: unset; padding: 0 16px; font-size: 14px; font-weight: 600;}
.blog-social .social-actions .btn-action.alt i{font-size: 20px;}
.blog-social .social-actions .btn-action:hover{background-color: var(--shades05); border-color: var(--shades05);}
.blog-social .social-actions .btn-action:active{background-color: var(--blue-dusk); border-color: var(--blue-dusk); color: var(--shades01);}
.blog-social .social-actions .btn-action.active{background-color: var(--blue-dusk); border-color: var(--blue-dusk); color: var(--shades01);}
/* ********|| SOCIAL SHARE END ||******** */

/* ********|| SIMILAR BLOGS START ||******** */
.section-similar-blogs{position: relative; padding: 150px 0;border-top:1px solid #EDEEF3;}
.section-similar-blogs .similar-blogs-content{display: flex; flex-direction: column; gap: 64px;}
.section-similar-blogs .similar-blogs-title{font-family: 'Roboto Condensed', sans-serif;font-size: 64px; font-weight: 500; letter-spacing: -2.56px;line-height: 1.2;margin: 0;color: var(--blue-navy);}
.section-similar-blogs .blog-list-action{margin: 0;}
/* ********|| SIMILAR BLOGS END ||******** */


/* ********|| CONTACT START ||******** */
/*============ Contact Banner ============*/
.section-contact-banner{position: relative; padding: 100px 0 0; min-height: 100vh; display: flex;}
.section-contact-banner .contact-banner-content{position: relative; width: 100%; display: flex; flex-direction: column;}
.section-contact-banner .container{margin-top: auto; margin-bottom: auto;}
.section-contact-banner .contact-banner-title{font-family: 'Roboto Condensed', sans-serif;font-size: 120px; font-weight: 500; line-height: 1; letter-spacing: -5px; color: var(--blue-navy); margin: 0 auto; text-align: center; text-transform: uppercase;max-width: 1160px;}

/*============ Contact Slider ============*/
.contact-slider{position: relative; margin: 0;width: 100%;overflow: hidden;}
.contact-slider .contact-slider-wrapper{display: flex;gap:16px; flex-shrink: 0;width: auto;}
.contact-slider .contact-slide{width: auto;display: flex;gap:16px;flex-shrink: 0;}
.contact-slider .contact-image{width: auto; min-width: 240px;max-width:240px; overflow: hidden; display: flex;position: relative; z-index: 0;border-radius: 24px;}
.contact-slider .contact-image:before{content:"";position: absolute;bottom: 0; left: 0; width: 100%; height: 85%; background-color: var(--shades04); border-radius: 24px; z-index: -1;}
.contact-slider .contact-image img{width: 100%; height: 100%; object-fit: cover;}

/*============ Contact Content ============*/
.section-contact{position: relative; padding: 200px 0;}
.section-contact .container{display: flex; justify-content: space-between; gap: 80px;}
.section-contact .contact-wrapper{width: 100%; max-width: 640px;}
.section-contact .contact-content{position: sticky; top: 160px;}
.section-contact .contact-wrapper+.contact-wrapper{width: 100%; max-width: 680px;}
.section-contact .contact-wrapper+.contact-wrapper .contact-content{position: relative; top: auto;padding: 160px 0 0;}
.section-contact .contact-title{font-size: 64px; font-weight: 500; letter-spacing: -2.56px;line-height: 1.2;margin: 0;color: var(--blue-navy);}
.section-contact .contact-form{position: relative;}
/* ********|| CONTACT END ||******** */

/* ********|| CAREER START ||******** */
/*============ Carrer Banner ============*/
.section-career-banner{position: relative; padding: 200px 0 100px;display: flex;}
.section-career-banner .career-banner-content{position: relative; display: flex; align-items: center; flex-direction: column;gap: 96px;}
.section-career-banner .career-banner-title{font-family: 'Roboto Condensed', sans-serif;font-size: 272px; line-height: 0.9;letter-spacing: -9px; text-transform: uppercase; font-weight: 600; color: var(--shades01); text-align: center; margin: 0;}
.section-career-banner .career-banner-image-container{position: relative;width: 100%; aspect-ratio:2/1; display:flex; align-items: center;}
.section-career-banner .career-banner-image{position: relative; width: 100%; aspect-ratio: 12/5; overflow: hidden; background-size: 125%; background-repeat: no-repeat; background-position-x: center;}
.section-career-banner .career-banner-image .wave-top{position: absolute; top: -1px; left: 50%;transform: translateX(-50%); width: 101%; display: flex; z-index: 1;}
.section-career-banner .career-banner-image .wave-top svg{width: 100%;}
.section-career-banner .career-banner-image .wave-top svg path{transition: fill 0.5s linear;}
.section-career-banner .career-banner-image .wave-bottom{position: absolute; bottom: -1px;left: 50%;transform: translateX(-50%); width: 101%; display: flex; z-index: 1;}
.section-career-banner .career-banner-image .wave-bottom svg{width: 100%;}
.section-career-banner .career-banner-image .wave-bottom svg path{transition: fill 0.5s linear;}
.main-light .section-career-banner .career-banner-image .wave-top svg path{fill: var(--shades01);}
.main-light .section-career-banner .career-banner-image .wave-bottom svg path{fill: var(--shades01);}

/*============ Carrer Content ============*/
.section-career{position: relative; padding: 200px 0;}
.section-career .container{display: flex; justify-content: space-between; gap: 80px;}
.section-career .career-wrapper{width: 100%; max-width: 600px;}
.section-career .career-content{position: sticky; top: 160px;}
.section-career .career-wrapper+.career-wrapper{width: 100%; max-width: 680px;}
.section-career .career-wrapper+.career-wrapper .career-content{position: relative; top: auto; padding: 160px 0 0;}
.section-career .career-title{font-size: 64px; font-weight: 500; letter-spacing: -2.56px;line-height: 1.2;margin: 0;color: var(--blue-navy);max-width: 400px;}
.section-career .career-description{font-size: 26px; letter-spacing: -0.5px;line-height: 1.6;margin: 40px 0 0;}
.section-career .career-form{position: relative;}
/* ********|| CAREER END ||******** */

/* ********|| THANK YOU START ||******** */
.section-thank-you{position: relative; padding: 240px 0 200px;}
.section-thank-you .container{display: flex; align-items: center; justify-content: space-between;gap: 80px;}
.section-thank-you .thank-you-wrapper{flex-shrink: 0;width: 100%; max-width: 800px;}
.section-thank-you .thank-you-wrapper+.thank-you-wrapper{flex-shrink: 1;}
.section-thank-you .thank-you-background{position: relative;width: 100%; aspect-ratio: 2 / 1;}
.section-thank-you .thank-you-background-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%;overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center;}
.section-thank-you .thank-you-background-inner .wave-top{position: absolute; top: -1px; left: 0; width: 101%; display: flex;}
.section-thank-you .thank-you-background-inner .wave-top svg{width: 100%;}
.section-thank-you .thank-you-background-inner .wave-top svg path{transition: all 0.5s linear;}
.section-thank-you .thank-you-background-inner .wave-bottom{position: absolute; bottom: -1px; left: 0; width: 101%; display: flex; z-index: 1;}
.section-thank-you .thank-you-background-inner .wave-bottom svg{width: 100%;}
.section-thank-you .thank-you-background-inner .wave-bottom svg path{transition: all 0.5s linear;}
.section-thank-you .thank-you-image{width: 100%;}
.section-thank-you .thank-you-image img{width: 100%; height: 100%; object-fit: contain;}
.section-thank-you .thank-you-content{display: flex; flex-direction: column; gap: 24px;}
.section-thank-you .thank-you-content .thank-you-title{font-family: 'Roboto Condensed', sans-serif;font-size: 80px; font-weight: 500; letter-spacing: -4px;line-height: 1.1;margin: 0;color: var(--blue-navy); text-transform: uppercase;}
.section-thank-you .thank-you-content .thank-you-description{font-size: 26px; line-height: 1.6; letter-spacing: -0.5px;}
/* ********|| THANK YOU END ||******** */

/* ********|| LEGAL START ||******** */
.section-legal{position: relative; padding: 200px 0;}
.section-legal .container{max-width: 800px;}
.section-legal .legal-title{font-family: 'Roboto Condensed', sans-serif;font-size: 80px; font-weight: 500; letter-spacing: -4px;line-height: 1.1;margin: 0 0 32px;color: var(--blue-navy); text-transform: uppercase; height: 86px; }
.legal-tab-header{position: sticky;top: 0px; height: 100px; display: flex;align-items: center; z-index: 10; border-bottom: 1px solid rgba(var(--shades11-rgb), 0.1);background-color: var(--shades01); transition: all 0.3s ease;}
.legal-tab-navigation{display: flex;align-items: center;justify-content: center;gap: 48px;}
.legal-tab-navigation .tab-navigation-menu{display: flex;align-items: center;gap: 8px;width: 100%;max-width: 800px;padding: 0;}
.legal-tab-navigation .tab-navigation-menu .tab-menu-item{display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;color: var(--blue-dusk);line-height: 1.5;height: 60px; position: relative; text-transform: uppercase; border: 1px solid var(--shades04); background-color: var(--shades01); padding:0 24px; border-radius: 4px; transition: all 0.3s ease;}
.legal-tab-navigation .tab-navigation-menu .tab-menu-item:hover{background-color: var(--shades05);border-color: var(--shades05);}
.legal-tab-navigation .tab-navigation-menu .tab-menu-item.active{background-color: var(--shades04);border-color: var(--shades04);}
.legal-tab-content{position: relative; padding: 64px 0;}
.legal-tab-content .legal-content-title{font-size: 40px; font-weight: 500; line-height: 1.3; letter-spacing: -1px; color: var(--blue-navy); margin: 0 0 24px;}
.legal-tab-content .legal-content-description{font-size: 20px; line-height: 1.5;color: var(--shades06);}
.legal-tab-content .legal-content-description h1{font-size: 40px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description h2{font-size: 36px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description h3{font-size: 32px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description h4{font-size: 28px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description h5{font-size: 24px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description h6{font-size: 20px; font-weight: 600; margin: 40px 0 16px;line-height: 1.1; color: var(--blue-dusk);}
.legal-tab-content .legal-content-description p{margin: 0 0 16px;}
.legal-tab-content .legal-content-description a{color: var(--red);}
.legal-tab-content .legal-content-description a:hover{text-decoration: underline;}
.legal-tab-content .legal-content-description ul{margin: 24px 0; padding-left: 20px; list-style: disc;}
.legal-tab-content .legal-content-description ol{margin: 24px 0; padding-left: 20px; list-style: decimal;}
.legal-tab-content .legal-content-description ol > li::marker{font-weight: 600;}
.legal-tab-content .legal-content-description ol ol{list-style: lower-alpha;}
.legal-tab-content .legal-content-description ol ol > li::marker{font-weight: 600;}
.legal-tab-content .legal-content-description ol ol ol{list-style: lower-roman;}
.legal-tab-content .legal-content-description ol ol ol > li::marker{font-weight: 500;}
.legal-tab-content .legal-content-description table{border:1px solid var(--shades04); border-collapse: collapse; border-spacing: 0;width: 100%;margin: 20px 0;}
.legal-tab-content .legal-content-description tr{}
.legal-tab-content .legal-content-description td{border: 1px solid var(--shades04); padding: 8px; font-size:16px;color: var(--blue-dusk);}
.legal-tab-content .legal-content-description th{font-weight: 400;border: 1px solid var(--shades04); padding: 8px; font-size:16px;color: var(--blue-dusk); background-color: var(--shades04);}
.legal-tab-content .legal-content-description strong{font-weight: 500;}
/* ********|| LEGAL END ||******** */

/* ********|| 404 PAGE NOT FOUND START ||******** */
.section-error-page {position: relative;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 100px 0 0;}
.section-error-page .error-content { max-width: 700px; width: 100%; line-height: 1.4; text-align: center; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.section-error-page .error-title{ color: var(--blue-dusk);font-weight: 700;font-size: 240px;line-height: 1;margin: 0;}
.section-error-page .error-subtitle{ font-size: 36px;color: var(--shades06);font-weight: 600;text-transform: capitalize;margin: 0 0 24px;}
.section-error-page .error-description{ font-size: 20px;color: var(--shades06);font-weight: 400;margin: 0;}
.section-error-page .error-description p{margin: 0;}
.section-error-page .error-actions{margin: 44px auto 0;display: flex;align-items: center; justify-content: center; gap: 30px;}
.section-error-page .error-actions .btn-action{display: flex;align-items: center;justify-content: center;gap: 10px;height: 72px;background-color: var(--red);border-radius: 4px;color: var(--shades01);padding: 0 24px;font-weight: 700;line-height: 1.5;text-transform: uppercase;}
.section-error-page .error-actions .btn-action:hover{background-color: var(--red-dark);}
.section-error-page .error-actions .btn-action:active{background-color: var(--blue-dusk);}
/* ********|| 404 PAGE NOT FOUND START ||******** */

/* ********|| DEFAULT PAGE START ||******** */
.section-default-page-banner{position: relative;overflow: hidden;height: 400px;width: 100%;display: flex;align-items: center;z-index: 0;background-color: var(--red);margin: 100px 0 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;color: var(--shades06);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(--blue-dusk);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(--blue-dusk);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(--blue-dusk);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(--blue-dusk);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(--blue-dusk);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(--blue-dusk);letter-spacing: 0.5px;}
.section-default-page .default-description p{font-size: 18px;margin: 0 0 24px;line-height: 1.6;color: var(--shades06);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-navy); text-decoration: none; transition: all 0.3s ease;}
.section-default-page .default-description a:hover{color: var(--red);text-decoration: none;}
.section-default-page .default-description pre{color: var(--shades06);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(--shades06);}
.section-default-page .default-description b,.section-default-page .default-description strong{color: var(--shades06);}
.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(--shades06);}
.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(--shades06);}
.section-default-page .default-description table td{font-size: 16px;line-height: 1.5;font-weight: 400;color: var(--shades06);}
.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(--shades04); padding: 5px 10px;}
/* ********|| DEFAULT PAGE 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; backdrop-filter: blur(8px); background-color: rgba(48, 54, 66, 0.3);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:80px 100px; border-radius: 8px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.dialog .dialog-close{position: sticky;top: 16px;right: 0;width: 60px;aspect-ratio: 1/1;border: none;border-radius: 100px;display: flex;align-items: center;justify-content: center;padding: 0;font-size: 30px;color: var(--shades07); cursor: pointer; transition: all 0.3s ease;margin: -60px -60px 0 auto; background-color: transparent;}
.dialog .dialog-close:hover{ color: var(--blue-dusk);}
.dialog.active{opacity: 1; visibility: visible;}
.dialog.active .dialog-backdrop{opacity: 1; visibility: visible;}
.dialog.active .dialog-content{ opacity: 1; visibility: visible;}
/* ********|| DIALOG END ||******** */

/* ********|| TEAM DIALOG START ||******** */
.team-details{position: relative;}
.team-details .container{display: flex; gap: 120px;}
.team-details .team-details-image{width: 520px; aspect-ratio: 4/5; flex-shrink: 0;  overflow: hidden; position: sticky; top: 100px; margin: 0 0 auto;border-radius: 8px;}
.team-details .team-details-image img{width: 100%; height: 100%; object-fit: cover;}
.team-details .team-details-content{flex-shrink: 1; flex-grow: 1;}
.team-details .details-basic{position: relative; display: flex; flex-direction: column; gap: 16px;}
.team-details .basic-title{font-size: 64px; font-weight: 500; line-height: 1.2; letter-spacing: -2.56px;margin: 0; color: var(--blue-navy);}
.team-details .basic-subtitle{font-size: 20px; line-height: 1.5;margin: 0;}
.team-details .details-personal{position: relative; margin: 80px 0 0;}
.team-details .personal-description{font-size: 22px; line-height: 1.6;}
.team-details .details-quote{position: relative; margin: 80px 0 0; }
.team-details .quote-icon{display: flex;width: 32px;}
.team-details .quote-icon img{width: 100%; height: 100%; object-fit: contain;}
.team-details .quote-description{font-size: 32px; line-height: 1.3; color: var(--blue-navy); font-weight: 500; letter-spacing: -0.64px; margin: 32px 0 0;}
.team-details .quote-author{font-size: 18px; line-height: 1.4;margin: 24px 0 0;}
/* ********|| TEAM DIALOG END ||******** */

/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width:1600px) {
  .section-hero .hero-content{ max-width: 1200px;}
  .section-hero .hero-content .hero-title{font-size: 120px;}
  .section-hero .hero-content .hero-title img{height: 110px;}
  .section-recruiting-support .content{max-width: 540px;}
  .section-recruiting-support .wrapper+.wrapper .content{max-width: 640px;}
  .section-recruiting-support .title{font-size: 72px;}
  .section-banner{height: 700px;}
  .section-transportation-recruiting .title{font-size: 72px;}
  .section-transportation-recruiting .wrapper{max-width: 560px;}
  .recruiting-list .recruiting-item{gap: 24px;}
  .recruiting-list .recruiting-item .recruiting-item-content{gap: 12px;}
  .recruiting-list .recruiting-item .recruiting-item-title{font-size: 28px;}
  .recruiting-list .recruiting-item .recruiting-item-description{font-size: 18px;}
  .section-job .content{max-width: 720px;}
  .section-job .job-title{font-size: 72px;}
  .section-secret-success .secret-success-content .title{font-size: 220px;}
  .section-secret-success .secret-success-video .video{max-width: 880px;}
  .section-reviews .review-title{font-size: 72px;}
  .section-statistics .statistics .statistics-item .item-data{font-size: 60px;}
  .section-statistics .statistics .statistics-item .item-label{font-size: 22px;}
  .section-partners .partners-title{font-size: 72px;}
  .section-cta .cta-title{font-size: 72px;}
  .section-marquee .marquee .marquee-text{font-size: 72px;}
  .section-marquee .marquee .marquee-separator{width: 140px;}
  .section-identity .identity-wrapper{padding:40px 40px; gap: 60px;}
  .section-footer .footer-brand{height: 100px;}
  .section-service-banner .banner-image{max-width: 700px;}
  .section-service-banner .banner-title{font-size: 72px;}
  .section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 660px;}
  .section-transportation-recruiting-details .transportation-recruiting-content{max-width: 440px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .title{font-size: 60px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .description{font-size: 20px;}
  .recruitment-slider .recruitment .recruitment-title{ font-size: 24px; }
  .section-service-included .service-included-wrapper{max-width: 520px;}
  .section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 720px;}
  .section-service-included .service-included-title{font-size: 60px;}
  .section-service-included .service-included-description{font-size: 20px;}
  .service-list .service-item .service-item-title{font-size: 36px;}
  .service-list .service-item .service-item-subtitle{font-size: 20px;}
  .service-list .service-item .service-item-description{font-size: 20px;}
  .section-service-inner-banner .banner-title{font-size: 72px;}
  .section-service-benefits .service-benefits .service-benefit-title{font-size: 36px;max-width: 1080px;}
  .benefits .benefit-item .benefit-title{font-size: 30px;}
  .benefits .benefit-item .benefit-description{font-size: 20px;}
  .benefits .benefit-item-partner .benefit-partner-title{font-size: 48px;}
  .section-testimonials .testimonial-title{font-size: 72px;}
  .testimonial-slider .testimonial .testimonial-description{font-size: 20px;}
  .section-government-contracting-details .government-contracting-wrapper{max-width: 660px;}
  .section-government-contracting-details .government-contracting-content{max-width: 440px;}
  .section-government-contracting-details .government-contracting-content .title{font-size: 60px;}
  .section-government-contracting-details .government-contracting-content .description{font-size: 20px;}
  .department-slider .department .department-title{ font-size: 24px; }
  .section-facilities .facilities-title{font-size: 56px;}
  .facilities-list .facilities-item .facilities-icon{width: 120px;}
  .section-purpose .purpose-title{ font-size: 32px;}
  .section-purpose .purpose-title span{font-size: 220px;}
  .section-team .section-team-title{ font-size: 32px;}
  .section-team .section-team-title span{font-size: 220px;}
  .section-about .about-content{max-width: 1280px;}
  .section-about .about-description{ font-size: 48px;}
  .section-story .story-wrapper+.story-wrapper{max-width: 800px;}
  .section-story .story-title{font-size: 72px;}
  .section-values .values-title{font-size: 72px;}
  .section-values .values-content+.values-content{max-width: 800px;}
  .section-values .values-item{min-height: 90px;}
  .section-values .values-item .values-item-title{font-size: 36px; letter-spacing: -0.36px;}
  .section-career-cta .career-cta-title{font-size: 100px;}
  .team-details .container{gap: 40px;}
  .team-details .team-details-image{width: 480px;}
  .team-details .basic-title{font-size: 72px;letter-spacing: -0.72px;}
  .team-details .basic-meta .meta{font-size: 20px;}
  .team-details .profession-title{font-size: 28px;}
  .team-details .profession-item .profession-item-description{font-size: 18px;}
  .team-details .personal-title{font-size: 28px;}
  .team-details .personal-description{font-size: 18px;}
  .team-details .quote-author{font-size: 18px;}
  .blogs-header .blogs-title{font-size: 72px;}
  .blogs-header .blogs-result-title{font-size: 72px;}
  .section-featured-blog .featured-blog .blog-title{font-size: 48px;}
  .blog-details-content .blog-title{font-size: 56px;}
  .section-similar-blogs .similar-blogs-title{font-size: 56px;}
  .section-contact-banner .contact-banner-title{font-size: 100px;max-width: 960px;}
  .contact-slider .contact-image{min-width: 220px; max-width: 220px;}
  .section-contact .contact-title{font-size:56px}
  .section-contact .contact-wrapper{max-width: 560px;}
  .section-career-banner .career-banner-title{font-size: 240px;}
  .section-career .career-wrapper{max-width: 560px;}
  .section-career .career-title{font-size: 56px;}
  .section-career .career-description{font-size: 24px;}
  .section-thank-you .thank-you-wrapper{max-width: 700px;}
  .section-thank-you .thank-you-content .thank-you-title{font-size: 72px;}
  .section-legal .legal-title{font-size: 72px;}
}
@media screen and (max-width: 1540px) {
  
}
@media screen and (max-width: 1470px) {
  
}
@media screen and (max-width: 1400px) {
  header .navigation-menu .menu-link{font-size: 18px;height: 64px;padding: 0 20px;}
  header .navigation-menu .dropdown-toggle{padding: 0 30px 0 20px;}
  header .navigation-menu .dropdown-toggle:after{right: 10px;}
  header .navigation-menu .dropdown-menu{min-width: 580px; max-width: 580px;}
  header .navigation-menu .dropdown-menu-link{padding: 16px;gap: 16px;}
  header .navigation-menu .dropdown-menu-link .menu-image{width: 240px; min-width: 240px;}
  header .navigation-menu .dropdown-menu-link .menu-label{font-size: 20px;}
  header .header-options .btn-action{height: 64px;padding: 0 20px;}
  .section-hero .hero-content{max-width: 1000px;}
  .section-hero .hero-content .hero-title{font-size: 100px;}
  .section-hero .hero-content .hero-title img{height: 90px;}
  .section-hero .hero-content .btn-action{height: 64px;padding: 0 20px;}
  .section-recruiting-support{padding: 240px 0 200px;}
  .section-recruiting-support .content{max-width: 470px;}
  .section-recruiting-support .wrapper+.wrapper .content{ max-width: 560px;}
  .section-recruiting-support .title{font-size: 64px;}
  .section-recruiting-support .description{font-size: 20px;}
  .section-transportation-recruiting .title{font-size: 64px;}
  .section-job{padding: 160px 0;}
  .section-job .job-title{font-size: 64px;}
  .section-job .job-description{font-size: 20px;margin: 40px 0 0;}
  .section-job .job-actions{margin: 40px 0 0;}
  .section-job .job-actions .btn-action{height: 64px;padding: 0 20px;}
  .section-secret-success .secret-success-content .title{font-size: 180px;letter-spacing: -8px;}
  .section-secret-success .secret-success-video .video{max-width: 800px;}
  .section-reviews{padding: 200px 0 0;}
  .section-reviews .review-title{font-size: 64px;}
  .section-statistics{padding: 140px 0;}
  .section-statistics .statistics .statistics-item{padding: 60px 40px;gap: 20px;}
  .section-statistics .statistics .statistics-item .item-label{font-size: 20px;}
  .section-partners{padding: 120px 0;}
  .section-partners .partners-title{font-size: 64px;}
  .partners-slider{margin: 120px 0 0;}
  .partners-slider .partners-slide{gap: 80px;}
  .partners-slider .partner{height: 80px;}
  .section-cta{padding: 160px 0;}
  .section-cta .cta-title{font-size: 64px;}
  .section-cta .cta-description{font-size: 20px;}
  .section-cta .cta-actions .btn-action{height: 64px; padding: 0 20px;}
  .section-marquee .marquee-wrapper{gap: 80px;}
  .section-marquee .marquee{gap: 80px;}
  .section-marquee .marquee .marquee-text{font-size: 64px;}
  .section-marquee .marquee .marquee-separator{width: 120px;}
  .section-identity .identity-wrapper{gap:40px;}
  .section-identity .identity .indentity-logo{height:44px}
  .section-identity .identity-list .identity{padding: 32px 24px;}
  .section-identity .identity-list .identity .indentity-logo{height: 24px;}
  .section-identity .identity .identity-description{font-size: 14px;font-weight: 300;}
  footer .container{padding: 0 48px;}
  .section-footer{padding: 80px 0;}
  .section-footer .footer-brand{height: 80px;}
  .section-footer-bottom .footer-bottom{padding: 30px 0;}
  .section-service-banner{height: 700px;}
  .section-service-banner .banner-title{font-size: 64px;}
  .section-service-banner .banner-image{max-width: 600px;}
  .section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 600px;}
  .section-transportation-recruiting-details .container{gap: 80px;}
  .section-transportation-recruiting-details .transportation-recruiting-content{ max-width: 400px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .title{font-size: 56px;}
  .section-recruitment{ padding: 100px 0 160px;}
  .recruitment-slider .recruitment .recruitment-title{font-size: 22px;}
  .recruitment-slider .recruitment .recruitment-features{font-size: 18px;}
  .recruitment-slider .recruitment .recruitment-features ul li{padding:12px 0;}
  .section-service-included{padding: 160px 0;}
  .section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 640px;}
  .section-service-included .service-included-content{gap: 24px;}
  .section-service-included .service-included-title{font-size: 56px;}
  .section-service-included .service-included-description{font-size: 18px;}
  .service-list .service-item{padding: 48px 48px;gap: 24px;}
  .service-list .service-item .service-item-icon{width: 48px;}
  .service-list .service-item .service-item-info{gap: 8px;}
  .service-list .service-item .service-item-title{font-size: 32px;}
  .service-list .service-item .service-item-description{font-size: 18px;}
  .section-service-inner-banner .banner-title{font-size: 64px;}
  .section-service-benefits{padding: 160px 0;}
  .section-service-benefits .service-benefits{gap:120px;}
  .section-service-benefits .service-benefits .service-benefit-title{ font-size: 32px; max-width: 900px;}
  .benefits .benefit-item .benefit-title{font-size: 24px;}
  .benefits .benefit-item .benefit-description{font-size: 18px;}
  .benefits .benefit-item-partner .benefit-partner-title{font-size: 40px; line-height: 1.1; max-width: 180px;}
  .benefits .benefit-item-partner .btn-action .btn-label{font-size: 20px;}
  .benefits .benefit-item-partner .btn-action .btn-icon{ height: 24px;}
  .section-testimonials{padding: 160px 0;}
  .section-testimonials .testimonial-title{font-size: 64px;}
  .testimonial-slider .testimonial{min-height: 360px;}
  .testimonial-slider .testimonial .testimonial-description{font-size: 18px;}
  .testimonial-slider .testimonial .author-location{font-size: 16px;}
  .section-government-contracting-details .government-contracting-wrapper{max-width: 600px;}
  .section-government-contracting-details .container{gap: 80px;}
  .section-government-contracting-details .government-contracting-content{ max-width: 400px;}
  .section-government-contracting-details .government-contracting-content .title{font-size: 56px;}
  .section-deparments{ padding: 100px 0 160px;}
  .department-slider .department .department-title{font-size: 22px;}
  .department-slider .department .department-features{font-size: 18px;}
  .department-slider .department .department-features ul li{padding:12px 0;}
  .section-facilities .facilities-title{font-size: 48px;}
  .facilities-list{column-gap: 48px;}
  .facilities-list .facilities-item .facilities-icon{width: 100px;}
  .facilities-list .facilities-item .facilities-icon-inner{width: 48px;}
  .facilities-list .facilities-item .facilities-name{font-size: 18px;}
  .section-purpose{padding: 160px 0;}
  .section-purpose .container{gap: 160px;}
  .section-purpose .purpose-content .purpose-title span{font-size: 180px;}
  .section-purpose .purpose-content .purpose-description{font-size: 20px;}
  .section-purpose .partners-content .partners-title{font-size: 28px;}
  .partners-swiper .partner .partner-image{max-width: 280px;}
  .section-service-statistics .container{gap: 160px;}
  .service-statistics{gap: 72px;}
  .service-statistics .statistics-title{font-size: 52px;}
  .service-statistics .statistics-decription{max-width: 920px;font-size: 20px;}
  .service-statistics .statistics .statistics-item{padding: 60px 24px;gap: 20px;}
  .service-statistics .statistics .statistics-item .item-data{ font-size: 56px;}
  .service-statistics .statistics .statistics-item .item-label{font-size: 24px;}
  .section-contracting{padding: 160px 0;}
  .section-contracting .contracting-title{font-size: 56px;}
  .section-contracting .contracting-description{font-size: 20px;}
  .section-contracting .contracting-images{margin: 60px 0 0;}
  .section-contracting .contracting-images .contracting-image{min-width: 100px; max-width: 100px;border-radius: 8px;}
  .section-contracting .contracting-images .contracting-image:before{border-radius: 8px;}
  .service-statistics .statistics-action .btn-action{height: 64px;}
  .section-team{padding: 200px 0 120px;}
  .section-team .section-team-content{gap: 100px;}
  .section-team .section-team-title span{font-size: 180px;}
  .team-list .team-item .team-link{gap: 16px;}
  .team-list .team-item .team-name{font-size: 20px;}
  .team-list .team-item .team-designation{font-size: 16px;}
  .section-about{padding: 120px 0;}
  .section-about .about-content{ max-width: 1080px;}
  .section-about .about-description{font-size: 40px;}
  .section-story{padding: 120px 0;}
  .section-story .story-wrapper+.story-wrapper{max-width: 600px;}
  .section-story .story-content{gap: 72px;}
  .section-story .story-title{font-size: 64px;}
  .section-story .story-description{font-size: 20px;}
  .section-values{padding: 120px 0;}
  .section-values .values-content+.values-content{max-width: 600px;}
  .section-values .values-title{font-size: 64px;}
  .section-values .values-item{min-height: 85px;}
  .section-values .values-item .values-item-title{font-size: 28px; letter-spacing: -0.28px;}
  .section-values .values-item .values-item-description{font-size: 14px; max-width: 100%;}
  .section-career-cta{padding: 240px 0 120px;}
  .section-career-cta .career-cta{max-width: 960px; height: 440px;}
  .section-career-cta .career-cta-image{height: calc(100% + 200px);width: 440px;}
  .section-career-cta .career-cta-title{font-size: 80px;}
  .section-career-cta .btn-action{height: 64px;}
  .team-details .team-details-image{width: 360px;}
  .team-details .basic-title{font-size: 66px;letter-spacing: -0.66px;}
  .team-details .basic-subtitle{font-size: 18px;}
  .team-details .basic-meta .meta{font-size: 18px;}
  .team-details .details-profession{margin: 60px 0 0;}
  .team-details .profession-title{font-size: 24px;}
  .team-details .profession-list{margin: 16px 0 0;}
  .team-details .profession-item .profession-item-title{font-size: 18px;}
  .team-details .profession-item .profession-item-description{font-size: 16px;}
  .team-details .details-personal{margin: 60px 0 0;}
  .team-details .personal-title{font-size: 24px;}
  .team-details .personal-description{font-size: 16px;}
  .team-details .details-quote{margin: 60px 0 0;}
  .team-details .quote-description{font-size: 32px;margin: 24px 0 0;}
  .team-details .quote-author{font-size: 16px;margin: 16px 0 0;}
  .blogs-header .blogs-title{font-size: 64px;}
  .blogs-header .blogs-result-title{font-size: 64px;}
  .blogs-header .header-options{padding: 48px 0;}
  .section-featured-blog .featured-blog .blog-title{font-size: 44px;}
  .section-featured-blog .featured-blog .btn-action{height: 64px;}
  .blog-list .blog-item .blog-title{font-size: 18px;}
  .blog-list{row-gap: 80px;}
  .blog-featured-image{height: 480px;}
  .blog-details-content .blog-title{font-size: 48px;}
  .blog-details-content{max-width: 660px;}
  .content-wrapper{font-size: 20px;}
  .content-wrapper h1{font-size:40px;}
  .content-wrapper h2{font-size:36px;}
  .content-wrapper h3{font-size:30px;}
  .content-wrapper h4{font-size:24px;}
  .content-wrapper h5{font-size:20px;}
  .content-wrapper h6{font-size:18px;}
  .section-similar-blogs{padding: 120px 0;}
  .section-similar-blogs .similar-blogs-title{font-size: 48px;}
  .section-contact-banner .contact-banner-title{font-size: 80px; max-width: 750px;}
  .contact-slider .contact-image{min-width: 200px;max-width: 200px;}
  .section-contact{padding: 160px 0;}
  .form-title{font-size: 36px;}
  .form-note{font-size: 20px;}
  .section-career-banner .career-banner-title{font-size: 200px;}
  .section-career{padding: 160px 0;}
  .section-thank-you .thank-you-wrapper{max-width: 600px;}
  .section-thank-you .thank-you-content .thank-you-title{font-size: 64px;}
  .section-thank-you .thank-you-content .thank-you-description{font-size: 24px;}
  .section-legal .legal-title{font-size: 64px;}
  .legal-tab-content .legal-content-description{font-size: 20px;}
  .legal-tab-content .legal-content-description h1{font-size: 36px;}
  .legal-tab-content .legal-content-description h2{font-size: 32px;}
  .legal-tab-content .legal-content-description h3{font-size: 28px;}
  .legal-tab-content .legal-content-description h4{font-size: 24px;}
  .legal-tab-content .legal-content-description h5{font-size: 20px;}
  .legal-tab-content .legal-content-description h6{font-size: 18px;}
  .section-error-page .error-actions .btn-action{height: 64px;padding: 0 20px;}
}
@media screen and (max-width: 1366px) {
  
}
@media screen and (max-width: 1280px) {
  
}
@media screen and (max-width: 1200px) {
  :root{ --veiwWidth: 100vw; }
  ::-webkit-scrollbar { display: none; }
  header{height: 72px;}
  header .menu-backdrop{display: block;}
  header .menu-backdrop.active{opacity: 1; visibility: visible;}
  header .navigation{grid-column: span 9 / span 9;justify-content: flex-end;}
  header .navigation-wrapper{position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 9;max-width: 360px;background-color: var(--shades01);padding:0 24px; overflow: auto; display: flex; flex-direction: column;transform: translateX(100%);transition: all 0.3s ease;}
  header .navigation-wrapper.active{transform: translateX(0%);}
  header .navigation-action{display: flex;}
  header .navigation-wrapper .navigation-action{display: flex;position: sticky;z-index: 1;top: 0;margin: 0 -24px; background-color: var(--shades01);height: 72px; flex-shrink: 0;padding: 0 16px;}
  header .navigation-wrapper .navigation-action .btn-menu-trigger{color: var(--blue-dusk) !important;}
  header .navigation-menu{flex-direction: column; margin: 0 0 auto;}
  header .navigation-menu .menu-item{width: 100%;padding: 24px 0;}
  header .navigation-menu .menu-item+.menu-item{border-top:1px solid rgba(var(--blue-dusk-rgb),0.1)}
  header .navigation-menu .menu-link{ height: auto; justify-content: flex-start;font-size: 24px;line-height: 1.5;letter-spacing: -0.5px;color: var(--blue-dusk) !important; padding: 0;}
  header .navigation-menu .menu-link:before{display: none;}
  header .navigation-menu .dropdown-toggle:after{color: var(--blue-dusk) !important;right: 0;}
  header .navigation-menu .dropdown-menu{position: relative;top: auto;left: auto;width: 100%;min-width: 0;max-width: none;transform: none !important;border-radius: 0; padding: 0; overflow: hidden; max-height: 0; background-color: transparent;box-shadow: none;}
  header .navigation-menu .dropdown-menu::before{display: none;}
  header .navigation-menu .dropdown.active .dropdown-menu{max-height: 2000px;}
  header .navigation-menu .dropdown-menu-inner{grid-template-columns: repeat(2, minmax(0, 1fr));padding: 12px 0 0;}
  header .navigation-menu .dropdown-menu-link{gap: 12px;padding: 8px 8px 16px; height: 100%;}
  header .navigation-menu .dropdown-menu-link .menu-image{width: 100%; min-width: 0;aspect-ratio: 8 / 5;}
  header .navigation-menu .dropdown-menu-link .menu-label{font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 18px;line-height: 1.4;color: var(--blue-dusk);}
  header .dropdown-backdrop{display: none;}
  header .navigation-menu .dropdown.active .dropdown-toggle{background-color: transparent;}
  header .navigation-menu .dropdown.active .dropdown-toggle:after{color: var(--blue-dusk) !important;}
  header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item .menu-image, header .navigation-menu .dropdown-menu-inner:hover .dropdown-menu-item .menu-label{opacity: 1; filter: grayscale(0);}
  header .header-options{display: none;}
  header .header-options.mobile{display: flex; margin: 64px 0 24px;}
  header .header-options .btn-action{width: 100%;height: 56px;padding: 0 20px;}
  header.header-navy .navigation-action .btn-menu-trigger{color: var(--shades01);}
  header.header-red .navigation-action .btn-menu-trigger{color: var(--shades01);}
  header.dropdown-open .menu-backdrop{opacity: 0; visibility: hidden;}
  header .menu-backdrop.active{ opacity: 1; visibility: visible;}
  .section-hero .hero-content{ max-width: 800px;}
  .section-hero .hero-content .hero-title{ font-size: 80px;letter-spacing: -5px;line-height: 1.2;}
  .section-hero .hero-content .hero-title span{line-height: 0.9;}
  .section-hero .hero-content .hero-title img{ height: 80px;margin: 0 0 -12px;}
  .section-hero .hero-content .btn-action{height: 56px;padding: 0 20px;}
  .section-recruiting-support{padding: 200px 0 160px;}
  .section-recruiting-support .content{max-width: 400px;}
  .section-recruiting-support .wrapper+.wrapper .content{ max-width: 500px;}
  .section-recruiting-support .title{font-size: 56px;}
  .section-recruiting-support .description{font-size: 18px;}
  .section-banner{height: calc(100vh - 100px);}
  .section-transportation-recruiting{padding: 120px 0;}
  .section-transportation-recruiting .title{font-size: 56px;}
  .recruiting-list .recruiting-item .recruiting-item-title{font-size: 24px;}
  .recruiting-list .recruiting-item .recruiting-item-description{font-size: 16px;}
  .section-job{padding: 120px 0;}
  .section-job .wrapper+.wrapper .content{max-width: 500px;}
  .section-job .job-title{font-size: 56px;}
  .section-job .job-description{font-size: 18px;}
  .section-job .job-actions .btn-action{height: 56px;padding: 0 20px;}
  .section-secret-success .secret-success-content .title{font-size: 150px;}
  .section-secret-success .secret-success-content{gap: 160px;}
  .section-reviews{padding: 120px 0 0;}
  .section-reviews .review-title{font-size: 56px;}
  .section-statistics{padding: 100px 0;}
  .section-partners .partners-title{font-size: 56px;}
  .partners-slider{margin: 100px 0 0;}
  .section-cta{padding: 120px 0;}
  .section-cta .cta-content{padding: 60px 60px;}
  .section-cta .cta-title{font-size: 56px;}
  .section-cta .cta-description{font-size: 18px;}
  .section-cta .cta-actions .btn-action{height: 56px;padding: 0 20px;}
  .section-marquee{height: 200px;}
  .section-marquee .marquee-wrapper{gap: 60px;}
  .section-marquee .marquee{gap: 60px;}
  .section-marquee .marquee .marquee-text{font-size: 56px;}
  .section-marquee .marquee .marquee-separator{width: 100px;}
  .section-identity .identity-wrapper{gap: 24px;padding: 24px 24px;}
  .section-identity .identity .indentity-logo{ height: 32px;}
  .section-identity .identity .identity-description{font-size: 13px;}
  .section-identity .identity-list{gap: 12px;}
  .section-identity .identity-list .identity{padding: 20px 20px;}
  .section-identity .identity-list .identity .indentity-logo{height: 20px;}
  .section-footer .footer-brand{height: 64px;}
  .section-service-banner{height: 600px; padding: 120px 56px 40px;}
  .section-service-banner .banner-title{font-size: 56px; max-width: 560px;}
  .section-service-banner .banner-image{max-width: 560px;}
  .section-transportation-recruiting-details{padding: 80px 0;}
  .section-transportation-recruiting-details .container{gap: 40px;}
  .section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 520px;}
  .section-transportation-recruiting-details .transportation-recruiting-content{max-width: 360px;gap: 24px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .title{font-size: 48px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .description{font-size: 16px;}
  .section-recruitment{padding: 80px 0;}
  .recruitment-slider .recruitment{padding: 16px;gap: 24px;}
  .recruitment-slider .recruitment .recruitment-image-container{ aspect-ratio: 3 / 2;}
  .recruitment-slider .recruitment .recruitment-content{gap: 16px;}
  .recruitment-slider .recruitment .recruitment-title{font-size: 20px;}
  .recruitment-slider .recruitment .recruitment-features{font-size: 16px;}
  .recruitment-slider .recruitment .recruitment-features ul li{padding: 8px 0;}
  .section-service-included{padding: 120px 0;}
  .section-service-included .container{gap: 40px;}
  .section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 500px;}
  .section-service-included .service-included-title{font-size: 48px;}
  .section-service-included .service-included-description{font-size: 16px;}
  .service-list .service-item{padding: 40px 40px; gap: 16px;}
  .service-list .service-item .service-item-title{font-size: 26px;}
  .service-list .service-item .service-item-subtitle{font-size: 18px;}
  .service-list .service-item .service-item-description{font-size: 16px;}
  .section-service-inner-banner .banner-title{font-size: 56px;}
  .section-service-benefits{padding: 120px 0;}
  .section-service-benefits .service-benefits .service-benefit-title{font-size: 26px; max-width: 800px;}
  .benefits .benefit-item{min-height: 320px;}
  .benefits .benefit-item .benefit-number{margin: 0 0 24px;}
  .benefits .benefit-item .benefit-title{font-size: 20px;}
  .benefits .benefit-item .benefit-description{font-size: 14px;}
  .benefits .benefit-item-partner{min-height: 320px;}
  .benefits .benefit-item-partner .benefit-partner-title{font-size: 36px; max-width: 160px;}
  .benefits .benefit-item-partner .btn-action .btn-label{font-size: 18px;}
  .benefits .benefit-item-partner .btn-action .btn-icon{height: 20px;}
  .section-testimonials{padding: 120px 0;}
  .section-testimonials .testimonial-title{font-size: 56px;}
  .testimonial-slider .testimonial{padding: 56px 40px;}
  .testimonial-slider .swiper-control{margin: 40px 0 0;}
  .section-government-contracting-details{padding: 80px 0;}
  .section-government-contracting-details .container{gap: 40px;}
  .section-government-contracting-details .government-contracting-wrapper{max-width: 520px;}
  .section-government-contracting-details .government-contracting-content{max-width: 360px;gap: 24px;}
  .section-government-contracting-details .government-contracting-content .title{font-size: 48px;}
  .section-government-contracting-details .government-contracting-content .description{font-size: 16px;}
  .section-deparments{padding: 80px 0;}
  .department-slider .department{padding: 16px;gap: 24px;}
  .department-slider .department .department-image-container{ aspect-ratio: 3 / 2;}
  .department-slider .department .department-image  { aspect-ratio: 3 / 2;}
  .department-slider .department .department-content{gap: 16px;}
  .department-slider .department .department-title{font-size: 20px;}
  .department-slider .department .department-features{font-size: 16px;}
  .department-slider .department .department-features ul li{padding: 8px 0;}
  .section-facilities{padding: 80px 0 160px;}
  .facilities-list{column-gap: 32px;}
  .facilities-list .facilities-item{gap: 16px;}
  .facilities-list .facilities-item .facilities-icon{width: 80px;}
  .facilities-list .facilities-item .facilities-icon-inner{width: 40px;}
  .facilities-list .facilities-item .facilities-name{font-size: 16px;}
  .section-purpose{padding: 100px 0;}
  .section-purpose .container{gap: 100px;}
  .section-purpose .purpose-content .purpose-title{ font-size: 26px;}
  .section-purpose .purpose-content .purpose-title span{font-size: 140px; letter-spacing: -8px;}
  .section-purpose .purpose-content .purpose-description{max-width: 760px;}
  .section-purpose .partners-content .partners-title{font-size: 24px;}
  .partners-swiper .partner .partner-image{max-width: 220px;}
  .partners-swiper .partner .partner-content .partner-description{font-size: 18px;}
  .service-statistics-banner .statistics-banner-image{aspect-ratio: 2 / 1;}
  .section-service-statistics{padding: 100px 0;}
  .section-service-statistics .container{gap: 100px;}
  .service-statistics .statistics-title{font-size: 48px;}
  .service-statistics .statistics-decription{max-width: 760px;}
  .service-statistics .statistics .statistics-item .item-data{font-size: 48px;}
  .service-statistics .statistics .statistics-item .item-label{font-size: 20px;}
  .service-statistics .statistics-action .btn-action{height: 56px; padding: 0 20px;}
  .section-contracting{padding: 100px 0;}
  .section-contracting .container{gap: 40px;}
  .section-contracting .contracting-wrapper{max-width: 360px;}
  .section-contracting .contracting-title{font-size: 48px;}
  .section-contracting .contracting-description{font-size: 18px;}
  .section-contracting .contracting-images{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 4px;}
  .section-contracting .contracting-images .contracting-image{width: 100%; min-width: 0; max-width: none;}
  .section-team{padding: 160px 0 80px;}
  .section-team .section-team-content{gap: 80px;}
  .section-team .section-team-title{ font-size: 26px;}
  .section-team .section-team-title span{font-size: 140px; letter-spacing: -8px;}
  .team-list{gap: 60px;}
  .team-list .team-row{gap: 16px;}
  .team-list .team-item{width: 25%; max-width: calc(25% - 12px);}
  .team-list .team-item .team-link{gap: 12px;}
  .team-list .team-item .team-info{gap: 0;}
  .team-list .team-item .team-name{font-size: 18px;}
  .team-list .team-item .team-designation{font-size: 14px;}
  .team-list .team-item .team-action span{font-size: 12px;height: 36px;padding: 0 12px;}
  .section-about{padding: 100px 0;}
  .section-about .about-content{max-width: 840px;}
  .section-about .about-description{font-size: 36px;}
  .section-story{padding: 100px 0;}
  .section-story .story-wrapper+.story-wrapper{max-width: 520px;}
  .section-story .story-title{font-size: 56px;}
  .section-story .story-description{font-size: 18px;}
  .section-values{padding: 100px 0;}
  .section-values .values-content+.values-content{max-width: 520px;}
  .section-values .values-title{font-size: 56px;margin: 0 0 64px;}
  .section-values .values-item{padding: 0 20px;min-height: 60px;gap: 16px;border-radius: 20px;}
  .section-values .values-item .values-item-title{font-size: 20px; letter-spacing: -0.2px;}
  .section-values .values-item .values-item-description{font-size: 14px; max-width: 100%;}
  .section-career-cta{padding: 200px 0 100px;}
  .section-career-cta .career-cta{ max-width: 800px; height: 400px;}
  .section-career-cta .career-cta-inner{gap: 32px;}
  .section-career-cta .career-cta-title{font-size: 64px;}
  .section-career-cta .btn-action{height: 56px;padding: 0 20px;}
  .team-details .team-details-image{width: 240px;}
  .team-details .basic-title{font-size: 56px; letter-spacing: -0.56px;}
  .team-details .basic-subtitle{font-size: 16px;}
  .team-details .basic-meta{margin: 24px 0 0;}
  .tabs .tab-button{padding: 0 12px; height: 48px;}
  .section-blogs{padding: 120px 0 40px;}
  .blogs-header .blogs-title{font-size: 56px;}
  .blogs-header .blogs-result-title{font-size: 56px;}
  .blogs-header .blog-search .btn-search{padding: 0 12px; height: 48px;}
  .blogs-header .blog-search .search-wrapper{gap: 12px;}
  .blogs-header .blog-search .search-input-group{height: 48px; width: 240px;}
  .blogs-header .blog-search .search-input-group .search-icon{width: 44px;}
  .blogs-header .blog-search .search-input-group .search-input{height: 48px;}
  .blogs-header .blog-search .search-actions .btn-action{padding: 0 12px; height: 48px;}
  .blogs-header .btn-clear-search{height: 48px;padding: 0 12px;}
  .section-featured-blog .featured-blog{ gap: 40px;}
  .section-featured-blog .featured-blog .blog-category{font-size: 16px;}
  .section-featured-blog .featured-blog .blog-title{font-size: 40px;}
  .section-featured-blog .featured-blog .btn-action{height: 56px; font-size: 14px;padding: 0 20px;}
  .blog-list{column-gap: 16px; row-gap: 60px;}
  .blog-list .blog-item .blog-link{gap: 12px;}
  .blog-list .blog-item .blog-title{font-size: 16px;}
  .blog-list-action{margin: 60px 0 0;}
  .blog-list-action .btn-action{height: 48px; padding: 0 16px; font-size: 14px;}
  .section-blog-details .back-actions{left: 40px;}
  .section-blog-details .back-actions .btn-action{height: 48px; padding: 0 20px;}
  .blog-featured-image{height: 400px;}
  .blog-details-content{margin: 40px auto 0;max-width: 560px;}
  .blog-details-content .blog-title{font-size: 40px;}
  .content-wrapper{margin: 40px 0; font-size: 18px;}
  .content-wrapper h1{font-size:36px;}
  .content-wrapper h2{font-size:30px;}
  .content-wrapper h3{font-size:24px;}
  .content-wrapper h4{font-size:20px;}
  .content-wrapper h5{font-size:18px;}
  .content-wrapper h6{font-size:16px;}
  .blog-social .social-label{margin-bottom: 16px;}
  .section-similar-blogs{ padding: 100px 0;}
  .section-similar-blogs .similar-blogs-content{gap: 60px;}
  .section-contact{padding: 120px 0;}
  .section-contact .container{gap: 40px;}
  .section-contact .contact-wrapper{max-width: 400px;}
  .section-contact .contact-wrapper+.contact-wrapper .contact-content{padding: 100px 0 0;}
  .section-contact .contact-title{font-size: 48px;}
  .form-title{font-size: 32px;}
  .form-actions{flex-direction: column;align-items: flex-start;gap: 16px;margin: 60px 0 0;}
  .form-actions .form-recaptcha{margin: 0 auto 0 0;}
  .section-career-banner .career-banner-title{font-size: 180px;letter-spacing: -5px;line-height: 1;}
  .section-career-banner .career-banner-image{aspect-ratio: 2 / 1;}
  .section-career{padding: 120px 0;}
  .section-career .container{gap: 40px;}
  .section-career .career-wrapper{max-width: 360px;}
  .section-career .career-wrapper+.career-wrapper .career-content{padding: 100px 0 0;}
  .section-career .career-title{font-size: 48px;}
  .section-career .career-description{font-size: 20px;margin: 24px 0 0;}
  .section-thank-you .container{gap: 40px;}
  .section-thank-you .thank-you-wrapper{max-width: 520px;}
  .section-thank-you .thank-you-content .thank-you-title{font-size: 56px;}
  .section-thank-you .thank-you-content .thank-you-description{font-size: 20px;}
  .section-legal{padding: 160px 0;}
  .section-legal .legal-title{font-size: 56px;margin: 0 0 16px;}
  .legal-tab-navigation .tab-navigation-menu .tab-menu-item{height: 56px; padding: 0 20px;}
  .legal-tab-content{padding: 40px 0;}
  .legal-tab-content .legal-content-title{font-size: 36px;}
  .legal-tab-content .legal-content-description{font-size: 18px;}
  .legal-tab-content .legal-content-description h1{font-size: 32px;}
  .legal-tab-content .legal-content-description h2{font-size: 28px;}
  .legal-tab-content .legal-content-description h3{font-size: 24px;}
  .legal-tab-content .legal-content-description h4{font-size: 20px;}
  .legal-tab-content .legal-content-description h5{font-size: 18px;}
  .legal-tab-content .legal-content-description h6{font-size: 16px;}
  .section-error-page .error-actions .btn-action{width: 100%;height: 56px;padding: 0 20px;}
}
@media screen and (max-width: 990px) {
  .section-hero .hero-content .hero-title{font-size: 70px;letter-spacing: -3px;line-height: 1.4;}
  .section-recruiting-support .content{ max-width: 340px;}
  .section-recruiting-support .wrapper+.wrapper .content{max-width: 400px;}
  .section-recruiting-support .title{font-size: 48px;}
  .section-banner{height: 500px;}
  .section-transportation-recruiting .container{gap: 40px;}
  .section-transportation-recruiting .title{font-size: 48px;}
  .recruiting-list .recruiting-item .recruiting-item-title{ font-size: 20px;}
  .section-job .container{flex-direction: column;}
  .section-job .wrapper+.wrapper .content{max-width: 560px; margin: 0 auto;}
  .section-job .job-title{font-size: 48px;text-align: center;}
  .section-job .job-description{font-size: 24px;margin: 24px 0 0;text-align: center;}
  .section-job .job-actions{justify-content: center;}
  .section-secret-success .secret-success-content{justify-content: space-between;}
  .section-secret-success .secret-success-content .title{font-size: 120px; line-height: 1.2; margin: auto 0;}
  .section-secret-success .secret-success-video .video{max-width: 600px;}
  .section-reviews .review-title{font-size: 48px;}
  .section-statistics .statistics{gap: 12px;}
  .section-statistics .statistics .statistics-item{padding: 40px 20px; gap: 12px;}
  .section-statistics .statistics .statistics-item .item-data{font-size: 48px;}
  .section-statistics .statistics .statistics-item .item-label{font-size: 18px;}
  .section-partners .partners-title{font-size: 48px;}
  .section-cta .cta-content{ padding: 40px 40px;}
  .section-cta .cta-title{font-size: 48px;}
  .section-marquee{height: 160px;}
  .section-marquee .marquee-wrapper{gap: 40px;}
  .section-marquee .marquee{gap: 40px;}
  .section-marquee .marquee .marquee-text{font-size: 48px;}
  .section-marquee .marquee .marquee-separator{width: 80px;}
  .section-identity .identity-wrapper{gap: 16px; padding: 16px 16px;}
  .section-identity .indentity-title{font-size: 16px;}
  .section-identity .identity .indentity-logo{height: 24px;}
  .section-identity .identity .identity-description{font-size: 11px;}
  footer .container{padding: 0 24px;}
  .section-footer{ padding: 60px 0;}
  .section-footer .footer-brand{height: 48px;}
  .section-footer-bottom .footer-links{gap: 20px;}
  .section-service-banner{height: auto;}
  .section-service-banner .service-banner{flex-direction: column; align-items: center; justify-content: center;padding: 64px 64px 0;background-color: var(--shades03);border-radius: 16px;}
  .section-service-banner .banner-content{background-color: transparent; padding: 0; border-radius: 0; max-width: 480px; height: 100%;}
  .section-service-banner .banner-title{font-size: 48px; text-align: center;}
  .section-service-banner .banner-image{position: relative;max-width: 480px;}
  .section-transportation-recruiting-details{padding: 60px 0;}
  .section-transportation-recruiting-details .container{align-items: flex-start;}
  .section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 360px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .title{font-size: 40px;}
  .section-recruitment{padding: 60px 0;}
  .recruitment-list .recruitment .recruitment-image{height: 32px;}
  .recruitment-list .recruitment .recruitment-title{font-size: 20px;}
  .section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 360px;}
  .section-service-included .service-included-title{font-size: 40px;}
  .service-list .service-item{padding: 32px 32px;}
  .service-list .service-item .service-item-title{font-size: 24px;}
  .service-list .service-item .service-item-description{font-size: 14px;}
  .section-service-inner-banner{ height: 400px; padding: 80px 0;}
  .section-service-inner-banner .banner-title{font-size: 48px;}
  .section-service-benefits{padding: 80px 0;}
  .section-service-benefits .service-benefits{gap: 80px;}
  .section-service-benefits .service-benefits .service-benefit-title{font-size: 24px;}
  .benefits{gap: 12px;grid-template-columns: repeat(2, minmax(0, 1fr));}
  .section-testimonials{padding: 80px 0;}
  .section-testimonials .testimonial-title{font-size: 48px;}
  .section-testimonials .testimonial-title span{display: flex;align-items: center;justify-content: center;}
  .section-testimonials .testimonial-title .animated-star{transform: translateY(0);}
  .section-government-contracting-details{padding: 60px 0;}
  .section-government-contracting-details .container{align-items: flex-start;}
  .section-government-contracting-details .government-contracting-wrapper{max-width: 360px;}
  .section-government-contracting-details .government-contracting-content .title{font-size: 40px;}
  .section-deparments{padding: 60px 0;}
  .section-facilities{padding: 60px 0 96px;}
  .facilities-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .section-purpose .container{gap: 80px;}
  .section-purpose .purpose-content{gap: 48px;}
  .section-purpose .purpose-content .purpose-title{ font-size: 24px;}
  .section-purpose .purpose-content .purpose-title span{font-size: 120px; letter-spacing: -6px;}
  .section-purpose .partners-content{gap: 48px;}
  .partners-swiper .partner .partner-image{ max-width: 200px;}
  .section-service-statistics{padding: 80px 0;}
  .service-statistics .statistics .statistics-item{gap: 20px;padding: 40px 16px;}
  .service-statistics .statistics .statistics-item .item-data{font-size: 40px;}
  .service-statistics .statistics .statistics-item .item-label{font-size: 18px;}
  .section-contracting{padding: 80px 0;}
  .section-contracting .contracting-wrapper{max-width: 320px;}
  .section-team .section-team-title{font-size: 24px;}
  .section-team .section-team-title span{font-size: 120px; letter-spacing: -6px;}
  .section-about{padding: 80px 0;}
  .section-about .about-description{font-size: 30px;}
  .section-story{padding: 80px 0;}
  .section-story .container{gap: 40px;}
  .section-story .story-wrapper+.story-wrapper{max-width: 420px;}
  .section-story .story-content{gap: 48px;}
  .section-story .story-title{font-size: 48px;}
  .section-story .story-description{font-size: 16px;}
  .section-values{padding: 80px 0;}
  .section-values .container{gap: 40px;}
  .section-values .values-content+.values-content{max-width: 420px;}
  .section-values .values-title{font-size: 48px;}
  .section-values .values-item{min-height: 0;padding: 16px 24px;min-height: 0px;gap: 16px;border-radius: 20px;align-items: start;flex-direction: column;gap: 0;}
  .section-values .values-item:before{transform: translateX(0);}
  .section-values .values-item.active .values-item-description{ max-height: 2000px; opacity: 1; visibility: visible;}
  .section-values .values-item .values-item-title{font-size: 24px; letter-spacing: 0;}
  .section-values .values-item .values-item-description{font-size: 16px; max-width: 100%;opacity: 0; visibility: hidden; max-height: 0; overflow: hidden;margin: 4px 0 0 0;}
  .section-career-cta{min-height: auto;padding: 120px 0 60px;}
  .section-career-cta .career-cta{max-width: 600px; height: 320px;padding: 40px 40px;}
  .section-career-cta .career-cta-title{font-size: 56px;}
  .section-career-cta .career-cta-image{height: calc(100% + 160px);width: 360px;}
  .team-details .container{flex-direction: column;}
  .team-details .team-details-image{margin: 0 auto;position: relative; top: auto;}
  .team-details .basic-title{text-align: center;}
  .team-details .basic-subtitle{text-align: center;}
  .team-details .basic-meta{justify-content: center;}
  .blogs-header .blogs-title{font-size: 48px;}
  .blogs-header .blogs-result-title{font-size: 48px;}
  .blogs-header .header-options{flex-direction: column;padding: 24px 0 32px;align-items: flex-start;gap: 48px;}
  .blogs-header .blog-search .btn-search{min-width: 320px;justify-content: flex-start;}
  .blogs-header .blog-search .search-input-group{width: 320px;}
  .section-featured-blog .featured-blog .blog-category{ margin: 0 0 16px;}
  .section-featured-blog .featured-blog .blog-title{font-size: 36px;}
  .section-featured-blog .featured-blog .blog-action{margin: 40px 0 0;}
  .section-blog-list{padding: 60px 0;}
  .blog-list{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 24px;row-gap: 48px;}
  .blog-list .blog-item .blog-title{font-size: 20px;}
  .blog-list-action{margin: 16px 0 0;}
  .section-blog-details{padding: 120px 0 80px;}
  .section-similar-blogs{padding: 80px 0;}
  .section-contact .contact-wrapper{max-width: 320px;}
  .section-contact .contact-title{font-size: 36px;}
  .form-title{font-size: 28px;}
  .section-career-banner .career-banner-title{font-size: 140px;}
  .section-career{padding: 100px 0;}
  .section-career .career-wrapper{max-width: 320px;}
  .section-career .career-title{font-size: 36px;}
  .section-career .career-description{font-size: 18px;}
  .form-column-2{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .section-thank-you .thank-you-wrapper{max-width: 360px;}
  .section-thank-you .thank-you-content .thank-you-title{font-size: 48px;}
  .section-legal .legal-title{font-size: 48px;}
  .legal-tab-content .legal-content-title{font-size: 32px;}
  .legal-tab-content .legal-content-description{font-size: 18px;}
  .legal-tab-content .legal-content-description h1{font-size: 32px;}
  .legal-tab-content .legal-content-description h2{font-size: 28px;}
  .legal-tab-content .legal-content-description h3{font-size: 24px;}
  .legal-tab-content .legal-content-description h4{font-size: 20px;}
  .legal-tab-content .legal-content-description h5{font-size: 18px;}
  .legal-tab-content .legal-content-description h6{font-size: 16px;}
}
@media screen and (max-width: 990px) and (orientation:landscape){
  .section-hero{height: auto; min-height: 100vh;}
  .team-list{ flex-direction: row; gap: 16px; margin:0 calc(-1 * ((100vw - 708px)/2)); overflow: auto; padding: 0 calc((100vw - 708px)/2);}
  .section-contact-banner .contact-banner-title{font-size: 60px; max-width: 520px;}
  .contact-slider{margin: 40px 0 0;}
  .section-identity .identity-content{max-width: 200px;}
  .recruitment-slider .swiper-wrapper{gap: 16px;}
  .department-slider .swiper-wrapper{gap: 16px;}
}
@media screen and (max-width: 480px) {
  .dialog .dialog-close { margin: 0; position: absolute;right: 20px; top: 20px;}
  .dialog .dialog-content{padding:80px 16px;margin: 0; max-width: 100%;border-radius: 0;}
  .tabs .tab-button{padding: 0 16px;}
  header .header-container{padding: 0 16px;}
  header .brand{grid-column: span 6 / span 6;}
  header .brand .logo span{height: 48px;width: 64px;}
  header .navigation{grid-column: span 6 / span 6;}
  header .navigation-wrapper{max-width: 100%;}
  .section-hero .hero-content{max-width: 340px;}
  .section-hero .hero-content .hero-title{font-size: 64px;letter-spacing: -5px;line-height: 1.2;}
  .section-hero .hero-content .hero-title img{height: 64px;margin: 0 0 -10px;}
  .section-hero .hero-content .hero-action{gap: 12px;}
  .section-hero .hero-content .btn-action{height: 60px;padding: 0 16px; font-size: 14px;}
  .section-recruiting-support .container{padding: 0 24px;}
  .section-recruiting-support{padding: 160px 0 100px;}
  .section-recruiting-support .content{max-width: 100%;}
  .section-recruiting-support .title{letter-spacing: -2px;line-height: 1.1;}
  .section-recruiting-support .description{font-size: 22px; line-height: 1.4;}
  .section-banner{height: 200px;}
  .section-transportation-recruiting{padding: 100px 0;}
  .section-transportation-recruiting .container{flex-direction: column;}
  .section-transportation-recruiting .wrapper{position: relative; top:auto;}
  .section-transportation-recruiting .title{margin: 0;letter-spacing: -2px;line-height: 1.1;}
  .recruiting-list .recruiting-item{position: relative; top:auto;padding: 12px 12px 24px; border-radius: 8px;}
  .recruiting-list .recruiting-item .recruiting-item-content{padding: 0 8px;}
  .recruiting-list .recruiting-item .recruiting-item-title{font-size: 26px;line-height: 1.3;letter-spacing: -0.52px;font-weight: 500;}
  .recruiting-list .recruiting-item .recruiting-item-description{font-size: 20px; line-height: 1.4;}
  .section-job .job-title{letter-spacing: -2px;line-height: 1.1;}
  .section-job .job-description{line-height: 1.6; letter-spacing: -0.5px;}
  .section-job .job-actions .btn-action{height: 60px;padding: 0 16px; font-size: 14px;}
  .section-secret-success .secret-success-content .title{ font-size: 88px; line-height: 1;letter-spacing: -4.4px;}
  .section-secret-success .secret-success-content .description{font-size: 22px; line-height: 1.4; letter-spacing: 0;}
  .section-secret-success .secret-success-video .video{aspect-ratio: 3 / 2; margin: 0 auto 300px;}
  .section-reviews{padding: 100px 0 0;}
  .section-reviews .review-title{ font-size: 40px; letter-spacing: -2px;line-height: 1.1;}
  .animated-star{padding: 0; transform: translateY(4px);}
  .section-statistics .statistics{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 16px;}
  .section-statistics .statistics .statistics-item{gap: 16px; border-radius: 8px;}
  .section-statistics .statistics .statistics-item .item-data{font-size: 36px; letter-spacing: -1px; line-height: 1.1; font-family: 'Roboto', sans-serif;}
  .section-statistics .statistics .statistics-item .item-label{font-size: 22px;line-height: 1.4; letter-spacing: 0;}
  .section-partners{padding: 100px 0;}
  .section-partners .partners-title{letter-spacing: -2px;line-height: 1.1;}
  .partners-slider .partner{height: 72px;}
  .section-cta{padding: 64px 0;}
  .section-cta .container{flex-direction: column;gap: 12px;}
  .section-cta .cta-wrapper{width: 100%;}
  .section-cta .cta-content{ padding: 60px 40px; border-radius: 8px;}
  .section-cta .cta-title{text-align: center; line-height: 1.1; letter-spacing: -2px;}
  .section-cta .cta-description{font-size: 22px;line-height: 1.4;text-align: center;}
  .section-cta .cta-actions{justify-content: center;}
  .section-cta .cta-actions .btn-action{height: 60px; font-size: 14px;}
  .section-cta .cta-image{border-radius: 8px;}
  .section-marquee{height: 120px;}
  .section-marquee .marquee .marquee-text{line-height: 1.1; letter-spacing: -2px;}
  .section-identity .identity-wrapper{flex-direction: column;padding: 56px 32px;border-radius: 8px;gap: 56px;}
  .section-identity .identity-content+.identity-content{flex-direction: column;}
  .section-identity .identity{width: 100%;}
  .section-identity .indentity-title{text-align: center; margin: 0 0 16px;}
  .section-identity .identity .indentity-logo{height: 40px; margin: 0 auto;}
  .section-identity .identity .indentity-logo img{object-position: center;}
  .section-identity .identity .indentity-action{justify-content: center; margin: 40px 0 0;}
  .section-identity .identity-content .swiper{width: auto; margin: 0 -32px;}
  .section-identity .identity-list{grid-template-columns: repeat(1, minmax(0, 1fr)); display: flex; gap: 0;}
  .section-identity .identity-list .identity{padding: 32px 32px;}
  .section-identity .identity-list .identity .indentity-logo{height: 26px; margin: 0 auto;}
  .section-identity .identity .identity-description{font-size: 14px; text-align: center;}
  .section-identity .identity-swiper-pagination{display: flex;}
  .section-footer .container{flex-direction: column;align-items: center; gap: 40px;}
  .section-footer .footer-brand{height: 40px;}
  .section-footer .footer-brand img{object-position: center;}
  .section-footer-bottom .footer-bottom{flex-direction: column;gap: 16px;align-items: center;justify-content: center;}
  .section-footer-bottom .footer-links{gap: 24px;}
  .section-footer-bottom .footer-links .links{font-size: 14px;}
  .section-footer-bottom .copyright{font-size: 14px;}
  .section-service-banner{padding: 120px 24px 40px;}
  .section-service-banner .service-banner{padding: 64px 16px 0;}
  .section-service-banner .banner-title{line-height: 1.1; letter-spacing: -2px;}
  .section-transportation-recruiting-details .transportation-recruiting-wrapper{max-width: 100%;}
  .section-transportation-recruiting-details .container{flex-direction: column;padding: 0 24px;}
  .section-transportation-recruiting-details .transportation-recruiting-content{max-width: 100%;}
  .section-transportation-recruiting-details .transportation-recruiting-image{border-radius: 16px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .title{font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 36px; line-height: 1.1; letter-spacing: -1px;}
  .section-transportation-recruiting-details .transportation-recruiting-content .description{font-size: 20px; line-height: 1.5;}
  .recruitment-slider{margin: 0 -16px;}
  .recruitment-slider .swiper-wrapper{display: flex; gap: 0;}
  .recruitment-slider .swiper-control{display: flex;}
  .recruitment-slider .recruitment{padding: 12px;border-radius: 24px;}
  .recruitment-slider .recruitment .recruitment-image-container{aspect-ratio: 2/1;border-radius: 12px}
  .recruitment-slider .recruitment .recruitment-content{padding: 0 12px;}
  .recruitment-slider .recruitment .recruitment-info{gap: 8px;}
  .recruitment-slider .recruitment .recruitment-title{font-size: 22px; line-height: 1.6;}
  .recruitment-slider .recruitment .recruitment-features{font-size: 18px; color: var(--blue-dusk);}
  .recruitment-slider .recruitment-swiper-pagination{margin: 32px 0 0;}
  .section-service-included{padding: 80px 0;}
  .section-service-included .container{flex-direction: column;}
  .section-service-included .service-included-wrapper+.service-included-wrapper{max-width: 100%;}
  .section-service-included .service-included-content{padding: 0 8px;}
  .section-service-included .service-included-title{font-size: 36px; line-height: 1.1; letter-spacing: -2px;}
  .section-service-included .service-included-description{font-size: 20px; line-height: 1.5;}
  .service-list{gap: 16px;}
  .service-list .service-item{padding: 32px 24px;position: relative; top: auto;}
  .service-list .service-item .service-item-icon{width: 40px;}
  .service-list .service-item .service-item-title{font-size: 28px;line-height: 1.3;letter-spacing: -0.56px;}
  .service-list .service-item .service-item-subtitle{font-size: 20px; line-height: 1.4;}
  .service-list .service-item .service-item-description{font-size: 20px; line-height: 1.5;}
  .section-service-inner-banner{height: 420px;padding: 60px 0;}
  .section-service-inner-banner .banner-title{line-height: 1.1; letter-spacing: -2px;}
  .section-service-benefits .service-benefits .service-benefit-title{font-size: 28px; line-height: 1.3; letter-spacing: -0.56px;}
  .benefits{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 16px;}
  .benefits .benefit-item{min-height: 0; padding: 32px 24px;}
  .benefits .benefit-item .benefit-number{font-size: 26px; line-height: 1.3; letter-spacing: -0.52px;}
  .benefits .benefit-item .benefit-content{gap: 8px;}
  .benefits .benefit-item .benefit-title{font-size: 26px; letter-spacing: -0.52px;}
  .benefits .benefit-item .benefit-description{font-size: 20px; line-height: 1.5;}
  .benefits .benefit-item-partner{min-height: 300px; padding: 32px 24px;}
  .section-testimonials .container{padding: 0 32px;}
  .section-testimonials .testimonial-title{line-height: 1.1; letter-spacing: -2px;}
  .section-testimonials .testimonial-title span{display: inline-block}
  .section-testimonials .testimonial-title .animated-star{position: absolute !important;}
  .section-testimonials .testimonial-title .animated-star.star-01{transform: translate(-110%, 4px);}
  .section-testimonials .testimonial-title .animated-star.star-02{transform: translate(10%, 4px);}
  .testimonial-slider .testimonial{min-height: 0; padding: 32px 32px;gap: 24px;align-items: flex-start;}
  .testimonial-slider .testimonial .testimonial-description{font-size: 22px;line-height: 1.6;color: var(--blue-dusk);text-align: left;}
  .testimonial-slider .testimonial .author-location{font-size: 18px;}
  .section-government-contracting-details .container{flex-direction: column;padding: 0 24px;}
  .section-government-contracting-details .government-contracting-wrapper{max-width: 100%;}
  .section-government-contracting-details .government-contracting-content{max-width: 100%;}
  .section-government-contracting-details .government-contracting-image{border-radius: 16px;}
  .section-government-contracting-details .government-contracting-content .title{font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 36px; line-height: 1.1; letter-spacing: -1px;}
  .section-government-contracting-details .government-contracting-content .description{font-size: 20px; line-height: 1.5;}
  .department-slider{margin: 0 -16px;}
  .department-slider .swiper-wrapper{display: flex; gap: 0;}
  .department-slider .swiper-control{display: flex;}
  .department-slider .department{width: 100%; min-width: 0; max-width: none;padding: 12px;border-radius: 24px;}
  .department-slider .department .department-image-container{aspect-ratio: 2/1;border-radius: 12px}
  .department-slider .department .department-image{border-radius: 12px}
  .department-slider .department .department-content{padding: 0 12px;}
  .department-slider .department .department-info{gap: 8px;}
  .department-slider .department .department-title{font-size: 22px; line-height: 1.6;}
  .department-slider .department .department-features{font-size: 18px; color: var(--blue-dusk);}
  .department-slider .department-swiper-pagination{margin: 32px 0 0;}
  .section-facilities .container{gap:40px;}
  .section-facilities .facilities-title{font-size: 36px;}
  .facilities-list{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 24px;}
  .facilities-list .facilities-item .facilities-name{font-size: 18px;}
  .section-purpose .purpose-content{gap: 40px; padding: 0 8px;}
  .section-purpose .purpose-content .purpose-title {font-size: 28px; line-height: 1.3; letter-spacing: -0.56px;}
  .section-purpose .purpose-content .purpose-title span{font-size: 88px;letter-spacing: -4px;line-height: 1.2;}
  .section-purpose .partners-content .partners-title{font-size: 26px; max-width: 320px; margin: 0 auto;}
  .partners-swiper{margin: 0 -16px; width: calc(100% + 32px);}
  .partners-swiper .swiper-wrapper{display: flex;}
  .partners-swiper .swiper-control{display: flex;}
  .service-statistics{gap: 48px;}
  .service-statistics .statistics-information{padding: 0 8px;}
  .service-statistics .statistics-title{font-size: 48px;}
  .service-statistics .statistics{gap: 16px;grid-template-columns: repeat(1, minmax(0, 1fr));}
  .service-statistics .statistics .statistics-item{padding: 48px 24px;gap: 16px;}
  .service-statistics .statistics .statistics-item .item-data{font-size: 36px; letter-spacing: -1px; line-height: 1.1;}
  .service-statistics .statistics .statistics-item .item-label{font-size: 22px; line-height: 1.4;}
  .section-contracting .container{flex-direction: column;padding: 0 24px;}
  .section-contracting .contracting-wrapper{max-width: 100%;}
  .section-contracting .contracting-content{position: relative; top: auto;}
  .section-contracting .contracting-wrapper+.contracting-wrapper .contracting-content{padding: 0;}
  .section-contracting .contracting-title{font-size: 36px; line-height: 1.1; letter-spacing: -1px;}
  .section-contracting .contracting-description{font-size: 20px; line-height: 1.5;}
  .section-team .section-team-content{gap: 64px;}
  .section-team .section-team-title{font-size: 28px; line-height: 1.3; letter-spacing: -0.56px;}
  .section-team .section-team-title span{font-size: 96px;letter-spacing: -4px;line-height: 1.2;}
  .team-list{ flex-direction: row; gap: 16px; margin:0 -16px; overflow: auto; padding: 0 16px;}
  .team-list .team-row{flex-wrap: nowrap;}
  .team-list .team-item{width: 220px;}
  .team-list .team-item .team-link{gap: 24px;}
  .team-list .team-item .team-image{aspect-ratio: 4 / 5;}
  .team-list .team-item .team-name{font-size: 20px; line-height: 1.5;}
  .team-list .team-item .team-designation{font-size: 18px; line-height: 1.4;}
  .section-about .container{padding: 0 40px;}
  .section-about .about-description{font-size: 34px;line-height: 1.2;letter-spacing: -1.5px;}
  .section-story .container{flex-direction: column;padding: 0 24px;}
  .section-story .story-wrapper+.story-wrapper .story-content{gap: 24px;}
  .section-story .story-content{position: relative; top: auto;}
  .section-story .story-title{line-height: 1.1; letter-spacing: -2px;}
  .section-story .story-description{font-size: 20px; line-height: 1.5;}
  .section-values .container{flex-direction: column;}
  .section-values .values-content{position: relative; top: auto;}
  .section-values .values-title{line-height: 1.1; letter-spacing: -2px;}
  .section-values .values-item .values-item-description{line-height: 1.4;font-size: 18px;}
  .section-values .values-item .values-item-title{font-size: 28px;line-height: 1.3;letter-spacing: -0.56px;}
  .section-values .values-item:hover:before{opacity: 0; visibility: hidden;}
  .section-values .values-item:hover .values-item-title{color: var(--shades05);}
  .section-values .values-item.active:before{opacity: 1; visibility: visible;}
  .section-values .values-item.active .values-item-title{color: var(--blue-dusk);}
  .section-career-cta{overflow: hidden;padding: 180px 0 240px;}
  .section-career-cta .career-cta{position: relative;width:100vw;margin: 0 -16px;padding: 0 16px;}
  .section-career-cta .career-cta-background-inner .wave-top{width: 300%;left: 50%; transform: translateX(-50%);}
  .section-career-cta .career-cta-background-inner .wave-bottom{display: none;}
  .section-career-cta .career-cta-image{height: calc(100% + 80px);width: 280px;background-position: center bottom;}
  .section-career-cta .career-cta-inner{position: relative;transform: translateY(80%);}
  .section-career-cta .career-cta-title{font-size: 64px; letter-spacing: -5px;}
  .team-details .team-details-image{width: auto; margin: 0 -16px;aspect-ratio: 1/1;}
  .team-details .basic-title{text-align: left;}
  .team-details .basic-subtitle{text-align: left; font-size: 20px;}
  .team-details .basic-meta{justify-content: flex-start;margin: 40px 0 0;}
  .team-details .basic-meta .meta{font-size: 24px;}
  .team-details .details-profession{margin: 64px 0 0;}
  .team-details .profession-title{font-size: 26px;}
  .team-details .profession-item .profession-item-title{font-size: 20px;}
  .team-details .profession-item .profession-item-description{font-size: 20px;}
  .team-details .details-personal{margin: 64px 0 0;}
  .team-details .personal-title{font-size: 26px;}
  .team-details .personal-description{font-size: 20px;}
  .team-details .details-quote{margin: 64px 0 0;}
  .team-details .quote-description{font-size: 26px; font-weight: 500;}
  .team-details .quote-author{font-size: 20px;}
  .section-blogs{padding: 100px 0 0;}
  .section-blogs .container{padding: 0 24px;}
  .blogs-header .blogs-title{ line-height: 1.1; letter-spacing: -2px;}
  .blogs-header .blogs-result-title{ line-height: 1.1; letter-spacing: -2px;}
  .blogs-header .header-options{margin: 0 -24px;}
  .blogs-header .header-options form{width: 100%; padding: 0 24px;}
  .blogs-header .blog-search .btn-search{width: 100%;}
  .blogs-header .blog-search .search-wrapper{width: 100%;flex-wrap: wrap;}
  .blogs-header .blog-search .search-input-group{width: 100%;}
  .blogs-header .btn-clear-search{margin-left: 16px;}
  .blogs-header .header-options .header-tabs{width: 100%;}
  .blogs-header .header-options .header-tabs .tabs{padding: 0 24px;gap: 8px;}
  .section-featured-blog{padding: 0; background-color: transparent;}
  .section-featured-blog .featured-blog{flex-direction: column;padding: 40px 24px; background-color: var(--shades03); border-radius: 8px;}
  .section-featured-blog .featured-blog .blog-title{font-size: 34px; line-height: 1.2; letter-spacing: -1.5px;}
  .section-featured-blog .featured-blog .blog-action{margin: 32px 0 0;}
  .section-featured-blog .featured-blog .featured-blog-image{width: 100%;border-radius: 4px;}
  .section-blog-list{padding: 40px 0;}
  .section-blog-list .blog-list-action{margin: 0;}
  .blog-list{column-gap: 16px; row-gap: 40px;}
  .blog-list .blog-item .blog-link{gap: 16px;}
  .blog-list .blog-item .blog-image{border-radius: 4px;aspect-ratio: 35 / 24;}
  .blog-list .blog-item .blog-title{font-size: 18px; line-height: 1.4;}
  .no-result-found .description{font-size: 18px;}
  .section-blog-details .back-actions{left: 24px; top: 130px;}
  .blog-featured-image{height: unset; width: 100%; aspect-ratio: 13/10;}
  .section-blog-details .back-actions .btn-action{font-size: 0;gap: 0; padding: 0; aspect-ratio: 1/1;}
  .section-blog-details .back-actions .btn-action i{font-size: 24px;}
  .blog-details-content{padding: 0 8px;}
  .blog-details-content .blog-title{font-size: 36px;line-height: 1.1; letter-spacing: -2px; margin: 0 0 16px;}
  .content-wrapper{margin: 40px 0; font-size: 20px;}
  .content-wrapper h1{font-size:48px;}
  .content-wrapper h2{font-size:40px;}
  .content-wrapper h3{font-size:36px;}
  .content-wrapper h4{font-size:30px;}
  .content-wrapper h5{font-size:24px;}
  .content-wrapper h6{font-size:20px;}
  .section-similar-blogs .container{padding: 0 24px;}
  .section-similar-blogs .similar-blogs-title{line-height: 1.1; letter-spacing: -2px;}
  .form-title{font-size: 28px; line-height: 1.3; letter-spacing: -0.56px;}
  .form-group .form-label{font-size: 20px;}
  .form-group .form-input{font-size: 20px;}
  .form-actions .btn-action,.form-actions .btn-action .btn-inner{width: 100%;}
  .section-contact-banner .contact-banner-title{font-size: 64px; line-height: 1; letter-spacing: -5px;}
  .section-contact{padding: 80px 0;}
  .section-contact .container{flex-direction: column;padding: 0 24px;}
  .section-contact .contact-wrapper{max-width: 100%;}
  .section-contact .contact-content{position: relative; top: auto;}
  .section-contact .contact-wrapper+.contact-wrapper .contact-content{padding: 0;}
  .section-contact .contact-title{font-size: 36px; line-height: 1.1;}
  .line-animation-05 span .animation-container{bottom: -16px;}
  .section-career-banner .career-banner-content{gap: 48px;}
  .section-career-banner .career-banner-title{font-size: 76px;}
  .section-career{padding: 80px 0;}
  .section-career .container{flex-direction: column;padding: 0 24px;}
  .section-career .career-wrapper{max-width: 100%;}
  .section-career .career-content{position: relative; top: auto;}
  .section-career .career-wrapper+.career-wrapper .career-content{padding: 0;}
  .section-career .career-title{font-size: 40px; line-height: 1.1;}
  .section-career .career-description{font-size: 20px; line-height: 1.5;}
  .section-thank-you{padding: 160px 0 100px;}
  .section-thank-you .container{flex-direction: column;}
  .section-thank-you .thank-you-content .thank-you-title{line-height: 1.1; letter-spacing: -2px;}
  .section-thank-you .thank-you-content .thank-you-description{font-size: 22px; line-height: 1.4;}
  .section-legal .legal-title{height: auto; line-height: 1.1; letter-spacing: -2px;}
  .legal-tab-navigation{margin: 0 -16px;}
  .legal-tab-navigation .tab-navigation-menu{padding: 0 16px; overflow: auto;}
  .legal-tab-navigation .tab-navigation-menu .tab-menu-item{height: 48px; white-space: nowrap;}
  .legal-tab-content .legal-content-title{font-size: 28px; line-height: 1.3; letter-spacing: -0.56px;}
  .legal-tab-content .legal-content-description{font-size: 20px;}
  .legal-tab-content .legal-content-description h1{font-size: 40px;}
  .legal-tab-content .legal-content-description h2{font-size: 36px;}
  .legal-tab-content .legal-content-description h3{font-size: 32px;}
  .legal-tab-content .legal-content-description h4{font-size: 28px;}
  .legal-tab-content .legal-content-description h5{font-size: 24px;}
  .legal-tab-content .legal-content-description h6{font-size: 20px;}
  .section-error-page{padding: 72px 0 0;}
  .section-error-page .error-title{font-size: 160px;}
  .section-error-page .error-subtitle{font-size: 30px;}
  .section-default-page-banner{height: 240px;}
  .section-default-page-banner .banner-title{font-size: 40px;}
  .section-default-page{padding: 40px 0;}
}