/* /assets/css/plugins/bootstrap.purged.min.css */
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-success-rgb:25,135,84;--bs-danger-rgb:220,53,69;--bs-primary-text-emphasis:#052c65;--bs-primary-bg-subtle:#cfe2ff;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-emphasis-color:#000;--bs-secondary-color:rgba(33,37,41,.75);--bs-secondary-bg:#e9ecef;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:0.375rem;--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{border:0;border-top:var(--bs-border-width) solid;color:inherit;margin:1rem 0;opacity:.25}.h1,.h2,.h3,.h4,h1,h2,h3,h4{color:var(--bs-heading-color);font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}p{margin-top:0}address,p{margin-bottom:1rem}address{font-style:normal;line-height:inherit}ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{background-color:var(--bs-highlight-bg);color:var(--bs-highlight-color);padding:.1875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{color:var(--bs-code-color);font-family:var(--bs-font-monospace);font-size:1em;font-size:.875em;word-wrap:break-word}a>code{color:inherit}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::file-selector-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col-6{flex:0 0 auto;width:50%}.gy-4{--bs-gutter-y:1.5rem}@media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}}@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}}@media (min-width:1200px){.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-12{flex:0 0 auto;width:100%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;border-color:var(--bs-table-border-color);margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));padding:.5rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-bottom-right-radius:0;border-top-right-radius:0}.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.form-control.is-valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem)}.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}textarea.form-control.is-valid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid{z-index:3}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.form-control.is-invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}textarea.form-control.is-invalid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);background-color:var(--bs-btn-bg);border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);color:var(--bs-btn-color);cursor:pointer;display:inline-block;font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);color:var(--bs-btn-hover-color)}.btn:focus-visible{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);color:var(--bs-btn-hover-color);outline:0}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);color:var(--bs-btn-active-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);color:var(--bs-btn-disabled-color);opacity:var(--bs-btn-disabled-opacity);pointer-events:none}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{background:0 0;border:0;color:var(--bs-nav-link-color);display:block;font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);cursor:default;pointer-events:none}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius);margin-bottom:calc(var(--bs-nav-tabs-border-width)*-1)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:var(--bs-nav-tabs-link-hover-border-color);isolation:isolate}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color);color:var(--bs-nav-tabs-link-active-color)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--bs-nav-tabs-border-width)*-1)}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--bs-nav-pills-link-active-bg);color:var(--bs-nav-pills-link-active-color)}.nav-underline .nav-link{border-bottom:var(--bs-nav-underline-border-width) solid transparent;padding-left:0;padding-right:0}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{border-bottom-color:currentcolor;color:var(--bs-nav-underline-link-active-color);font-weight:700}.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}@media (min-width:576px){.navbar-expand-sm .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:1200px){.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:1400px){.navbar-expand-xxl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}}.navbar-expand .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.card{--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-height: ;--bs-card-bg:var(--bs-body-bg);color:var(--bs-body-color);display:flex;flex-direction:column;height:var(--bs-card-height);min-width:0;position:relative;word-wrap:break-word;background-clip:border-box;background-color:var(--bs-card-bg);border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-left:0;margin-right:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13,110,253,.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{align-items:center;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;color:var(--bs-accordion-btn-color);display:flex;font-size:1rem;overflow-anchor:none;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);position:relative;text-align:left;transition:var(--bs-accordion-transition);width:100%}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);color:var(--bs-accordion-active-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);content:"";flex-shrink:0;height:var(--bs-accordion-btn-icon-width);margin-left:auto;transition:var(--bs-accordion-btn-icon-transition);width:var(--bs-accordion-btn-icon-width)}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{box-shadow:var(--bs-accordion-btn-focus-box-shadow);outline:0;z-index:3}.accordion-header{margin-bottom:0}.accordion-item{background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);color:var(--bs-accordion-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-left-radius:var(--bs-accordion-inner-border-radius);border-bottom-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-left:0;border-radius:0;border-right:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");--bs-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")}.pagination{display:flex;list-style:none;padding-left:0}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);border-radius:var(--bs-badge-border-radius);color:var(--bs-badge-color);display:inline-block;font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius);color:var(--bs-alert-color);margin-bottom:var(--bs-alert-margin-bottom);padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);position:relative}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);display:flex;font-size:var(--bs-progress-font-size);height:var(--bs-progress-height);overflow:hidden}.carousel{position:relative}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-transition:transform 0.3s ease-in-out;background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:var(--bs-offcanvas-transition);visibility:hidden;z-index:var(--bs-offcanvas-zindex)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.placeholder{background-color:currentcolor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-100{width:100%!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.text-center{text-align:center!important}.text-wrap{white-space:normal!important}.visible{visibility:visible!important}@media (min-width:768px){.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-block{display:block!important}.text-lg-end{text-align:right!important}}@media (min-width:1200px){.d-xl-block{display:block!important}.d-xl-none{display:none!important}}

/* /assets/css/oet-icons.css */
/* OET icon subset - generated from FontAwesome 6 free (fontawesome.com/license/free) */
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;src:url('../fonts/fa-solid-900-subset.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-regular-400-subset.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400-subset.woff2') format('woff2')}
.fa,.fa-solid,.fa-regular,.fa-brands,.fas,.far,.fab{font-family:'Font Awesome 6 Free';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa,.fa-solid,.fas{font-weight:900}
.fa-regular,.far{font-weight:400}
.fa-brands,.fab{font-family:'Font Awesome 6 Brands';font-weight:400}
.fa-fw{text-align:center;width:1.25em}
.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-spin{animation:fa-spin 2s linear infinite}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.fa-beat{animation:fa-beat 1s ease-in-out infinite}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(1.25)}}
.fa-angle-down::before{content:"\f107"}
.fa-angle-left::before{content:"\f104"}
.fa-angle-right::before{content:"\f105"}
.fa-arrow-left::before{content:"\f060"}
.fa-arrow-right::before{content:"\f061"}
.fa-arrow-up-right-from-square::before{content:"\f08e"}
.fa-award::before{content:"\f559"}
.fa-bolt::before{content:"\f0e7"}
.fa-book-medical::before{content:"\f7e6"}
.fa-book-open-reader::before{content:"\f5da"}
.fa-box-open::before{content:"\f49e"}
.fa-brain::before{content:"\f5dc"}
.fa-briefcase-medical::before{content:"\f469"}
.fa-building-columns::before{content:"\f19c"}
.fa-bullseye::before{content:"\f140"}
.fa-calendar::before{content:"\f133"}
.fa-calendar-check::before{content:"\f274"}
.fa-calendar-days::before{content:"\f073"}
.fa-chalkboard-user::before{content:"\f51c"}
.fa-chart-line::before{content:"\f201"}
.fa-chart-simple::before{content:"\e473"}
.fa-check::before{content:"\f00c"}
.fa-chevron-left::before{content:"\f053"}
.fa-chevron-right::before{content:"\f054"}
.fa-circle-check::before{content:"\f058"}
.fa-circle-notch::before{content:"\f1ce"}
.fa-circle-question::before{content:"\f059"}
.fa-circle-xmark::before{content:"\f057"}
.fa-clipboard-check::before{content:"\f46c"}
.fa-clipboard-question::before{content:"\e4e3"}
.fa-clock::before{content:"\f017"}
.fa-comments::before{content:"\f086"}
.fa-compass::before{content:"\f14e"}
.fa-desktop::before{content:"\f390"}
.fa-earth-oceania::before{content:"\e47b"}
.fa-envelope::before{content:"\f0e0"}
.fa-facebook-f::before{content:"\f39e"}
.fa-file-circle-check::before{content:"\e5a0"}
.fa-file-shield::before{content:"\e4f0"}
.fa-file-waveform::before{content:"\f478"}
.fa-filter-circle-xmark::before{content:"\e17b"}
.fa-flag::before{content:"\f024"}
.fa-folder-open::before{content:"\f07c"}
.fa-gauge-high::before{content:"\f625"}
.fa-graduation-cap::before{content:"\f19d"}
.fa-headphones::before{content:"\f025"}
.fa-id-card::before{content:"\f2c2"}
.fa-language::before{content:"\f1ab"}
.fa-laptop-medical::before{content:"\f812"}
.fa-layer-group::before{content:"\f5fd"}
.fa-lightbulb::before{content:"\f0eb"}
.fa-location-dot::before{content:"\f3c5"}
.fa-magnifying-glass::before{content:"\f002"}
.fa-magnifying-glass-chart::before{content:"\e522"}
.fa-map-location-dot::before{content:"\f5a0"}
.fa-microphone-lines::before{content:"\f3c9"}
.fa-notes-medical::before{content:"\f481"}
.fa-paper-plane::before{content:"\f1d8"}
.fa-passport::before{content:"\f5ab"}
.fa-pen-nib::before{content:"\f5ad"}
.fa-pen-to-square::before{content:"\f044"}
.fa-percent::before{content:"\25"}
.fa-person-walking::before{content:"\f554"}
.fa-phone::before{content:"\f095"}
.fa-pills::before{content:"\f484"}
.fa-play::before{content:"\f04b"}
.fa-prescription-bottle-medical::before{content:"\f486"}
.fa-repeat::before{content:"\f363"}
.fa-right-to-bracket::before{content:"\f2f6"}
.fa-route::before{content:"\f4d7"}
.fa-search::before{content:"\f002"}
.fa-share-nodes::before{content:"\f1e0"}
.fa-shield-check::before{content:"\f2f7"}
.fa-star::before{content:"\f005"}
.fa-stethoscope::before{content:"\f0f1"}
.fa-stopwatch::before{content:"\f2f2"}
.fa-tags::before{content:"\f02c"}
.fa-telegram::before{content:"\f2c6"}
.fa-triangle-exclamation::before{content:"\f071"}
.fa-trophy::before{content:"\f091"}
.fa-user-check::before{content:"\f4fc"}
.fa-user-doctor::before{content:"\f0f0"}
.fa-user-nurse::before{content:"\f82f"}
.fa-users::before{content:"\f0c0"}
.fa-whatsapp::before{content:"\f232"}
.fa-window-restore::before{content:"\f2d2"}
.fa-xmark::before{content:"\f00d"}
.fa-youtube::before{content:"\f167"}

