.separator {
position: relative;
height: 2px;
background-color: var(--orange-color);
margin: 5px;
width: 100%;
}
.separator.bold {
height: 4px;
}
.separator.bolder {
height: 6px;
}
.separator.blue {
background-color: var(--blue-color);
}
.separator.short {
max-width: 80px;
}
.separator.medium {
max-width: 120px;
}
.separator.long {
max-width: 160px;
}
.separator.center {
margin: 0 auto;
}
.separator.right {
margin-left: auto;
} .bg-hover.orange:hover {
background-color: rgb(255,94,25);
background: linear-gradient(90deg, rgba(255,94,25,1) 0%, rgba(255,173,51,1) 100%);
}
.bg-hover.blue:hover {
background-color: rgb(48, 188, 227);
background: linear-gradient(90deg, rgba(25, 117, 255, 1) 0%, rgba(51, 169, 255, 1) 100%);
}
.bg-hover.light-blue:hover {
background-color: rgb(82, 203, 237);
background: linear-gradient(45deg, rgba(82, 203, 237, 1) 27%, rgba(6, 70, 88, 1) 100%);
} .prefix .card-group__wrapper,
.prefix .case-study-group__wrapper {
width: 320px;
}
.slider-content__wrapper.gap .prefix {
margin-right: 15px;
}
.slider-content__wrapper .slick-track {
display: flex;
}
.slider-content__wrapper .slick-track .prefix {
height: auto;
}
.card-group__wrapper:not(.component):not(.static):hover {
scale: 1.1;
} .case-study-group__wrapper {
display: flex;
background: #fff;
color: #000;
border: 1px solid #ccc;
border-radius: 4px;
padding: 30px;
background-color: #fff;
transition: all 0.3s;
min-height: 300px;
height: 100%;
}
.card-group__wrapper.mh-auto {
min-height: auto;
}
.card-group__wrapper.title-mb-0 .title {
margin-bottom: 0;
}
.case-study-group__wrapper > div {
width: 100%;
}
.case-study-group__wrapper a {
transition: none;
}
.case-study-group__wrapper:hover,
.case-study-group__wrapper:hover .title,
.case-study-group__wrapper:hover a {
color: #fff;
}
.case-study-group__wrapper:hover {
border-radius: var(--widget-border-radius);
border-bottom-left-radius: 0;
text-align: center;
}
.case-study-group__wrapper .title {
font-size: var(--widget-title-font-size);
margin-bottom: 100px;
}
.case-study-group__wrapper .title.line-clamp {
-webkit-line-clamp: 4;
height: 120px;
}
.case-study-group__wrapper p {
margin-bottom: 0;
}
.case-study-group__wrapper div.line-clamp {
-webkit-line-clamp: 3;
height: 72px;
}
.case-study-group__wrapper a.link span {
font-size: 14px;
letter-spacing: 0.5px;
transition: none;
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
gap: 5px;
margin-top: 16px;
}
.case-study-group__wrapper:hover a span {
justify-content: space-between;
}
.case-study-group__wrapper svg,
.case-study-group__wrapper svg path {
fill: #000;
}
.case-study-group__wrapper:hover svg,
.case-study-group__wrapper:hover svg path {
fill: #fff;
} .card-group__wrapper {
color: #000;
border: 1px solid #ccc;
border-radius: 4px;
padding: 40px 30px;
border-radius: var(--widget-border-radius);
background-color: #fff;
height: 100%;
min-height: 325px;
transition: all 0.3s;
}
.card-group__wrapper.mh-auto {
min-height: auto;
}
.card-group__wrapper.dark,
.card-group__wrapper.dark a {
color: #fff;
}
.card-group__wrapper.dark a svg {
fill: #fff;
}
.card-group__wrapper.mh {
}
.card-group__wrapper.transparent {
background: transparent;
}
.card-group__wrapper.border {
border: 2px solid;
}
.card-group__wrapper .label {
font-size: var(--font-size);
margin-bottom: 20px;
}
.card-group__wrapper .body {
height: 100%;
display: flex;
flex-direction: column;
}
.card-group__wrapper .icon {
height: 65px;
width: 65px;
border-radius: 10px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.card-group__wrapper a {
transition: none;
margin-top: auto;
}
.card-group__wrapper.orange:hover,
.card-group__wrapper.orange:hover a,
.card-group__wrapper.light-blue:hover,
.card-group__wrapper.light-blue:hover a {
color: #fff;
}
.card-group__wrapper .image-top.image-svg {
margin-bottom: 32px;
}
.card-group__wrapper .image-top.image-svg.text-center {
text-align: center;
}
.card-group__wrapper .image-top.image-svg.text-end {
text-align: right;
}
.card-group__wrapper .title {
font-size: var(--widget-title-font-size);
margin-bottom: 20px;
font-weight: 700;
margin-top: 15px;
}
.card-group__wrapper .title.line-clamp {
-webkit-line-clamp: 2;
height: 60px;
}
.card-group__wrapper p {
margin-bottom: 0;
}
.card-group__wrapper div.line-clamp {
-webkit-line-clamp: 3;
height: 72px;
}
.card-group__wrapper ul {
list-style: initial;
padding-left: 25px;
}
.card-group__wrapper a.link span {
font-size: 14px;
letter-spacing: 0.5px;
transition: none;
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
gap: 5px;
margin-top: 16px;
}
.card-group__wrapper.orange:hover svg,
.card-group__wrapper.orange:hover svg path,
.card-group__wrapper.light-blue:hover svg,
.card-group__wrapper.light-blue:hover svg path {
fill: #fff;
}
.card-group__wrapper.orange,
.card-group__wrapper.light-blue {
border-width: 2px;
}
.card-group__wrapper.orange {
border-color: rgb(82, 203, 237, 1);
}
.card-group__wrapper.orange .icon {
background-color: rgba(255,94,25, 0.2);
}
.card-group__wrapper.light-blue {
border-color: rgb(44, 188, 227, 1);
}
.card-group__wrapper.light-blue .icon {
background-color: rgba(44, 188, 227, 0.2);
}
.card-group__wrapper.orange:hover .icon,
.card-group__wrapper.light-blue:hover .icon {
padding: 0;
background-color: transparent;
}
.card-group__wrapper.orange:hover .icon svg,
.card-group__wrapper.light-blue:hover .icon svg {
width: 48px;
height: 48px;
} .card-group__wrapper.component {
border-bottom-right-radius: 0;
padding: 0;
border-color: transparent;
border: 1px solid #ccc;
height: 100%;
transition: all 0.3s;
}
.card-group__wrapper.component > div {
height: 100%;
}
.card-group__wrapper.component:not(.bg-transparent):hover,
.card-group__wrapper.component:not(.bg-transparent):hover a.link {
color: #000;
}
.card-group__wrapper.component .image-top {
height: 280px;
overflow: hidden;
border-top-right-radius: var(--widget-border-radius);
border-top-left-radius: var(--widget-border-radius);
}
.card-group__wrapper.component .image-top img {
height: 100%;
width: 100%;
object-fit: cover;
}
.card-group__wrapper.component .image-top.img-fit img {
object-fit: contain;
}
.card-group__wrapper.component .body {
display: flex;
flex-direction: column;
flex: 1;
padding: 20px;
border-bottom-left-radius: var(--widget-border-radius);
}
.card-group__wrapper.component.text-center .body {
align-items: center;
}
.card-group__wrapper.component.text-right .body {
align-items: end;
}
.card-group__wrapper.component .title {
font-size: 20px;
font-weight: 700;
margin-bottom: 35px;
}
.card-group__wrapper.component .body > div {
margin-bottom: 30px;
width: 100%;
}
.card-group__wrapper.component a {
margin-top: auto;
}
.card-group__wrapper.component a.link {
font-size: 14px;
margin-top: auto;
margin-bottom: 10px;
}
.card-group__wrapper.component a.link.underline {
text-decoration: underline;
} 
.card-group__wrapper.component a svg {
width: 18px;
height: 18px;
fill: #000;
}
.card-group__wrapper.component .title.line-clamp {
-webkit-line-clamp: 1;
height: 25px;
}
.card-group__wrapper.component:hover .link svg,
.card-group__wrapper.component:hover .link svg path {
fill: #000;
} .card-group__wrapper.component.expandable {
border-bottom-right-radius: 0;
padding: 0;
border-color: transparent;
border: 1px solid #ccc;
height: 100%;
transition: all 0.3s;
}
.card-group__wrapper.component.expandable a.link {
margin-top: 16px;
}
.card-group__wrapper.component.expandable .image-top {
transition: all 0.2s;
}
.card-group__wrapper.component.expandable:hover .image-top {
height: 0;
}
.card-group__wrapper.component.expandable .body {
justify-content: center;
}
.card-group__wrapper.component.expandable .body > div.line-clamp {
-webkit-line-clamp: 4;
height: 105px;
}
.card-group__wrapper.component.expandable:hover .body .title {
font-size: var(--widget-title-font-size);
}
.card-group__wrapper.component.expandable:hover .body > div.line-clamp {
height: auto;
-webkit-line-clamp: unset;
}
.card-group__wrapper.component.expandable:hover .body,
.card-group__wrapper.component.expandable:hover .body > div {
text-align: center !important;
}
.card-group__wrapper.static .title {
font-weight: 700;
}
.card-group__wrapper.static .title:not(.line-clamp) {
min-height: 86px;
}
.card-group__wrapper.static .icon {
width: auto;
height: auto;
margin-left: 0;
margin-bottom: 20px;
padding: 0;
}
.card-group__wrapper.static.text-center .icon {
margin-right: 0;
}
.card-group__wrapper.static.text-right .icon {
margin-left: auto;
margin-right: 0;
}
.card-group__wrapper.static > div {
height: 100%;
}
.card-group__wrapper.static .body div {
color: #7D8286;
}
.card-group__wrapper.static .body div.line-clamp {
-webkit-line-clamp: 5;
height: 122px;
}
.card-group__wrapper.static .body div.line-clamp.reading {
height: auto;
display: block;
}
.card-group__wrapper button.read-more {
margin-top: 20px;
color: rgb(82, 203, 237, 1);
padding: 0;
background-color: none;
text-align: left;
} .scrollable-y-container {
height: 280px;
overflow-x: hidden;
padding-right: 30px;
}
.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-track {
width: 20px;
border: none;
background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-button,
.custom-scrollbar::-webkit-scrollbar-track-piece,
.custom-scrollbar::-webkit-scrollbar-corner,
.custom-scrollbar::-webkit-resizer {
display: none;
}
.custom-scrollbar::-webkit-scrollbar-thumb{
background: var(--orange-color);
height:20px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background-image: url(../svg/scrollbar-track-black.svg);
background-repeat: repeat-y;
background-size: contain;
background-position: top right;
}
.scrollable-y-container.dark.custom-scrollbar::-webkit-scrollbar-track {
background-image: url(../svg/scrollbar-track.svg);
}
.hidden-scrollbar {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.hidden-scrollbar::-webkit-scrollbar,
.hidden-scrollbar::-webkit-scrollbar-thumb,
.hidden-scrollbar::-webkit-scrollbar-track {
width: 8px;
} .custom-text-block__wrapper.dark {
color: #fff;
}
.custom-text-block__wrapper ul,
.custom-text-block__wrapper ol {
padding-left: 2rem;
}
.custom-text-block__wrapper ul {
list-style-type: disc;
}
.custom-text-block__wrapper ol {
list-style-type: decimal;
} .card-expand-e-group__wrapper {
position: relative;
display: flex;
gap: 10px;
}
.card-expand-e-group__wrapper.dark {
color: #fff;
}
.card-expand-e-group__wrapper .card-expand-e-group__item {
position: relative;
}
.card-expand-e-group__wrapper .card-expand-e-group__item img {
height: 600px;
object-fit: cover;
object-position: left;
border-radius: 20px;
}
.card-expand-e-group__wrapper .card-expand-e-group__item .content__wrapper {
position: absolute;
bottom: 0;
padding: 20px;
max-width: 100%;
min-height: 110px;
max-height: 600px;
overflow: hidden;
}
.card-expand-e-group__wrapper .card-expand-e-group__item .title {
font-weight: 700;
margin: 0;
font-size: var(--font-size);
min-height: 44px;
min-width: 150px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
.card-expand-e-group__wrapper {
overflow-y: hidden;
overflow-x: scroll;
}
.card-expand-e-group__wrapper .card-expand-e-group__item {
flex: none;
}
.card-expand-e-group__wrapper .card-expand-e-group__item img {
height: 500px;
}
}
@media only screen and (min-width: 1200px) {
.card-expand-e-group__wrapper .card-expand-e-group__item {
transition: all 0.3s; }
.card-expand-e-group__wrapper .card-expand-e-group__item:hover { flex: none;
}
.card-expand-e-group__wrapper .card-expand-e-group__item p {
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
width: calc(327px - 40px);
}
.card-expand-e-group__wrapper .card-expand-e-group__item:hover p {
height: fit-content;
max-height: 600px;
transition: max-height 0.35s ease-in;
}
}  .glance-group__wrapper { position: relative;
margin: 0 auto;
overflow: auto;
padding-right: var(--bs-gutter-x,.75rem);
padding-left: var(--bs-gutter-x,.75rem);
}
.glance-group__wrapper g,
.glance-group__wrapper .stroke-line {
transform-origin: center;
}    .stack-content__wrapper {
position: relative;
}
.stack-content__wrapper .content {
position: absolute;
}
.stack-content__wrapper .top {
max-width: 720px
}
.stack-content__wrapper .content {
z-index: 2;
background: #fff;
border-radius: 20px; 
border: 1px solid #ccc; 
box-shadow: 0px 2px 24px 10px rgba(154, 176, 181, 0.1);
max-width: 720px;
right: 0;
top: 40%;
}
@media only screen and (max-width: 991px) {
.stack-content__wrapper .top,
.stack-content__wrapper .content {
position: initial;
}
.stack-content__wrapper .top {
margin-bottom: 15px;
}
} .timeline__wrapper {
height: auto;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.timeline__wrapper.dark {
color: #fff;
}
.timeline__wrapper.limgrc {
}
.timeline__wrapper.lcrimg {
}
.timeline__wrapper .timeline-content__wrapper {
position: relative;
display: flex;
gap: 15px;
margin-bottom: 40px;
min-height: 250px;
}
.timeline__wrapper .timeline-left,
.timeline__wrapper .timeline-right {
flex: 0 46%;
padding: 0 15px;
align-self: center;
}
.timeline__wrapper .timeline-circle {
flex: 0 4%;
}
.timeline__wrapper .timeline-circle {
position: relative;
display: flex;
justify-content: center;
}
.timeline__wrapper .timeline-circle:before {
content: "";
position: absolute;
top: 0;
width: 25px;
height: 25px;
border-radius: 50%;
}
.timeline__wrapper .timeline-circle:after {
content:"";
height: 100%;
width: 2px;
display: block;
position: absolute;
top: 30px;
}
.timeline__wrapper .timeline-content__wrapper > .timeline-circle:before,
.timeline__wrapper .timeline-content__wrapper > .timeline-circle:after {
background-color: rgba(224, 227, 230, 1);
background-color: rgba(224, 227, 230, 1);
}
.timeline__wrapper .timeline-content__wrapper .timeline-circle > .timeline-circle:after {
height: 0;
transition: all 0.5s;
}
.timeline__wrapper .timeline-content__wrapper .timeline-circle > .timeline-circle:after {
z-index: 2;
}
.timeline__wrapper .timeline-content__wrapper:first-child .timeline-circle > .timeline-circle:before,
.timeline__wrapper .timeline-content__wrapper:first-child .timeline-circle > .timeline-circle:after,
.timeline__wrapper .timeline-content__wrapper.active .timeline-circle > .timeline-circle:before,
.timeline__wrapper .timeline-content__wrapper.active .timeline-circle > .timeline-circle:after {
background-color: var(--orange-color);
}
.timeline__wrapper .timeline-content__wrapper:first-child .timeline-circle > .timeline-circle:after,
.timeline__wrapper .timeline-content__wrapper.active .timeline-circle > .timeline-circle:after {
height: 100%;
}
@media only screen and (min-width: 768px) {
.timeline-content__wrapper:nth-child(even) .timeline-left {
order: 3;
}
.timeline-content__wrapper:nth-child(odd) .timeline-left {
order: 1;
}
.timeline-content__wrapper:nth-child(odd) .timeline-right {
order: 3;
}
.timeline-content__wrapper:nth-child(even) .timeline-right {
order: 1;
}
.timeline-content__wrapper .timeline-circle {
order: 2;
}
.timeline__wrapper.rtl .timeline-content__wrapper:nth-child(odd) .timeline-left {
order: 3;
}
.timeline__wrapper.rtl .timeline-content__wrapper:nth-child(odd) .timeline-right {
order: 1;
}
.timeline__wrapper.rtl .timeline-content__wrapper:nth-child(even) .timeline-left {
order: 1;
}
.timeline__wrapper.rtl .timeline-content__wrapper:nth-child(even) .timeline-right {
order: 3;
}
}
@media only screen and (max-width: 767px) {
.timeline__wrapper .timeline-content__wrapper {
display: block;
padding-left: 30px;
margin-bottom: 20px;
}
.timeline-content__wrapper .timeline-circle {
position: absolute;
left: 0;
height: calc(100% - 30px);
}
.timeline-content__wrapper .timeline-left,
.timeline-content__wrapper .timeline-right {
margin-bottom: 15px;
}
} .quickplay__wrapper {
position: relative;
min-height: 550px;
}
.quickplay__wrapper .diamond {
position: absolute;
width: 110px;
padding-bottom: 110px;
border-radius: 15px;
background: var(--theme-color);
color: #fff;
transition:background-color .4s;
transform: rotate(45deg);
}
.quickplay__wrapper .diamond:nth-child(even) {
left: 100px;
}
.quickplay__wrapper .diamond:nth-child(2) {
top: 90px;
}
.quickplay__wrapper .diamond:nth-child(3) {
top: 180px;
}
.quickplay__wrapper .diamond:nth-child(4) {
top: 267.5px;
}
.quickplay__wrapper .diamond:nth-child(5) {
top: 355px;
}
.quickplay__wrapper .diamond span {
position: absolute;
top: 0; 
left: 0;
width: 100%;
height: 100%;
transform: rotate(-45deg);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
}
.quickplay__wrapper .diamond:hover {
cursor: pointer;
color: #000;
transition: all 0.3s;
}
.quickplay__wrapper .diamond.qp-green.active,
.quickplay__wrapper .diamond.qp-green:hover {
background-color: rgb(119, 255, 169);
background: linear-gradient(-45.03deg, #28C35F 13.33%, #77FFA9 93.69%);
}
.quickplay__wrapper .diamond.qp-purple.active,
.quickplay__wrapper .diamond.qp-purple:hover {
background-color: rgb(119, 255, 169);
background: linear-gradient(-45.03deg, #7E65E0 13.33%, #F7E9E0 93.69%);
}
.quickplay__wrapper .diamond.qp-light-blue.active,
.quickplay__wrapper .diamond.qp-light-blue:hover {
background-color: rgb(119, 255, 169);
background: linear-gradient(-45.03deg, #0094BD 13.33%, #F5E1D6 93.69%);
}
.quickplay__wrapper .diamond.qp-orange.active,
.quickplay__wrapper .diamond.qp-orange:hover {
background-color: rgb(119, 255, 169);
background: linear-gradient(-45.03deg, #EC6608 13.33%, #F4E1D6 93.69%);
}
.quickplay__wrapper .diamond.qp-yellow.active,
.quickplay__wrapper .diamond.qp-yellow:hover {
background-color: rgb(119, 255, 169);
background: linear-gradient(-45.03deg, #ECBA08 13.33%, #F8ECE4 93.69%);
}
.quickplay-body__wrapper .quickplay-content.qp-green .quickplay-content__keys > div {
background: rgba(114, 251, 164, 0.2);
}
.quickplay-body__wrapper .quickplay-content.qp-purple .quickplay-content__keys > div {
background: rgba(199, 177, 234, 0.2);
}
.quickplay-body__wrapper .quickplay-content.qp-light-blue .quickplay-content__keys > div {
background: rgba(0, 148, 189, 0.3);
}
.quickplay-body__wrapper .quickplay-content.qp-orange .quickplay-content__keys > div {
background: rgba(255, 169, 109, 0.2);
}
.quickplay-body__wrapper .quickplay-content.qp-yellow .quickplay-content__keys > div {
background: rgba(208, 204, 111, 0.2);
}
.quickplay-body__wrapper .quickplay-content .slides {
position: relative;
}
.quickplay-body__wrapper .quickplay-content .slides:after {
content: "";
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-position: right;
border-radius: 20px;
}
.quickplay-body__wrapper .quickplay-content.qp-green .slides {
background: linear-gradient(0.03deg, rgba(67, 220, 122, 0.56) -2.3%, rgba(108, 247, 158, 0.0896) 101.24%);
}
.quickplay-body__wrapper .quickplay-content.qp-green .slides:after {
background-image: url(../png/quickplay-content-green.png);
}
.quickplay-body__wrapper .quickplay-content.qp-purple .slides {
background: linear-gradient(0.03deg, rgba(135, 111, 225, 0.56) -2.3%, rgba(236, 102, 8, 0.1176) 101.24%);
}
.quickplay-body__wrapper .quickplay-content.qp-purple .slides:after {
background-image: url(../png/quickplay-content-purple.png);
}
.quickplay-body__wrapper .quickplay-content.qp-light-blue .slides {
background: linear-gradient(0.03deg, rgba(108, 192, 216, 0.56) -2.3%, rgba(242, 224, 214, 0.56) 101.24%);
}
.quickplay-body__wrapper .quickplay-content.qp-light-blue .slides:after {
background-image: url(../png/quickplay-content-light-blue.png);
}
.quickplay-body__wrapper .quickplay-content.qp-orange .slides {
background: linear-gradient(0.03deg, rgba(236, 102, 8, 0.56) -2.3%, rgba(236, 102, 8, 0.1176) 101.24%);
}
.quickplay-body__wrapper .quickplay-content.qp-orange .slides:after {
background-image: url(../png/quickplay-content-orange.png);
}
.quickplay-body__wrapper .quickplay-content.qp-yellow .slides {
background: linear-gradient(0.03deg, rgba(238, 191, 31, 0.56) -2.3%, rgba(236, 102, 8, 0.1176) 101.24%);
}
.quickplay-body__wrapper .quickplay-content.qp-yellow .slides:after {
background-image: url(../png/quickplay-content-yellow.png);
}
.quickplay__wrapper .quickplay-content {
display: none;
transition: all 0.3s;
}
.quickplay__wrapper .quickplay-content.active {
display: block;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys > div {
flex: none;
width: 100px;
height: 100px;
transform: rotate(-45deg);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
border-radius: 15px;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys > div span {
transform: rotate(45deg);
font-size: 14px;
}
@media only screen and (min-width: 992px) {
.quickplay-body__wrapper {
padding-left: 280px;
}
}
@media only screen and (min-width: 565px) and (max-width: 991px) {
.quickplay-body__wrapper {
padding-top: 250px;
}
}
@media only screen and (max-width: 991px) {
.quickplay__wrapper .diamond__wrapper {
width: 100%;
min-height: auto;
height: 220px;
}
.quickplay__wrapper .quickplay-menu__wrapper {
max-width: 450px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys > div {
width: 90px;
height: 90px;
}
.quickplay__wrapper .diamond:nth-child(odd) {
top: 0;
}
.quickplay__wrapper .diamond:nth-child(even) {
left: 80px;
top: 90px;
}
.quickplay__wrapper .diamond:nth-child(3) {
left: 165px;
}
.quickplay__wrapper .diamond:nth-child(4) {
left: 250px;
}
.quickplay__wrapper .diamond:nth-child(5) {
left: 335px;
}
}
@media only screen and (max-width: 767px) {
.quickplay__wrapper .diamond {
width: 24%;
padding-bottom: 24%;
}
.quickplay__wrapper .diamond:nth-child(2) {
left: 19%;
}
.quickplay__wrapper .diamond:nth-child(3) {
left: 37.5%;
}
.quickplay__wrapper .diamond:nth-child(4) {
left: 56%;
}
.quickplay__wrapper .diamond:nth-child(5) {
left: 75%;
}
}
@media only screen and (max-width: 564px) {
.quickplay-body__wrapper {
padding-top: 250px;
}
.quickplay__wrapper .diamond {
width: 25%;
padding-bottom: 25%;
font-size: 12px;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys {
flex-wrap: wrap;
gap: 30px;
}
.quickplay-body__wrapper .quickplay-content .quickplay-content__keys > div { 
width: 80px;
height: 80px;
}
}
.quickplay-body__wrapper .quickplay-content__keys > div {
}
.quickplay-body__wrapper .quickplay-description {
padding: 40px 40px;
border-radius: 20px;
box-shadow: 0px 2px 16px 4px rgba(48, 188, 227, 0.08);
background: #fff;
}
.quickplay-body__wrapper .quickplay-description p {
margin-bottom: 0;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper {
margin-top: 20px;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-track {
display: flex;
align-items: center;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-slide {
padding: 40px 80px;
border-radius: 20px;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-slide p {
margin-bottom: 0;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-prev {
left: 0;
}
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-next {
right: 0;
}
@media only screen and (max-width: 767px) {
.quickplay-body__wrapper .quickplay-content__slider__wrapper .slick-arrow {
display: flex !important;
}
}
@media only screen and (min-width: 992px) {
.circular {
position: relative;
height: 1050px;
}
.circular > div {
position: absolute;
}
.circular > div:nth-child(1) {
left: 0;
right: 0;
margin: 0 auto;
}
.circular > div:nth-child(2) {
right: 5%;
top: 250px;
}
.circular > div:nth-child(3) {
right: 20%;
bottom: 0;
}
.circular > div:nth-child(4) {
left: 20%;
bottom: 0;
}
.circular > div:nth-child(5) {
left: 5%;
top: 250px;
}
.circular > div:nth-child(1):after {
background-image: url(../png/to-step-2-1.png);
bottom: 45%;
transform: rotate(270deg);
}
.circular > div:nth-child(2):after {
background-image: url(../png/to-step-3.png);
bottom: -40%;
}
.circular > div:nth-child(3):after {
background-image: url(../png/to-step-4.png);
top: 40%;
}
.circular > div:nth-child(4):after {
background-image: url(../png/to-step-5.png);
top: -10%;
}
.circular > div:nth-child(1):after,
.circular > div:nth-child(2):after,
.circular > div:nth-child(3):after,
.circular > div:nth-child(4):after {
content:"";
background-repeat: no-repeat;
background-size: contain;
position: absolute;
display: block;
width: 80px;
height: 80px;
}
}
@media only screen and (min-width: 1200px) {
.circular > div:nth-child(1):after {
right: -50%;
}
.circular > div:nth-child(2):after {
right: 30%;
}
.circular > div:nth-child(3):after {
left: -35%;
}
.circular > div:nth-child(4):after {
left: -30%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.circular > div:nth-child(2) {
right: -5%;
}
.circular > div:nth-child(3) {
right: 11.5%;
}
.circular > div:nth-child(4) {
left: 11.5%;
}
.circular > div:nth-child(5) {
left: -5%;
}
.circular > div:nth-child(1):after {
right: -50%;
}
.circular > div:nth-child(2):after {
right: 25%;
}
.circular > div:nth-child(3):after {
left: -30%;
}
.circular > div:nth-child(4):after {
left: -25%;
}
}
@media only screen and (max-width: 991px) {
.circular > div {
flex: 0 0 auto;
width: 80%;
}
} .job-openings__wrapper {
}
.job-openings__wrapper .job-openings-item__wrapper {
border-bottom: 1px solid #E0E3E6;
}
.job-openings-item__wrapper > div,
.job-openings-item__wrapper > div > div {
gap: 30px;
}
.job-openings-item__wrapper .toggle > span:before {
content:"";
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
width: 30px;
height: 30px;
}
.job-openings-item__wrapper .toggle > span:before {
background-image: url(../png/collapse.png);
}
.job-openings-item__wrapper .toggle.collapsed  > span:before {
background-image: url(../png/expand.png);
}
.job-openings-item__wrapper .title {
font-size: 24px;
font-weight: 700;
}
.job-openings-item__wrapper .title,
.job-openings-item__wrapper .title ~ p {
color: #002966;
}
.job-openings-item__wrapper .action {
margin-left: auto;
}
.job-openings__wrapper .job-openings-item__wrapper {
padding: 25px;
}
.job-openings-item__wrapper .job-openings-item-content__wrapper {
padding: 25px 0;
margin-top: 25px;
border-top: 1px solid #E0E3E6;
}
.job-openings-item__wrapper .job-openings-item-content__wrapper ul,
.job-openings-item__wrapper .job-openings-item-content__wrapper ol {
list-style: initial;
padding-left: 25px;
}
.job-openings__wrapper .job-openings-item__wrapper.active {
background: rgba(21, 43, 69, 1);
border-radius: 20px;
}
.job-openings__wrapper .job-openings-item__wrapper.active,
.job-openings__wrapper .job-openings-item__wrapper.active .title,
.job-openings__wrapper .job-openings-item__wrapper.active .title ~ p {
color: #fff;
}
@media only screen and (max-width: 767px) {
.job-openings-item__wrapper > div {
flex-direction: column;
}
.job-openings-item__wrapper .action {
margin-left: 50px;
}
}
#jobApplicationModal {
border-radius: 20px;
z-index: 1055;
}
#jobApplicationModal .modal-content {
background: rgba(21, 43, 69, 1);
padding:  20px;
}
#jobApplicationModal .modal-header {
border-bottom: 0;
padding: 0;
justify-content: end;
}
#jobApplicationModal .modal-body {
padding-top: 0;
}
#jobApplicationModal,
#jobApplicationModal .modal-content a {
color: #fff;
}
#jobApplicationModal .modal-content a {
text-decoration: underline;
} .modal-info {
border-radius: 20px;
z-index: 1055 !important;
}
.modal-info .modal-content {
background: #152B45;
color: #fff;
padding:  20px;
}
.modal-info .modal-header {
border-bottom: 0;
padding: 0;
justify-content: end;
}
.modal-info .modal-body {
padding-top: 0;
}
.modal-info,
.modal-info .modal-content a {
color: #fff !important;
}
.modal-info .modal-content a {
text-decoration: underline;
}