body { color: #000000; font-size: 16px; font-family: 'Proxima Nova Rg'; font-weight: 400; line-height: 1.563; }
@font-face { font-family: 'Lato'; src: url('../fonts/Lato-Regular.eot'); src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Lato-Regular.woff2') format('woff2'),  url('../fonts/Lato-Regular.woff') format('woff'),  url('../fonts/Lato-Regular.ttf') format('truetype'),  url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../fonts/Lato-Light.eot'); src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Lato-Light.woff2') format('woff2'),  url('../fonts/Lato-Light.woff') format('woff'),  url('../fonts/Lato-Light.ttf') format('truetype'),  url('../fonts/Lato-Light.svg#Lato-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova-Extrabld.eot'); src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova-Regular.eot'); src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Bl'; src: url('../fonts/ProximaNova-Black.eot'); src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.woff2') format('woff2'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova-Bold.eot'); src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNovaT-Thin.eot'); src: url('../fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'), url('../fonts/ProximaNovaT-Thin.woff') format('woff'), url('../fonts/ProximaNovaT-Thin.ttf') format('truetype'), url('../fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Volte-Medium'; src: url('../fonts/Volte-Medium.woff2') format('woff2'), url('../fonts/Volte-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
.container { padding-left: 15px; padding-right: 15px; }
.green-pattern { background: url(../img/green-pattern-1.png), url(../img/green-pattern-2.png), url(../img/green-pattern-3.png); background-repeat: no-repeat; background-position: top right, 0 30%, bottom right; }
.main-banner img { border-top-left-radius: 45%; border-top-right-radius: 45%; }
/*html, body{overflow-x: hidden;}*/
header { position: sticky; position: -webkit-sticky; top: 0; }
header .btn-primary i, header .btn-secondary i { display: none; }
header .flex.justify-between > .float-left{ max-width:380px;}
.head-fix header { box-shadow: 0 0 6px rgba(0,0,0,0.2); background-color: #ffffff }
.has-gradient { background-image: url(../img/gradient-pattern-1.jpg), url(../img/gradient-pattern-2.jpg), url(../img/gradient-pattern-3.jpg); background-repeat: no-repeat; background-position: 0 14%, 100% 42%, 0 96%;background-size:30% auto, 30% auto, 10% auto;}
.has-gradient .competency-wrap{ border-top:  none !important;}

.inner-banner { background-image: url(../img/banner-pattern-left.png), url(../img/banner-pattern-right.png); background-repeat: no-repeat; background-position: bottom left, top right; }
.no-bg-img{ background-image: none;}
#unitslider .carousel-indicators [data-bs-target] { border: none; background: #f2f5fa; width: 20%; margin: 0; height: 12px; border-radius: 20px; }
#unitslider .carousel-indicators [data-bs-target].active { background-color: #02abe6; }
.accordion-wrap .accordion-button:not(.collapsed) { color: #000000; background-color: #f1f5fb; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.accordion-wrap .accordion-button:after { content: "\f13a"; font-family: "Font Awesome 5 Pro"; background-image: none; font-weight: 300; position: absolute; font-size: 22px; right: 20px; top: 24px; z-index: 12; }
.accordion-wrap .accordion-button:not(.collapsed):after { top: 28px; }
.accordion-wrap .accordion-item { border-radius: 0.75rem; }
ul.list-line li { position: relative; padding-left: 23px; }
ul.list-line li:before { content: ""; background: #02abe7; padding: 1px 0 2px; border-radius: 0; width: 8px; left: 0; top: 11px; font-size: 14px; display: inline-block; line-height: 1; position: absolute; }
.accordion-wrap .accordion-button .unit-radio, .checkbox-button .unit-checkbox { position: absolute; left: 20px; top: 26px; }
.accordion-wrap .accordion-button:hover .checkmark { border-color: #ffffff }
.accordion-wrap .accordion-button:not(.collapsed) .checkmark { border-color: #02abe7 }
.modal .modal-dialog .btn-close { font-family: Arial, Baskerville, monospace; background: none; padding: 2px; font-size: 11px; }
.checkbox-button.completed { background-color: #02abe7; color: #ffffff; }
input[type=range] { -webkit-appearance: none; margin: 10px 0; width: 100%; }
input[type=range]:focus { outline: none; }
 input[type=range]::-webkit-slider-runnable-track {
 width: 100%;
 height: 8.4px;
 cursor: pointer;
 background: #02abe7;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
}
 input[type=range]::-webkit-slider-thumb {
 border: 1px solid #dbe0e6;
 height: 36px;
 width: 16px;
 border-radius: 12px;
 background: #dbe0e6;
 cursor: pointer;
 -webkit-appearance: none;
 margin-top: -14px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
}
 input[type=range]:focus::-webkit-slider-runnable-track {
 background: #02abe7;
}
 input[type=range]::-moz-range-track {
 width: 100%;
 height: 8.4px;
 cursor: pointer;
 background: #02abe7;
 border-radius: 12px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
}
 input[type=range]::-moz-range-thumb {
 border: 1px solid #dbe0e6;
 height: 36px;
 width: 16px;
 border-radius:12px;
 background: #dbe0e6;
 cursor: pointer;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
}
 input[type=range]::-ms-track {
 width: 100%;
 height: 8.4px;
 cursor: pointer;
 background: transparent;
 border-color: transparent;
 border-width: 16px 0;
 color: transparent;
}
 input[type=range]::-ms-fill-lower {
 background:#02abe7;
 border-radius:12px;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -ms-border-radius:12px;
 -o-border-radius:12px;
}
 input[type=range]::-ms-fill-upper {
 background:#02abe7;
 border-radius: 12px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
}
 input[type=range]::-ms-thumb {
 border: 1px solid #dbe0e6;
 height: 36px;
 width: 16px;
 border-radius: 3px;
 background: #dbe0e6;
 cursor: pointer;
}
 input[type=range]:focus::-ms-fill-lower {
 background: #02abe7;
}
 input[type=range]:focus::-ms-fill-upper {
 background: #02abe7;
}
@media only screen and (max-width:991px) {
header .btn-primary, header .btn-secondary { padding: 9px 2px; width: 37px; border-radius: 40px; text-align: center; }
header .btn-primary i, header .btn-secondary i { display: block; }
header .btn-primary span, header .btn-secondary span { display: none }
.has-gradient {    background-position: 0 8%, 100% 35%, 0 96%;background-size:50% auto, 50% auto, 20% auto;}
}