/* /assets/css/style.min.css */
@font-face{font-family:"Cal Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cal-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/mulish-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vkl-text-primary-color-1:#7c3aed;--vkl-text-primary-color-3:#ffcf27;--vkl-text-primary-color-5:#14f0e5;--vkl-text-primary-color-6:#caf31d;--vkl-text-primary-color-7:#9c96ee;--vkl-text-paragrapgh-color-1:#4c5564;--vkl-text-paragrapgh-color-3:#515254;--vkl-text-paragrapgh-color-5:#505d78;--vkl-text-paragrapgh-color-7:#444077;--vkl-text-paragrapgh-color-9:#8268ee;--vkl-text-paragrapgh-color-10:#3d4362;--vkl-text-heading-color-1:#111727;--vkl-text-heading-color-3:#020711;--vkl-text-heading-color-5:#0a2351;--vkl-text-heading-color-6:#020f10;--vkl-text-heading-color-7:#050048;--vkl-text-heading-color-8:#3a122b;--vkl-text-heading-color-9:#00271a;--vkl-text-heading-color-10:#000b42;--vkl-text-text-white:#fff;--vkl-text-text-1:#0d6dcc;--vkl-text-text-2:#403e3d;--vkl-bg-bg-3:#383bfe;--vkl-bg-bg-4:#ebf2ff;--vkl-bg-bg-5:#e8fffd;--vkl-bg-bg-6:#14f0e5;--vkl-bg-bg-19:#010c41;--vkl-bg-bg-21:#dbdff4;--vkl-bg-bg-22:#dbdff5;--vkl-bg-bg-25:#363d2b;--vkl-bg-bg-27:#faff7a;--vkl-bg-bg-30:#96e173;--vkl-bg-gray-bg-1:#e6e0ff;--vkl-bg-gray-bg-2:#f2f0fe;--vkl-bg-gray-bg-3:#cdd8f5;--vkl-bg-gray-bg-5:#c7f6f2;--vkl-bg-gray-bg-7:#bfd2f1;--vkl-font-size-font-s17:17px;--vkl-font-size-font-s18:18px;--vkl-font-size-font-s20:20px;--vkl-font-size-font-s22:22px;--vkl-font-size-font-s24:24px;--vkl-font-size-font-s30:30px;--vkl-font-size-font-s32:32px;--vkl-font-size-font-s40:40px;--vkl-font-size-font-s44:44px;--vkl-font-size-font-s70:70px;--vkl-specing-height18:18px;--vkl-specing-height20:20px;--vkl-specing-height24:24px;--vkl-specing-height26:26px;--vkl-specing-height28:28px;--vkl-specing-height32:32px;--vkl-specing-height40:40px;--vkl-specing-height44:44px;--vkl-specing-height52:52px;--vkl-specing-height70:70px;--vkl-specing-height78:78px;--vkl-weight-regular:400;--vkl-weight-medium:500;--vkl-weight-semibold:600;--vkl-weight-bold:700;--vkl-family-font1:"Cal Sans",sans-serif;--vkl-family-font2:"Mulish",sans-serif}.vl-faqs2{margin-left:42px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-faqs2{margin-left:0}}.vl-faqs2 .vl-accordion-item{border:1px solid #acbde0;border-radius:8px;margin-bottom:32px;position:relative;z-index:1}.vl-faqs2 .vl-accordion-item .vl-accordion-button{color:var(--vkl-text-heading-color-7);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height20);padding:16px 24px 0;text-align:left;width:100%}@media only screen and (min-width:768px) and (max-width:991px){.vl-faqs2 .vl-accordion-item .vl-accordion-button{font-size:var(--vkl-font-size-font-s20);line-height:var(--vkl-specing-height28)}}@media (max-width:575px){.vl-faqs2 .vl-accordion-item .vl-accordion-button{font-size:var(--vkl-font-size-font-s20);line-height:var(--vkl-specing-height28)}}.vl-faqs2 .vl-accordion-item .vl-accordion-button.collapsed{border-radius:8px;padding:16px 24px}.vl-faqs2 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow{background:var(--vkl-text-heading-color-7);border-radius:50px;color:var(--vkl-text-text-white);font-size:18px;height:28px;line-height:28px;line-height:32px;position:absolute;right:18px;text-align:center;top:14px;transform:rotate(0);transition:.3s;width:28px}@media (max-width:575px){.vl-faqs2 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow{right:6px}}.vl-faqs2 .vl-accordion-item .vl-accordion-button span.vl-faqarrow{background:var(--vkl-text-primary-color-7);border-radius:50px;color:var(--vkl-text-heading-color-7);font-size:18px;height:28px;line-height:28px;line-height:32px;position:absolute;right:18px;text-align:center;top:14px;transform:rotate(-180deg);transition:.3s;width:28px}@media (max-width:575px){.vl-faqs2 .vl-accordion-item .vl-accordion-button span.vl-faqarrow{right:6px}}.vl-faqs2 .vl-accordion-item .vl-accordion-body .para{color:var(--vkl-text-paragrapgh-color-7);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height28);padding:20px 24px 24px}@media (max-width:575px){.vl-faq-tab-iner ul#pills-tab{display:grid;grid-template-columns:1fr 1fr}}.vl-faq-tab-iner li.nav-item .nav-link{background:#f2f0fe;color:var(--vkl-text-text-2);padding:12px 24px}.vl-faq-tab-iner li.nav-item .nav-link.active,.vl-primary-btn{background:var(--vkl-text-primary-color-1);color:var(--vkl-text-text-white)}.vl-primary-btn{border-radius:8px;display:inline-block;font-family:var(--vkl-family-font1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height18);padding:20px 16px 20px 25px;position:relative;transition:.3s;z-index:1}.vl-primary-btn:after{background:#846ff7;border-radius:50px;content:"";height:40px;left:8px;position:absolute;top:8px;transition:.3s;width:40px;z-index:-1}.vl-primary-btn:hover{color:var(--vkl-text-text-white);transition:.3s}.vl-primary-btn:hover:after{border-radius:8px;height:100%;left:0;top:0;width:100%}.vl-primary-btn span img{transition:.3s}.vl-primary-btn:hover span img{transform:rotate(-45deg);transition:.3s}.vl-primary-btn-7{background:var(--vkl-text-primary-color-7);color:var(--vkl-text-heading-color-7);font-family:var(--vkl-family-font1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height18);padding:18px 18px 18px 54px!important;position:relative}.vl-primary-btn-7,.vl-primary-btn-7 span.arrow-1{border-radius:50px;display:inline-block;transition:.3s}.vl-primary-btn-7 span.arrow-1{left:8px}.vl-primary-btn-7 span.arrow-1,.vl-primary-btn-7 span.arrow-2{background:var(--vkl-text-text-white);height:38px;line-height:38px;position:absolute;text-align:center;top:8px;width:38px}.vl-primary-btn-7 span.arrow-2{border-radius:50px;display:inline-block;opacity:0;right:0;transition:.3s;visibility:hidden}.vl-primary-btn-7:hover{padding:18px 54px 18px 18px!important;transition:.3s}.vl-primary-btn-7:hover span.arrow-1{left:0;opacity:0;transition:.3s;visibility:hidden}.vl-primary-btn-7:hover span.arrow-2{opacity:1;right:8px;transition:.3s;visibility:visible}.vl-faq-btn-7{padding-top:120px}@media (max-width:575px){.vl-faq-btn-7{padding-top:30px}}.primary-btn-10{background:var(--vkl-text-primary-color-3);border-radius:8px;color:var(--vkl-text-heading-color-9);display:inline-block;font-family:var(--vkl-family-font1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height18);padding:18px 20px!important;position:relative;transition:.3s;z-index:1}.primary-btn-10 span{display:inline-block;margin-left:4px;transform:rotate(-45deg);transition:.3s}.primary-btn-10:after{background:var(--vkl-text-paragrapgh-color-9);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transition:.3s;width:100%;z-index:-1}.primary-btn-10:hover{color:var(--vkl-text-text-white);transition:.3s}.primary-btn-10:hover span{filter:brightness(0) invert(1);transform:rotate(0);transition:.3s}.primary-btn-10:hover:after{transform:scaleX(1);transition:.3s}.cta-btn-10 .primary-btn-10:after{background:var(--vkl-text-heading-color-10)}.testimonil-btn{margin-top:74px}@media (max-width:575px){.testimonil-btn{margin-top:30px}}.vl-section-title .sub-title{color:var(--vkl-text-heading-color-1);font-family:var(--vkl-family-font2);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold);line-height:var(--vkl-specing-height18)}@media (max-width:575px){.vl-section-title .sub-title{font-size:17px}}.vl-section-title .sub-title span img{height:auto;margin-top:-4px}.vl-section-title .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s44);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height52)}@media (max-width:575px){.vl-section-title .title{font-size:var(--vkl-font-size-font-s30);line-height:var(--vkl-specing-height40)}}.vl-section-title .para,.vl-section-title p{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26)}.vl-section-title .para{padding-top:16px}.vl-section-title-white .para,.vl-section-title-white .sub-title,.vl-section-title-white .title{color:var(--vkl-text-text-white);transition:.3s}.vl-section-title-white .para{opacity:.9}.vl-section-title-heading .title{font-size:var(--vkl-font-size-font-s70);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height78)}@media (max-width:575px){.vl-section-title-heading .title{font-size:var(--vkl-font-size-font-s30);line-height:40px}.vl-section-title-heading .sub-title{font-size:var(--vkl-font-size-font-s17)}}.vl-section-title-3 .sub-title,.vl-section-title-3 .title{color:var(--vkl-text-heading-color-3)}.vl-section-title-3 p{color:var(--vkl-text-paragrapgh-color-3)}.vl-section-title-6 .sub-title,.vl-section-title-6 .title{color:var(--vkl-text-heading-color-6)}.vl-section-title-7 .sub-title,.vl-section-title-7 .title{color:var(--vkl-text-heading-color-7)}.vl-section-title-7 .para{color:var(--vkl-text-paragrapgh-color-7);font-size:var(--vkl-font-size-font-s18);line-height:var(--vkl-specing-height26)}.vl-section-title-10 .sub-title,.vl-section-title-10 .title{color:var(--vkl-text-heading-color-10)}.vl-section-title-10 .title span{color:var(--vkl-text-paragrapgh-color-9)}.vl-section-title-10 .para{color:var(--vkl-text-paragrapgh-color-10);font-size:var(--vkl-font-size-font-s18);line-height:var(--vkl-specing-height26);padding-top:16px}.progress-wrap{border-radius:50px;bottom:30px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);cursor:pointer;display:block;height:56px;opacity:0;position:fixed;right:30px;transform:translateY(15px);transition:all .2s linear;visibility:hidden;width:56px;z-index:1}.progress-wrap.active-progress{opacity:1;transform:translateY(0);visibility:visible;z-index:999}.progress-wrap:after{color:#03256c;z-index:1}.progress-wrap:after,.progress-wrap:before{content:"\f062";cursor:pointer;display:block;font-family:FontAwesome;font-size:18px;height:56px;left:0;line-height:56px;position:absolute;text-align:center;top:0;transition:all .2s linear;width:56px}.progress-wrap:before{opacity:0;z-index:2}.progress-wrap:hover:before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{box-sizing:border-box;stroke:#03256c;stroke-width:4;transition:all .2s linear}.progress-wrap-2:after{color:#96e173}.progress-wrap-2 svg path{fill:none}.progress-wrap-2 svg.progress-circle path{box-sizing:border-box;stroke:#96e173;stroke-width:4;transition:all .2s linear}.progress-wrap-4:after{color:#faff7a}.progress-wrap-4 svg path{fill:none}.progress-wrap-4 svg.progress-circle path{box-sizing:border-box;stroke:#faff7a;stroke-width:4;transition:all .2s linear}.progress-wrap-5:after{color:#14f0e5}.progress-wrap-5 svg path{fill:none}.progress-wrap-5 svg.progress-circle path{box-sizing:border-box;stroke:#14f0e5;stroke-width:4;transition:all .2s linear}.progress-wrap-6:after{color:#caf31d}.progress-wrap-6 svg path{fill:none}.progress-wrap-6 svg.progress-circle path{box-sizing:border-box;stroke:#caf31d;stroke-width:4;transition:all .2s linear}.progress-wrap-7:after,.progress-wrap-7:before{color:#7c3aed}.progress-wrap-7{box-shadow:inset 0 0 0 2px rgba(124,58,237,.18)}.progress-wrap-7 svg path{fill:none}.progress-wrap-7 svg.progress-circle path{box-sizing:border-box;stroke:#7c3aed;stroke-width:4;transition:all .2s linear}.progress-wrap-9:after{color:#afec2c}.progress-wrap-9 svg path{fill:none}.progress-wrap-9 svg.progress-circle path{box-sizing:border-box;stroke:#afec2c;stroke-width:4;transition:all .2s linear}.vl-header-action-item{border:1px solid var(--vkl-text-heading-color-1);border-radius:8px;color:var(--vkl-text-text-black);float:right;padding:7px 11px}.vl-offcanvas{background:#fff;height:100%;opacity:0;overflow-y:scroll;overscroll-behavior-y:contain;padding:50px 40px;position:fixed;right:0;scrollbar-width:none;top:0;transform:translateX(100%);transition:.3s;visibility:hidden;width:450px;z-index:99;z-index:999}@media only screen and (max-width:450px){.vl-offcanvas{width:100%}}.vl-offcanvas-open{opacity:1;transform:translateX(0);visibility:visible}.vl-offcanvas-close-toggle{color:var(--vl-heading-color);font-size:30px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-offcanvas-header{margin-bottom:40px}}.vl-offcanvas-info a{display:block;margin-bottom:15px;transition:.3s}.vl-offcanvas-info a:last-child{margin-bottom:0}.vl-offcanvas-info a span{border:1px solid var(--vkl-text-heading-color-1);border-radius:50px;display:inline-block;height:40px;line-height:40px;margin-right:10px;text-align:center;transition:.3s;width:40px}.vl-offcanvas-info a span img{margin-top:-4px;transition:.3s}.vl-offcanvas-info a:hover{color:var(--vkl-text-primary-color-1);transition:.3s}.vl-offcanvas-info a:hover span{background:var(--vkl-text-primary-color-1);border:1px solid var(--vkl-text-primary-color-1);transition:.3s}.vl-offcanvas-info a:hover span img{filter:brightness(0) invert(1);transition:.3s}.vl-offcanvas-sm-title{color:var(--vkl-text-heading-color-1);font-size:25px;font-weight:var(--vkl-weight-regular);line-height:25px}.vl-offcanvas-social a{border:1px solid rgba(2,11,24,.1);border-radius:40px;color:var(--vkl-text-heading-color-1);display:inline-block;font-size:14px;height:40px;line-height:40px;text-align:center;transition:.3s;width:40px}.vl-offcanvas-social a:hover{background:var(--vkl-text-primary-color-1);color:var(--vkl-text-text-white);transition:.3s}.vl-offcanvas-overlay{background:rgba(24,24,24,.4);height:100%;left:0;opacity:0;position:fixed;top:0;transition:easc-in-out .45;visibility:hidden;width:100%;z-index:50}.vl-offcanvas-overlay-open{opacity:.7;visibility:visible}body,html{overflow-x:clip}@supports not (overflow-x:clip){body,html{overflow-x:hidden}}.preloader{align-items:center;background-color:var(--vkl-text-primary-color-1);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999999}.loading{animation:rotate-loading 1.5s linear 0s infinite normal;border:2px solid transparent;border-color:transparent var(--vkl-text-text-white) transparent var(--vkl-text-text-white);border-radius:100%;height:clamp(240px,28vw,420px);position:relative;transform-origin:50% 50%;width:clamp(240px,28vw,420px)}@media (max-width:575px){.loading{height:180px;width:180px}}@keyframes rotate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animation-5{0%{transform:scale(1)}to{transform:scale(1.1)}}.aniamtion-key-5{animation-direction:alternate;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:animation-5;position:relative}@keyframes animation-4{0%{transform:translateY(0)}to{transform:translateY(40px)}}.aniamtion-key-4{animation-direction:alternate;animation-duration:1.6s;animation-iteration-count:infinite;animation-name:animation-4;position:relative}@keyframes infiniteAnimation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.element{animation:infiniteAnimation 2s linear infinite;background-color:#3498db;height:100px;width:100px}.circle{animation:rotateCircle 9s linear infinite}@keyframes rotateCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vlfadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.reveal{display:-ms-inline-flexbox;overflow:hidden;position:relative;visibility:hidden}.reveal img{display:inline-block;height:100%;-o-object-fit:cover;object-fit:cover;transform-origin:left;width:100%}.image-anime{overflow:hidden;position:relative}.image-anime:after{background-color:hsla(0,0%,100%,.3);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:200%;z-index:1}.image-anime:hover:after{background-color:transparent;height:250%;transition:all .6s linear}.social-area a{background:#2b7dcf;border-radius:50px;display:inline-block;height:40px;line-height:40px;margin-left:6px;text-align:center;width:40px}.social-area a,.social-area a:hover{color:var(--vkl-text-text-white);transition:.3s}.social-area a:hover{background:var(--vkl-text-primary-color-1)}.social-area-headerTop{display:inline-block;margin-right:0}.social-area-headerTop a{background:var(--vkl-text-text-white);color:var(--vkl-text-heading-color-1)}.header-sticky .social-area-headerTop a{background:var(--vkl-bg-gray-bg-1)}.header-sticky .social-area-headerTop a:hover{background:var(--vkl-text-primary-color-1)}.social-area-footer-10 a{background:var(--vkl-bg-bg-22);border:1px solid hsla(0,0%,100%,.05);border-radius:50px;color:var(--vkl-text-heading-color-10);display:inline-block;font-size:18px;height:48px;line-height:48px;margin-right:16px;text-align:center;transition:.3s;width:48px}.social-area-footer-10 a:hover{background:#7c3aed;border-color:#7c3aed;color:#fff;transform:translateY(-2px);transition:.3s}.vl-header-search-bar{background:#fff;height:400px;left:0;position:fixed;right:0;top:-100%;transition:.3s;z-index:99;z-index:999}.vl-header-search-bar.vl-search-open{top:0}.vl-header-search-bar input[type=text]{background:transparent;border-radius:8px;color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18)}.vl-header-search-bar input[type=text]::placeholder{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18)}.contact-search-form-box form{position:relative}.contact-search-form-box form button{font-size:17px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.vl-search-close{color:#222;font-size:50px;font-weight:300;height:45px;position:absolute;right:50px;top:35px;width:45px}.vl-search-toggle{cursor:pointer}.vl-header-right{align-items:center;display:flex;justify-content:end}.vl-header-search{border-right:1px solid #ccc7e8;margin-right:20px;padding-right:20px}.vl-search-bar-title{color:var(--vkl-text-heading-color-1);font-weight:var(--vkl-weight-regular)}.counterbox__grid{display:flex;justify-content:space-between}@media (max-width:575px){.counterbox__grid{display:block}}.counterbox__single .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s44);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height44);transition:.3s}.counterbox__single p{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold);line-height:var(--vkl-specing-height18)}.brand-area{margin-top:0}@media only screen and (min-width:1200px) and (max-height:900px){.brand-area{margin-top:0}}.brand__thumb img{border-radius:8px;object-fit:cover}.swiper-slide-transtion{-webkit-transition-timing-function:linear;transition-timing-function:linear}.swiper-brand-slide-element{display:inline-block;width:auto}.breadcrumb-wrapper{background:var(--vkl-bg-gray-bg-1);padding-bottom:100px;padding-top:180px;position:relative;z-index:1}.breadcrumb-text .title{color:var(--vkl-text-heading-color-1);display:inline-block;font-size:var(--vkl-font-size-font-s70);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height70);padding-bottom:24px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.breadcrumb-text .title{font-size:var(--vkl-font-size-font-s40);line-height:var(--vkl-specing-height40)}}.breadcrumb-text ul li,.breadcrumb-text ul li a{display:inline-block}.breadcrumb-text ul li a.active{color:var(--vkl-text-heading-color-1);font-family:var(--vkl-family-font1)}.breadcrumb-shape{bottom:0;left:0;margin:0 auto;position:absolute;right:0;text-align:center;z-index:-1}.tags{height:340px;position:relative}.tag{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(0,0%,100%,.16);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.15);cursor:pointer;padding:12px 26px;position:absolute;transition:background .3s ease,color .3s ease,box-shadow .3s ease;will-change:transform}.tag:hover{box-shadow:0 20px 50px rgba(0,0,0,.3)}.tag.active,.tag:hover{background:#fff;color:#b4004a}.tag:first-child{left:20px;top:40px;transform:rotate(-18deg)}.tag:nth-child(2){right:20px;top:70px;transform:rotate(18deg)}.tag:nth-child(3){left:200px;top:150px}.tag:nth-child(4){right:179px;top:211px}.tag:nth-child(5){left:-17px;top:132px}.tag:nth-child(6){bottom:69px;left:168px}.tag:nth-child(7){bottom:-9px;left:-17px}.tag:nth-child(8){bottom:5px;right:-5px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--vkl-text-text-black);font-family:var(--vkl-family-font2);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26)}a{text-decoration:none}h1,h2,h3,h4{color:var(--vkl-text-text-black);font-family:var(--vkl-family-font1);font-weight:var(--vkl-weight-bold);line-height:1.2;margin-bottom:0;margin-top:0}h1{font-size:48px}h2{font-size:38px}h3{font-size:28px}h4{font-size:24px}ul{margin:0;padding:0}p{color:var(--vkl-text-body);font-family:var(--vkl-family-font2);font-size:14px;font-weight:400;line-height:26px;margin-bottom:0}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}.button:focus,a:focus{outline:none;text-decoration:none}a:focus,a:hover{color:inherit;text-decoration:none}a,button{background:transparent;border:none;color:inherit;outline:none}button:hover{cursor:pointer}button:focus{outline:0}.uppercase{text-transform:uppercase}input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url],textarea{background-color:#fff;border:1px solid #e0e2e3;color:var(--vkl-text-text-2);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);height:56px;line-height:56px;outline:none;padding-left:16px;padding-right:16px;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{border:1px solid #e0e2e3}input[type=email]:focus::placeholder,input[type=number]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=text]:focus::placeholder,input[type=url]:focus::placeholder,textarea:focus::placeholder{color:var(--vkl-text-text-2);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);opacity:0}textarea{line-height:1.4;padding-bottom:17px;padding-top:17px}::-moz-selection{background:var(--vkl-text-text-black);color:var(--vkl-text-text-white);text-shadow:none}::selection{background:var(--vkl-text-primary-color-1);color:var(--vkl-text-text-white);text-shadow:none}::-moz-placeholder{color:var(--vkl-text-text-black);font-size:14px;opacity:1}::placeholder{color:var(--vkl-text-text-black);font-size:14px;opacity:1}ul li{list-style:none}p{margin:0}.fix{overflow:hidden}.clear{clear:both}.p-relative{position:relative}.vkl-gray-bg{background:var(--vkl-bg-gray-bg-1)}.vkl-gray-white-bg{background:var(--vkl-bg-gray-bg-2)}.vkl-black-bg-1{background:var(--vkl-text-heading-color-1)}.vkl-blue-bg{background:var(--vkl-text-primary-color-1)}.vkl-gray-bg-7{background:var(--vkl-bg-gray-bg-7)}.vkl-gray-bg-19{background:var(--vkl-bg-bg-19)}.vkl-gray-bg-21{background:var(--vkl-bg-bg-21)}.mt-24{margin-top:24px}.mt-30{margin-top:30px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-18{margin-bottom:18px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mr-4{margin-right:4px}.pt-16{padding-top:16px}.pt-60{padding-top:60px}.pt-100{padding-top:100px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-100{padding-bottom:100px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.mb-60{margin-bottom:30px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.pt-100{padding-top:50px}.pb-100{padding-bottom:50px}.pb-70{padding-bottom:20px}}.blog__wrap10{border:1px solid rgba(0,11,66,.1);border-radius:8px;padding:24px;transition:.3s}.blog__wrap10-thumb{border-radius:8px;height:400px;margin-bottom:24px;overflow:hidden;position:relative;transition:.3s;z-index:1}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.blog__wrap10-thumb{height:100%}}.blog__wrap10-thumb img{border-radius:8px;height:400px;object-fit:cover;transition:.3s;width:100%}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.blog__wrap10-thumb img{height:100%}}.blog__wrap10-thumb .tags{left:20px;position:absolute;top:20px}.blog__wrap10-thumb .tags a{background:var(--vkl-text-primary-color-3);border-radius:4px;color:var(--vkl-text-heading-color-10);display:inline-block;font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold);line-height:var(--vkl-specing-height18);padding:8px 12px;transition:.3s}.blog__wrap10-content .meta a{margin-right:16px;transition:.3s}.blog__wrap10-content .meta a span img{margin-right:4px;margin-top:-4px;transition:.3s}.blog__wrap10-content .content-block .title{color:var(--vkl-text-heading-color-10);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height32);padding-top:18px;transition:.3s}.blog__wrap10:hover{background:var(--vkl-text-paragrapgh-color-9);transition:.3s}.blog__wrap10:hover .blog__wrap10-thumb img{transform:scale(1.1) rotate(-2deg);transition:.3s}.blog__wrap10:hover .blog__wrap10-content .meta a{color:var(--vkl-text-text-white);transition:.3s}.blog__wrap10:hover .blog__wrap10-content .meta a span img{filter:brightness(0) invert(1);transition:.3s}.blog__wrap10:hover .blog__wrap10-content .content-block .title{color:var(--vkl-text-text-white);transition:.3s}.blog__wrap10:hover .blg-btn10 .primary-btn-10{background:var(--vkl-text-primary-color-3);color:var(--vkl-text-heading-color-10);transition:.3s}.blog__wrap10:hover .blg-btn10 .primary-btn-10:after{background:var(--vkl-text-heading-color-10)}.blog__wrap10:hover .blg-btn10 .primary-btn-10:hover{color:var(--vkl-text-text-white);transition:.3s}.blog-btn10{float:right}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.blog-btn10{float:inherit}}.blg-btn10 .primary-btn-10{background:var(--vkl-text-paragrapgh-color-9);color:var(--vkl-text-text-white)}.blog-padding-bottom10{margin-bottom:-198px;padding-bottom:285px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.blog-padding-bottom10{margin-bottom:0;padding-bottom:20px}}.vl-footer-content .para{color:var(--vkl-text-text-2);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);margin:0}.vl-footer-content-6 .para{color:hsla(0,0%,100%,.9)}.vl-footer-widget-title{color:var(--vkl-text-text-black);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height24)}@media only screen and (min-width:1200px) and (max-width:1399px){.vl-footer-widget-title{font-size:var(--vkl-font-size-font-s20)}}.vl-footer-widget-title-6{color:var(--vkl-text-text-white)}.vl-footer-widget-2{margin-left:86px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-2{margin-left:0}}.vl-footer-widget-2-10{margin-left:60px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-2-10{margin-left:0}}.vl-footer-widget-3{margin-left:94px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-3{margin-left:0}}.vl-footer-widget-3-10{margin-left:60px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-3-10{margin-left:0}}.vl-footer-widget-4{float:right}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-4{float:inherit}}.vl-footer-widget-4 p{color:#fff;font-size:18px;line-height:26px;opacity:.8}.vl-footer-widget-4-10{float:inherit;margin-left:60px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-footer-widget-4-10{float:inherit;margin-left:0}}.vl-footer-menu ul li a{color:var(--vkl-text-text-2);display:block;font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18);margin-bottom:28px;transition:.3s}.vl-footer-menu ul li a:hover{color:var(--vkl-text-primary-color-1);opacity:1;transition:.3s}.vl-footer-menu-10 ul li a{color:hsla(0,0%,100%,.9)}.vl-footer-menu-10 ul li a:hover{color:var(--vkl-text-primary-color-3)}.vl-copy-righ1t{border-top:1px solid #dcdde6;padding:22px 0 0}.vl-copy-righ1t .vl-footer-copy-right-widget .para{color:var(--vkl-text-text-2);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height20)}@media only screen and (min-width:768px) and (max-width:991px){.vl-copy-righ1t .vl-footer-copy-right-widget .para{font-size:16px}}@media (max-width:575px){.vl-copy-righ1t .vl-footer-copy-right-widget .para{font-size:17px;line-height:var(--vkl-specing-height28);text-align:center}}.vl-copy-righ1t .vl-footer-copy-right-widget-6 .para{color:hsla(0,0%,100%,.9)}.vl-copy-righ1t .vl-copy-right-menu{text-align:right}@media (max-width:575px){.vl-copy-righ1t .vl-copy-right-menu{text-align:center}}.vl-copy-righ1t .vl-copy-right-menu ul li{display:inline-block;margin-left:16px;padding-left:16px;position:relative;z-index:1}@media (max-width:575px){.vl-copy-righ1t .vl-copy-right-menu ul li{margin-left:0;margin-right:16px;padding-left:0;padding-right:16px}}.vl-copy-righ1t .vl-copy-right-menu ul li:after{background:#dadbe1;content:"";height:16px;position:absolute;right:-16px;top:0;width:2px}@media (max-width:575px){.vl-copy-righ1t .vl-copy-right-menu ul li:after{right:0}.vl-copy-righ1t .vl-copy-right-menu ul li:last-child{margin-right:0;padding-right:0}}.vl-copy-righ1t .vl-copy-right-menu ul li:last-child:after{display:none}.vl-copy-righ1t .vl-copy-right-menu ul li a{color:var(--vkl-text-text-2);display:block;font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height20);transition:.3s}@media only screen and (min-width:768px) and (max-width:991px){.vl-copy-righ1t .vl-copy-right-menu ul li a{font-size:17px}}.vl-copy-righ1t .vl-copy-right-menu ul li a:hover{color:var(--vkl-text-primary-color-1);transition:.3s}.vl-copy-righ1t .vl-copy-right-menu-10 ul li a{color:hsla(0,0%,100%,.9);font-size:var(--vkl-font-size-font-s18);line-height:var(--vkl-specing-height18)}.vl-copy-righ1t .vl-copy-right-menu-10 ul li a:hover{color:var(--vkl-text-primary-color-3)}.vl-copy-righ1t .vl-copy-right-menu-10 ul li:after{background:hsla(0,0%,100%,.9)!important}.vl-copy-righ1t-10{border-top:1px solid #27305d}.vl-footer-10{margin-top:-175px;padding-top:255px}.vl-footer-newslate10{position:relative;z-index:1}.vl-footer-newslate10 input{background:var(--vkl-bg-bg-22);border-radius:8px;color:var(--vkl-text-heading-color-10);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold);height:68px}.vl-footer-newslate10 input::placeholder{color:var(--vkl-text-heading-color-10);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold)}.vl-footer-newslate10 .neslat-btn10{position:absolute;right:6px;top:6px}.vl-transparent-header{left:0;position:absolute;right:0;top:0;z-index:99}.sub-menu span.downarrow{position:absolute;right:19px;top:50%;transform:translateY(-50%)}.header-top{float:right;padding-bottom:19px;padding-top:19px}.header-top ul li{display:inline-block;margin-left:17px;padding-left:17px;position:relative;z-index:1}.header-top ul li:after{background:#755ef7;content:"";height:19px;position:absolute;right:-17px;top:3px;width:2px}.header-top ul li:last-child:after{display:none}.header-top ul li a{color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18);transition:.3s}.header-top ul li a:hover{color:var(--vkl-bg-bg-2);transition:.3s}.vl-header-top-text p{font-weight:var(--vkl-weight-medium)}.vl-header-top-text a,.vl-header-top-text p{color:var(--vkl-text-text-white);display:inline-block;font-size:var(--vkl-font-size-font-s18);line-height:var(--vkl-specing-height18)}.vl-header-top-text a{font-family:var(--vkl-family-font1);font-weight:var(--vkl-weight-regular)}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-header-area{padding-bottom:24px;padding-top:24px}}.vl-main-menu ul>li{display:inline-block;margin-right:30px;position:relative}@media only screen and (min-width:992px) and (max-width:1199px){.vl-main-menu ul>li{margin-right:20px}}.vl-main-menu ul>li>a{color:var(--vkl-text-heading-color-1);display:inline-block;font-size:var(--vkl-font-size-font-s18);line-height:var(--vkl-specing-height18);padding:31px 0;position:relative;transition:.3s}.vl-main-menu ul>li>a span{font-size:12px;line-height:12px}.vl-main-menu ul>li:hover a{color:var(--vkl-text-text-1)}.vl-main-menu ul>li:hover a:before{opacity:1;top:0}.vl-main-menu ul>li .sub-menu{background:var(--vkl-text-text-white);border-radius:6px;box-shadow:0 20px 30px rgba(1,15,28,.1);left:0;opacity:0;padding:16px 0;position:absolute;top:105%;transition:.3s;visibility:hidden;width:180px;z-index:9}.vl-main-menu ul>li .sub-menu li{display:block;margin-right:0;text-align:start}.vl-main-menu ul>li .sub-menu li a{color:var(--vkl-text-text-black);display:block;font-size:17px;padding:8px 25px}.vl-main-menu ul>li .sub-menu li a:before{display:none}.vl-main-menu ul>li .sub-menu li .sub-menu{left:100%;opacity:0;top:105%;transition:.3s;visibility:hidden}.vl-main-menu ul>li .sub-menu li:hover>a{color:var(--vkl-text-primary-color-1);transition:.3s}.vl-main-menu ul>li .sub-menu li:hover>.sub-menu{opacity:1;top:0;visibility:visible}.vl-main-menu ul>li:hover a{color:var(--vkl-text-primary-color-1)}.vl-main-menu ul>li:hover .sub-menu{opacity:1;top:100%;visibility:visible}.vl-main-menu-black ul li .sub-menu li:hover>a{color:var(--vl-theme-orange)}.vl-main-menu-white ul li .sub-menu li:hover>a{color:var(--vkl-text-primary-color-6);transition:.3s}.vl-main-menu-white-2 ul li .sub-menu li:hover>a{color:var(--vkl-bg-bg-30);transition:.3s}.vl-main-menu-white-4 ul>li .sub-menu li:hover>a{color:var(--vkl-bg-bg-25);transition:.3s}.vl-main-menu-white-8 ul li .sub-menu li:hover>a{color:#f92b74;transition:.3s}.vl-main-menu-white-10 ul li .sub-menu li:hover>a{color:var(--vkl-text-paragrapgh-color-9);transition:.3s}.vl-main-menu-5 ul>li .sub-menu li:hover>a{color:var(--vkl-text-primary-color-5);transition:.3s}.vl-main-menu-7 ul>li .sub-menu li:hover>a{color:var(--vkl-text-primary-color-7);transition:.3s}.vl-main-menu ul>li:hover .vl-mega-menu{opacity:1;top:100%;transition:.3s;visibility:visible}.vl-mega-menu{background:var(--vkl-text-text-white);border-radius:8px;box-shadow:0 20px 30px rgba(1,15,28,.1);height:500px;left:-291px;opacity:0;overflow:hidden;overflow-y:scroll;padding:25px 25px 0;position:absolute;top:105%;transition:.3s;visibility:hidden;width:1304px;z-index:9}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-mega-menu{display:none;opacity:1;position:static;transition:none;visibility:visible;width:auto}}.header-sticky{-webkit-animation:vlfadeInDown .7s ease-in-out 0s 1 normal none running;animation:vlfadeInDown .7s ease-in-out 0s 1 normal none running;background:var(--vkl-text-text-white);box-shadow:0 20px 30px hsla(0,0%,65.5%,.1);left:0;position:fixed;right:0;top:0;z-index:999}.header-border-bottom{border-bottom:1px solid rgba(6,29,0,.1)}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.header-border-bottom{border-bottom:1px solid transparent}}.vl-offcanvas-menu ul{list-style:none}.vl-offcanvas-menu ul li{position:relative}.vl-offcanvas-menu ul li a{display:block;font-size:16px;font-weight:500;padding:8px 0}.vl-offcanvas-menu ul li a span.downarrow{display:none}.vl-offcanvas-menu ul li>a{border-bottom:1px solid rgba(1,15,28,.1)}.vl-offcanvas-menu ul li.active>a{color:var(--vkl-text-primary-color-1)}.vl-offcanvas-menu ul li.active>.vl-menu-close{background:var(--vkl-text-primary-color-1);border-bottom:var(--vl-theme-color);color:var(--vkl-text-text-white)}.vl-offcanvas-menu ul li.active>.vl-menu-close i{transform:rotate(90deg)}.vl-offcanvas-menu ul li .sub-menu{display:none;padding-left:20px}.vl-offcanvas-menu-4 ul li.active>.vl-menu-close{background:var(--vkl-bg-bg-27);color:var(--vkl-bg-bg-25)}.vl-offcanvas-menu-5 ul li.active>.vl-menu-close{background:var(--vkl-bg-bg-6);color:var(--vkl-text-heading-color-6)}.vl-offcanvas-menu-6 ul li.active>.vl-menu-close{background:var(--vkl-text-primary-color-6);color:var(--vkl-text-heading-color-6)}.vl-offcanvas-menu-7 ul li.active>.vl-menu-close{background:var(--vkl-text-primary-color-7);color:var(--vkl-text-heading-color-7)}.vl-offcanvas-menu-8 ul li.active>.vl-menu-close{background:#fb015c;color:var(--vkl-text-heading-color-8)}.vl-offcanvas-menu-10 ul li.active>.vl-menu-close{background:var(--vkl-text-paragrapgh-color-9);color:var(--vkl-text-heading-color-10)}.vl-menu-close{border:1px solid rgba(1,15,28,.12);border-radius:4px;font-size:12px;height:30px;line-height:30px;position:absolute;right:0;text-align:center;top:7px;width:30px}.vl-menu-close i{transition:.3s}.vl-about-thumb-wrap{margin-right:20px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-about-thumb-wrap{margin-right:0}}.vl-about-thumb-wrap img{border-radius:8px;height:216px;object-fit:cover}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-about-thumb-wrap img{height:100%}}.vl-about-thumb-wrap-inner img{border-radius:8px;height:596px;object-fit:cover;width:100%}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-about-thumb-wrap-inner img{height:100%}}.vl-about-thumb-wrap-sm img{border-radius:8px;height:340px;object-fit:cover;width:100%}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-about-thumb-wrap-sm img{height:100%}}.vl-history-content-box{background:var(--vkl-bg-gray-bg-2);border-radius:8px;padding:32px 30px}.vl-history-content-box .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s32);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height32);padding-bottom:6px;transition:.3s}.vl-history-content-box .para{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);padding-top:18px}.vl-history-thumb{overflow:hidden}.vl-history-thumb,.vl-history-thumb img{border-radius:8px;height:416px;position:relative;z-index:1}.vl-history-thumb img{object-fit:cover;width:100%}.vl-history-thumb:after{background:rgba(17,23,39,.502);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:1}.vl-history-year-wrap{background:var(--vkl-bg-gray-bg-2);border-radius:8px;padding:24px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.vl-history-year-wrap{padding-bottom:10px}}.vl-history-year-wrap .nav{display:flex;justify-content:space-between}@media only screen and (min-width:768px) and (max-width:991px){.vl-history-year-wrap .nav{display:grid;grid-template-columns:repeat(4,1fr)}}.vl-history-year-wrap .nav-link{background:var(--vkl-bg-gray-bg-1);color:var(--vkl-text-heading-color-1);font-family:var(--vkl-family-font1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height18);margin:0 10px;padding:15px 30px;transition:.3s}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.vl-history-year-wrap .nav-link{margin-bottom:10px}}.vl-history-year-wrap .nav-pills .nav-link.active{background:var(--vkl-text-primary-color-1)}.vl-misson-thumb{background:var(--vkl-bg-gray-bg-1);border-radius:8px;padding:32px}.vl-misson-thumb .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s32);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height32);transition:.3s}.vl-misson-thumb .para{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);padding-top:16px;transition:.3s}.vl-misson-thumb-2{padding:32px 32px 66px}.vlmission-button i{background:#111727;border-radius:50px;color:#fff;height:40px;line-height:40px;text-align:center;transition:.3s;width:40px}.vlmission-button i:hover{background:#654df6;transition:.3s}.vlmission-button{display:inline-block}.vl-swiper-navigation.vl-swiprwrap{bottom:32px;position:absolute;right:32px;z-index:1}.contactform__wpar-5{background:var(--vkl-bg-bg-5);border-radius:8px;margin-right:24px;padding:34px 32px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.contactform__wpar-5{margin-right:0}}.contactform__wpar-5-inner{background:var(--vkl-bg-gray-bg-1)}.contactform__wpar-5-inner .title{color:var(--vkl-text-heading-color-1)}.contactform__wpar-5-inner .para{color:var(--vkl-text-paragrapgh-color-1)}.contactform__wpar-5 .title{color:var(--vkl-text-heading-color-5);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height24);padding-bottom:16px;transition:.3s}.contactform__wpar-5 .para{color:var(--vkl-text-paragrapgh-color-5);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);padding-bottom:24px}.form-area-5 input,.form-area-5 select,.form-area-5 textarea{background:var(--vkl-bg-gray-bg-5);border:transparent;border-radius:8px;color:var(--vkl-text-heading-color-5);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);height:52px;line-height:var(--vkl-specing-height18)}.form-area-5 input::placeholder,.form-area-5 select::placeholder,.form-area-5 textarea::placeholder{color:var(--vkl-text-heading-color-5);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18)}.form-area-5 input:focus,.form-area-5 select:focus,.form-area-5 textarea:focus{outline:none}.form-area-5 textarea{height:140px}.form-area-5 .nice-select.wide{background:var(--vkl-bg-gray-bg-5);border:transparent;color:var(--vkl-text-heading-color-5);font-size:18px;height:52px;line-height:50px}.form-area-5 .nice-select.wide:after{height:8px;width:8px}.form-area-5-inner input,.form-area-5-inner select,.form-area-5-inner textarea{background:#f2f0fe;color:var(--vkl-text-heading-color-1)}.form-area-5-inner input::placeholder,.form-area-5-inner select::placeholder,.form-area-5-inner textarea::placeholder{color:var(--vkl-text-heading-color-1)}.form-area-5-inner input:focus,.form-area-5-inner select:focus,.form-area-5-inner textarea:focus{outline:none}.form-area-5-inner .nice-select.wide{background:#f2f0fe;border:transparent;color:var(--vkl-text-heading-color-1);font-size:18px;height:52px;line-height:50px}.form-area-5-inner .nice-select.wide:after{height:8px;width:8px}.contact__maps iframe{border-radius:8px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);height:625px;width:100%}@media (max-width:575px){.contact__maps iframe{height:250px}}.contact__maps2 iframe{border-radius:8px;height:625px;width:100%}@media (max-width:575px){.contact__maps2 iframe{height:250px}}.contact__iconbox-inner{align-items:center;background:var(--vkl-bg-gray-bg-1);border-radius:8px;display:flex;padding:24px;transition:.3s}.contact__iconbox-inner-icon span{background:var(--vkl-text-primary-color-1);border-radius:50px;display:inline-block;height:60px;line-height:60px;margin-right:14px;text-align:center;transition:.3s;width:60px}.contact__iconbox-inner-icon span img{filter:brightness(0) invert(1);transition:.3s}.contact__iconbox-inner-content .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height20);padding-bottom:14px;transition:.3s}.contact__iconbox-inner-content .info-desc{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18);transition:.3s}.contact__iconbox-inner:hover{background:var(--vkl-text-primary-color-1);transition:.3s}.contact__iconbox-inner:hover .contact__iconbox-inner-content .info-desc,.contact__iconbox-inner:hover .contact__iconbox-inner-content .title{color:var(--vkl-text-text-white);transition:.3s}.contact__iconbox-inner:hover .contact__iconbox-inner-icon span{background:var(--vkl-text-text-white);transform:rotateY(180deg);transition:.3s}.contact__iconbox-inner:hover .contact__iconbox-inner-icon span img{filter:inherit;transition:.3s}.cta-large-thumb-10 img{border-radius:16px;height:342px;object-fit:cover;width:100%}@media only screen and (min-width:992px) and (max-width:1199px){.cta-wrap7{padding-bottom:70px;padding-top:100px}}@media only screen and (min-width:768px) and (max-width:991px){.cta-wrap7{padding-bottom:20px;padding-top:50px}}@media (max-width:575px){.cta-wrap7{padding-bottom:20px;padding-top:50px}}.cta-content-wrap10{background:var(--vkl-text-paragrapgh-color-9);border-radius:16px;padding:50px}@media (max-width:575px){.cta-content-wrap10{padding:30px}}.cta-content-wrap10 .title{color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s44);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-spacing-height52);line-height:52px;transition:.3s}.cta-content-wrap10 .title span{color:var(--vkl-text-primary-color-3)}@media (max-width:575px){.cta-content-wrap10 .title{font-size:28px;line-height:35px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-swiper-navigation{margin-top:20px;text-align:center}}.service-pagination5 .swiper-pagination{margin-top:30px;position:relative;z-index:1}.service-pagination5 .swiper-pagination-bullet{background:#414552;height:16px;opacity:1;width:16px}.service-pagination5 .swiper-pagination-bullet-active{background:#fff;height:12px;position:relative;width:12px}.service-pagination5 .swiper-pagination-bullet-active:after{background:2px solid #414552;border:4px solid #414552;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-pagination5 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.service-pagination55 .swiper-pagination{margin-top:30px;position:relative;z-index:1}.service-pagination55 .swiper-pagination-bullet{background:#a2ccd2;height:16px;opacity:1;width:16px}.service-pagination55 .swiper-pagination-bullet-active{background:#0c2450;height:12px;position:relative;width:12px}.service-pagination55 .swiper-pagination-bullet-active:after{background:2px solid #a2ccd2;border:4px solid #a2ccd2;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-pagination55 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.service-tab-list-item .nav-link{background:hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:30px;padding:24px}.service-tab-list-item .nav-link.active{background:var(--vkl-text-primary-color-6);transition:.3s}.service-tab-list-item .nav-link.active .tab-list-flex-icon span{background:var(--vkl-text-heading-color-6);transition:.3s}.service-tab-list-item .nav-link.active .tab-list-flex-content .title{color:var(--vkl-text-heading-color-6);transition:.3s}.service__box10{border:1px solid rgba(0,11,66,.1);border-radius:8px;padding:24px;transition:.3s}.service__box10-thumb{margin-bottom:30px;overflow:hidden}.service__box10-thumb,.service__box10-thumb img{border-radius:8px;height:300px;object-fit:cover;transition:.3s}.service__box10-thumb img{width:100%}.service__box10-icon span{background:var(--vkl-bg-bg-22);border-radius:50px;display:inline-block;height:70px;line-height:70px;margin-bottom:32px;text-align:center;transition:.3s;width:70px}.service__box10-content .title{color:var(--vkl-text-heading-color-10);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height20);padding-bottom:16px;transition:.3s}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.service__box10-content .title{line-height:var(--vkl-specing-height28)}}.service__box10-content .title:hover{color:var(--vkl-text-paragrapgh-color-9);transition:.3s}.service__box10-content .para{color:var(--vkl-text-paragrapgh-color-10);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);padding-bottom:28px;transition:.3s}.service__box10-content .readmore{color:var(--vkl-text-heading-color-10);display:inline-block;font-family:var(--vkl-family-font1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height18);transition:.3s}.service__box10-content .readmore span{display:inline-block;transform:rotate(-45deg);transition:.3s}.service__box10-content .readmore:hover{color:var(--vkl-text-paragrapgh-color-9);transition:.3s}.service__box10-content .readmore:hover span{transform:rotate(0);transition:.3s}.service__box10:hover .service__box10-thumb img{transform:scale(1.1) rotate(3deg);transition:.3s}.service__box10-iconbox{transition:.3s}.service__box10-iconbox:hover{background:var(--vkl-text-paragrapgh-color-9);transition:.3s}.service__box10-iconbox:hover .service__box10-icon span{background:var(--vkl-text-primary-color-3);transform:rotateY(-180deg);transition:.3s}.service__box10-iconbox:hover .service__box10-content .title{color:var(--vkl-text-text-white);transition:.3s}.service__box10-iconbox:hover .service__box10-content .title:hover{color:var(--vkl-text-primary-color-3);transition:.3s}.service__box10-iconbox:hover .service__box10-content .para{color:hsla(0,0%,100%,.9);transition:.3s}.service__box10-iconbox:hover .service__box10-content .readmore{color:var(--vkl-text-text-white);transition:.3s}.service__box10-iconbox:hover .service__box10-content .readmore:hover{color:var(--vkl-text-primary-color-3);transition:.3s}.oet-services-tone{background:var(--vkl-bg-gray-bg-1)}.oet-services-tone .blog-btn10 .primary-btn-10{background:var(--vkl-text-primary-color-1);color:var(--vkl-text-text-white)}.oet-services-tone .blog-btn10 .primary-btn-10:after{background:#846ff7}.oet-services-tone .blog-btn10 .primary-btn-10:hover{color:var(--vkl-text-text-white)}.oet-services-tone .service__box10-icon span{background:var(--vkl-bg-gray-bg-2)}.oet-services-tone .service__box10-iconbox:hover{background:linear-gradient(180deg,#fff,#f4f1ff);border-color:rgba(124,58,237,.16);box-shadow:0 18px 42px rgba(124,58,237,.08)}.oet-services-tone .service__box10-iconbox:hover .service__box10-icon span{background:var(--vkl-text-primary-color-1);box-shadow:0 10px 24px rgba(124,58,237,.18);transform:translateY(-2px) scale(1.04)}.oet-services-tone .service__box10-iconbox:hover .service__box10-icon img{filter:brightness(0) invert(1);transition:.3s}.oet-services-tone .service__box10-iconbox:hover .service__box10-content .title{color:var(--vkl-text-primary-color-1)}.oet-services-tone .service__box10-iconbox:hover .service__box10-content .title:hover{color:#4d36e8}.oet-services-tone .service__box10-iconbox:hover .service__box10-content .para{color:var(--vkl-text-heading-color-10)}.oet-services-tone .service__box10-iconbox:hover .service__box10-content .readmore{color:var(--vkl-text-primary-color-1)}.oet-services-tone .service__box10-iconbox:hover .service__box10-content .readmore:hover{color:#4d36e8}.team__wrap-three{border-radius:8px;overflow:hidden;position:relative;transition:.3s;z-index:1}.team__wrap-three-thumb{transition:.3s}.team__wrap-three-thumb img{height:400px;object-fit:cover;transition:.3s}.team__wrap-three-content{background:var(--vkl-bg-bg-4);border-radius:8px;bottom:20px;height:110px;left:20px;overflow:hidden;padding:28px 20px;position:absolute;right:20px;text-align:center;transition:.3s}.team__wrap-three-content .title{color:var(--vkl-text-heading-color-3);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height20);padding-bottom:16px;transition:.3s}.team__wrap-three-content p{color:var(--vkl-text-paragrapgh-color-3);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:18px}.team__wrap-three-content .team-social a{background:var(--vkl-bg-gray-bg-3);border-radius:50px;color:var(--vkl-text-heading-color-3);display:inline-block;height:40px;line-height:40px;margin:0 4px;opacity:0;text-align:center;transition:.3s;width:40px}.team__wrap-three-content .team-social a:hover{background:var(--vkl-text-primary-color-3);transition:.3s}.team__wrap-three-content .team-social-about a{background:var(--vkl-bg-gray-bg-3)}.team__wrap-three-content .team-social-about a:hover{background:var(--vkl-text-primary-color-1);color:var(--vkl-text-text-white);transition:.3s}.team__wrap-three-content-about{background:var(--vkl-bg-gray-bg-2)}.team__wrap-three:hover .team__wrap-three-thumb{transform:scale(1.1);transition:.3s}.team__wrap-three:hover .team__wrap-three-content{height:174px;transform:.3s}.team__wrap-three:hover .team__wrap-three-content .team-social a{opacity:1;transition:.3s}.service-team-pagination3 .swiper-team-pagination3{margin-top:30px;position:relative;z-index:1}.service-team-pagination3 .swiper-pagination-bullet{background:#353941;height:16px;opacity:1;width:16px}.service-team-pagination3 .swiper-pagination-bullet-active{background:var(--vkl-text-text-white);height:12px;position:relative;width:12px}.service-team-pagination3 .swiper-pagination-bullet-active:after{background:2px solid #353941;border:4px solid #353941;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-team-pagination3 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.team-pagination5 .swiper-pagination5{margin-top:30px;position:relative;z-index:1}.team-pagination5 .swiper-pagination-bullet{background:#bdd3db;height:16px;opacity:1;width:16px}.team-pagination5 .swiper-pagination-bullet-active{background:#0c2450;height:12px;position:relative;width:12px}.team-pagination5 .swiper-pagination-bullet-active:after{background:2px solid #bdd3db;border:4px solid #bdd3db;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.team-pagination5 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.swiper-slide-active .team__wrap__six-overly{top:0}.swiper-slide-active .team__wrap__six-titlebox{top:100%}.team-pagination6 .swiper-pagination{margin-top:30px;position:relative;z-index:1}.team-pagination6 .swiper-pagination-bullet{background:#435041;height:16px;opacity:1;width:16px}.team-pagination6 .swiper-pagination-bullet-active{background:#fff;height:12px;position:relative;width:12px}.team-pagination6 .swiper-pagination-bullet-active:after{background:2px solid #435041;border:4px solid #435041;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.team-pagination6 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.service-team-pagination33 .swiper-team-pagination3{margin-top:30px;position:relative;z-index:1}.service-team-pagination33 .swiper-pagination-bullet{background:#d6cffd;height:16px;opacity:1;width:16px}.service-team-pagination33 .swiper-pagination-bullet-active{background:var(--vkl-text-primary-color-1);height:12px;position:relative;width:12px}.service-team-pagination33 .swiper-pagination-bullet-active:after{background:2px solid #d6cffd;border:4px solid #d6cffd;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-team-pagination33 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.team-pagination7 .swiper-pagination7{margin-top:30px;position:relative;z-index:1}.team-pagination7 .swiper-pagination-bullet{background:#a2b0d1;height:16px;opacity:1;width:16px}.team-pagination7 .swiper-pagination-bullet-active{background:#060147;height:12px;position:relative;width:12px}.team-pagination7 .swiper-pagination-bullet-active:after{background:2px solid #a2b0d1;border:4px solid #a2b0d1;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.team-pagination7 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.testimonial__wrap{border-radius:8px;overflow:hidden;position:relative;transition:.3s;z-index:1}.testimonial__wrap-thumb img{border-radius:8px;height:470px;object-fit:cover}.testimonial__wrap-content{bottom:32px;left:32px;position:absolute}.testimonial__wrap-content .title{color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s22);font-weight:var(--vkl-weight-regular);line-height:22px;padding-bottom:12px}.testimonial__wrap-content span{color:hsla(0,0%,100%,.9);font-size:var(--vkl-font-size-font-s18);line-height:1}.testimonial__wrap-overlay{background:var(--vkl-text-primary-color-1);bottom:0;height:0;opacity:0;padding:32px;position:absolute;transition:.5s;width:100%}@media only screen and (min-width:1400px) and (max-width:1599px){.testimonial__wrap-overlay{padding:20px}}@media only screen and (min-width:992px) and (max-width:1199px){.testimonial__wrap-overlay{padding:20px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.testimonial__wrap-overlay{padding:20px}}.testimonial__wrap-overlay-icon a{background:hsla(0,0%,100%,.2);border-radius:2px;display:inline-block;height:28px;margin-right:4px;text-align:center;width:28px}.testimonial__wrap-overlay-icon a img{padding-left:2px}.testimonial__wrap-overlay-content p{color:hsla(0,0%,100%,.9);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-medium);line-height:34px;padding-top:17px}@media only screen and (min-width:1400px) and (max-width:1599px){.testimonial__wrap-overlay-content p{font-size:var(--vkl-font-size-font-s20)}}@media only screen and (min-width:992px) and (max-width:1199px){.testimonial__wrap-overlay-content p{font-size:var(--vkl-font-size-font-s20)}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.testimonial__wrap-overlay-content p{font-size:var(--vkl-font-size-font-s20)}}.testimonial__wrap-overlay-heading{padding-top:105px}.testimonial__wrap-overlay-heading .title{color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s22);font-weight:var(--vkl-weight-regular);line-height:22px;padding-bottom:12px}.testimonial__wrap-overlay-heading span{color:hsla(0,0%,100%,.9);font-size:var(--vkl-font-size-font-s18);line-height:1}.swiper-slide-active .testimonial__wrap-overlay,.testimonial__wrap:hover .testimonial__wrap-overlay{height:100%;opacity:1;transition:.3s}.vl-project-active-margin{margin:0 -100px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-project-active-margin{margin:0}}.service-pagination6 .swiper-pagination{margin-top:30px;position:relative;z-index:1}.service-pagination6 .swiper-pagination-bullet{background:#414552;height:16px;opacity:1;width:16px}.service-pagination6 .swiper-pagination-bullet-active{background:#fff;height:12px;position:relative;width:12px}.service-pagination6 .swiper-pagination-bullet-active:after{background:2px solid #414552;border:4px solid #414552;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-pagination6 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.service-pagination3 .swiper-pagination{margin-top:30px;position:relative;z-index:1}.service-pagination3 .swiper-pagination-bullet{background:#c7cdfe;height:16px;opacity:1;width:16px}.service-pagination3 .swiper-pagination-bullet-active{background:var(--vkl-bg-bg-3);height:12px;position:relative;width:12px}.service-pagination3 .swiper-pagination-bullet-active:after{background:2px solid #c7cdfe;border:4px solid #c7cdfe;border-radius:50px;content:"";height:20px;left:-4px;position:absolute;top:-4px;width:20px}.service-pagination3 .swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;bottom:inherit;display:flex;justify-content:center}.testimonial-right10{margin-right:30px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.testimonial-right10{margin-right:0}}.testimonial__wrap10{backdrop-filter:blur(25px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;padding:24px}.testimonial__wrap10-quote{margin-bottom:10px}.testimonial__wrap10-review{margin-bottom:20px}.testimonial__wrap10-review ul li{display:inline-block;margin-right:4px}.testimonial__wrap10-content .para{border-bottom:1px solid #313965;color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height28);margin-bottom:24px;padding-bottom:24px;transition:.3s}.testimonial__wrap10-authbox{align-items:center;display:flex}.testimonial__wrap10-authbox-thumb{margin-right:16px}.testimonial__wrap10-authbox-thumb img{border-radius:50px;height:70px;line-height:70px;text-align:center;width:70px}.testimonial__wrap10-authbox-content .title{color:var(--vkl-text-text-white);font-size:var(--vkl-font-size-font-s20);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height20);padding-bottom:16px;transition:.3s}.testimonial__wrap10-authbox-content .title:hover{color:var(--vkl-text-primary-color-3);transition:.3s}.testimonial__wrap10-authbox-content .position{color:hsla(0,0%,100%,.9);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height18);transition:.3s}.testvertical .swiper-slide{height:100%!important}.test-slider{overflow:hidden}.vl-dot-wrap .swiper-pagination-bullet{background:#c2ceb4;height:14px;opacity:1;width:14px}.vl-dot-wrap .swiper-pagination-bullet-active{background:#363d2c;position:relative}.vl-dot-wrap .swiper-pagination-bullet-active:after{border:2px solid #c2ceb4;border-radius:50px;content:"";height:20px;left:-3px;position:absolute;top:-3px;width:20px}.vl-dot-wrap-case4 .swiper-pagination-bullet{background:#5e6455;height:14px;opacity:1;width:14px}.vl-dot-wrap-case4 .swiper-pagination-bullet-active{background:#fff;position:relative}.vl-dot-wrap-case4 .swiper-pagination-bullet-active:after{border:2px solid #5e6455;border-radius:50px;content:"";height:20px;left:-3px;position:absolute;top:-3px;width:20px}.vl-dot-wrap2 .swiper-pagination-bullet{background:#657262;height:14px;opacity:1;width:14px}.vl-dot-wrap2 .swiper-pagination-bullet-active{background:#fff;position:relative}.vl-dot-wrap2 .swiper-pagination-bullet-active:after{border:2px solid #657262;border-radius:50px;content:"";height:20px;left:-3px;position:absolute;top:-3px;width:20px}.tp-testimonial-thumb-active .swiper-slide img{transform:scale(.8);transition:.3s;width:100px}.tp-testimonial-thumb-active .swiper-slide.swiper-slide-active{position:relative}.tp-testimonial-thumb-active .swiper-slide.swiper-slide-active img{transform:scale(1)}.tp-testimonial-thumb-active .swiper-slide.swiper-slide-active:after{border:1px solid #fb015c;border-radius:100px;content:"";height:100px;left:3px;position:absolute;top:0;width:102px}.vl-swiper-ver .swiper{height:1000px;width:100%}.vl-swiper-ver .swiper-slide{height:400px!important}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.vl-swiper-ver .swiper-slide{height:460px!important}}@media (max-width:575px){.vl-swiper-ver .swiper-slide{height:430px!important}}.vl-choose-wrap-content-1{margin-right:20px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-choose-wrap-content-1{margin-right:0}}.vl-choose-thumb-1 img{border-radius:8px;height:462px;object-fit:cover}.vl-choose-thumb-2 img{border-radius:8px;height:370px;object-fit:cover}.vl-choose-thumb-inner img{border-radius:8px;height:446px;object-fit:cover}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-choose-thumb-inner img{height:100%}}.vl-checkicon-list ul li{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-semibold);line-height:var(--vkl-spacing-height18);line-height:18px;margin-bottom:16px}@media (max-width:575px){.vl-checkicon-list ul li{display:flex;line-height:var(--vkl-spacing-height26)}}.vl-checkicon-list ul li:last-child{margin-bottom:0}.vl-checkicon-list ul li span{background:var(--vkl-text-primary-color-1);border-radius:50px;display:inline-block;height:22px;line-height:22px;margin-right:6px;text-align:center;width:22px}@media (max-width:575px){.vl-checkicon-list ul li span{width:30px}}.vl-checkicon-list ul li span img{margin-top:-4px}.vl-work-thumb-three{border-radius:8px;margin-bottom:73px;overflow:hidden;position:relative;z-index:1}.vl-work-thumb-three img{border-radius:8px;height:350px;object-fit:cover}.vl-work-thumb-three:after{background:rgba(2,7,17,.7);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vl-work-box-grid-three{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:768px) and (max-width:991px){.vl-work-box-grid-three{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.vl-work-box-grid-three{grid-template-columns:repeat(1,1fr)}}.workitem__three{position:relative;z-index:1}.workitem__three .toptitle{color:var(--vkl-bg-bg-3);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height24);padding-bottom:20px;text-align:center;transition:.3s}.workitem__three-box{background:var(--vkl-text-text-white);border-radius:8px;margin-left:10px;margin-right:10px;padding:32px 24px;text-align:center;transition:.3s}.workitem__three-box .title{color:var(--vkl-text-heading-color-3);font-size:var(--vkl-font-size-font-s24);font-weight:var(--vkl-weight-regular);line-height:var(--vkl-specing-height24);transition:.3s}.workitem__three-box p{color:var(--vkl-text-paragrapgh-color-3);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-weight-medium);line-height:var(--vkl-specing-height26);padding-top:16px;transition:.3s}.workitem__three:after{border:1px solid rgba(2,7,17,.1);border-radius:8px;content:"";height:75%;left:0;position:absolute;top:-15px;transition:.3s;width:100%;z-index:-1}.workitem__three-active .workitem__three-box{background:var(--vkl-bg-bg-3)}.workitem__three-active .workitem__three-box .title{color:var(--vkl-text-text-white)}.workitem__three-active .workitem__three-box p{color:hsla(0,0%,100%,.9)}.workitem__three-active:after{border:1px solid var(--vkl-bg-bg-3)}.workright-arrow-right img{left:210px;position:absolute;top:50%;transform:translateY(-92%)}.workright-arrow-left img{left:auto;position:absolute;right:210px;top:50%;transform:translateY(-92%)}.workright-arrow-down img{left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-26%)}.workitem__three:nth-child(odd):after{height:160px}.workitem__three:nth-child(2n){margin-top:100px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.workitem__three:nth-child(2n){margin-top:0}}.work__thumb{position:relative}.work__thumb .vl-video-pla2y .video-play-btn{background:var(--vkl-bg-bg-3);border-radius:50%;color:#fff;display:inline-block;font-size:24px;height:70px;left:0;line-height:70px;margin:0 auto;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);width:70px;z-index:1}.work__thumb .vl-video-pla2y .video-play-btn:before{animation:pulse-border 1.1s ease-out infinite;background:#3236a4;border-radius:50%;content:"";display:block;height:80px;left:50%;line-height:80px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:80px;z-index:0;z-index:-1}.oet-work-tone{background:var(--vkl-bg-gray-bg-1)}.oet-work-tone .vl-section-title-3 .sub-title,.oet-work-tone .vl-section-title-3 .title{color:var(--vkl-text-heading-color-10)}.oet-work-tone .work__thumb .vl-work-thumb-three:after{background:linear-gradient(180deg,rgba(124,58,237,.14),rgba(132,111,247,.18))}.oet-work-tone .work__thumb .vl-video-pla2y .video-play-btn{background:var(--vkl-text-primary-color-1);box-shadow:0 16px 34px rgba(124,58,237,.22)}.oet-work-tone .work__thumb .vl-video-pla2y .video-play-btn:before{background:#846ff7}.oet-work-tone .workitem__three .toptitle{color:var(--vkl-text-primary-color-1)}.oet-work-tone .workitem__three:after{border-color:rgba(124,58,237,.16)}.oet-work-tone .workitem__three-box{background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 12px 28px rgba(124,58,237,.05)}.oet-work-tone .workitem__three-box .title{color:var(--vkl-text-heading-color-10)}.oet-work-tone .workitem__three-box p{color:var(--vkl-text-heading-color-1)}.oet-work-tone .workitem__three-active .workitem__three-box{background:linear-gradient(180deg,#7c3aed,#846ff7)}.oet-work-tone .workitem__three-active .workitem__three-box .title{color:var(--vkl-text-text-white)}.oet-work-tone .workitem__three-active .workitem__three-box p{color:hsla(0,0%,100%,.92)}.oet-work-tone .workitem__three-active:after{border-color:rgba(124,58,237,.9)}.oet-work-tone .workright-arrow-down img,.oet-work-tone .workright-arrow-left img,.oet-work-tone .workright-arrow-right img{filter:sepia(1) saturate(380%) hue-rotate(214deg) brightness(1.06);opacity:.42}.error-thumb img{width:100%}.error-content{padding-left:110px;padding-right:110px}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.error-content{padding-left:0;padding-right:0}}.error-content .title{color:var(--vkl-text-heading-color-1);font-size:var(--vkl-font-size-font-s44);font-weight:var(--vkl-weight-regular);line-height:44px}.error-content .para{color:var(--vkl-text-paragrapgh-color-1);font-size:var(--vkl-font-size-font-s18);font-weight:var(--vkl-spacing-height26);font-weight:var(--vkl-weight-medium);padding-top:18px}.vl-banner-area{padding-bottom:64px;padding-top:220px;position:relative;z-index:1}@media only screen and (min-width:1200px) and (max-height:900px){.vl-banner-area{padding-bottom:56px;padding-top:188px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-banner-area{padding-bottom:0}}@media only screen and (min-width:992px) and (max-width:1199px){.vl-banner-area{padding-top:200px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.vl-banner-area{padding-top:150px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-banner-thumb-1{margin:0 auto;text-align:center}}.vl-banner-thumb-1 img{left:0;margin:0 auto;position:absolute;right:0;top:-82px}@media only screen and (min-width:1200px) and (max-height:900px){.vl-banner-thumb-1 img{top:-64px}}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.vl-banner-thumb-1 img{position:relative;top:0}}@media (max-width:575px){.vl-banner-thumb-1 img{height:597px}}.vl-banner-card-1{left:-50px;position:absolute;top:350px}.vl-banner-card-2{position:absolute;right:-50px;top:190px}.vl-hero-shape-1 img{position:absolute;right:139px}.vl-hero-shape-2 img{left:102px;position:absolute;top:146px;z-index:-1}.vl-hero-shape-3 img{position:absolute;right:0;top:30px;z-index:-1}.vl-hero-shape-4 img{position:absolute;right:0;top:-200px;z-index:-1}.video-play-wrap-flex{align-items:center;display:flex}@media (max-width:575px){.video-play-wrap-flex{margin-top:30px}}.swiper-slide.swiper-slide-active .banner-thumb7{transform:scale(1.1)}.swiper-slide.swiper-slide-active .banner-content-7{opacity:1;transform:translateX(0);transition:transform 1.6s ease,opacity 1.6s ease}@keyframes pulse-border{0%{opacity:1;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5)}}.swiper-slide.swiper-slide-active .banner-thumb2{transform:scale(1.1)}.swiper-slide.swiper-slide-active .banner-content-wrap2{opacity:1;transform:translateX(0);transition:transform 1.6s ease,opacity 1.6s ease}.swiper-slide.swiper-slide-active .banner-text2{opacity:1;transform:translateY(0);transition:transform 1.6s ease,opacity 1.6s ease}.number-pagination2 .swiper-pagination{bottom:70px;color:#fff;left:16%;position:absolute;text-align:start}@media (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.number-pagination2 .swiper-pagination{left:5%}}body.oet-live-site{--oet-button-bg:#7c3aed;--oet-button-accent:#846ff7;--oet-button-shadow:0 14px 28px rgba(124,58,237,.24)}body.oet-live-site .primary-btn-10,body.oet-live-site .vl-primary-btn,body.oet-live-site .vl-primary-btn-7{background:var(--oet-button-bg);box-shadow:var(--oet-button-shadow);color:#fff;overflow:hidden;position:relative;z-index:1}body.oet-live-site .primary-btn-10:after,body.oet-live-site .vl-primary-btn-7:after,body.oet-live-site .vl-primary-btn:after{background:var(--oet-button-accent)}body.oet-live-site .primary-btn-10:hover,body.oet-live-site .vl-primary-btn-7:hover,body.oet-live-site .vl-primary-btn:hover{color:#fff}body.oet-live-site .vl-primary-btn:hover:after{border-radius:8px;height:100%;left:0;top:0;width:100%}body.oet-live-site .primary-btn-10{background:#ffd12f;box-shadow:0 14px 28px rgba(255,209,47,.28);color:#09154d;padding:18px 20px 18px 25px}body.oet-live-site .primary-btn-10:after{background:hsla(0,0%,100%,.4);border-radius:50px;content:"";height:40px;left:8px;top:8px;transform:none;width:40px}body.oet-live-site .primary-btn-10:hover:after{background:#fff;border-radius:8px;height:100%;left:0;top:0;transform:none;width:100%}body.oet-live-site .primary-btn-10:hover span{filter:none;transform:rotate(0)}body.oet-live-site .primary-btn-10:hover{box-shadow:0 18px 34px rgba(255,209,47,.34);color:#09154d}body.oet-live-site .testimonil-btn .primary-btn-10{background:var(--oet-button-bg);box-shadow:var(--oet-button-shadow);color:#fff}body.oet-live-site .testimonil-btn .primary-btn-10:after{background:var(--oet-button-accent);border-radius:50px;height:40px;left:8px;top:8px;transform:none;width:40px}body.oet-live-site .testimonil-btn .primary-btn-10 span i{display:inline-block;transition:.3s}body.oet-live-site .testimonil-btn .primary-btn-10:hover{box-shadow:0 18px 34px rgba(124,58,237,.34);color:#fff}body.oet-live-site .testimonil-btn .primary-btn-10:hover:after{background:#846ff7;border-radius:8px;height:100%;left:0;top:0;transform:none;width:100%}body.oet-live-site .testimonil-btn .primary-btn-10:hover span i{transform:rotate(-45deg)}body.oet-live-site .blog-btn10 .primary-btn-10{background:var(--oet-button-bg);box-shadow:var(--oet-button-shadow);color:#fff}body.oet-live-site .blog-btn10 .primary-btn-10:after{background:var(--oet-button-accent);border-radius:50px;height:40px;left:8px;top:8px;transform:none;width:40px}body.oet-live-site .blog-btn10 .primary-btn-10:hover{box-shadow:0 18px 34px rgba(124,58,237,.34);color:#fff}body.oet-live-site .blog-btn10 .primary-btn-10:hover:after{background:#846ff7;border-radius:8px;height:100%;left:0;top:0;transform:none;width:100%}body.oet-live-site .blog-btn10 .primary-btn-10:hover span{filter:none;transform:rotate(-45deg)}body.oet-live-site .blog__wrap10 .blg-btn10 .primary-btn-10,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10{background:var(--oet-button-bg);box-shadow:var(--oet-button-shadow);color:#fff}body.oet-live-site .blog__wrap10 .blg-btn10 .primary-btn-10:after,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:after{background:var(--oet-button-accent);border-radius:50px;height:40px;left:8px;top:8px;transform:none;width:40px}body.oet-live-site .blog__wrap10 .blg-btn10 .primary-btn-10:hover,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:hover{box-shadow:0 18px 34px rgba(124,58,237,.34);color:#fff}body.oet-live-site .blog__wrap10 .blg-btn10 .primary-btn-10:hover:after,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:hover:after{background:#846ff7;border-radius:8px;height:100%;left:0;top:0;transform:none;width:100%}body.oet-live-site .blog__wrap10 .blg-btn10 .primary-btn-10:hover span,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:hover span{filter:none;transform:rotate(-45deg)}body.oet-live-site .vl-footer-newslate10 .primary-btn-10{background:#7c3aed;box-shadow:0 14px 28px rgba(124,58,237,.26);color:#fff}body.oet-live-site .vl-footer-newslate10 .primary-btn-10:after{background:rgba(132,111,247,.95)}body.oet-live-site .vl-footer-newslate10 .primary-btn-10:hover{box-shadow:0 18px 34px rgba(124,58,237,.32);color:#7c3aed}body.oet-live-site .vl-footer-newslate10 .primary-btn-10:hover:after{background:#fff}body.oet-live-site .vl-footer-newslate10 .primary-btn-10:hover span{filter:none}body.oet-live-site .oet-form-popup{align-items:center;backdrop-filter:blur(10px);background:rgba(4,12,63,.62);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;pointer-events:none;position:fixed;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:9999}body.oet-live-site .oet-form-popup.is-visible{opacity:1;pointer-events:auto;visibility:visible}body.oet-live-site .oet-form-popup.is-fading .oet-form-popup__card{opacity:.92;transform:translateY(8px) scale(.985)}body.oet-live-site .oet-form-popup__card{background:#fff;border:1px solid rgba(124,58,237,.14);border-radius:24px;box-shadow:0 24px 60px rgba(5,16,74,.24);padding:34px 30px 28px;position:relative;text-align:center;transform:translateY(18px) scale(.98);transition:transform .25s ease;width:min(100%,520px)}body.oet-live-site .oet-form-popup.is-visible .oet-form-popup__card{transform:translateY(0) scale(1)}body.oet-live-site .oet-form-popup__close{background:rgba(124,58,237,.08);border:0;border-radius:50%;color:#09154d;cursor:pointer;display:grid;font-size:20px;height:40px;line-height:1;place-items:center;position:absolute;right:14px;top:14px;width:40px}body.oet-live-site .oet-form-popup__icon{border-radius:50%;display:grid;font-size:34px;height:72px;margin:0 auto 18px;place-items:center;width:72px}body.oet-live-site .oet-form-popup__icon--success{background:linear-gradient(135deg,#7c3aed,#846ff7);box-shadow:0 14px 30px rgba(124,58,237,.28);color:#fff}body.oet-live-site .oet-form-popup__icon--error{background:linear-gradient(135deg,#ff5c7a,#ff859a);box-shadow:0 14px 30px rgba(255,92,122,.24);color:#fff}body.oet-live-site .oet-form-popup__title{color:#09154d;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.15;margin:0 0 10px}body.oet-live-site .oet-form-popup__text{color:#51607d;font-size:17px;line-height:1.7;margin:0 auto 22px;max-width:420px}body.oet-live-site .oet-form-popup__button{align-items:center;background:#7c3aed;border-radius:999px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-width:170px;padding:15px 22px;transition:.25s ease}body.oet-live-site .oet-form-popup__button:hover{background:#846ff7;color:#fff}body.oet-live-site .oet-form-popup__button.error-state{background:#ff5c7a}body.oet-live-site .oet-form-popup__button.error-state:hover{background:#ff7991}@media (max-width:767px){body.oet-live-site .oet-form-popup{align-items:flex-start;overflow-y:auto;padding:12px}body.oet-live-site .oet-form-popup__card{border-radius:20px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:28px 18px 20px;width:100%}body.oet-live-site .oet-form-popup__close{font-size:18px;height:36px;right:10px;top:10px;width:36px}body.oet-live-site .oet-form-popup__icon{font-size:30px;height:60px;margin-bottom:14px;width:60px}body.oet-live-site .oet-form-popup__title{font-size:22px;margin-bottom:8px}body.oet-live-site .oet-form-popup__text{font-size:15px;line-height:1.6;margin-bottom:18px}body.oet-live-site .oet-form-popup__button{max-width:none;min-width:0;padding:14px 18px;width:100%}}@media (max-width:420px){body.oet-live-site .oet-form-popup{padding:8px}body.oet-live-site .oet-form-popup__card{max-height:calc(100dvh - 16px);padding:24px 16px 18px}body.oet-live-site .oet-form-popup__title{font-size:20px}body.oet-live-site .oet-form-popup__text{font-size:14px}}body.oet-live-site .vl-primary-btn-7{overflow:hidden}body.oet-live-site .vl-primary-btn-7:after{border-radius:50px;content:"";height:38px;left:8px;position:absolute;top:8px;transition:.3s;width:38px;z-index:-1}body.oet-live-site .vl-primary-btn-7:hover:after{border-radius:50px;height:100%;left:0;top:0;width:100%}body.oet-live-site .vl-primary-btn-7 span.arrow-1,body.oet-live-site .vl-primary-btn-7 span.arrow-2{background:#fff}body.oet-live-site .vl-primary-btn-7 span.arrow-1 i,body.oet-live-site .vl-primary-btn-7 span.arrow-2 i{color:var(--oet-button-bg)}body.oet-live-site .vl-primary-btn-7:hover{color:#fff}body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10,body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:hover{background:var(--oet-button-bg);color:#fff}body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:after{background:var(--oet-button-accent)}body.oet-live-site .blog__wrap10:hover .blg-btn10 .primary-btn-10:hover span{filter:brightness(0) invert(1);transform:rotate(0)}body.oet-live-site,html.oet-live-site{scrollbar-color:#7c3aed #e6e0ff;scrollbar-width:thin}body.oet-live-site::-webkit-scrollbar,html.oet-live-site::-webkit-scrollbar{height:10px;width:10px}body.oet-live-site::-webkit-scrollbar-track,html.oet-live-site::-webkit-scrollbar-track{background:#e6e0ff}body.oet-live-site::-webkit-scrollbar-thumb,html.oet-live-site::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#846ff7);border:2px solid #e6e0ff;border-radius:999px}body.oet-live-site::-webkit-scrollbar-thumb:hover,html.oet-live-site::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4d36e8,#7c3aed)}body.oet-live-site .progress-wrap{bottom:112px;right:24px;z-index:998}body.oet-live-site .oet-contact-widget,body.oet-live-site .oet-contact-widget *{box-sizing:border-box}body.oet-live-site .oet-contact-widget{bottom:24px;font-family:inherit;pointer-events:none;position:fixed;right:24px;z-index:9998}body.oet-live-site .oet-contact-widget__launcher{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;gap:12px;justify-content:flex-end;padding:0;pointer-events:auto;width:auto}body.oet-live-site .oet-contact-widget__label{align-items:center;background:#fff;border-radius:18px;box-shadow:0 16px 34px rgba(5,16,74,.18);color:#09154d;display:inline-flex;font-size:18px;font-weight:700;line-height:1;min-height:56px;padding:0 22px;position:relative;transform-origin:right center;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}body.oet-live-site .oet-contact-widget:not(.is-open) .oet-contact-widget__label{animation:oetContactWidgetJump 4.2s cubic-bezier(.36,1.52,.64,1) infinite}body.oet-live-site .oet-contact-widget.has-gsap .oet-contact-widget__label{animation:none!important}body.oet-live-site .oet-contact-widget__label:after{background:#fff;border-radius:3px;content:"";height:14px;margin-top:-7px;position:absolute;right:-7px;top:50%;transform:rotate(45deg);width:14px}body.oet-live-site .oet-contact-widget__button{background:linear-gradient(135deg,#7c3aed,#846ff7);border:0;border-radius:50%;box-shadow:0 18px 34px rgba(124,58,237,.35);color:#fff;display:grid;height:68px;place-items:center;pointer-events:auto;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;width:68px;will-change:transform}body.oet-live-site .oet-contact-widget:not(.is-open) .oet-contact-widget__button:before{animation:oetContactWidgetPulse 2.8s ease-in-out infinite;border:1px solid rgba(132,111,247,.34);border-radius:50%;content:"";inset:-10px;opacity:0;pointer-events:none;position:absolute}body.oet-live-site .oet-contact-widget__button i{font-size:26px;line-height:1}body.oet-live-site .oet-contact-widget.is-open .oet-contact-widget__button,body.oet-live-site .oet-contact-widget__button:hover{box-shadow:0 22px 38px rgba(124,58,237,.42);transform:translateY(-2px)}body.oet-live-site .oet-contact-widget__badge{background:#ff4d61;border-radius:999px;box-shadow:0 8px 16px rgba(255,77,97,.34);color:#fff;display:grid;font-size:12px;font-weight:700;height:22px;min-width:22px;padding:0 6px;place-items:center;position:absolute;right:-4px;top:-4px;will-change:transform}body.oet-live-site .oet-contact-widget__badge.is-teaser{animation:oetContactWidgetBadgeJump 1.9s ease-in-out infinite}body.oet-live-site .oet-contact-widget.has-gsap .oet-contact-widget__badge.is-teaser{animation:none!important}body.oet-live-site .oet-contact-widget__badge[hidden]{display:none!important}body.oet-live-site .oet-contact-widget__panel{background:#fff;border-radius:28px;bottom:88px;box-shadow:0 30px 70px rgba(5,16,74,.22);max-height:min(760px,calc(100dvh - 124px));opacity:0;overflow:hidden;overscroll-behavior:contain;pointer-events:none;position:absolute;right:0;transform:translateY(18px) scale(.965);transform-origin:bottom right;transition:opacity .28s ease,transform .28s ease,visibility .28s ease;visibility:hidden;width:min(420px,calc(100vw - 24px))}body.oet-live-site .oet-contact-widget.is-open .oet-contact-widget__panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}body.oet-live-site .oet-contact-widget__panel:after{background:#fff;border-radius:3px;bottom:-10px;box-shadow:8px 8px 20px rgba(5,16,74,.06);content:"";height:20px;position:absolute;right:28px;transform:rotate(45deg);width:20px}body.oet-live-site .oet-contact-widget__header{background:linear-gradient(135deg,#7c3aed,#7460f7);color:#fff;padding:22px 22px 18px;position:relative}body.oet-live-site .oet-contact-widget__eyebrow{font-size:12px;letter-spacing:.14em;line-height:1;margin:0 0 8px;opacity:.84;text-transform:uppercase}body.oet-live-site .oet-contact-widget__title{font-size:clamp(24px,3.2vw,30px);font-weight:800;line-height:1.1;margin:0 0 8px}body.oet-live-site .oet-contact-widget__subtitle{color:hsla(0,0%,100%,.92);font-size:14px;line-height:1.55;margin:0;max-width:320px}body.oet-live-site .oet-contact-widget__close{background:hsla(0,0%,100%,.16);border:0;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:18px;height:36px;place-items:center;position:absolute;right:14px;top:14px;width:36px}body.oet-live-site .oet-contact-widget__body{background:linear-gradient(180deg,#f9f7ff,#fff);display:flex;flex-direction:column;gap:16px;max-height:calc(min(760px, 100dvh - 124px) - 88px);overflow:auto;overscroll-behavior:contain;padding:18px;scrollbar-gutter:stable}body.oet-live-site .oet-contact-widget__actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__actions{display:none}body.oet-live-site .oet-contact-widget__action{align-items:center;background:#fff;border:1px solid rgba(124,58,237,.12);border-radius:18px;box-shadow:0 12px 24px rgba(5,16,74,.06);color:#09154d;display:flex;gap:10px;min-height:60px;padding:12px 14px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}body.oet-live-site .oet-contact-widget__action:hover{border-color:rgba(124,58,237,.2);box-shadow:0 18px 30px rgba(5,16,74,.1);transform:translateY(-2px)}body.oet-live-site .oet-contact-widget__action--chat{background:linear-gradient(135deg,#7c3aed,#846ff7);color:#fff;grid-column:1/-1;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}body.oet-live-site .oet-contact-widget__action--chat .oet-contact-widget__action-copy small{color:hsla(0,0%,100%,.82)}body.oet-live-site .oet-contact-widget__action--chat .oet-contact-widget__action-icon{background:hsla(0,0%,100%,.16);color:#fff}body.oet-live-site .oet-contact-widget__action-icon{background:#f2efff;border-radius:50%;color:#7c3aed;display:grid;flex:0 0 38px;font-size:15px;height:38px;place-items:center;width:38px}body.oet-live-site .oet-contact-widget__action--call .oet-contact-widget__action-icon{background:rgba(33,196,125,.12);color:#21c47d}body.oet-live-site .oet-contact-widget__action--email .oet-contact-widget__action-icon{background:rgba(124,58,237,.12);color:#7c3aed}body.oet-live-site .oet-contact-widget__action--whatsapp .oet-contact-widget__action-icon{background:rgba(37,211,102,.12);color:#25d366}body.oet-live-site .oet-contact-widget__action--telegram .oet-contact-widget__action-icon{background:rgba(34,158,217,.12);color:#229ed9}body.oet-live-site .oet-contact-widget__action-copy{display:flex;flex-direction:column;gap:2px;min-width:0}body.oet-live-site .oet-contact-widget__action-copy strong{display:block;font-size:14px;font-weight:800;line-height:1.15}body.oet-live-site .oet-contact-widget__action-copy small{color:#60708d;display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}body.oet-live-site .oet-contact-widget__chat{background:linear-gradient(180deg,#fff,#f7f4ff);border:1px solid rgba(124,58,237,.12);border-radius:22px;box-shadow:0 12px 24px rgba(5,16,74,.05);display:flex;flex-direction:column;gap:12px;margin-top:2px;min-height:0;padding:18px 14px 14px}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__chat{gap:10px;padding:14px 12px 12px}body.oet-live-site .oet-contact-widget__chat[hidden]{display:none!important}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__action--chat{background:linear-gradient(135deg,#4d36e8,#7c3aed);box-shadow:0 16px 28px rgba(124,58,237,.3)}body.oet-live-site .oet-contact-widget__chat-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}body.oet-live-site .oet-contact-widget__chat-title{color:#09154d;font-size:18px;font-weight:800;line-height:1.15;margin:0}body.oet-live-site .oet-contact-widget__chat-copy{color:#60708d;font-size:13px;line-height:1.5;margin:6px 0 0}body.oet-live-site .oet-contact-widget__chat-head-copy{flex:1 1 210px;min-width:0}body.oet-live-site .oet-contact-widget__back{align-items:center;background:#fff;border:1px solid rgba(124,58,237,.16);border-radius:999px;box-shadow:0 8px 16px rgba(5,16,74,.05);color:#7c3aed;display:inline-flex;font-size:13px;font-weight:800;gap:8px;line-height:1;min-height:40px;padding:0 14px}body.oet-live-site .oet-contact-widget__back i{font-size:13px}body.oet-live-site .oet-contact-widget__back:focus-visible,body.oet-live-site .oet-contact-widget__back:hover{box-shadow:0 10px 18px rgba(124,58,237,.12);transform:translateY(-1px)}body.oet-live-site .oet-contact-widget__messages{display:flex;flex-direction:column;gap:10px;max-height:180px;min-height:96px;overflow:auto;padding-right:2px}body.oet-live-site .oet-contact-widget__empty{background:#f8f5ff;border:1px dashed rgba(124,58,237,.2);border-radius:16px;color:#60708d;font-size:13px;line-height:1.55;padding:14px}body.oet-live-site .oet-contact-widget__message{border-radius:18px;box-shadow:0 8px 16px rgba(5,16,74,.06);max-width:86%;padding:12px 14px}body.oet-live-site .oet-contact-widget__message--agent{align-self:flex-start;background:#fff;border:1px solid rgba(124,58,237,.1);color:#09154d}body.oet-live-site .oet-contact-widget__message--user{align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#846ff7);color:#fff}body.oet-live-site .oet-contact-widget__message-name{display:block;font-size:12px;font-weight:800;margin-bottom:4px;opacity:.9}body.oet-live-site .oet-contact-widget__message-text{display:block;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}body.oet-live-site .oet-contact-widget__message-meta{display:block;font-size:11px;line-height:1.2;margin-top:6px;opacity:.78}body.oet-live-site .oet-contact-widget__composer{display:flex;flex-direction:column;gap:8px}body.oet-live-site .oet-contact-widget__fields{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}body.oet-live-site .oet-contact-widget__field{display:flex;flex-direction:column;gap:6px}body.oet-live-site .oet-contact-widget__field--full{grid-column:1/-1}body.oet-live-site .oet-contact-widget__field span{color:#7c3aed;font-size:12px;font-weight:700}body.oet-live-site .oet-contact-widget__field input,body.oet-live-site .oet-contact-widget__field textarea{background:#fff;border:1px solid rgba(124,58,237,.14);border-radius:16px;box-shadow:0 8px 18px rgba(5,16,74,.04);color:#09154d;font:inherit;font-size:14px;outline:none;padding:13px 14px;transition:border-color .22s ease,box-shadow .22s ease;width:100%}body.oet-live-site .oet-contact-widget__field textarea{min-height:94px;resize:vertical}body.oet-live-site .oet-contact-widget__field input:focus,body.oet-live-site .oet-contact-widget__field textarea:focus{border-color:rgba(124,58,237,.34);box-shadow:0 0 0 4px rgba(124,58,237,.12)}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__messages{max-height:160px}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__hint{margin-top:0}body.oet-live-site .oet-contact-widget.is-chat-open .oet-contact-widget__fields{gap:8px}body.oet-live-site .oet-contact-widget__honeypot{height:1px;left:-9999px;opacity:0;pointer-events:none;position:absolute;width:1px}body.oet-live-site .oet-contact-widget__send{align-items:center;background:linear-gradient(135deg,#7c3aed,#846ff7);border:0;border-radius:999px;box-shadow:0 16px 28px rgba(124,58,237,.28);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;padding:14px 20px;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;width:auto}body.oet-live-site .oet-contact-widget__send:hover{box-shadow:0 18px 30px rgba(124,58,237,.32);transform:translateY(-1px)}body.oet-live-site .oet-contact-widget__send[disabled]{cursor:wait;opacity:.7}@keyframes oetContactWidgetPulse{0%{opacity:0;transform:scale(.9)}25%{opacity:.28}65%{opacity:.14}to{opacity:0;transform:scale(1.14)}}@keyframes oetContactWidgetJump{0%,82%,to{transform:translateY(0)}86%{transform:translateY(-6px)}90%{transform:translateY(0)}94%{transform:translateY(-3px)}}@keyframes oetContactWidgetBadgeJump{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-2px) scale(1.12)}55%{transform:translateY(0) scale(1)}75%{transform:translateY(-1px) scale(1.06)}}body.oet-live-site .oet-contact-widget__hint{color:#60708d;font-size:12px;line-height:1.5;margin:0}body.oet-live-site .oet-contact-widget__toast{border-radius:16px;display:none;font-size:13px;font-weight:600;line-height:1.45;padding:12px 14px}body.oet-live-site .oet-contact-widget__toast.is-visible{display:block}body.oet-live-site .oet-contact-widget__toast--success{background:rgba(33,196,125,.12);border:1px solid rgba(33,196,125,.18);color:#166534}body.oet-live-site .oet-contact-widget__toast--error{background:rgba(255,77,97,.12);border:1px solid rgba(255,77,97,.18);color:#be123c}body.oet-live-site .oet-contact-widget__toast--info{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.14);color:#7c3aed}@media (max-width:767px){body.oet-live-site .progress-wrap{bottom:88px;right:88px}body.oet-live-site .oet-contact-widget{bottom:12px;left:12px;right:12px}body.oet-live-site .oet-contact-widget__launcher{justify-content:flex-end;width:100%}body.oet-live-site .oet-contact-widget__label{display:none}body.oet-live-site .oet-contact-widget__panel{border-radius:24px 24px 20px 20px;bottom:76px;left:0;max-height:calc(100dvh - 100px);right:0;width:auto}body.oet-live-site .oet-contact-widget__panel:after{right:24px}body.oet-live-site .oet-contact-widget__body{max-height:calc(100dvh - 190px);padding:16px}body.oet-live-site .oet-contact-widget__actions{grid-template-columns:repeat(2,minmax(0,1fr))}body.oet-live-site .oet-contact-widget__fields{grid-template-columns:1fr}body.oet-live-site .oet-contact-widget__field--full{grid-column:auto}body.oet-live-site .oet-contact-widget__message{max-width:92%}}@media (max-width:640px){body.oet-live-site .oet-contact-widget__actions{grid-template-columns:1fr}}@media (max-width:420px){body.oet-live-site .progress-wrap{bottom:84px;right:84px}body.oet-live-site .oet-contact-widget{left:8px;right:8px}body.oet-live-site .oet-contact-widget__button{height:60px;width:60px}body.oet-live-site .oet-contact-widget__button i{font-size:23px}body.oet-live-site .oet-contact-widget__panel{border-radius:22px 22px 18px 18px;bottom:70px}body.oet-live-site .oet-contact-widget__header{padding:20px 18px 16px}body.oet-live-site .oet-contact-widget__title{font-size:22px}body.oet-live-site .oet-contact-widget__subtitle{font-size:13px}body.oet-live-site .oet-contact-widget__body{gap:12px;max-height:calc(100dvh - 160px);padding:12px}body.oet-live-site .oet-contact-widget__actions{grid-template-columns:1fr}body.oet-live-site .oet-contact-widget__action{min-height:56px}body.oet-live-site .oet-contact-widget__chat-title{font-size:17px}body.oet-live-site .oet-contact-widget__messages{max-height:150px;min-height:84px}body.oet-live-site .oet-contact-widget__chat{gap:8px;padding:12px 10px 10px}body.oet-live-site .oet-contact-widget__chat-copy{font-size:12px}body.oet-live-site .oet-contact-widget__field textarea{min-height:82px}body.oet-live-site .oet-contact-widget__send{min-height:50px;padding:0 16px;width:100%}}html{scroll-behavior:auto!important}html.lenis,html.lenis body{height:auto}.lenis [data-lenis-prevent]{overscroll-behavior:contain}@media (min-width:1200px){.vl-main-menu,.vl-main-menu nav,.vl-main-menu nav>ul,.vl-main-menu nav>ul>li{overflow:visible!important}.vl-main-menu ul>li .sub-menu{pointer-events:none;z-index:9999!important}.vl-main-menu nav>ul>li>.sub-menu{opacity:0;pointer-events:none;top:100%!important;visibility:hidden}.vl-main-menu nav>ul>li:focus-within>.sub-menu,.vl-main-menu nav>ul>li:hover>.sub-menu{opacity:1!important;pointer-events:auto!important;top:100%!important;visibility:visible!important}.vl-main-menu nav>ul>li:focus-within>.sub-menu .sub-menu,.vl-main-menu nav>ul>li:hover>.sub-menu .sub-menu{opacity:0;pointer-events:none;visibility:hidden}.vl-main-menu ul>li .sub-menu li.has-dropdown{position:relative}.vl-main-menu ul>li .sub-menu li.has-dropdown:after{content:"";height:calc(100% + 16px);position:absolute;right:-22px;top:-8px;width:28px}.vl-main-menu ul>li .sub-menu li.has-dropdown>.sub-menu{left:calc(100% - 2px)!important;min-width:240px;opacity:0;pointer-events:none;top:0!important;transform:translateX(6px) scale(.98);transition:opacity .16s ease,visibility .16s ease,transform .16s ease;visibility:hidden}.vl-main-menu ul>li .sub-menu li.has-dropdown:focus-within>.sub-menu,.vl-main-menu ul>li .sub-menu li.has-dropdown:hover>.sub-menu{opacity:1!important;pointer-events:auto!important;top:0!important;transform:translateX(0) scale(1)!important;visibility:visible!important}}

/* /assets/css/oet-common.css */
/* Visually hidden but still readable by screen readers / present in the DOM
   text content (WebAIM standard pattern) - used to give repeated generic
   link text like "Read More" a real descriptive suffix without a visual
   change. Bootstrap ships .visually-hidden but the CSS purge step strips
   unused classes, so this is a small local copy instead of relying on it. */
.oet-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ==========================================================================
   OET design tokens ? single source of truth for brand color/radius/shadow/z
   z-scale: base<10 | sticky 100 | header 500 | drawer 900 | overlay 1000
            popup 1100 | toast 1200 (never use raw 2147483000-style values)
   ========================================================================== */
:root{
  --oet-purple:#7c3aed;
  --oet-purple-2:#7c3aed;
  --oet-purple-deep:#6d28d9;
  --oet-purple-soft:#8b5cf6;
  --oet-ink:#1e1b4b;
  --oet-ink-2:#17152f;
  --oet-muted:#6b668a;
  --oet-lav-300:#ddd6fe;
  --oet-lav-200:#ede9fe;
  --oet-lav-100:#f5f3ff;
  --oet-lav-50:#fbf9ff;
  --oet-whatsapp:#23d366;
  --oet-danger:#c22437;
  --oet-radius-sm:8px;
  --oet-radius:12px;
  --oet-radius-lg:16px;
  --oet-shadow-sm:0 4px 14px rgba(31,21,88,.08);
  --oet-shadow:0 12px 30px rgba(31,21,88,.12);
  --oet-shadow-lg:0 18px 44px rgba(124,58,237,.28);
}

.vl-header-top-text{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
.vl-header-top-badge{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;line-height:1}
.vl-header-top-badge i{color:#ffd54d;font-size:15px}
.vl-header-top-text a.oet-community-cta{align-items:center;background:#fff;border-radius:999px;box-shadow:0 4px 12px rgba(16,24,40,.15);color:var(--oet-purple);display:inline-grid;font-size:13.5px;font-weight:700;justify-items:start;line-height:1;margin-left:8px;padding:6px 14px;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.vl-header-top-text a.oet-community-cta:hover{background:#fff;color:var(--oet-purple-deep);transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.22)}
.oet-community-cta__content,.oet-community-cta__sizer{grid-area:1/1}
.oet-community-cta__sizer{pointer-events:none;visibility:hidden;white-space:nowrap}
.oet-community-cta__content{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}
.oet-community-cta__text{display:inline-block;white-space:nowrap}
.oet-community-cta__text i{color:var(--oet-whatsapp);margin-right:4px;font-size:14px}
.oet-community-cta__cursor{display:inline-block;min-width:.65ch;opacity:1}

.vl-header-top-area{background:linear-gradient(135deg,var(--oet-purple) 0%,var(--oet-purple-deep) 100%)!important;padding:7px 0;position:relative;z-index:501;line-height:1}
.vl-header-top-area .header-top ul{display:flex;align-items:center;justify-content:flex-end;gap:20px;list-style:none;margin:0;padding:0}
.vl-header-top-area .header-top ul li a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.95);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease,transform .2s ease;line-height:1}
.vl-header-top-area .header-top ul li a:hover{color:#fff;transform:translateY(-1px)}
.vl-header-top-area .header-top-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:12px;transition:background .2s ease,transform .2s ease}
.vl-header-top-area .header-top ul li a:hover .header-top-icon{background:rgba(255,255,255,.32);transform:scale(1.08)}

.hero-banner-lavender{background:var(--oet-lav-300)!important}
body.oet-live-site .vl-logo img,body.oet-live-site .vl-offcanvas-logo img{display:block;height:46px;max-height:48px;width:auto;max-width:175px;object-fit:contain;image-rendering:-webkit-optimize-contrast;transition:transform .22s ease;filter:drop-shadow(0 2px 6px rgba(31,21,88,.06))}
body.oet-live-site .vl-logo a:hover img{transform:translateY(-1px)}
@media (max-width:575px){body.oet-live-site .vl-logo img,body.oet-live-site .vl-offcanvas-logo img{height:38px;max-width:135px}}.brand__thumb{height:140px;width:270px}.brand-badge{align-items:flex-start;background:linear-gradient(180deg,#fff,var(--oet-lav-50));border:1px solid rgba(124,58,237,.1);border-radius:12px;box-shadow:0 10px 24px rgba(124,58,237,.05);box-sizing:border-box;display:flex;flex-direction:column;gap:3px;height:100%;justify-content:flex-start;padding:12px 18px 11px;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;width:100%}.brand-badge:hover{background:linear-gradient(180deg,#fff,#f7f4ff);border-color:rgba(124,58,237,.18);box-shadow:0 16px 34px rgba(124,58,237,.1);transform:translateY(-4px)}.brand-badge__icon{align-items:center;background:rgba(124,58,237,.08);border-radius:18px;box-shadow:0 8px 18px rgba(124,58,237,.07);color:var(--oet-purple-2);display:inline-flex;flex:0 0 68px;font-size:24px;height:68px;justify-content:center;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;width:68px}.brand-badge:hover .brand-badge__icon{background:var(--oet-purple-2);box-shadow:0 10px 22px rgba(124,58,237,.18);color:#fff;transform:translateY(-1px) scale(1.03)}.brand-badge__title{color:var(--vkl-text-heading-color-1);font-size:15.5px;font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0}.brand-badge__sub{color:var(--vkl-text-paragrapgh-color-1);font-size:11.5px;font-weight:500;line-height:1.16;margin:0}.brand-badge__micro{display:none}@media only screen and (min-width:576px) and (max-width:991px){.brand__thumb{height:128px;width:240px}.brand-badge{border-radius:11px;gap:3px;padding:11px 14px 10px}.brand-badge__icon{border-radius:16px;flex-basis:60px;font-size:21px;height:60px;width:60px}.brand-badge__title{font-size:14.5px}.brand-badge__sub{font-size:11px}.brand-badge__micro{display:none}}@media only screen and (max-width:575px){.brand__thumb{height:120px;width:210px}.brand-badge{border-radius:11px;gap:3px;padding:10px 12px 9px}.brand-badge__icon{border-radius:14px;flex-basis:53px;font-size:19px;height:53px;width:53px}.brand-badge__title{font-size:13.5px;line-height:1.03}.brand-badge__sub{font-size:10.5px;line-height:1.12}.brand-badge__micro{display:none}}
@media (max-width:767.98px){
  .brand-area{padding:4px 16px 10px}
  .brand__thumb{width:100%;height:auto;min-height:0}
  .brand-badge{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:12px;
    row-gap:3px;
    align-items:center;
    height:auto;
    min-height:0;
    padding:14px 16px;
    overflow:visible;
  }
  .brand-badge__icon{
    grid-row:1 / span 2;
    flex:none;
    width:44px;
    height:44px;
    font-size:18px;
    border-radius:12px;
  }
  .brand-badge__title,
  .brand-badge__sub{
    grid-column:2;
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .brand-badge__title{font-size:15px;line-height:1.25;letter-spacing:-.02em}
  .brand-badge__sub{font-size:13px;line-height:1.4}
}.vl-main-menu ul>li .sub-menu{background:#fff;border:1px solid rgba(124,58,237,.12);border-radius:16px;box-shadow:0 18px 45px rgba(31,21,88,.14),0 4px 12px rgba(124,58,237,.06);min-width:265px;overflow:visible;padding:8px;width:max-content}
.vl-main-menu ul>li .sub-menu li{display:block;margin-right:0;text-align:start}
.vl-main-menu ul>li .sub-menu li a,.vl-offcanvas-menu ul li .sub-menu li a{align-items:center;border-radius:10px;box-sizing:border-box;color:var(--oet-ink);display:flex;font-size:14.5px;font-weight:600;gap:10px;line-height:1.25;margin:2px 0;padding:8px 32px 8px 10px;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap;width:100%}
.vl-main-menu ul>li .sub-menu li a .submenu-icon,.vl-offcanvas-menu ul li .sub-menu li a .submenu-icon{align-items:center;background:var(--oet-lav-100);border-radius:8px;color:var(--oet-purple);display:inline-flex;flex:0 0 28px;font-size:13px;height:28px;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease;width:28px}
.vl-main-menu ul>li .sub-menu li a .submenu-text,.vl-offcanvas-menu ul li .sub-menu li a .submenu-text{display:inline-block;font-size:14.5px;font-weight:600;line-height:1.25;white-space:nowrap}
.vl-main-menu ul>li .sub-menu li a:focus-visible,.vl-main-menu ul>li .sub-menu li a:hover,.vl-offcanvas-menu ul li .sub-menu li a:focus-visible,.vl-offcanvas-menu ul li .sub-menu li a:hover{background:var(--oet-lav-100);box-shadow:none;color:var(--oet-purple);transform:translateX(4px)}
.vl-main-menu ul>li .sub-menu li a:focus-visible .submenu-icon,.vl-main-menu ul>li .sub-menu li a:hover .submenu-icon,.vl-offcanvas-menu ul li .sub-menu li a:focus-visible .submenu-icon,.vl-offcanvas-menu ul li .sub-menu li a:hover .submenu-icon{background:linear-gradient(135deg,var(--oet-purple),var(--oet-purple-soft));color:#fff;transform:scale(1.05)}
.vl-main-menu ul>li .sub-menu li a:focus-visible .submenu-text,.vl-main-menu ul>li .sub-menu li a:hover .submenu-text{color:var(--oet-purple);font-weight:700}
.vl-main-menu ul>li .sub-menu li .sub-menu{left:calc(100% + 4px);min-width:240px;top:-4px}
.vl-main-menu ul>li .sub-menu li.has-dropdown{position:relative}
.vl-main-menu ul>li .sub-menu li.has-dropdown>.sub-menu{display:block;opacity:0;pointer-events:none;transform:translateX(8px) scale(.98);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:20}
.vl-main-menu ul>li .sub-menu li.has-dropdown:focus-within>.sub-menu,.vl-main-menu ul>li .sub-menu li.has-dropdown:hover>.sub-menu{display:block;opacity:1!important;pointer-events:auto;transform:translateX(0) scale(1)!important;visibility:visible!important}
.vl-main-menu ul>li .sub-menu li a .downarrow{font-size:11px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease,color .2s ease;color:var(--oet-muted)}
.vl-main-menu ul>li .sub-menu li a:hover .downarrow{color:var(--oet-purple)}

/* Mobile Offcanvas Navigation & Accordion Chevrons
   Chevrons share a grid row with the parent link so they cannot float
   against the full <li> (which also contains the submenu). */
.vl-offcanvas-menu ul{list-style:none;margin:0;padding:0}
.vl-offcanvas-menu ul li{position:relative}
.vl-offcanvas-menu ul li.has-dropdown{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;column-gap:8px}
.vl-offcanvas-menu ul li.has-dropdown>a{grid-area:1/1;min-width:0}
.vl-offcanvas-menu ul li a span.downarrow{display:none!important}
.vl-offcanvas-menu .vl-menu-close,
.vl-offcanvas-menu ul li > .vl-menu-close{position:static;top:auto;right:auto;bottom:auto;left:auto;grid-area:1/2;align-self:center;justify-self:end;width:36px;height:36px;min-width:36px;min-height:36px;line-height:0;border-radius:8px;background:var(--oet-lav-50);border:1px solid rgba(124,58,237,.16);color:var(--oet-purple);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;z-index:2;transform:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.vl-offcanvas-menu .vl-menu-close i,
.vl-offcanvas-menu ul li > .vl-menu-close i{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:12px;line-height:1;transition:transform .25s ease;transform:rotate(0deg)}
.vl-offcanvas-menu ul li.active > .vl-menu-close{background:var(--oet-purple);border-color:var(--oet-purple);color:#fff}
.vl-offcanvas-menu ul li.active > .vl-menu-close i{transform:rotate(90deg)}
.vl-offcanvas-menu ul li .sub-menu{display:none;grid-area:2/1/3/3;padding-left:10px;padding-top:4px;padding-bottom:6px;position:static;left:auto;top:auto;min-width:0;width:100%;box-shadow:none;border:none;background:transparent;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.vl-offcanvas-menu ul li .sub-menu li{position:relative}
.vl-offcanvas-menu ul li .sub-menu li a{padding:8px 8px 8px 6px;font-size:14.5px;border-bottom:none}.vl-work-box-grid-three,.work__thumb{position:relative;z-index:1}.faq-theme-purple{background:linear-gradient(180deg,var(--oet-lav-50),var(--oet-lav-100))!important}.faq-theme-purple .vl-faq-content-7 .sub-title{color:var(--oet-purple)}.faq-theme-purple .vl-faq-content-7 .title{color:#10134f}.faq-theme-purple .vl-faq-content-7 .para{color:#4f4b7b}.faq-theme-purple .vl-faqs2 .vl-accordion-item{background:#fff;border:1px solid rgba(124,58,237,.18);box-shadow:0 16px 32px rgba(124,58,237,.06)}.faq-theme-purple .vl-faqs2 .vl-accordion-item .vl-accordion-button{color:#11155c}.faq-theme-purple .vl-faqs2 .vl-accordion-item .vl-accordion-button.collapsed{background:#fff}.faq-theme-purple .vl-faqs2 .vl-accordion-item .vl-accordion-button span.vl-faqarrow{background:var(--oet-purple);color:#fff}.faq-theme-purple .vl-faqs2 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow{background:var(--oet-lav-300);color:var(--oet-purple)}.faq-theme-purple .vl-faqs2 .vl-accordion-item .vl-accordion-body .para{color:#5c5984}@media (prefers-reduced-motion:reduce){.oet-community-cta__cursor{display:none}}body.oet-community-popup-lock{overflow:visible}.oet-community-popup{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:24px;pointer-events:none;position:fixed;transition:opacity .28s ease,visibility .28s ease;visibility:hidden;z-index:99999}.oet-community-popup.is-open{opacity:1;pointer-events:auto;visibility:visible}.oet-community-popup__overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(29,18,73,.52);inset:0;position:absolute}.oet-community-popup__dialog{background:linear-gradient(145deg,#fff,var(--oet-lav-50) 54%,var(--oet-lav-200));border:1px solid hsla(0,0%,100%,.78);border-radius:32px;box-shadow:0 32px 90px rgba(34,21,93,.28);max-height:min(88vh,760px);overflow:visible;position:relative;transform:translateY(18px) scale(.97);transition:transform .28s ease;width:min(940px,100%)}.oet-community-popup.is-open .oet-community-popup__dialog{transform:translateY(0) scale(1)}.oet-community-popup__dialog:before{background:radial-gradient(circle,rgba(124,58,237,.24),rgba(124,58,237,0));border-radius:50%;content:"";height:260px;pointer-events:none;position:absolute;right:-90px;top:-110px;width:260px}.oet-community-popup__close{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 12px 28px rgba(17,24,39,.12);color:var(--oet-ink-2);cursor:pointer;display:inline-flex;height:42px;justify-content:center;position:absolute;right:20px;top:20px;transition:transform .2s ease,color .2s ease,background .2s ease;width:42px;z-index:3}.oet-community-popup__close:focus-visible,.oet-community-popup__close:hover{background:var(--oet-purple-2);color:#fff;outline:none;transform:translateY(-1px)}.oet-community-popup__body{max-height:min(88vh,760px);overflow-y:auto;overscroll-behavior:contain;position:relative;z-index:2;-webkit-overflow-scrolling:touch;padding:38px 38px 34px}.oet-community-popup__eyebrow{align-items:center;background:rgba(124,58,237,.1);border-radius:999px;color:var(--oet-purple-2);display:inline-flex;font-size:13px;font-weight:800;gap:8px;line-height:1;margin-bottom:14px;padding:8px 14px}.oet-community-popup__title{color:var(--oet-ink-2);font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.02;margin:0;max-width:650px}.oet-community-popup__intro{color:#5c5a72;font-size:16px;line-height:1.62;margin:14px 0 26px;max-width:680px}.oet-community-popup__section-title{color:var(--oet-ink-2);font-size:16px;font-weight:800;line-height:1.2;margin:0 0 14px}.oet-community-popup__grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}.oet-community-popup__resources{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.oet-community-popup__card,.oet-community-popup__resource{align-items:center;background:hsla(0,0%,100%,.86);border:1px solid rgba(124,58,237,.12);border-radius:22px;box-shadow:0 14px 34px rgba(124,58,237,.08);color:var(--oet-ink-2);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:136px;padding:18px 14px;text-align:center;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.oet-community-popup__card:focus-visible,.oet-community-popup__card:hover,.oet-community-popup__resource:focus-visible,.oet-community-popup__resource:hover{background:#fff;border-color:rgba(124,58,237,.38);box-shadow:0 22px 44px rgba(124,58,237,.18);color:var(--oet-ink-2);outline:none;transform:translateY(-5px)}.oet-community-popup__card--featured{background:linear-gradient(145deg,#fff,var(--oet-lav-100) 52%,#ebe4ff);border-color:rgba(124,58,237,.42);box-shadow:0 18px 44px rgba(124,58,237,.16);overflow:visible;position:relative}.oet-community-popup__card--featured:before{background:var(--oet-purple-2);border-radius:999px;box-shadow:0 8px 18px rgba(124,58,237,.22);color:#fff;content:"Featured";font-size:10px;font-weight:800;letter-spacing:0;line-height:1;padding:5px 9px;position:absolute;right:10px;top:10px}.oet-community-popup__card--featured .oet-community-popup__icon{background:linear-gradient(135deg,var(--oet-purple-2),var(--oet-whatsapp));box-shadow:0 14px 30px rgba(124,58,237,.24)}.oet-community-popup__card--featured .oet-community-popup__name{color:#3b2bb8}.oet-community-popup__icon{align-items:center;background:linear-gradient(135deg,var(--oet-whatsapp),#10a85a);border-radius:20px;box-shadow:0 12px 26px rgba(35,211,102,.24);color:#fff;display:inline-flex;font-size:28px;height:58px;justify-content:center;width:58px}.oet-community-popup__icon--telegram{background:linear-gradient(135deg,#37aee2,#1b82c3);box-shadow:0 12px 26px rgba(55,174,226,.22)}.oet-community-popup__icon--youtube{background:linear-gradient(135deg,#ff4d4d,#d71920);box-shadow:0 12px 26px rgba(215,25,32,.2)}.oet-community-popup__icon--facebook{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 12px 26px rgba(59,130,246,.2)}.oet-community-popup__icon--instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);box-shadow:0 12px 26px rgba(238,42,123,.22)}.oet-community-popup__icon--linkedin{background:linear-gradient(135deg,#0a66c2,#004182);box-shadow:0 12px 26px rgba(10,102,194,.22)}.oet-community-popup__name{color:var(--oet-ink-2);font-size:15px;font-weight:800;line-height:1.22}.oet-community-popup__hint{color:#77748b;font-size:12px;font-weight:600;line-height:1.2}.oet-community-popup__resource{border-radius:18px;min-height:116px}.oet-community-popup__resource .oet-community-popup__icon{border-radius:16px;font-size:22px;height:48px;width:48px}.oet-community-popup__resource .oet-community-popup__name{font-size:13.5px}@media (max-width:991px){.oet-community-popup__grid,.oet-community-popup__resources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575px){.oet-community-popup{padding:14px}.oet-community-popup__dialog{border-radius:24px}.oet-community-popup__body{padding:28px 18px 22px}.oet-community-popup__close{height:38px;right:14px;top:14px;width:38px}.oet-community-popup__title{max-width:calc(100% - 42px)}.oet-community-popup__grid,.oet-community-popup__resources{grid-template-columns:1fr}.oet-community-popup__card,.oet-community-popup__resource{flex-direction:row;justify-content:flex-start;min-height:104px;padding:14px;text-align:left}}@media (min-width:1200px){.vl-main-menu,.vl-main-menu nav,.vl-main-menu nav>ul,.vl-main-menu nav>ul>li{overflow:visible!important}.vl-main-menu ul>li .sub-menu{pointer-events:none;z-index:9999!important}.vl-main-menu nav>ul>li>.sub-menu{opacity:0;pointer-events:none;top:100%!important;visibility:hidden}.vl-main-menu nav>ul>li:focus-within>.sub-menu,.vl-main-menu nav>ul>li:hover>.sub-menu{opacity:1!important;pointer-events:auto!important;top:100%!important;visibility:visible!important}.vl-main-menu nav>ul>li:focus-within>.sub-menu .sub-menu,.vl-main-menu nav>ul>li:hover>.sub-menu .sub-menu{opacity:0;pointer-events:none;visibility:hidden}.vl-main-menu ul>li .sub-menu li.has-dropdown{position:relative}.vl-main-menu ul>li .sub-menu li.has-dropdown:after{content:"";height:calc(100% + 16px);position:absolute;right:-22px;top:-8px;width:28px}.vl-main-menu ul>li .sub-menu li.has-dropdown>.sub-menu{left:calc(100% - 2px)!important;min-width:240px;opacity:0;pointer-events:none;top:0!important;transform:translateX(6px) scale(.98);transition:opacity .16s ease,visibility .16s ease,transform .16s ease;visibility:hidden}.vl-main-menu ul>li .sub-menu li.has-dropdown:focus-within>.sub-menu,.vl-main-menu ul>li .sub-menu li.has-dropdown:hover>.sub-menu{opacity:1!important;pointer-events:auto!important;top:0!important;transform:translateX(0) scale(1)!important;visibility:visible!important}}body.oet-live-site .vl-offcanvas-close .vl-offcanvas-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f1ecff);border:1px solid rgba(124,58,237,.16);border-radius:50%;box-shadow:0 12px 30px rgba(124,58,237,.16);color:var(--oet-purple-2);cursor:pointer;display:inline-flex;font-family:inherit;font-size:26px;font-weight:700;height:42px;justify-content:center;line-height:1;overflow:hidden;text-indent:0;width:42px}body.oet-live-site .vl-offcanvas-close .vl-offcanvas-toggle:focus-visible,body.oet-live-site .vl-offcanvas-close .vl-offcanvas-toggle:hover{background:var(--oet-purple-2);color:#fff;outline:none}
/* p3-forms: footer updates, contact status, site search */
.oet-footer-updates .oet-updates-copy{color:#d6dafc;font-size:14.5px;line-height:1.65;margin:0 0 18px}
.oet-footer-subscribe-buttons{display:flex;flex-direction:column;gap:12px}
.oet-footer-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;background:linear-gradient(135deg,var(--oet-purple) 0%,var(--oet-purple-2) 100%);color:#fff!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none!important;box-shadow:0 6px 18px rgba(124,58,237,.28);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.oet-footer-btn:hover{background:linear-gradient(135deg,var(--oet-purple-deep) 0%,var(--oet-purple) 100%);color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(124,58,237,.42);border-color:rgba(255,255,255,.25)}
.oet-footer-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:16px;flex:0 0 32px;transition:transform .22s ease,background .22s ease}
.oet-footer-btn:hover .oet-footer-btn__icon{background:rgba(255,255,255,.28);transform:scale(1.08)}
.oet-footer-btn__text{flex:1 1 auto;letter-spacing:-.01em}
.oet-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px;height:1px;overflow:hidden}
.oet-status{border-radius:12px;padding:16px 20px;margin:0 0 22px;font-size:15px;line-height:1.6;outline:none}
.oet-status a{text-decoration:underline;font-weight:600;color:inherit}
.oet-status--ok{background:#e8f8ef;color:#0f5132;border:1px solid #a3e2bd}
.oet-status--err{background:#fdecec;color:#842029;border:1px solid #f3b9bd}
.oet-field-err{color:var(--oet-danger);font-size:13px;line-height:1.4;margin:6px 0 0}
#oet-contact-form [aria-invalid="true"]{border-color:var(--oet-danger)!important}
#oet-contact-form button[disabled]{opacity:.65;cursor:progress}
.oet-search-results{background:#fff;border:1px solid var(--oet-lav-300);border-radius:14px;box-shadow:0 18px 44px rgba(31,21,88,.14);margin-top:14px;max-height:46vh;overflow:auto;text-align:left}
.oet-search-hit{display:block;padding:13px 18px;border-bottom:1px solid #f1eefc;color:var(--oet-ink);text-decoration:none}
.oet-search-hit:last-child{border-bottom:0}
.oet-search-hit:hover,.oet-search-hit.is-active{background:var(--oet-lav-100)}
.oet-search-hit-title{display:block;font-weight:700;font-size:15.5px;line-height:1.4}
.oet-search-hit-sub{display:block;font-size:13px;color:var(--oet-muted);margin-top:3px;line-height:1.45}
.oet-search-hit mark{background:transparent;color:var(--oet-purple);padding:0}
.oet-search-empty{padding:16px 18px;margin:0;font-size:14.5px;color:#4a4568}
.oet-search-empty a{color:var(--oet-purple);font-weight:600}
.vl-header-search-bar{height:auto;min-height:400px;padding-bottom:40px}
/* p3 nav-ia: breadcrumbs, toc, related */
.oet-breadcrumbs{margin-bottom:18px}
.oet-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-size:13.5px}
.oet-breadcrumbs li{display:flex;align-items:center;gap:6px;color:#55506e}
.oet-breadcrumbs li+li::before{content:"\203A";color:#a49ec9;font-weight:700}
.oet-breadcrumbs a{color:var(--oet-purple);font-weight:600;text-decoration:none}
.oet-breadcrumbs a:hover{text-decoration:underline}
.oet-breadcrumbs [aria-current="page"]{color:var(--oet-ink);font-weight:700}
.oet-toc{background:#fff;border-top:1px solid var(--oet-lav-200);border-bottom:1px solid var(--oet-lav-200)}
.oet-toc .container{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px}
.oet-toc-label{flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--oet-muted)}
.oet-toc-links{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px}
.oet-toc-links::-webkit-scrollbar{display:none}
.oet-toc-links a{flex:0 0 auto;background:var(--oet-lav-100);border:1px solid var(--oet-lav-300);border-radius:999px;color:#3f3865;font-size:13.5px;font-weight:600;line-height:1;padding:9px 16px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.oet-toc-links a:hover,.oet-toc-links a:focus-visible{background:var(--oet-purple);border-color:var(--oet-purple);color:#fff;outline:none}
.oet-related{padding:70px 0 40px}
.oet-related-title{font-size:clamp(24px,3vw,32px);color:var(--oet-ink);margin:0 0 26px}
.oet-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.oet-related-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--oet-lav-300);border-radius:16px;padding:18px 20px;text-decoration:none;box-shadow:0 10px 30px rgba(31,21,88,.06);transition:transform .18s,box-shadow .18s,border-color .18s}
.oet-related-card:hover,.oet-related-card:focus-visible{transform:translateY(-3px);border-color:#c9bcff;box-shadow:0 18px 40px rgba(31,21,88,.12);outline:none}
.oet-related-icon{flex:0 0 46px;height:46px;width:46px;display:flex;align-items:center;justify-content:center;background:#f0ebff;border-radius:12px;color:var(--oet-purple);font-size:19px}
.oet-related-body{flex:1 1 auto;min-width:0}
.oet-related-body strong{display:block;color:var(--oet-ink);font-size:15.5px;line-height:1.35;margin-bottom:3px}
.oet-related-body span{display:block;color:var(--oet-muted);font-size:13px;line-height:1.45}
.oet-related-arrow{flex:0 0 auto;color:#b7aef2;font-size:14px;transition:transform .18s,color .18s}
.oet-related-card:hover .oet-related-arrow{color:var(--oet-purple);transform:translateX(4px)}
@media (max-width:767px){.oet-related{padding:50px 0 24px}.oet-toc .container{gap:10px}}
.oet-404-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:34px auto 0;max-width:860px;text-align:left}
/* p4 a11y */
.oet-skip-link{position:fixed;top:-60px;left:16px;z-index:100000;background:var(--oet-ink);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:0 0 12px 12px;text-decoration:none;transition:top .15s}
.oet-skip-link:focus{top:0;color:#fff;outline:3px solid #ffd54d;outline-offset:2px}
#main-content:focus{outline:none}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--oet-purple);outline-offset:2px;border-radius:4px}
.oet-toc-links a:focus-visible,.oet-related-card:focus-visible{outline-color:var(--oet-ink)}
body.oet-menu-open{overflow:hidden}
header nav a[aria-current="page"],.vl-offcanvas nav a[aria-current="page"]{color:var(--oet-purple);font-weight:700}
.vl-offcanvas nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.oet-search-btn{background:none;border:0;padding:0;line-height:0;cursor:pointer}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.swiper-wrapper{transition-timing-function:linear}
}
/* p4 a11y fixes: footer buttons, cta contrast, legal-links clearance */
.cta-content-wrap10 .title span{color:#ffe066}
@media (min-width:992px){.vl-copy-right-menu-10 ul{padding-right:170px}}
/* p4 visual: branded 404 art (replaces template placeholder image) */
.oet-404-art{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 34px;user-select:none}
.oet-404-digit{font-family:"Cal Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:700;font-size:clamp(96px,18vw,190px);line-height:1;color:var(--oet-ink);letter-spacing:-.02em}
.oet-404-zero{position:relative;width:clamp(88px,16vw,170px);height:clamp(88px,16vw,170px);border-radius:50%;border:clamp(14px,2.6vw,26px) solid var(--oet-purple);box-shadow:0 18px 44px rgba(124,58,237,.28),inset 0 0 0 6px #efeaff;display:inline-block}
.oet-404-pulse{position:absolute;inset:-18px;border-radius:50%;border:2px dashed rgba(124,58,237,.35);animation:oet404spin 14s linear infinite}
@keyframes oet404spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.oet-404-pulse{animation:none}}

/* p4 visual: readable line length in wide long-form cards */
.pathway-profession-card p,.pathway-profession-card li,.oet-resource-card p,.oet-faq-item p{max-width:78ch}

/* =====================================================================
   Header Architecture & Styling Overhaul (2026)
   - Eliminates top padding gap above the purple top bar
   - Half-height sleek ribbon top bar
   - Edge-to-edge full-width white navbar area
   - Crisp, centered logo display
   - Refined navigation items (increased font size +2-3px) & glass dropdowns
   - Prominent Login / Register CTA button
   - Modern circular search and social action buttons
   - Smooth compact sticky header and polished mobile navbar
   ===================================================================== */

/* ---- Root header container: flush to top, no gap ---- */
#vl-header-sticky.vl-header-area{
  padding-top:0!important;
  padding-bottom:0!important;
  background:transparent;
  transition:all .3s ease;
}

/* Full-width white navbar area extending 100% edge-to-edge */
.vl-header-main-area{
  background:#ffffff;
  width:100%;
  border-bottom:1px solid rgba(124,58,237,.08);
  box-shadow:0 4px 20px rgba(31,21,88,.04);
  transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;
}

/* Nav row wrapper inside container */
#vl-header-sticky .header-border-bottom{
  background:transparent;
  border-bottom:none;
  padding:14px 0;
}

/* Logo container & crisp sizing */
#vl-header-sticky .vl-logo{
  display:flex;
  align-items:center;
}
#vl-header-sticky .vl-logo a{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
#vl-header-sticky .vl-logo img{
  display:block;
  height:48px;
  max-height:50px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  image-rendering:-webkit-optimize-contrast;
  transition:transform .2s ease;
  filter:drop-shadow(0 2px 6px rgba(31,21,88,.05));
}
#vl-header-sticky .vl-logo a:hover img{
  transform:translateY(-1px);
}

/* ---- Desktop (>=1200px) Navigation Layout ---- */
@media (min-width:1200px){
  #vl-header-sticky .header-border-bottom>.row{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    column-gap:clamp(24px,2.4vw,44px);
  }
  #vl-header-sticky .header-border-bottom>.row>[class*="col-"]{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    min-width:0;
    padding-left:0;
    padding-right:0;
  }
  #vl-header-sticky .header-border-bottom>.row>.col-xl-2{
    flex:0 0 auto;
    padding-right:8px;
  }
  #vl-header-sticky .header-border-bottom>.row>.col-xl-7{
    flex:1 1 auto;
    min-width:0;
    padding-left:clamp(8px,1vw,18px);
    padding-right:clamp(12px,1.4vw,24px);
  }
  #vl-header-sticky .header-border-bottom>.row>.col-xl-3{
    flex:0 0 auto;
    padding-left:4px;
  }
  #vl-header-sticky .vl-main-menu{
    padding-left:4px;
  }
  #vl-header-sticky .vl-main-menu nav>ul{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    column-gap:clamp(10px,1.1vw,24px);
    margin:0;
    padding:0;
    list-style:none;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li{
    margin-right:0;
    position:relative;
    display:inline-flex;
    align-items:center;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-family:"Mulish",sans-serif;
    font-size:clamp(16px,0.25vw + 13px,17.5px);
    font-weight:700;
    color:var(--oet-ink);
    padding:8px 10px;
    border-radius:8px;
    text-decoration:none;
    white-space:nowrap;
    transition:color .2s ease,background .2s ease;
    letter-spacing:-.015em;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a:hover,
  #vl-header-sticky .vl-main-menu nav>ul>li:hover>a{
    color:var(--oet-purple);
    background:var(--oet-lav-100);
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a .downarrow{
    display:inline-flex;
    align-items:center;
    font-size:12px;
    margin-left:2px;
    color:var(--oet-muted);
    transition:transform .22s ease,color .22s ease;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li:hover>a .downarrow{
    transform:rotate(180deg);
    color:var(--oet-purple);
  }

  /* Login / Register CTA Pill */
  #vl-header-sticky .vl-main-menu nav>ul>li:first-child{
    margin-left:2px;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li.oet-nav-cta-item{
    margin-left:14px;
    margin-right:6px;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    background:linear-gradient(135deg,var(--oet-purple) 0%,var(--oet-purple-2) 100%)!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:700!important;
    padding:9px 20px!important;
    border-radius:999px!important;
    box-shadow:0 4px 14px rgba(124,58,237,.28)!important;
    text-decoration:none!important;
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
    letter-spacing:-.01em;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn:hover{
    background:linear-gradient(135deg,var(--oet-purple-deep) 0%,var(--oet-purple) 100%)!important;
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(124,58,237,.4)!important;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn i{
    font-size:14px;
  }

  /* Right Action Zone: Search & Socials */
  #vl-header-sticky .vl-header-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:12px;
  }
  #vl-header-sticky .vl-header-search{
    margin-left:2px;
    margin-right:16px;
    padding-right:16px;
    border-right:1px solid rgba(124,58,237,.16);
  }
  #vl-header-sticky .oet-search-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--oet-lav-50);
    border:1px solid rgba(124,58,237,.14);
    cursor:pointer;
    transition:all .2s ease;
    padding:0;
  }
  #vl-header-sticky .oet-search-btn:hover{
    background:var(--oet-lav-200);
    border-color:var(--oet-purple);
    transform:translateY(-1px);
  }
  #vl-header-sticky .vl-search-toggle{
    width:16px;
    height:16px;
  }
  #vl-header-sticky .social-area-headerTop{
    display:flex;
    align-items:center;
    white-space:nowrap;
    gap:6px;
  }
  #vl-header-sticky .social-area-headerTop a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    line-height:34px!important;
    border-radius:50%!important;
    background:var(--oet-lav-50)!important;
    border:1px solid rgba(124,58,237,.12)!important;
    color:var(--oet-ink)!important;
    font-size:14px!important;
    margin-left:0!important;
    transition:all .2s ease!important;
    text-decoration:none!important;
  }
  #vl-header-sticky .social-area-headerTop a:hover{
    background:var(--oet-purple)!important;
    border-color:var(--oet-purple)!important;
    color:#fff!important;
    transform:translateY(-2px) scale(1.06)!important;
    box-shadow:0 6px 14px rgba(124,58,237,.28)!important;
  }
}

/* Small laptops (1200px - 1359px) compact adjustments */
@media (min-width:1200px) and (max-width:1359.98px){
  #vl-header-sticky .header-border-bottom>.row{column-gap:28px}
  #vl-header-sticky .header-border-bottom>.row>.col-xl-7{padding-left:14px;padding-right:18px}
  #vl-header-sticky .vl-main-menu nav>ul{column-gap:8px}
  #vl-header-sticky .vl-main-menu nav>ul>li>a{font-size:15px;padding:7px 7px}
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn{font-size:14px!important;padding:7px 14px!important;margin-right:2px}
  #vl-header-sticky .vl-header-search{margin-right:14px;padding-right:14px}
  #vl-header-sticky .social-area-headerTop a{width:30px!important;height:30px!important;line-height:30px!important;font-size:12.5px!important}
  #vl-header-sticky .vl-logo img{height:42px}
}

/* ---- Sticky Header State ---- */
#vl-header-sticky.sticky{
  background:transparent;
  box-shadow:0 8px 28px rgba(31,21,88,.09);
}
#vl-header-sticky.sticky .vl-header-main-area{
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(124,58,237,.14);
}
#vl-header-sticky.sticky .header-border-bottom{
  padding:8px 0;
}
#vl-header-sticky.sticky .vl-logo img{
  height:42px;
}

