@charset "utf-8";
/* CSS Document */
body{
  overflow-x: hidden;
}
::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:0;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1000; padding: 16px 0; background: linear-gradient(180deg,rgba(40, 37, 96, 1) 0%, rgba(40, 37, 96, 0) 100%);}
.header .container{ display: flex; align-items: center;}
.header .header-action{ margin-left: auto; display: flex; align-items: center; color: var(--bs-white);}
.header .header-action a, .header .header-action button{ border: none; padding: 0; background-color: transparent; font-weight: 600; color: var(--bs-white); text-decoration: none;}
.header .header-action a:hover{ color: var(--bs-pink);}
.header .header-action > * + *:before{ content: "|"; margin: 0 16px;}
.header .header-action a:hover:before{ color: var(--bs-white);}
.header .header-action button i{ font-size: 20px;}
.header.fixed-header{ background-color: #1b1845;}
.header .logo img{ width: 200px; height: auto;}
.header.fixed-header .logo img{ width: 150px;}
.offcanvas .offcanvas-title img{ width: 100px;}
.header.color-header{ background-color: var(--bs-blue);}

.banner { height: 780px; width:100%; position:relative; overflow: hidden; }
.video-bg { object-fit: cover; position:absolute; height: 100%; width: 100%; /*top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);*/ }
.banner-overlay { background-color: #00000080; position: absolute; z-index: 10; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';}
.banner .container{ position: absolute; top: 0; left: 50%; transform: -ms-translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); display: flex; align-items: center; justify-content: center; color: var(--bs-white); bottom: 0; padding-top: 152px; text-align: center; z-index: 100; text-transform: uppercase;}
.banner .container h1{ font-weight: 900;}
.banner .container h1 span{color: transparent; /* Makes the text fill transparent */ -webkit-text-stroke: 2px var(--bs-white); /* 2px var(--bs-white) stroke */ text-stroke: 2px var(--bs-white); /* Standard property for modern browsers */}

.section{ padding: 48px 0;}
.section-lg{ padding: 80px 0;}
.section-back{ background-color: var(--bs-blue); color: var(--bs-white);}
.section-pink{ background-color: var(--bs-pink); }
.section-title {text-align: center; }
.section-title h1, .section-title h2, .section-title h3, .section-title h4{ color: var(--bs-pink); text-transform: uppercase;}
.section-title h1 span, .section-title h2 span, .section-title h3 span, .section-title h4 span{color: transparent; -webkit-text-stroke: 2px var(--bs-pink); text-stroke: 2px var(--bs-pink);}
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5{ font-weight: 900;}
.think-item{ color: var(--bs-white); text-decoration: none; display: flex; flex-direction: column; gap: 16px;} 
.think-item h3, .think-item h4{ margin-bottom: 0; font-weight: 600; text-transform: uppercase;}
.counter-section .item{ display: flex; align-items: center; gap: 16px;}
.counter-section .item span{ color: var(--bs-yellow); font-weight: 700;}
.counter-section .item span.counter{ color: var(--bs-white);}

.search-header{ position: absolute; top: 100%; left: 0; right: 0;}
.search-header .card-body{ background-color: var(--bs-blue); border-radius: 0; border: none;}
.search-header form{ display: flex;}
.search-header form .form-control{ flex-grow: 1; border: none; border-radius: 0; height: 52px;}
.search-header form button{ height: 52px; width: 52px; border: none; color: var(--bs-white); background-color: var(--bs-pink); cursor: pointer; display: flex; align-items: center; justify-content: center;}

.three-blocks a h3{ color: var(--bs-white); text-decoration: none; text-transform: uppercase; padding: 24px; z-index: 100; position: absolute; left: 0; right: 0; bottom: 0;}
.three-blocks a .full-img::before, .three-blocks a .full-img::after{-moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.three-blocks a .full-img::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, #000000 100%); z-index: 3; position: absolute; bottom: 0; left: 0; right: 0; height: 70%; content: '';}
.three-blocks a:hover .full-img::before{ opacity: 0;}
.three-blocks a .full-img::after{background: rgba(40, 37, 96, 0.6); z-index: 3; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; content: ''; opacity: 0;}
.three-blocks a:hover .full-img::after{ opacity: 1;}
.three-blocks [class*=col-] + [class*=col-] a{ height: 50%; flex-basis:50%;}
.three-blocks [class*=col-] + [class*=col-] a .ratio{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}

.number-section{ padding-left: 100px; position: relative;}
.number-section .nav-tabs{ border: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; gap: 2px;}
.number-section .nav-tabs li{ width: calc(33.3333% - 2px); flex: 0 0 auto;}
.number-section .nav-tabs .nav-link{ margin: 0; padding: 0; border: none; background: none; width: 100%; color: var(--bs-white); font-weight: 700; background: #47438D; border-radius: 0;}
.number-section .nav-tabs .nav-link.active, .number-section .nav-tabs .nav-item.show .nav-link{background: var(--bs-pink);}
.number-section .nav-tabs .nav-link span{ display: flex; align-items: center; justify-content: center;}
.number-section h2{ text-align: center; color: var(--bs-pink); text-transform: uppercase; position: absolute; writing-mode: vertical-rl; top: 0; left: 0; bottom: 0; white-space: nowrap; z-index: 100; width: 100px; padding: 0; margin: 0; display: flex; gap: 5px; align-items: center; justify-content: center; transform: rotate(-180deg);} 
.number-section h2 span{color: transparent; /* Makes the text fill transparent */ -webkit-text-stroke: 2px var(--bs-pink); /* 2px var(--bs-white) stroke */ text-stroke: 2px var(--bs-pink); /* Standard property for modern browsers */}

.terms-list a{ color: #282560; text-decoration: none; text-transform: uppercase;}
.terms-list a h4{backdrop-filter: blur(10px); background: var(--bs-white)fff80; padding: auto; padding: 20px; position: absolute; bottom: 16px; left: 16px; right: 16px; z-index: 100; border-radius: 10px; margin: 0; text-align: center;}

.news-section{ background-color: #46428E; padding-left: 100px; position: relative;}
.news-section h2{ text-align: center; color: var(--bs-pink); text-transform: uppercase; position: absolute; writing-mode: vertical-rl; top: 0; left: 0; bottom: 0; white-space: nowrap; z-index: 100; width: 100px; padding: 0; margin: 0; display: flex; gap: 5px; align-items: center; justify-content: center; transform: rotate(-180deg);} 
.news-section h2 span{color: transparent; /* Makes the text fill transparent */ -webkit-text-stroke: 2px var(--bs-pink); /* 2px var(--bs-white) stroke */ text-stroke: 2px var(--bs-pink); /* Standard property for modern browsers */}
.news-section .row [class*=col-] a{ display: flex; flex-direction: column;}
.news-item{ color: var(--bs-white); text-decoration: none;}
.news-section a .content{ padding: 32px;}

.image-hover:hover img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0);}
.links { display: flex; flex-direction: column;}
.links a{ color: var(--bs-white); text-decoration: none; display: flex; align-items: center; padding-bottom: 30px; font-family: "Zalando Sans SemiExpanded", sans-serif; font-weight: 700; line-height: 1; border-bottom: 1px solid rgba(255,255,255,0.2);}
.links a + a{ margin-top: 30px;}
.links a:hover{ color: var(--bs-yellow);}
.links a:after{content:'\f105'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; margin-left: auto;}
.links a:last-child{ border-bottom: none; padding-bottom: 0;}

.footer{background: linear-gradient(360deg, #F0EFFE 0%, #EBEAFF 100%); color: #1E1E1E; padding: 50px 0 30px;}
.footer h4{ color: #282560; text-transform: capitalize; margin: 0;}
.footer-col{ display: flex; flex-direction: column; gap: 18px;}
.footer-logo img{ width: 200px; height: auto;}
.footer .info-item{ display: flex; gap: 12px; align-items: center; color: #1e1e1e; text-decoration: none;  font-weight: 700;}
.footer .info-item:hover{color: var(--bs-blue); text-decoration: none;}
.footer .info-item i{ height: 40px; width: 40px; color: var(--bs-white); background: var(--bs-blue); border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.footer .social{ display: flex; gap: 12px;}
.footer .social a{ height: 40px; width: 40px; color: var(--bs-white); background: var(--bs-blue); border-radius: 40px; display: flex; align-items: center; justify-content: center; color: var(--bs-white); text-decoration: none;}
.footer .social a:hover {color: var(--bs-white); background-color: var(--bs-pink); text-decoration: none;}
.footer .menu{ display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none;}
.footer .menu a{ color: #1e1e1e; text-decoration: none;}
.footer .menu a:hover{ color: var(--bs-blue); text-decoration: underline;}
.footer-content h4{ margin-bottom: 16px;}
.footer-logos{  border-bottom: 1px solid #0000001A; border-top: 1px solid #0000001A; padding: 30px 0;}
.footer-logos .logo-block{ height: 140px; display: flex; align-items: center; justify-content: center;}
.footer-logos .logo-block img{ width: auto; max-height: 100px; mix-blend-mode: darken;}
.footer .footer-row + .footer-row{ margin-top: 30px;;}
.footer-bottom{ display: flex; flex-direction: column; gap: 5px;}
.footer-bottom a{ color: #1E1E1E;}
.footer-bottom a:hover{ color: #1E1E1E; text-decoration: none;}
.footer-bottom ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.footer-bottom ul li + li:before{ content: "|"; margin: 0 6px;}

.page-banner{ position: relative; overflow: hidden;}
.page-banner .image-fit{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}
.page-banner .image-fit:before { background-color: #00000080; position: absolute; z-index: 10; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';}
.page-banner .container{ color: var(--bs-white); bottom: 0; padding-top: 152px; text-align: center; z-index: 100; position: relative; height: 500px; text-transform: uppercase; display: flex; align-items: center;}
.page-banner .container h1{ font-weight: 900;}
.page-banner .container h1 span{color: transparent; /* Makes the text fill transparent */ -webkit-text-stroke: 2px var(--bs-white); /* 2px var(--bs-white) stroke */ text-stroke: 2px var(--bs-white); /* Standard property for modern browsers */}

.contact-form h2{ margin-bottom: 24px;}
.contact-form form{  background-color: #46428E; padding: 22px; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.contact-info{ background-color: #46428E; padding: 24px; display: flex; gap: 20px; flex-direction: column; flex-grow: 1;}
.contact-info h3{ color: var(--bs-white); margin-bottom: 0;}
.contact-info h3 span{-webkit-text-stroke: 2px var(--bs-white); text-stroke: 2px var(--bs-white);}
.contact-info .item{ display: flex; gap: 12px; color: var(--bs-white); text-decoration: none;}
.contact-info .item .icon{ display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 48px; width: 48px; background-color: var(--bs-pink);}
.contact-info .item small{ display: block; text-transform: uppercase; font-weight: 700; font-family: "Zalando Sans SemiExpanded", sans-serif; font-size: 70%;}
.map {height: 400px; position: relative; width: 100%;}
.map .map-inner { bottom: 0; left: 0; position: absolute; top: 0; width: 100%;}
.map .map-inner iframe { height: 100%; pointer-events: none; width: 100%;}
.job-item{background-color: #46428E; padding: 32px;}
.job-item h4{ color: var(--bs-yellow);}
.job-item ul, .content-style ul{ padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.job-item ul li, .content-style ul li{  padding-left: 30px; position: relative;}
.job-item ul li strong{ margin-right: 6px;}
.job-item ul li:before, .content-style ul li:before{ font-family: 'Material Symbols Sharp'; content: '\e86c'; font-size: 24px; position: absolute; top: 0; line-height: 1.2; left: 0; color: var(--bs-yellow);}

.section .section-block + .section-block{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #46428E;}
.chqured-row-content { margin-top: 32px;}
.chqured-row-content .row{background-color: #46428E; color: var(--bs-white);}
.chqured-row-content .row [class*=col-] + [class*=col-]{ padding: 24px;}
.chqured-row-content .row:nth-child(even){ flex-direction: row-reverse;}
.chqured-row-content .row + .row{ margin-top: 32px;}

.row-color{background-color: #46428E;}
.row-color [class*=col-] + [class*=col-]{ padding: 24px;}

.ap-tab .nav-tabs{ border: none; margin-bottom: 32px; gap: 12px; flex-wrap: wrap; justify-content: center;}
.ap-tab .nav-tabs .nav-link{ margin-bottom: 0; background-color: var(--bs-yellow); color: #000; border: none; border-radius: 8px; padding: 12px 20px;}
.ap-tab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background-color: var(--bs-pink); color: var(--bs-white);}
.cta-logo{ background-color: var(--bs-white); text-align: center;}
.row-color + .row-color{ margin-top: 32px;}

.content-box [class*=col-]{ margin-top: 32px;}
.content-box .content{ padding: 24px; background-color: #46428E; border-top: 5px solid transparent;}
.content-box [class*=col-]:nth-child(1) .content{ border-color: var(--bs-white);}
.content-box [class*=col-]:nth-child(2) .content{ border-color: var(--bs-pink);}
.content-box [class*=col-]:nth-child(3) .content{ border-color: var(--bs-yellow);}
.content-box [class*=col-]:nth-child(1) .content h4{ color: var(--bs-white);}
.content-box [class*=col-]:nth-child(2) .content h4{ color: var(--bs-pink);}
.content-box [class*=col-]:nth-child(3) .content h4{ color: var(--bs-yellow);}

@media (min-width:320px) {
h1, .counter-section strong, .h2-48 h2, .h3-48 h3{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .think-item h3{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4, .job-item h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18, .footer .info-item{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.banner .container h1, .links a{font-size: calc(2.25rem + ((1vw - 3.2px) * 3.3333));}
.h1-64 h1, .h2-64 h2, .h2-64 h3, .h2-64 h4, .h2-64 h5, .number-section .nav-tabs .nav-link{font-size: calc(2rem + ((1vw - 3.2px) * 2.963));}
}

@media (min-width:1400px) {
h1, .counter-section strong, .h2-48 h2, .h3-48 h3{font-size:48px;}
h2, .think-item h3{font-size:40px;}
h3, .job-item h4{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18, .footer .info-item{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.banner .container h1, .links a{ font-size: 72px;}
.h1-64 h1, .h2-64 h2, .h2-64 h3, .h2-64 h4, .h2-64 h5, .number-section .nav-tabs .nav-link{ font-size: 64px;}
}


@media (min-width:576px) {
}

@media (min-width:768px) {
.news-section .row [class*=col-]:nth-child(even) a .content{ order: 1;}
.news-section .row [class*=col-]:nth-child(even) a .ratio{ order: 2;}
.contact-form form{ padding: 32px;}
.section .section-block + .section-block{ margin-top: 40px; padding-top: 40px;}
}

@media (min-width:992px) {
.chqured-row-content .full-img{min-width:initial; overflow:hidden; flex:0 0 auto; display:flex; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.chqured-row-content .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.chqured-row-content .row [class*=col-] + [class*=col-]{ padding: 32px;}
.row-color [class*=col-] + [class*=col-], .content-box .content{ padding: 32px;}
.section .section-block + .section-block{ margin-top: 60px; padding-top: 60px;}
}

@media (min-width:1200px) {
.chqured-row-content .row [class*=col-] + [class*=col-]{ padding: 48px;}
.section .section-block + .section-block{ margin-top: 80px; padding-top: 80px;}
}

@media (min-width:1400px) {	
}