/* ---- Mobile / Tablet (<1200px) ---- */
@media (max-width:1199.98px){
  #vl-header-sticky.vl-header-area{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  #vl-header-sticky .header-border-bottom{
    padding:10px 0;
  }
  #vl-header-sticky .vl-logo img{
    height:clamp(38px,8vw,44px);
    max-width:145px;
  }
  #vl-header-sticky .vl-header-action-item{
    padding:0;
    border:0;
    float:none;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  #vl-header-sticky .vl-offcanvas-toggle{
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    overflow:hidden;
    background:var(--oet-lav-50);
    border:1px solid rgba(124,58,237,.15);
    border-radius:12px;
    color:var(--oet-ink-2);
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease;
  }
  #vl-header-sticky .vl-offcanvas-toggle svg{
    display:block;
    width:24px;
    height:18px;
    flex:0 0 auto;
  }
  #vl-header-sticky .vl-offcanvas-toggle:hover{
    background:var(--oet-lav-100);
    border-color:var(--oet-purple);
    color:var(--oet-purple);
  }
}

/* Offcanvas submenu arrows: in-flow on the parent row (never absolutely placed) */
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px;
  align-items:center;
  column-gap:8px;
}
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown>a{
  grid-area:1/1;
  min-width:0;
}
body.oet-live-site .vl-offcanvas-menu .vl-menu-close{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  position:static;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  transform:none;
  grid-area:1/2;
  align-self:center;
  justify-self:end;
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  margin:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  border:1px solid rgba(124,58,237,.16);
  border-radius:8px;
  background:var(--oet-lav-50);
  color:var(--oet-purple);
  cursor:pointer;
}
body.oet-live-site .vl-offcanvas-menu .vl-menu-close i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  margin:0;
  font-size:12px;
  line-height:1;
}
body.oet-live-site .vl-offcanvas-menu .vl-menu-close i::before{
  display:block;
  line-height:1;
}
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown>.sub-menu,
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown>.vl-mega-menu{
  grid-area:2/1/3/3;
}
body.oet-live-site .vl-offcanvas-menu ul li.active>.vl-menu-close{
  background:var(--oet-purple);
  border-color:var(--oet-purple);
  color:#fff;
}
body.oet-live-site .vl-offcanvas-menu ul li.active>.vl-menu-close i{
  transform:rotate(90deg);
}

/* Scroll-up: FA4 \f062 is not in the FA6 subset, so the arrow never painted. */
body.oet-live-site .progress-wrap{
  left:18px;
  right:auto;
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  width:48px;
  height:48px;
  background:#fff;
  box-shadow:0 10px 24px rgba(31,21,88,.14),inset 0 0 0 2px rgba(124,58,237,.16);
  z-index:998;
}
body.oet-live-site .progress-wrap:before,
body.oet-live-site .progress-wrap:after{
  content:"";
  font-family:inherit;
  font-size:0;
  color:transparent;
  width:20px;
  height:20px;
  left:50%;
  top:50%;
  line-height:0;
  transform:translate(-50%,-50%);
  background-color:var(--oet-purple);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5.2c.3 0 .5.1.7.3l5.8 5.8a1 1 0 1 1-1.4 1.4L13 8.4V18a1 1 0 1 1-2 0V8.4L6.9 12.7a1 1 0 1 1-1.4-1.4l5.8-5.8c.2-.2.4-.3.7-.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5.2c.3 0 .5.1.7.3l5.8 5.8a1 1 0 1 1-1.4 1.4L13 8.4V18a1 1 0 1 1-2 0V8.4L6.9 12.7a1 1 0 1 1-1.4-1.4l5.8-5.8c.2-.2.4-.3.7-.3z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.oet-live-site .progress-wrap:before{opacity:0}
body.oet-live-site .progress-wrap:hover:after,
body.oet-live-site .progress-wrap:focus-visible:after{
  background-color:var(--oet-purple-deep);
}
body.oet-live-site .progress-wrap-7 svg.progress-circle path{
  stroke:var(--oet-purple);
}

/* ---- footer: high-density spacing ----
   The vendor theme (style.min.css) pulls this footer up over whatever sits
   above it via margin-top:-175px, then pads back down (215px desktop /
   200px mobile) so only ~40px/25px of "high density" overlap actually
   shows. That's safe only when the section above reserves >=175px of empty
   bottom space. The "Get OET-Ready" CTA banner (about/contact/home, see
   .cta-wrap7) does not, at ANY width — so the footer's own background
   was painting over the bottom of the CTA image site-wide, not just on
   mobile (2026-09-11 §1 regression check). Fixed at the root: cancel the
   pull entirely and keep the same visible 40px/25px offset via padding-top
   alone, so the footer can never again overlap content placed above it,
   regardless of what that content is or how tall it is. */
footer.vl-footer-10{margin-top:0;padding-top:40px}

/* Tablet/desktop clearance for the same "Get OET-Ready" CTA banner (see the
   footer comment above): the vendor's own 20-70px bottom padding on
   .cta-wrap7 left a few px of real overlap at several widths once the
   footer's overlap trick was removed. One generous, width-independent
   buffer replaces every vendor breakpoint value at once. */
.cta-wrap7{padding-bottom:220px}

.vl-footer-10 .row>.mb-30{margin-bottom:18px}
.vl-footer-10 .vl-footer-widget-title{font-size:18px;margin-bottom:16px}
.vl-footer-10 .vl-footer-menu ul li a{font-size:15.5px;margin-bottom:13px}
.vl-footer-10 .vl-footer-content .para{font-size:15.5px;line-height:1.6;padding-top:12px;padding-bottom:16px}
.vl-footer-10 .social-area-footer-10 a{width:40px;height:40px;line-height:40px;font-size:15px;margin-right:10px}
.vl-footer-10 .primary-btn-10{padding:12px 16px!important;font-size:15px}
.vl-footer-10 .vl-copy-righ1t{padding-top:14px}
.vl-footer-10 .vl-copy-righ1t .row>.mb-30{margin-bottom:10px}
.vl-footer-10 .vl-footer-copy-right-widget .para{font-size:14.5px}
.vl-footer-10 .vl-copy-right-menu-10 ul li a{font-size:14.5px}
.vl-footer-10 .vl-copy-right-menu ul li{margin-right:10px;padding-right:10px}
.vl-footer-10 .vl-copy-right-menu ul li:after{height:13px;top:3px}
/* Footer link groups (owner brief 28 Oct 2026). Same navy/purple footer, brand, social icons and legal row;
   the former "Support" and "Top Links" lists are re-grouped (no link removed) into four native <details>:
   Courses & Practice, Resources & Guides, About & Support and the Subscribe panel.
   Phone (<768px): ONE column; the groups are accordions, closed in the markup (every link is still a real
   anchor in the DOM) and the six social icons sit below them.
   Tablet (768-1023px): two columns, groups open.  Desktop (>=1024px): four columns, groups open.
   assets/js/main.js opens the groups from 768px up and adds .is-static (headings stop being toggles);
   without JS they stay working accordions at every width. */
.oet-footer-cols{display:grid;grid-template-columns:minmax(0,1fr)}
.oet-footer-brand{display:contents}
.oet-footer .oet-footer-group{order:3;min-width:0;border-top:1px solid rgba(255,255,255,.16)}
.oet-footer .oet-footer-group--connect{border-bottom:1px solid rgba(255,255,255,.16)}
.oet-footer .social-area-footer-10{order:4;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.oet-footer .social-area-footer-10 a{margin-right:0}
.oet-footer-brand .vl-footer-content .para{padding-bottom:22px}
.oet-footer .oet-footer-group>summary{display:block;position:relative;box-sizing:border-box;min-height:56px;padding:16px 36px 16px 0;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.oet-footer .oet-footer-group>summary::-webkit-details-marker{display:none}
.oet-footer .oet-footer-group>summary::marker{content:""}
.oet-footer .oet-footer-group>summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid rgba(255,255,255,.88);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s ease}
.oet-footer .oet-footer-group[open]>summary::after{margin-top:-2px;transform:rotate(-135deg)}
.oet-footer .oet-footer-group>summary:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px;border-radius:6px}
.oet-footer .oet-footer-group__title{margin:0;font-size:18px;line-height:1.3}
.oet-footer .oet-footer-group .vl-footer-menu ul{margin:0;padding:0 0 12px;list-style:none}
.oet-footer .oet-footer-group .vl-footer-menu ul li a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 0;font-size:16px;line-height:1.35}
.oet-footer .oet-footer-group .oet-footer-updates{padding-bottom:20px}
.oet-footer .oet-footer-group.is-static>summary{pointer-events:none;cursor:default;min-height:0;padding:0 0 16px}
.oet-footer .oet-footer-group.is-static>summary::after{display:none}
@media (min-width:768px){
    .oet-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,56px);row-gap:36px;align-items:start}
    .oet-footer-brand{display:block;grid-column:1/-1}
    .oet-footer-brand .vl-footer-content{max-width:560px}
    .oet-footer .social-area-footer-10{margin-top:0}
    .oet-footer .oet-footer-group,.oet-footer .oet-footer-group--connect{order:0;border:0}
    .oet-footer .oet-footer-group .vl-footer-menu ul{padding-bottom:0}
    .oet-footer .oet-footer-group .vl-footer-menu ul li a{display:block;min-height:0;margin-bottom:12px;padding:0}
    .oet-footer .oet-footer-group .oet-footer-updates{padding-bottom:0}
}
@media (min-width:1024px){
    .oet-footer-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"brand courses resources support" "brand courses resources connect";column-gap:clamp(24px,3vw,48px);row-gap:28px}
    .oet-footer-brand{grid-area:brand;grid-column:auto}
    .oet-footer-group--courses{grid-area:courses}
    .oet-footer-group--resources{grid-area:resources}
    .oet-footer-group--support{grid-area:support}
    .oet-footer-group--connect{grid-area:connect}
}
/* the fixed contact bubble (56-68px tall + 16-24px offset, bottom right) must never sit on the copyright or
   legal links: at the end of the page the legal row ends above it, at every width */
footer.vl-footer-10.oet-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.counter,.oet-countup{font-variant-numeric:tabular-nums}
body.oet-live-site .blog-padding-bottom10{
  margin-bottom:0;
  padding-bottom:100px;
  overflow:hidden;
}
body.oet-live-site .blog-padding-bottom10 .blog__wrap10{
  overflow:hidden;
}
@media (max-width:1199.98px){
  body.oet-live-site .blog-padding-bottom10{padding-bottom:80px}
}
@media (max-width:767.98px){
  body.oet-live-site .blog-padding-bottom10{padding-bottom:64px}
}
@media (max-width:767.98px){
    footer.vl-footer-10{padding-top:25px}
    .vl-footer-10 .vl-copy-right-menu{text-align:left}
    .vl-footer-10 .vl-copy-right-menu-10 ul{padding-right:0}
}

/* Company-support line, directly beneath the footer copyright text (item 16) —
   reads as secondary/legal-adjacent, never overlaps the Legal links beside it. */
.oet-footer-company-support{
    margin-top:6px;
    font-size:13px;
    color:hsla(0,0%,100%,.65);
}

/* =====================================================================
   Header responsive overhaul (2026-09-21)
   Measured failure (Playwright, pre-fix): the nowrap centered nav UL
   spilled symmetrically out of its column at EVERY desktop width
   (first item painted 141px under the logo at 1920w; worst -190px at
   1366w) because the Bootstrap container caps at 1320px/1140px while
   the 8-item menu + CTA alone need ~1117px. body{overflow-x:clip}
   hid the spill instead of preventing it.

   Fix strategy:
   - Header rows use a fluid container (up to 1820px) so wide screens
     get real space instead of a capped box.
   - 1200-1499px: the full 8-item menu genuinely cannot fit without
     unreadable type, so the header switches to the hamburger/offcanvas
     pattern (same as <1200px, where it already works). The offcanvas
     nav is a JS clone of the desktop menu, so items stay in sync.
   - >=1500px: inline menu with tiered type/gaps (~925px of content in
     ~1137px of space at 1500w — verified fit).
   - Right action zone: search button at >=1500px; the 6 social circles
     only from 1750px up (they duplicate topbar/footer links).
   - A final Playwright probe asserts first-item-left >= logo-right and
     zero horizontal scroll at every width.
   ===================================================================== */

/* Fluid container for the two header rows only (scoped, not global) */
#vl-header-sticky .vl-header-top-area .container,
#vl-header-sticky .vl-header-main-area .container{
  width:100%;
  max-width:1820px;
  padding-left:clamp(16px,2vw,32px);
  padding-right:clamp(16px,2vw,32px);
}

/* Hamburger/offcanvas across the whole 992-1499 band (replaces inline menu) */
@media (min-width:992px) and (max-width:1499.98px){
  #vl-header-sticky .vl-header-action-item{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    padding:0;
    border:0;
    background:transparent;
    float:none;
  }
  #vl-header-sticky .vl-offcanvas-toggle{
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    overflow:hidden;
    background:var(--oet-lav-50);
    border:1px solid rgba(124,58,237,.15);
    border-radius:12px;
    color:var(--oet-ink-2);
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease;
  }
  #vl-header-sticky .vl-offcanvas-toggle svg{
    display:block;
    width:24px;
    height:18px;
    flex:0 0 auto;
  }
  #vl-header-sticky .vl-offcanvas-toggle:hover{
    background:var(--oet-lav-100);
    border-color:var(--oet-purple);
    color:var(--oet-purple);
  }
  #vl-header-sticky .vl-main-menu{display:none!important}
  #vl-header-sticky .vl-header-right{display:none!important}
}

/* Inline menu from 1500px up: tiered, verified-fit type scale */
@media (min-width:1500px){
  #vl-header-sticky .header-border-bottom>.row>[class*="col-"]{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    min-width:0;
    padding-left:0;
    padding-right:0;
  }
  #vl-header-sticky .header-border-bottom>.row>.col-xl-7{
    flex:1 1 auto;
    min-width:0;
    padding-left:clamp(8px,1vw,18px);
    padding-right:clamp(12px,1.4vw,24px);
  }
  #vl-header-sticky .vl-main-menu nav>ul{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    column-gap:clamp(6px,0.55vw,16px);
    margin:0;
    padding:0;
    list-style:none;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li{
    margin-right:0;
    position:relative;
    display:inline-flex;
    align-items:center;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-family:"Mulish",sans-serif;
    font-size:clamp(14.5px,0.22vw + 11px,16.5px);
    font-weight:700;
    color:var(--oet-ink);
    padding:8px 9px;
    border-radius:8px;
    text-decoration:none;
    white-space:nowrap;
    transition:color .2s ease,background .2s ease;
    letter-spacing:-.015em;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a:hover,
  #vl-header-sticky .vl-main-menu nav>ul>li:hover>a{
    color:var(--oet-purple);
    background:var(--oet-lav-100);
  }
  #vl-header-sticky .vl-main-menu nav>ul>li.oet-nav-cta-item{
    margin-left:10px;
    margin-right:2px;
  }
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn{
    font-size:14px!important;
    padding:8px 16px!important;
  }
  #vl-header-sticky .vl-header-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:10px;
  }
  #vl-header-sticky .vl-header-search{
    margin-right:2px;
    padding-right:10px;
  }
  /* Socials only where they truly fit; duplicate of topbar/footer links */
  #vl-header-sticky .social-area-headerTop{display:none!important}
}
@media (min-width:1750px){
  #vl-header-sticky .social-area-headerTop{display:flex!important;gap:5px}
  #vl-header-sticky .social-area-headerTop a{
    width:30px!important;
    height:30px!important;
    line-height:30px!important;
    font-size:12.5px!important;
  }
  #vl-header-sticky .vl-main-menu nav>ul{column-gap:clamp(10px,0.7vw,20px)}
  #vl-header-sticky .vl-main-menu nav>ul>li>a{font-size:16.5px;padding:8px 10px}
  #vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn{font-size:14.5px!important;padding:9px 18px!important}
}

/* Compact topbar contacts so email/phone never collide at mid widths */
@media (min-width:1200px) and (max-width:1499.98px){
  #vl-header-sticky .vl-header-top-area .header-top ul li a{font-size:12.5px}
  #vl-header-sticky .vl-header-top-area .vl-header-top-text{font-size:12.5px}
}

/* Header Login / Register CTA (2026-10-06; label fixed 28 Oct 2026).
   The label is ALWAYS "Login / Register", signed in or out, in the header and in the drawer
   clone. The inline head script in Base.astro only retargets the href to the app dashboard when
   the learner app's shared-domain hint cookie exists.
   Below 1500px the inline nav is hidden (rules above), so this CTA sits in the action
   item next to the hamburger; from 1500px up the action item is hidden (d-xl-none)
   and the nav pill below takes over, so exactly one CTA is ever visible. */
#vl-header-sticky .vl-header-action-item{gap:8px}
#vl-header-sticky a.oet-header-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-sizing:border-box;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  text-align:center;
  white-space:nowrap;
  font-family:"Mulish",sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.01em;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,var(--oet-purple) 0%,var(--oet-purple-2) 100%);
  box-shadow:0 4px 14px rgba(124,58,237,.28);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
#vl-header-sticky a.oet-header-login:visited,
#vl-header-sticky a.oet-header-login:focus-visible{color:#fff}
#vl-header-sticky a.oet-header-login:hover{
  color:#fff;
  background:linear-gradient(135deg,var(--oet-purple-deep) 0%,var(--oet-purple) 100%);
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(124,58,237,.4);
}
@media (min-width:576px){
  #vl-header-sticky a.oet-header-login{font-size:14px;padding:0 18px}
}
/* Narrow phones: one line at 320px (logo 118px + CTA + 44px hamburger inside 304px) */
@media (max-width:339.98px){
  #vl-header-sticky a.oet-header-login{font-size:12px;padding:0 12px}
  #vl-header-sticky .vl-header-action-item{gap:6px}
}
/* Foldable cover screens (about 280px): shrink the logo a little so the CTA still fits */
@media (max-width:299.98px){
  #vl-header-sticky a.oet-header-login{font-size:11px;padding:0 9px}
  #vl-header-sticky .vl-header-action-item{gap:4px}
  #vl-header-sticky .vl-logo a img{max-width:100px}
}
/* 1500px and up: the nav pill is the CTA; 44px tap target, label centred
   (same specificity and !important as the existing pill rules above, later in the file) */
#vl-header-sticky .vl-main-menu nav>ul>li>a.oet-header-cta-btn{
  min-height:44px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  text-align:center;
}
.breadcrumb-shape img{object-fit:contain}

/* /assets/css/oet-mobile.css */
/* ==========================================================================
   Mobile / tablet performance + layout
   Native scroll, cheaper paint, no horizontal spill, usable touch targets.
   ========================================================================== */

html.oet-live-site{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.oet-live-site,
html.oet-live-site{
  overflow-x:clip;
  max-width:100%;
}

@supports not (overflow-x:clip){
  body.oet-live-site,
  html.oet-live-site{overflow-x:hidden}
}

body.oet-live-site img,
body.oet-live-site video,
body.oet-live-site canvas,
body.oet-live-site iframe{
  max-width:100%;
}

body.oet-live-site svg:not(.vl-offcanvas-toggle svg){
  max-width:100%;
}

body.oet-live-site table{
  max-width:100%;
}

html.oet-lite-motion [data-sal],
html.oet-lite-motion [data-sal|=fade],
html.oet-lite-motion [data-sal|=slide],
html.oet-lite-motion [data-sal|=zoom],
html.oet-lite-motion [data-sal|=flip],
body.sal-disabled [data-sal],
body.sal-disabled [data-sal|=slide]{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}


/* ---- Touch / narrow: kill expensive motion and paint ---- */
@media (max-width:1023.98px), (pointer:coarse), (hover:none){
  html.oet-live-site{scroll-behavior:auto}

  [data-sal],
  [data-sal|=fade],
  [data-sal|=slide],
  [data-sal|=zoom],
  [data-sal|=flip],
  [data-sal].sal-animate{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
  }

  .aniamtion-key-4,
  .aniamtion-key-5,
  .circle,
  .text-anime-style-2,
  .text-anime-style-3,
  .image-anime,
  .image-anime img,
  .pathway-hero .pathway-map:before{
    animation:none!important;
    transform:none!important;
  }

  .pathway-card:hover,
  .pathway-faq details:hover,
  .pathway-map-step:hover,
  .brand-badge:hover{
    transform:none;
  }

  #vl-header-sticky.sticky .vl-header-main-area,
  .oet-community-popup__overlay,
  .oet-promo-popup__overlay,
  .oet-promo-popup__pagination,
  .oet-cc,
  .oet-pricing-hero-slider,
  .oet-mobile-ctabar{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .oet-promo-popup__dialog,
  .oet-promo-popup__swiper,
  .oet-promo-popup__image,
  .oet-contact-widget__label,
  .oet-contact-widget__button,
  .oet-contact-widget__badge{
    will-change:auto!important;
  }

  .oet-promo-popup__close,
  .oet-promo-popup__nav,
  .oet-promo-popup__cta,
  body.oet-live-site .oet-contact-widget:not(.is-open) .oet-contact-widget__label,
  body.oet-live-site .oet-contact-widget:not(.is-open) .oet-contact-widget__button:before,
  body.oet-live-site .oet-contact-widget__badge.is-teaser{
    animation:none!important;
  }

  .vl-hero-shape-2,
  .vl-hero-shape-3,
  .vl-hero-shape-4,
  .vl-hero-shape-1{
    display:none!important;
  }
}

/* ---- Tablet and down ---- */
@media (max-width:1199.98px){
  #vl-header-sticky{
    padding-top:env(safe-area-inset-top);
  }

  #vl-header-sticky .header-border-bottom>.row{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
  }

  #vl-header-sticky .header-border-bottom>.row>[class*="col-"]{
    width:auto;
    max-width:none;
    flex:0 0 auto;
    padding-left:0;
    padding-right:0;
  }

  #vl-header-sticky .vl-header-action-item{
    display:flex!important;
    justify-content:flex-end;
    position:static;
    float:none!important;
    transform:none!important;
    margin:0;
    background:transparent;
    z-index:6;
  }

  #vl-header-sticky .vl-header-action-item.d-xl-none,
  #vl-header-sticky .vl-offcanvas-toggle{
    display:inline-flex!important;
  }

  #vl-header-sticky .vl-offcanvas-toggle{
    position:relative;
    min-width:44px;
    min-height:44px;
    width:44px;
    height:44px;
    padding:0;
    align-items:center;
    justify-content:center;
    color:#111329;
    background:#fff!important;
    border:1px solid rgba(124,58,237,.18)!important;
    border-radius:10px;
    box-shadow:none;
  }

  #vl-header-sticky .vl-offcanvas-toggle svg{
    display:none!important;
  }

  #vl-header-sticky .vl-offcanvas-toggle:before{
    content:"";
    display:block;
    width:18px;
    height:2px;
    border-radius:2px;
    background:#111329;
    box-shadow:0 -6px 0 #111329,0 6px 0 #111329;
  }

  .vl-offcanvas{
    width:min(420px,100vw);
    max-width:100%;
    padding:28px 20px calc(28px + env(safe-area-inset-bottom));
    z-index:10050;
    -webkit-overflow-scrolling:touch;
  }

  .vl-offcanvas-overlay,
  .vl-offcanvas-overlay-open{
    z-index:10040;
  }

  .vl-offcanvas-menu nav a,
  .vl-offcanvas-info a{
    min-height:44px;
    display:flex;
    align-items:center;
    white-space:normal;
    gap:8px;
  }

  .vl-offcanvas-menu .sub-menu,
  .vl-offcanvas-menu .vl-mega-menu{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    padding:0 0 0 8px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:transparent!important;
  }

  .vl-offcanvas-menu ul li.has-dropdown{
    display:grid;
    grid-template-columns:minmax(0,1fr) 36px;
    align-items:center;
    column-gap:8px;
  }
  .vl-offcanvas-menu .vl-menu-close{
    position:static;
    top:auto;
    transform:none;
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
  }

  .vl-banner-area,
  .hero-banner-lavender.vl-banner-area,
  .hero-banner-lavender{
    padding-top:84px!important;
    padding-bottom:28px!important;
    overflow:hidden;
  }

  .hero-banner-lavender .title,
  .banner-area-content-1 .title{
    font-size:clamp(1.55rem,6.6vw,2.15rem)!important;
    line-height:1.18!important;
    letter-spacing:-.02em;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    word-wrap:break-word!important;
    hyphens:manual;
    max-width:100%;
  }

  .hero-banner-lavender .sub-title,
  .banner-area-content-1 .sub-title{
    font-size:13.5px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    max-width:100%;
    overflow:visible;
  }

  .hero-banner-lavender .para,
  .banner-area-content-1 p,
  .vl-section-title p,
  .vl-section-title .para{
    font-size:16px!important;
    line-height:1.6!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    max-width:100%;
  }

  .vl-offcanvas-toggle{
    color:#111329;
  }

  .vl-offcanvas-toggle svg{
    display:block;
    overflow:visible;
  }

  .vl-hero-btn .vl-primary-btn{
    min-height:48px;
    padding:12px 20px;
    width:100%;
    max-width:360px;
    justify-content:center;
  }

  footer.vl-footer-10{
    padding-top:88px;
  }

  .pathway-hero{
    padding:120px 0 56px;
  }

  .oet-resource-hero{
    padding:110px 0 56px;
  }
}

/* ---- Phone ---- */
@media (max-width:767.98px){
  .container,
  .container-fluid{
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
  }

  .pt-100{padding-top:56px!important}
  .pb-100{padding-bottom:56px!important}
  .pt-70{padding-top:44px!important}
  .pb-70{padding-bottom:44px!important}
  .mb-50{margin-bottom:28px!important}
  .mb-40{margin-bottom:24px!important}
  .mb-30{margin-bottom:18px!important}

  .vl-offcanvas{
    width:100%;
    padding:20px 16px calc(20px + env(safe-area-inset-bottom));
  }

  .vl-offcanvas-header{
    margin-bottom:24px!important;
  }

  .brand-area{
    padding-top:8px;
    padding-bottom:8px;
  }

  .brand__thumb{
    height:auto!important;
    width:min(280px,86vw)!important;
  }

  .brand-badge{
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
    min-height:88px;
    height:auto!important;
    padding:12px 14px!important;
  }

  .brand-badge__icon{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    font-size:18px!important;
  }

  .brand-badge__title,
  .brand-badge__sub{
    white-space:normal;
    overflow:visible;
  }

  .hero-banner-lavender .vl-banner-card-1,
  .hero-banner-lavender .vl-banner-card-2,
  .hero-banner-lavender .vl-hero-shape-2,
  .hero-banner-lavender .vl-hero-shape-3,
  .hero-banner-lavender .vl-hero-shape-4{
    display:none!important;
  }

  body.oet-live-site .hero-banner-lavender .vl-banner-thumb-1{
    overflow:visible;
    margin-inline:auto;
    position:relative!important;
    inset:auto!important;
    height:auto!important;
  }

  body.oet-live-site .hero-banner-lavender .vl-banner-thumb-1 picture,
  body.oet-live-site .hero-banner-lavender .vl-banner-thumb-1 img.oet-hero-doctor{
    width:min(78vw,300px);
    max-width:100%;
    height:auto;
    position:relative!important;
    inset:auto!important;
    display:block;
    margin-inline:auto;
  }

  .oet-community-popup{
    padding:0;
    align-items:stretch;
  }

  .oet-community-popup__dialog{
    width:100%;
    max-width:100%;
    max-height:100dvh;
    border-radius:20px 20px 0 0;
    margin-top:auto;
  }

  .oet-community-popup__body{
    max-height:min(92dvh,100dvh);
    padding:22px 16px calc(22px + env(safe-area-inset-bottom));
  }

  .oet-community-popup__title{
    font-size:clamp(1.5rem,7vw,2rem);
  }

  .oet-promo-popup{
    padding:18px 14px;
    align-items:center;
    justify-content:center;
  }

  .oet-promo-popup__dialog{
    width:min(100%, 620px);
    max-width:100%;
    max-height:min(86dvh,760px);
    border-radius:24px;
  }

  .oet-promo-popup__swiper{
    height:min(58dvh,420px)!important;
    min-height:0!important;
  }

  .oet-promo-popup__dialog::before,
  .oet-promo-popup__dialog::after{
    display:none;
  }

  body.oet-live-site .oet-contact-widget{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(16px,env(safe-area-inset-bottom));
  }

  body.oet-live-site .oet-contact-widget__label{
    display:none;
  }

  body.oet-live-site .oet-contact-widget__button{
    width:56px;
    height:56px;
    box-shadow:0 10px 24px rgba(124,58,237,.32);
  }

  body.oet-live-site .oet-contact-widget__button i{
    font-size:22px;
  }

  body.oet-live-site .oet-contact-widget__panel{
    position:fixed;
    inset:auto 0 0 0;
    width:100%;
    max-width:100%;
    max-height:min(86dvh,720px);
    border-radius:22px 22px 0 0;
    bottom:0;
    right:0;
    transform:translateY(16px);
  }

  body.oet-live-site .oet-contact-widget__panel:after{
    display:none;
  }

  body.oet-live-site .oet-contact-widget.is-open .oet-contact-widget__panel{
    transform:none;
  }

  body.oet-live-site .oet-contact-widget__close{
    min-width:44px;
    min-height:44px;
  }

  .oet-cc{
    inset:auto 10px max(10px,env(safe-area-inset-bottom))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .oet-cc-actions,
  .oet-cc .oet-cc-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .oet-cc button{
    min-height:44px!important;
    width:100%;
  }

  .success-hero{
    padding:108px 0 32px;
  }

  .success-tabs-wrap{
    top:64px;
    z-index:20;
  }

  .success-lightbox{
    padding:12px;
    align-items:flex-end;
  }

  .success-lightbox__panel{
    max-width:100%;
    max-height:92dvh;
  }

  .oet-pricing-hero h1,
  .oet-pricing-hero .title,
  .success-hero h1,
  .about-hero h1,
  .banner-area-content-1 h1,
  .vl-section-title .title,
  .vl-section-title-10 .title{
    font-size:clamp(1.45rem,6.4vw,2rem)!important;
    line-height:1.22!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    white-space:normal!important;
    max-width:100%;
    overflow:visible;
  }

  .oet-pricing-hero p,
  .success-hero p,
  .success-hero .lead{
    overflow-wrap:break-word!important;
    max-width:100%;
  }

  .oet-pricing-hero-swiper{
    height:min(52dvh,380px)!important;
    min-height:0!important;
  }

  .oet-pricing-hero-slider{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:8px!important;
  }

  footer.vl-footer-10{
    padding-top:64px;
    padding-bottom:24px;
  }

  /* "Get OET-Ready" CTA banner, immediately above the footer on the home/about/
     contact pages: the desktop 342px crop height is far taller than a 2:1 image
     needs at phone widths, crowding the footer below it. Let it scale by its
     real aspect ratio instead, and add clear breathing room before the footer.
     The image's rendered height grows with viewport width (locked 2:1 ratio),
     right up to the 767.98px edge of this block, so the buffer has to clear
     the tallest case in this range, not just small phones (2026-09-11 §1 fix). */
  .cta-wrap7{
    padding-bottom:260px;
  }

  .cta-large-thumb-10 img{
    height:auto;
    aspect-ratio:2/1;
  }

  .vl-footer-10 .social-area-footer-10 a{
    width:44px;
    height:44px;
    line-height:44px;
  }

  .oet-footer-btn{
    min-height:48px;
  }

  .service__box10,
  .service__box10-thumb,
  .service__box10-thumb img{
    max-width:100%;
  }

  .service__box10-thumb img{
    height:auto;
  }

  .vl-section-title .title,
  .vl-section-title-10 .title{
    font-size:clamp(1.55rem,6.4vw,2.15rem)!important;
    line-height:1.2!important;
  }

  .counterbox__single .title{
    font-size:clamp(1.8rem,8vw,2.4rem);
  }

  h1,h2,h3,p,li{
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:manual;
    max-width:100%;
  }

  body:has(.oet-cc:not([hidden])){
    padding-bottom:240px;
  }

  .row{
    --bs-gutter-x:16px;
  }
}

/* ---- Small phones ---- */
@media (max-width:575.98px){
  .oet-hero-break{
    display:block;
  }
}

@media (max-width:399.98px){
  .hero-banner-lavender .title,
  .banner-area-content-1 .title{
    font-size:1.5rem!important;
  }

  #vl-header-sticky .vl-logo img{
    height:34px;
    max-width:118px;
  }
}

/* ---- Landscape phones ---- */
@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px){
  .vl-banner-area,
  .hero-banner-lavender{
    padding-top:64px!important;
    padding-bottom:16px!important;
  }

  .oet-promo-popup__swiper,
  .oet-pricing-hero-swiper{
    height:min(70dvh,280px)!important;
    min-height:0!important;
  }

  .oet-community-popup__dialog,
  .oet-promo-popup__dialog,
  body.oet-live-site .oet-contact-widget__panel{
    max-height:100dvh;
    border-radius:0;
  }
}

/* ---- Coarse pointers: larger tap targets ---- */
@media (pointer:coarse){
  a,button,input,select,textarea,.vl-offcanvas-toggle{
    touch-action:manipulation;
  }

  .oet-search-btn,
  .vl-header-action-item .vl-offcanvas-toggle,
  .oet-promo-popup__close,
  .oet-promo-popup__nav,
  .success-page-btn,
  .success-tab{
    min-width:44px;
    min-height:44px;
  }
}

@media (prefers-reduced-motion:reduce){
  .aniamtion-key-4,
  .aniamtion-key-5,
  .circle{
    animation:none!important;
  }
}

/* /assets/css/oet-cookie-consent.css */
:root {
  --oet-ink: #16213e;
  --oet-muted: #667085;
  --oet-lav: #eeeaff;
  --oet-purple: #7c3aed;
  --oet-line: #ded8fb;
}

/* Legal Pages Base Styles */
.oet-legal-body {
  margin: 0;
  background: linear-gradient(180deg, #f7f5ff 0, #fff 32%);
  color: var(--oet-ink);
  font-family: Arial, sans-serif;
}
.oet-legal-header {
  background: #fff;
  border-bottom: 1px solid var(--oet-line);
  position: sticky;
  top: 0;
  z-index: 20;
}
.oet-legal-nav {
  max-width: 1180px;
  margin: auto;
  padding: 15px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.oet-legal-nav img {
  width: 145px;
  height: auto;
}
.oet-legal-nav a {
  color: var(--oet-ink);
  text-decoration: none;
  font-weight: 700;
}
.oet-legal-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.oet-legal-hero {
  background: var(--oet-lav);
  padding: 62px 22px 86px;
  position: relative;
  overflow: hidden;
}
.oet-legal-hero:after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  right: -80px;
  top: -150px;
  background: rgba(124, 58, 237, 0.12);
}
.oet-legal-hero-inner {
  max-width: 980px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.oet-legal-kicker {
  color: var(--oet-purple);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.oet-legal-hero h1 {
  font-size: clamp(36px, 6vw, 62px);
  line-height: 1.05;
  margin: 12px 0 10px;
  font-family: Georgia, serif;
}
.oet-legal-hero p {
  max-width: 680px;
  color: #4f5570;
}
.oet-legal-main {
  max-width: 980px;
  margin: -48px auto 64px;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}
.oet-legal-main .card {
  background: #fff;
  border: 1px solid var(--oet-line);
  border-radius: 24px;
  padding: clamp(22px, 5vw, 54px);
  box-shadow: 0 24px 70px rgba(35, 29, 80, 0.12);
}
.oet-legal-main h1 {
  display: none;
}
.oet-legal-main h2 {
  font-family: Georgia, serif;
  color: var(--oet-ink);
  font-size: 25px;
  margin-top: 34px;
}
.oet-legal-main p,
.oet-legal-main li,
.oet-legal-main td,
.oet-legal-main th {
  line-height: 1.75;
  color: #4f5570;
}
.oet-legal-main a {
  color: var(--oet-purple);
}
.oet-legal-main table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
}
.oet-legal-main td,
.oet-legal-main th {
  border: 1px solid var(--oet-line);
  padding: 10px;
  text-align: left;
}
.oet-legal-footer {
  background: #15152a;
  color: #fff;
  padding: 34px 22px;
}
.oet-legal-footer-inner {
  max-width: 980px;
  margin: auto;
}
.oet-legal-footer a {
  color: #ddd8ff;
  text-decoration: none;
  margin-right: 16px;
  line-height: 2.1;
}
.oet-legal-footer button {
  border: 0;
  background: none;
  color: #ddd8ff;
  padding: 0;
  cursor: pointer;
  font: inherit;
}
@media (max-width: 680px) {
  .oet-legal-links {
    display: none;
  }
  .oet-legal-hero {
    padding-top: 44px;
  }
  .oet-legal-main {
    margin-top: -34px;
  }
  .oet-legal-nav img {
    width: 118px;
  }
}

/* ==========================================================================
   Modern Single-Line Cookie Consent Banner (Centered Bottom)
   ========================================================================== */

.oet-cc {
  position: fixed !important;
  left: 50% !important;
  bottom: 22px !important;
  transform: translateX(-50%) !important;
  z-index: 999999 !important;
  width: max-content !important;
  max-width: min(1040px, calc(100vw - 32px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101828 !important;
  font-family: "Mulish", sans-serif !important;
  animation: oetCcFadeUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  box-sizing: border-box !important;
}

.oet-cc * {
  box-sizing: border-box !important;
}

.oet-cc[hidden] {
  display: none !important;
}

/* Outer High-End Surface Container */
.oet-cc-container {
  position: relative;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(222, 216, 251, 0.95);
  border-radius: 999px;
  box-shadow: 0 20px 48px -8px rgba(18, 14, 58, 0.18),
              0 6px 18px rgba(0, 0, 0, 0.04),
              0 0 0 1px rgba(255, 255, 255, 1) inset;
  transition: border-radius 0.28s ease, box-shadow 0.28s ease, width 0.28s ease;
  overflow: hidden;
}

.oet-cc.is-managing .oet-cc-container {
  border-radius: 22px;
  width: 580px;
  max-width: 100%;
}

/* ==========================================================================
   Single-Line Bar Mode
   ========================================================================== */

.oet-cc-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  padding: 8px 10px 8px 16px;
}

.oet-cc.is-managing .oet-cc-bar {
  display: none !important;
}

.oet-cc-bar-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.oet-cc-badge {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed 0%, #7c5cff 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.28);
  flex-shrink: 0;
}

.oet-cc-badge.sm {
  width: 28px;
  height: 28px;
  min-width: 28px;
  box-shadow: 0 3px 8px rgba(124, 58, 237, 0.22);
}

.oet-cc-badge svg {
  display: block;
}

.oet-cc-text {
  margin: 0 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #344054 !important;
  line-height: 1.42 !important;
  letter-spacing: -0.01em !important;
}

.oet-cc-text a,
.oet-cc-policy-link {
  color: #7c3aed !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2.5px !important;
  transition: color 0.15s ease !important;
}

.oet-cc-text a:hover,
.oet-cc-policy-link:hover {
  color: #4338ca !important;
}

/* Action Buttons Container */
.oet-cc-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Button Base */
.oet-cc-btn {
  min-height: 36px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.18s ease,
              border-color 0.18s ease,
              box-shadow 0.18s ease,
              color 0.18s ease !important;
}

.oet-cc-btn:focus-visible {
  outline: 2px solid #7c3aed !important;
  outline-offset: 2px !important;
}

.oet-cc-btn:active {
  transform: scale(0.97) !important;
}

/* Primary Button (Accept all) */
.oet-cc-btn-primary {
  background: linear-gradient(135deg, #7c3aed 0%, #7656fa 100%) !important;
  color: #ffffff !important;
  border-color: #7c3aed !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28) !important;
}

.oet-cc-btn-primary:hover {
  background: linear-gradient(135deg, #5237eb 0%, #6846f7 100%) !important;
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.38) !important;
  transform: translateY(-1px) !important;
}

/* Secondary Button (Reject optional) */
.oet-cc-btn-secondary {
  background: rgba(124, 58, 237, 0.08) !important;
  color: #4338ca !important;
  border-color: rgba(124, 58, 237, 0.18) !important;
}

.oet-cc-btn-secondary:hover {
  background: rgba(124, 58, 237, 0.14) !important;
  color: #3730a3 !important;
  border-color: rgba(124, 58, 237, 0.28) !important;
  transform: translateY(-1px) !important;
}

/* Ghost Button (Manage choices) */
.oet-cc-btn-ghost {
  background: transparent !important;
  color: #5f627a !important;
  border-color: transparent !important;
  padding: 0 12px !important;
}

.oet-cc-btn-ghost:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #101828 !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Preferences Panel Mode
   ========================================================================== */

.oet-cc-prefs-panel {
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.oet-cc-prefs-panel[hidden] {
  display: none !important;
}

.oet-cc-prefs-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.oet-cc-prefs-title-group {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.oet-cc-prefs-title-group h3 {
  margin: 0 0 3px !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #101828 !important;
  line-height: 1.2 !important;
}

.oet-cc-prefs-title-group p {
  margin: 0 !important;
  font-size: 12.5px !important;
  color: #667085 !important;
  line-height: 1.35 !important;
}

.oet-cc-close {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50% !important;
  border: 1px solid rgba(124, 58, 237, 0.15) !important;
  background: #f4f3ff !important;
  color: #4338ca !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: all 0.15s ease !important;
}

.oet-cc-close:hover {
  background: #e9e6fd !important;
  color: #3730a3 !important;
  transform: scale(1.05);
}

.oet-cc-prefs-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oet-cc-pref-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #faf8ff;
  border: 1px solid rgba(222, 216, 251, 0.85);
  transition: border-color 0.15s ease, background 0.15s ease;
  margin: 0 !important;
}

.oet-cc-pref-card.is-interactive {
  cursor: pointer;
}

.oet-cc-pref-card.is-interactive:hover {
  background: #f4f0ff;
  border-color: rgba(124, 58, 237, 0.4);
}

.oet-cc-pref-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.oet-cc-pref-meta strong {
  font-size: 13px;
  font-weight: 700;
  color: #101828;
}

.oet-cc-pref-meta small {
  font-size: 11.5px;
  color: #667085;
  line-height: 1.35;
}

.oet-cc-pill-tag {
  font-size: 11px;
  font-weight: 800;
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.1);
  padding: 4px 9px;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

/* Custom Toggle Switch */
.oet-cc-toggle {
  position: relative;
  width: 42px;
  height: 24px;
  flex-shrink: 0;
}

.oet-cc-switch {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.oet-cc-toggle-track {
  position: absolute;
  inset: 0;
  background-color: #cbd5e1;
  border-radius: 999px;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.oet-cc-toggle-track:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.oet-cc-switch:checked + .oet-cc-toggle-track {
  background-color: #7c3aed;
}

.oet-cc-switch:focus-visible + .oet-cc-toggle-track {
  outline: 2px solid #7c3aed;
  outline-offset: 2px;
}

.oet-cc-switch:checked + .oet-cc-toggle-track:before {
  transform: translateX(18px);
}

.oet-cc-prefs-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(222, 216, 251, 0.6);
}

.oet-cc-policy-link {
  font-size: 12.5px !important;
}

.oet-cc-prefs-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */

@media (max-width: 960px) {
  .oet-cc-text {
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .oet-cc {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    transform: none !important;
    width: auto !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }

  .oet-cc-container {
    border-radius: 20px !important;
    background: #ffffff !important;
  }

  .oet-cc-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 16px;
  }

  .oet-cc-bar-main {
    align-items: flex-start;
  }

  .oet-cc-badge {
    margin-top: 1px;
  }

  .oet-cc-text {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .oet-cc-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .oet-cc-actions .oet-cc-btn-primary {
    grid-column: span 2;
    order: -1;
    min-height: 40px !important;
  }

  .oet-cc-prefs-panel {
    padding: 16px;
    max-height: 82vh;
    overflow-y: auto;
  }

  .oet-cc-prefs-footer {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .oet-cc-prefs-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .oet-cc-prefs-buttons #oet-cc-save {
    grid-column: span 2;
    order: -1;
    min-height: 40px !important;
  }
}

/* Animation Keyframes */
@keyframes oetCcFadeUp {
  from {
    opacity: 0;
    transform: translate(-50%, 14px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 768px) {
  @keyframes oetCcFadeUp {
    from {
      opacity: 0;
      transform: translateY(14px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .oet-cc,
  .oet-cc-container,
  .oet-cc-btn,
  .oet-cc-toggle-track,
  .oet-cc-toggle-track:before {
    animation: none !important;
    transition: none !important;
  }
  .oet-cc-btn:hover {
    transform: none !important;
  }
}

/* Ensure the injected Legal footer label remains visible on the dark footer. */
.vl-copy-right-menu ul[aria-label="Legal"] li strong {
  color: #ffffff !important;
  font-weight: 800;
}

/* /assets/css/oet-polish.css */
/* ==========================================================================
   oet-polish.css - UI/UX polish + scroll-performance layer
   Loaded last so it can correct the vendor theme (style.min.css) without
   forking it. Keep this file additive: no new components, only fixes.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Scroll lock for native-scroll mode
   Lenis only runs on pointer:fine devices now, so touch devices need a real
   lock when a dialog/offcanvas opens. position:fixed is the only reliable
   cross-browser lock on iOS; main.js restores the offset on unlock.
   -------------------------------------------------------------------------- */
body.oet-scroll-locked {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   2. Typography scale
   The theme shipped fixed 70px/44px headings, so a 67-character H1 filled the
   entire viewport on a laptop and pushed every CTA below the fold. Fluid
   clamps keep the same visual weight while staying proportional.
   (The homepage hero moved to oet-hero.css and no longer uses .vl-banner-area.)
   -------------------------------------------------------------------------- */
.vl-section-title .title,
.vl-section-title-heading .title {
    font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
    line-height: 1.18;
    letter-spacing: -0.01em;
    text-wrap: balance;
}

/* Eyebrow shipped with line-height:18px at font-size:18px, so wrapped lines
   collided. Keep inline flow so the icon stays on the first text line. */
.vl-section-title .sub-title,
h4.sub-title,
p.sub-title {
    line-height: 1.45;
    margin-bottom: 14px;
}

.vl-section-title .sub-title > span,
h4.sub-title > span,
p.sub-title > span {
    display: inline;
}

.vl-section-title .sub-title > span img,
h4.sub-title > span img,
p.sub-title > span img {
    display: inline-block;
    vertical-align: -0.15em;
    margin-right: 6px;
}

.vl-section-title p {
    max-width: 62ch;
    line-height: 1.65;
    text-wrap: pretty;
}

/* Long lead paragraphs stay readable instead of running the full grid width. */
.vl-section-title-heading p {
    max-width: 68ch;
}

/* --------------------------------------------------------------------------
   3. Section rhythm
   -------------------------------------------------------------------------- */

/* One section shipped 285px of bottom padding, which read as a broken gap
   between it and the next band. */
.blog-padding-bottom10 {
    padding-bottom: 100px;
}

/* The 100px/70px desktop spacing scale is far too tall once the viewport is
   phone-sized - it turns every section break into a screen of empty colour. */
@media (max-width: 991px) {
    main .pt-100 { padding-top: 72px; }
    main .pb-100 { padding-bottom: 72px; }
    main .pb-70 { padding-bottom: 52px; }
    main .blog-padding-bottom10 { padding-bottom: 72px; }
}

@media (max-width: 575px) {
    main .pt-100 { padding-top: 56px; }
    main .pb-100 { padding-bottom: 56px; }
    main .pb-70 { padding-bottom: 40px; }
    main .blog-padding-bottom10 { padding-bottom: 56px; }
}

/* --------------------------------------------------------------------------
   4. Equal-height cards
   Bootstrap columns stretch, but the cards inside them did not, so "Read More"
   links sat at different heights across a row.
   -------------------------------------------------------------------------- */
.row > [class*="col-"] > .vl-service-box-1,
.row > [class*="col-"] > .vl-service-box-2,
.row > [class*="col-"] > .vl-service-box-3,
.row > [class*="col-"] > .vl-choose-box-1,
.row > [class*="col-"] > .vl-blog-box-1,
.row > [class*="col-"] > .service__box10,
.row > [class*="col-"] > .oet-card,
.row > [class*="col-"] > .oet-resource-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.row > [class*="col-"] > .vl-service-box-1 > .vl-service-content,
.row > [class*="col-"] > .vl-service-box-2 > .vl-service-content,
.row > [class*="col-"] > .vl-service-box-3 > .vl-service-content,
.row > [class*="col-"] > .service__box10 > .service__box10-content,
.row > [class*="col-"] > .oet-card > .oet-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* Push the trailing link/CTA of a card to the bottom so rows align. */
.vl-service-content > .vl-service-btn,
.vl-service-content > a:last-child,
.service__box10-content > .readmore:last-child,
.oet-card__body > .oet-card__link:last-child {
    margin-top: auto;
}

/* --------------------------------------------------------------------------
   5. Floating UI stacking
   The back-to-top progress ring sat at bottom:112px/right:24px, directly in
   the path of the contact widget's expanded "Contact us" label. Moving the
   ring to the opposite corner removes the collision on every breakpoint.
   -------------------------------------------------------------------------- */
.progress-wrap {
    right: auto !important;
    left: 24px;
    bottom: 24px !important;
    z-index: 990;
}

@media (max-width: 767px) {
    .progress-wrap {
        left: 16px;
        bottom: 16px !important;
        transform: scale(0.85);
        transform-origin: left bottom;
    }
}

/* Keep the cookie banner clear of the contact widget and of the hero CTA. */
.oet-cc {
    z-index: 10000;
}

@media (min-width: 992px) {
    .oet-cc {
        max-width: 720px;
        margin-inline: auto;
    }
}

/* --------------------------------------------------------------------------
   6. Header announcement CTA
   The typewriter pill rendered as a white rounded box with a blinking caret,
   which read as a broken text input. Make it look like the link it is and
   stop the caret from repainting the sticky header forever.
   -------------------------------------------------------------------------- */
.oet-community-cta__cursor {
    display: none !important;
}

.vl-header-top-text .oet-community-cta {
    border-radius: 999px;
    padding: 4px 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.vl-header-top-text .oet-community-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 12, 60, 0.18);
}

/* --------------------------------------------------------------------------
   7. Marquee legibility
   At 2 slides per 390px viewport the platform cards were sliced mid-word at
   both edges, which read as a broken layout rather than a marquee. Showing
   fewer, wider slides keeps each card readable while it passes.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .marquee-swiper .swiper-slide {
        min-width: 0;
    }

    .marquee-swiper .swiper-brand-slide-element {
        padding-inline: 14px;
    }

    /* Fade the cut edges so partial cards look intentional. */
    .marquee-swiper {
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
    }
}

/* --------------------------------------------------------------------------
   8. Service card icons
   The theme shipped three generic SVGs reused across nine cards, so "Expert
   Review" and "OET Writing Practice" carried the same picture. These are now
   distinct FontAwesome glyphs, styled to occupy the same box as the old art.
   -------------------------------------------------------------------------- */
.service__box10-icon .oet-svc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(168, 85, 247, 0.16));
    color: #6d28d9;
    font-size: 26px;
    line-height: 1;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.service__box10:hover .service__box10-icon .oet-svc-icon {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
    transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   9. Motion / paint cost
   will-change on permanently-mounted elements keeps a compositor layer alive
   for the whole session. Restrict it to the moment it is needed.
   -------------------------------------------------------------------------- */
.vl-hero-shape-1,
.vl-hero-shape-2,
.aniamtion-key-1,
.aniamtion-key-2,
.aniamtion-key-3,
.aniamtion-key-4,
.aniamtion-key-5 {
    will-change: auto;
}

/* Decorative shapes never need to drive layout or hit-testing. */
.vl-hero-shape-1,
.vl-hero-shape-2 {
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   10. Interaction polish
   -------------------------------------------------------------------------- */
.vl-primary-btn,
.vl-secondary-btn,
.oet-btn {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.vl-primary-btn:hover,
.vl-secondary-btn:hover,
.oet-btn:hover {
    transform: translateY(-2px);
}

.vl-primary-btn:active,
.vl-secondary-btn:active,
.oet-btn:active {
    transform: translateY(0);
}

.vl-service-box-1,
.vl-service-box-2,
.vl-service-box-3,
.oet-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.vl-service-box-1:hover,
.vl-service-box-2:hover,
.vl-service-box-3:hover,
.oet-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 12, 60, 0.1);
}

/* Images should never be the reason a card reflows mid-scroll. */
.vl-service-box-1 img,
.vl-service-box-2 img,
.vl-service-box-3 img,
.oet-card img {
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------
   11. Reduced motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .vl-primary-btn:hover,
    .vl-secondary-btn:hover,
    .oet-btn:hover,
    .vl-service-box-1:hover,
    .vl-service-box-2:hover,
    .vl-service-box-3:hover,
    .oet-card:hover {
        transform: none;
    }
}

/* --------------------------------------------------------------------------
   12. Offcanvas chevrons
   Theme + earlier patches absolutely positioned .vl-menu-close (top:6px /
   top:50% + translateY), so arrows floated off their labels. Keep each
   toggle in-flow on the same grid row as its parent link.
   -------------------------------------------------------------------------- */
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    column-gap: 8px;
}

body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown > a {
    grid-area: 1 / 1;
    min-width: 0;
}

body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown > .vl-menu-close {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    grid-area: 1 / 2;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    align-self: center;
    justify-self: end;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown > .sub-menu,
body.oet-live-site .vl-offcanvas-menu ul li.has-dropdown > .vl-mega-menu {
    grid-area: 2 / 1 / 3 / 3;
}

body.oet-live-site .vl-offcanvas-menu ul li.active > .vl-menu-close i {
    transform: rotate(90deg);
}

/* /assets/css/oet-redesign.css */
/* =====================================================================
   OET Blog + practice hub styles (2026-10).
   The 26 Oct redesign's header, drawer, footer and homepage styles were
   removed on 27 Oct 2026 (owner V3 brief: restore the original UI, keep
   the new OET Blog). What remains, loaded site-wide after oet-polish.css:
   1. Focus rules   2. Blog index, blog cards, practice hub, articles
   3. Homepage "Latest from the OET Blog" section (owner-approved as-is)
   ===================================================================== */

/* ---- 1. Focus ---- */
.oet-blog a:focus-visible,
.oet-blog input:focus-visible,
.oet-home-x a:focus-visible{
  outline:3px solid var(--oet-purple-soft);
  outline-offset:3px;
  border-radius:8px;
}

/* ---- 2. Blog index, blog cards (also on the homepage), practice hub, articles ---- */
.oet-blog-hero{padding-bottom:40px}
.oet-blog-hero__grid{display:grid;gap:24px;align-items:end}
.oet-blog-search label{display:block;font-weight:700;color:var(--oet-ink);margin-bottom:8px}
.oet-blog-search__field{position:relative}
.oet-blog-search__field i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--oet-muted);pointer-events:none}
.oet-blog-search__field input{
  width:100%;min-height:52px;padding:12px 16px 12px 44px;
  border:1.5px solid rgba(124,58,237,.28);border-radius:14px;background:#fff;
  font-size:16px;color:var(--oet-ink);
}
.oet-blog-search__field input:focus{border-color:var(--oet-purple);outline:none;box-shadow:0 0 0 4px rgba(124,58,237,.18)}
.oet-blog-search__status{margin:8px 0 0;font-size:14px;color:var(--oet-muted)}
.oet-blog-chips{margin-top:24px}
.oet-blog-chips ul{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin}
.oet-blog-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;white-space:nowrap;
  border-radius:999px;background:#fff;border:1px solid rgba(124,58,237,.22);
  color:var(--oet-ink);font-weight:700;font-size:15px;text-decoration:none;
}
.oet-blog-chip span{font-size:12.5px;font-weight:700;color:var(--oet-purple);background:var(--oet-lav-100);border-radius:999px;padding:2px 8px}
.oet-blog-chip:hover{border-color:var(--oet-purple);color:var(--oet-purple)}
.oet-blog-body{padding-top:40px;padding-bottom:64px}
.oet-blog-section{padding:8px 0 40px;scroll-margin-top:110px}
.oet-blog-section[hidden],.oet-blog-card[hidden]{display:none!important}
.oet-blog-section__head h2{font-size:clamp(24px,2.2vw,32px);margin:0 0 6px;color:var(--oet-ink)}
.oet-blog-section__head p{margin:0 0 20px;color:var(--oet-muted)}
.oet-blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
.oet-blog-card{
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid rgba(124,58,237,.14);border-radius:18px;
  box-shadow:var(--oet-shadow-sm);transition:transform .2s ease,box-shadow .2s ease;
}
.oet-blog-card:hover{transform:translateY(-2px);box-shadow:var(--oet-shadow)}
.oet-blog-card__media{display:block;aspect-ratio:1200/630;background:var(--oet-lav-100)}
.oet-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.oet-blog-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1 1 auto}
.oet-blog-card__tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--oet-purple)}
.oet-blog-card__title{font-size:19px;line-height:1.3;margin:0}
.oet-blog-card__title a{color:var(--oet-ink);text-decoration:none}
.oet-blog-card__title a:hover{color:var(--oet-purple)}
.oet-blog-card__summary{margin:0;color:#4f4b7b;font-size:15.5px;line-height:1.55}
.oet-blog-card__meta{margin:0;font-size:13.5px;color:var(--oet-muted)}
.oet-blog-card__link{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;
  color:var(--oet-purple);font-weight:800;text-decoration:none;
}
.oet-blog-card__link:hover{color:var(--oet-purple-deep);text-decoration:underline}
.oet-blog-empty{padding:24px;border-radius:14px;background:var(--oet-lav-100);color:var(--oet-ink);text-align:center}
.oet-blog-next{margin-top:16px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#eee9ff,#f8f5ff)}
.oet-blog-next h2{font-size:26px;margin:0 0 8px;color:var(--oet-ink)}
.oet-blog-next p{margin:0 0 16px;color:#4f4b7b}
@media (min-width:768px){
  .oet-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:992px){
  .oet-blog-hero__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
}
@media (min-width:1200px){
  .oet-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* in-page links inside the hero roadmap (practice hub) */
.oet-tips-roadmap-item strong a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.oet-resource-section{scroll-margin-top:100px}

/* ---- 3. Homepage "Latest from the OET Blog" ---- */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.oet-home-section{padding:64px 0}
.oet-home-head{max-width:720px;margin:0 auto 32px;text-align:center}
.oet-home-head h2{font-size:clamp(26px,3vw,40px);line-height:1.2;color:var(--oet-ink);margin:0 0 10px}
.oet-home-head p{margin:0;color:#4f4b7b;font-size:17px}
.oet-home-kicker{font-size:14px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--oet-purple)!important;margin:0 0 8px!important}
.oet-home-head--split{max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}
.oet-home-route__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;font-weight:800;color:var(--oet-purple);text-decoration:none}
.oet-home-route__link:hover{color:var(--oet-purple-deep);text-decoration:underline}
.oet-home-blog{background:#e6e0ff}
@media (min-width:768px){
  .oet-home-head--split{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .oet-home-section{padding:88px 0}
}
/* testimonial star icons (were empty "#" links; same look as the theme's anchor rule) */
.testimonial__wrap-overlay-icon .oet-star{background:hsla(0,0%,100%,.2);border-radius:2px;display:inline-block;height:28px;margin-right:4px;text-align:center;width:28px}
.testimonial__wrap-overlay-icon .oet-star img{padding-left:2px}
/* visible breadcrumbs on the centred heroes (pricing, FAQ, placement test; SEO + GEO plan 2 Nov 2026) */
.text-center .oet-breadcrumbs ol,.oet-faq-hero .oet-breadcrumbs ol,.oet-pt-hero .oet-breadcrumbs ol{justify-content:center}