body{
    font-family:"Exo 2", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:normal;
    color:#212121;
    background-color:#FDFCF4;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    max-width:100%;
    min-height:100vh
}
a,button{
    font-family:"Exo 2", sans-serif;
    text-decoration:none;
    transition:0.2s ease;
    font-weight:500;
    -webkit-appearance:none;
    appearance:none;
    border:none;
    outline:none;
    box-shadow:none;
    cursor:pointer
}
a:focus,a:hover,a:active,button:active,button:hover,button:focus{
    -webkit-appearance:none;
    appearance:none;
    border:none;
    outline:none
}
.container-fluid,.row,.row>*{
    margin:0;
    padding:0
}
.main-btn{
    display:block;
    position:relative;
    width:100%;
    max-width:max-content;
    color:white;
    background-color:#D3007F;
    box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size:2rem;
    height:60px;
    line-height:60px;
    padding:0 60px;
    text-align:center;
    text-transform:none;
    border-radius:30px;
    margin-top:48px
}
.main-btn:focus,.main-btn:hover,.main-btn:active{
    color:white;
    background-color:#A3005F
}
h1,h2,h3,h4,h5,h6{
    display:block;
    position:relative;
    font-family:"Exo 2", sans-serif;
    font-weight:700;
    color:#212121;
    text-decoration:none;
    text-transform:uppercase;
    margin:0;
    padding:0
}
p,ul,ol,li{
    font-family:"Exo 2", sans-serif;
    position:relative;
    color:#212121;
    font-weight:300;
    font-size:2rem
}
p:last-child{
    margin-bottom:0
}
.divider{
    display:block;
    position:relative;
    width:1px;
    min-width:1px;
    background:black;
    background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    margin:0 60px
}
.divider-yellow{
    background:#312782;
    background:linear-gradient(0deg, rgba(49, 39, 130, 0) 0%, #312782 50%, rgba(49, 39, 130, 0))
}
.icon{
    display:block;
    position:relative;
    width:auto
}
.icon img{
    display:block;
    position:relative;
    height:100%;
    width:auto
}
.card{
    display:block;
    position:relative;
    padding:0;
    margin:0;
    background:none;
    box-shadow:none;
    outline:none;
    border:none;
    border-radius:0;
    min-width:min-content
}
.card .card-body{
    display:flex;
    position:relative;
    align-items:center;
    margin:0;
    padding:0
}
.card .card-body .card-title{
    font-size:2.25rem;
    margin-bottom:24px
}
.card .card-body .icon-block{
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    padding:40px;
    background:#FDFCF4;
    border-radius:8px;
    box-shadow:0px 0px 16px rgba(49, 39, 130, 0.25!important);
    height:max-content;
    width:auto
}
.cards-wrapper{
    display:flex;
    position:relative;
    flex-direction:column;
    flex-basis:calc(50% - 60px);
    justify-content:space-between;
    padding:0;
    margin:0;
    min-width:0
}
.policy-section .text-block h2,.policy-section .text-block h3,.policy-section .text-block h4{
    margin-top:30px;
    margin-bottom:10px
}
#main-section{
    display:block;
    position:relative;
    min-height:100vh;
    max-height:max-content;
    width:100%;
    height:100%;
    background-color:#D3007F;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
#main-section .wrapper{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    height:100%;
    min-height:100vh;
    max-height:max-content;
    width:100%
}
#main-section .wrapper .img-bg{
    display:block;
    position:absolute;
    height:100%;
    width:40vw;
    background:none;
    left:0;
    top:0;
    filter:drop-shadow(10px 10px 16px rgba(0, 0, 0, 0.125));
    overflow:hidden
}
#main-section .wrapper .img-bg.bg-first:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:#D3007F;
    background:linear-gradient(165deg, #D3007F 0%, #D3007F 100%);
    clip-path:polygon(0 0, 52.5% 0, 80% 100%, 0% 100%)
}
#main-section .wrapper .img-bg.bg-second:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:#D3007F;
    background:linear-gradient(165deg, #D3007F 0%, #D3007F 100%);
    clip-path:polygon(0 0, 30% 0, 95% 100%, 0% 100%)
}
#main-section .wrapper .img-block{
    display:block;
    position:absolute;
    height:100%;
    width:37.5vw;
    bottom:0;
    left:0
}
#main-section .wrapper .img-block img{
    display:block;
    position:absolute;
    height:auto;
    max-width:100%;
    max-height:calc(100% - 32px);
    bottom:0;
    left:0;
    z-index:20
}
#main-section .wrapper .img-block-mobile{
    display:none
}
#main-section .wrapper .title-block{
    display:flex;
    position:relative;
    align-self:center;
    justify-content:flex-end;
    height:max-content;
    padding-bottom:0
}
#main-section .wrapper .title-block .title{
    color:#312782;
    text-align:start;
    max-width:max-content
}
#main-section .wrapper .title-block .title span.text-white{
    color:#FDFCF4;
    font-size:4rem
}
#main-section .wrapper .title-block .title span.spacing-left-high{
    padding-left:48px
}
#main-section .wrapper .title-block .title span.spacing-left-low{
    padding-left:24px
}
#about-us{
    padding-right:0;
    overflow:hidden
}
#about-us .title{
    opacity:0
}
#about-us .content-wrapper{
    display:flex;
    flex-direction:row;
    max-width:1780px;
    margin-left:auto;
    margin-right:auto;
    z-index:50
}
#about-us .content-block{
    padding-right:100px;
    width:calc(100% - 480px)
}
#about-us .img-block{
    display:flex;
    flex-direction:row;
    position:absolute;
    right:0;
    top:0;
    flex-basis:40%;
    justify-content:flex-end;
    align-items:center;
    width:480px;
    height:100%;
    overflow:hidden;
    z-index:20
}
#about-us .img-block .bg-parallax{
    display:block;
    position:absolute;
    height:100%;
    width:100%
}
#about-us .img-block img{
    display:block;
    position:absolute;
    height:auto;
    width:100%
}
#about-us .img-block .animated-img{
    animation:image-floating 7s ease-in-out infinite
}
@keyframes image-floating{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-24px)
    }
    100%{
        transform:translateY(0)
    }
}
#about-us .bg-img-block{
    display:block;
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
    top:0;
    left:0
}
#about-us .bg-img-block .chip{
    display:block;
    position:absolute;
    height:auto
}
#about-us .bg-img-block .chip img{
    display:block;
    position:absolute;
    width:100%;
    height:auto
}
#about-us .bg-img-block .chip:first-child{
    max-width:120px;
    min-width:60px;
    width:10vw
}
#about-us .bg-img-block .chip:first-child img{
    top:90vh;
    left:60vw
}
#about-us .bg-img-block .chip:last-child{
    max-width:100px;
    min-width:50px;
    width:8vw
}
#about-us .bg-img-block .chip:last-child img{
    top:48px;
    left:-4px;
    transform:rotate(-96deg)
}
#about-us .cards-block{
    display:flex;
    position:relative;
    flex-direction:row;
    margin-top:60px
}
#about-us .cards-block .divider{
    margin:0 30px;
    opacity:0;
    --animate-duration: .4s
}
#about-us .cards-block .divider-horizontal{
    height:1px;
    min-height:1px;
    width:0%;
    margin:20px 0;
    background:black;
    background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    height:1px;
    min-height:1px;
    width:100%;
    margin:20px 0
}
#about-us .about-card{
    transition:0.4s ease;
    opacity:0;
    --animate-duration: .8s;
    --animate-delay: 0.9s
}
#about-us .about-card .card-body{
    flex-direction:column;
    padding:30px;
    align-items:stretch;
    height:100%;
    background:white;
    box-shadow:0px 0px 16px rgba(50, 39, 130, 0.25);
    border-radius:8px;
    z-index:2
}
#about-us .about-card .card-body .card-section{
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    margin-right:50px
}
#about-us .about-card .card-body .card-section:last-child{
    margin-right:0
}
#about-us .about-card .card-body .icon-block{
    background:none;
    box-shadow:none;
    padding:0;
    width:120px;
    margin:0 auto
}
#about-us .about-card .card-body .icon-block img{
    display:block;
    position:relative;
    width:100%;
    height:auto
}
#about-us .about-card .card-body .text-block h5{
    text-align:center;
    max-width:200px;
    font-size:2.5rem;
    font-weight:700;
    color:#636363;
    background:linear-gradient(245deg, #79767a 0%, #87868d 21%, #b8b8b8 27%, #88868d 35%, #a09ea1 53%, #7c7a7c 79%, #707070 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
#about-us .about-card .card-body .text-block h6{
    text-align:center;
    font-size:2.25rem;
    font-weight:700
}
#about-us .about-card .card-body .text-block p{
    text-align:center;
    font-size:1.5rem;
    color:#636363;
    margin-bottom:4px
}
#about-us .about-card.visible .divider-horizontal{
    opacity:1;
    width:100%
}
#about-us .about-card::before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    border-radius:8px;
    background:#D3007F;
    z-index:1;
    transform:rotate(-2deg);
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.1);
    transition:0.4s ease
}
#about-us .about-card:hover{
    transform:translateY(-8px)
}
#about-us .about-card:hover::before{
    transform:rotate(0)
}
#about-us .about-card.card-group{
    --animate-duration: 1s
}
#about-us .about-card.card-group .card-body{
    flex-direction:row
}
#about-us .about-card.card-group .card-body .card-section .icon-block{
    width:96px;
    transform:translateY(20px)
}
#our-values{

    background-position:center;
    background-size:auto;
    background-repeat:repeat;
    overflow:hidden
}
#our-values .values-card{
    flex-basis:calc(50% - 30px);
    display:flex;
    position:relative;
    align-items:stretch
}
#our-values .divider-sm{
    display:none
}
#our-values .card-container{
    flex-direction:column
}
#our-values .cards-wrapper{
    flex-direction:row
}
#our-values .cards-wrapper .divider{
    background:rgba(0, 0, 0, 0.4) 50%
}
#our-values .cards-wrapper .card{
    margin-bottom:50px
}
#our-values .cards-wrapper .card .card-body .icon-block{
    background:none;
    box-shadow:none;
    border-radius:0
}
#our-values .cards-wrapper .card .card-body .icon-block img{
    z-index:10;
    width:120px;
    height:auto
}
#our-values .cards-wrapper .card .card-body .icon-block::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    border-radius:8px;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.1);
    z-index:1;
    background:#fdfcf4;
    background:linear-gradient(215deg, rgba(253, 252, 244, 0.5) 0%, rgba(253, 252, 244, 0.25) 100%);
    transition:transform 0.8s ease
}
#our-values .cards-wrapper .card .card-body .text-block .card-title{
    opacity:0
}
#our-values .cards-wrapper .card .card-body .text-block p{
    font-size:1.5rem
}
#our-values .cards-wrapper .card:first-child .card-body .text-block h5,#our-values .cards-wrapper .card:first-child .card-body .text-block p{
    text-align:end
}
#our-values .cards-wrapper .card:first-child .card-body .icon-block{
    margin-left:40px
}
#our-values .cards-wrapper .card:last-child .card-body{
    flex-direction:row-reverse
}
#our-values .cards-wrapper .card:last-child .card-body .text-block h5,#our-values .cards-wrapper .card:last-child .card-body .text-block p{
    text-align:start
}
#our-values .cards-wrapper .card:last-child .card-body .icon-block{
    margin-right:40px
}
#our-values .cards-wrapper:first-child .card:first-child .card-body .icon-block.animated::before{
    transform:rotate(-1deg)
}
#our-values .cards-wrapper:first-child .card:last-child .card-body .icon-block.animated::before{
    transform:rotate(1deg)
}
#our-values .cards-wrapper:first-child .divider{
    background:black;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%)
}
#our-values .cards-wrapper:last-child .card{
    margin-bottom:0
}
#our-values .cards-wrapper:last-child .divider{
    background:black;
    background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%)
}
#our-values .cards-wrapper:last-child .card:first-child .card-body .icon-block.animated::before{
    transform:rotate(1deg)
}
#our-values .cards-wrapper:last-child .card:last-child .card-body .icon-block.animated::before{
    transform:rotate(-1deg)
}
#our-values .divider{
    margin:0 30px
}
#company-discover{
    background-position:top;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden
}
#company-discover .divider{
    opacity:0;
    transition:translate 1.4s ease;
    transition:opacity 1.4s ease;
    transform:translateY(-25%)
}
#company-discover .divider.visible{
    opacity:1;
    transform:translateY(0);
    width:1px
}
#company-discover .cards-wrapper{
    flex-direction:row !important;
    flex-basis:auto;
    justify-content:space-between
}
#company-discover .discover-card{
    display:flex;
    flex-direction:column;
    flex-basis:calc(50% - 60px);
    padding:0;
    margin:0;
    opacity:0;
    --animate-duration: .8s
}
#company-discover .discover-card .title-block{
    padding-bottom:60px
}
#company-discover .discover-card .title{
    text-align:start
}
#company-discover .discover-card .title span{
    --animate-duration: 1.2s
}
#company-discover .discover-card .card-body{
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start
}
#company-discover .discover-card .card-body .text-block p:first-child{
    margin-bottom:30px
}
#company-discover .discover-card:last-child{
    --animate-duration: 1s
}
#company-discover .discover-card:last-child .title span{
    --animate-duration: 1.2s
}
#milestones .cards-box{
    display:block;
    position:relative;
    margin-top:30px
}
#milestones .cards-box .cards-wrapper{
    display:flex;
    position:relative;
    flex-direction:row;
    justify-content:space-between;
    padding-bottom:30px
}
#milestones .cards-box .cards-wrapper .card{
    display:block;
    position:relative;
    flex-basis:50%
}
#milestones .cards-box .cards-wrapper .card .card-body{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
#milestones .cards-box .cards-wrapper .card .card-body .img-block{
    display:block;
    position:relative
}
#milestones .cards-box .cards-wrapper .card .card-body .img-block .lottie-animation{
    width:136px;
    height:136px
}
#milestones .cards-box .cards-wrapper .card .card-body .img-block img{
    display:block;
    height:auto
}
#milestones .cards-box .cards-wrapper .card .card-body span{
    -webkit-text-wrap:nowrap;
    text-wrap:nowrap;
    width:max-content
}
#milestones .cards-box .cards-wrapper .card:first-child{
    padding-right:10%;
    padding-left:36px
}
#milestones .cards-box .cards-wrapper .card:last-child{
    padding-left:36px;
    margin-top:120px
}
#milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
    position:absolute;
    content:"";
    height:24px;
    width:24px;
    top:calc(50% + 10px);
    left:-51px;
    transform:translateY(-50%);

    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
#milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
    position:absolute;
    content:"";
    left:0;
    border-radius:32px;
    width:100%;
    top:74px
}
#milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::before{
    height:50%;
    border-top:6px dashed #D3007F;
    border-right:6px dashed #D3007F;
    clip-path:polygon(180px 0, 100% 0%, 100% 90px, 90px 180px)
}
#milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
    height:calc(100% - 80px);
    border-bottom:6px dashed #D3007F;
    border-right:6px dashed #D3007F;
    clip-path:polygon(158px 180px, 100% 158px, 100% 100%, 180px 100%)
}
#milestones .cards-box .cards-wrapper:nth-child(2){
    margin-top:-120px
}
#milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::before{
    height:290px;
    width:100%;
    top:80px;
    border-left:6px dashed #D3007F;
    border-bottom:6px dashed #D3007F;
    clip-path:polygon(0 0, calc(100% - 32px) 0, calc(100% - 32px) 100%, 0 100%)
}
#milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::after{
    height:calc(100% - 80px);
    border-bottom:6px dashed #D3007F;
    border-right:6px dashed #D3007F;
    clip-path:polygon(180px 65%, 100% 66%, 100% 100%, 180px 100%)
}
#milestones .cards-box .cards-wrapper:nth-child(2) .card:last-child{
    margin-top:290px
}
#milestones .cards-box .cards-wrapper:nth-child(3){
    margin-top:-120px;
    padding-bottom:0
}
#milestones .cards-box .cards-wrapper:nth-child(3) .card:first-child::before{
    height:240px;
    width:100%;
    top:80px;
    border-left:6px dashed #D3007F;
    border-bottom:6px dashed #D3007F;
    clip-path:polygon(0 0, calc(100% - 32px) 0, calc(100% - 32px) 100%, 0 100%)
}
#milestones .cards-box .cards-wrapper:nth-child(3) .card:last-child{
    margin-top:240px
}
#our-commitment{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden
}
#our-commitment .title span{
    opacity:0
}
#our-commitment .commitment-card{
    min-width:0
}
#our-commitment .commitment-card .card-body{
    justify-content:center
}
#our-commitment .commitment-card .card-body .content-wrapper{
    display:flex;
    flex-direction:row;
    position:relative;
    flex-basis:60%;
    border-radius:8px;
    background:rgba(0, 0, 0, 0.55);
    width:calc(100% + 30px);
    transform:translateX(-30px);
    padding:50px 50px 50px 30px;
    margin:30px 0;
    z-index:1;
    transition:0.3s ease-out;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    overflow:hidden
}
#our-commitment .commitment-card .card-body .content-wrapper .divider{
    margin:0 30px;
    opacity:0;
    transform:translateY(25%);
    transition:opacity translate 0.8s ease
}
#our-commitment .commitment-card .card-body .content-wrapper .divider.visible{
    opacity:1;
    transform:translateY(0);
    width:1px
}
#our-commitment .commitment-card .card-body .content-wrapper:hover{
    background:rgba(0, 0, 0, 0.6)
}
#our-commitment .commitment-card .card-body .text-block{
    display:block;
    position:relative;
    color:white;
    min-width:0;
    opacity:0;
    --animate-duration: 1.2s
}
#our-commitment .commitment-card .card-body .text-block p,#our-commitment .commitment-card .card-body .text-block ul,#our-commitment .commitment-card .card-body .text-block ol,#our-commitment .commitment-card .card-body .text-block li{
    color:white
}
#our-commitment .commitment-card .card-body .icon-block{
    flex-basis:40%;
    z-index:2;
    background:#312782;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.5);
    width:auto;
    height:auto;
    min-width:240px;
    max-width:560px;
    padding:0;
    --animate-duration: .8s;
    opacity:0
}
#our-commitment .commitment-card .card-body .icon-block img{
    display:block;
    position:relative;
    border-radius:8px;
    height:auto;
    width:100%
}
#our-team{
    overflow:hidden
}
#our-team .divider-sm{
    display:none
}
#our-team .divider{
    opacity:0;
    transition:opacity 0.8s ease
}
#our-team .divider.visible{
    opacity:1
}
#our-team .team-card{
    margin-bottom:60px
}
#our-team .team-card .card-body{
    flex-direction:row;
    align-items:stretch
}
#our-team .team-card .card-body .text-block{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex-basis:calc(65% - 60px);
    animation-delay:0.1s;
    opacity:0
}
#our-team .team-card .card-body .text-block h5{
    font-size:2.25rem;
    margin-bottom:8px
}
#our-team .team-card .card-body .text-block h6{
    font-size:2rem;
    font-weight:400;
    margin-bottom:30px
}
#our-team .team-card .card-body .photo-block{
    display:flex;
    align-items:center;
    position:relative;
    flex-basis:calc(35% - 60px);
    opacity:0
}
#our-team .team-card .card-body .photo-block .img-wrapper{
    display:block;
    position:relative;
    background:#636363;
    border-radius:8px;
    height:max-content
}
#our-team .team-card .card-body .photo-block .img-wrapper::before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#D3007F;
    transform:rotate(0);
    border-radius:8px;
    z-index:1;
    transition:transform 1.4s ease
}
#our-team .team-card .card-body .photo-block img{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    border-radius:8px;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.5);
    z-index:10
}
#our-team .team-card .card-body .photo-block.visible .img-wrapper::before{
    transform:rotate(-2.5deg)
}
#our-team .team-card:nth-child(2) .card-body .photo-block{
    animation-delay:0.1s
}
#our-team .team-card:nth-child(2) .card-body .text-block{
    animation-delay:0.2s
}
#our-team .team-card:last-child{
    margin-bottom:0
}
#our-team .team-card:last-child .card-body .photo-block{
    animation-delay:0.2s
}
#our-team .team-card:last-child .card-body .text-block{
    animation-delay:0.3s
}
#our-offices{
    background-position:top;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden
}
#our-offices .title span{
    opacity:0
}
#our-offices .cards-wrapper{
    flex-direction:row !important;
    flex-basis:auto;
    justify-content:space-between
}
#our-offices .cards-wrapper .divider{
    opacity:0;
    transition:opacity 0.8s ease
}
#our-offices .cards-wrapper .divider.visible{
    opacity:1
}
#our-offices .office-card{
    flex-basis:calc(50% - 60px);
    background:#636363;
    border-radius:8px;
    max-width:720px;
    transition:0.3s ease;
    opacity:0;
    --animate-duration: 1s
}
#our-offices .office-card .card-body{
    min-height:200px;
    border-radius:8px;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.25)
}
#our-offices .office-card .card-body .img-wrapper{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    border-radius:8px;
    overflow:hidden
}
#our-offices .office-card .card-body .img-wrapper::before{
    position:absolute;
    content:"";
    pointer-events:none;
    height:100%;
    width:100%;
    border-radius:8px;
    background:white;
    background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 65%, rgba(0, 0, 0, 0.75) 100%);
    z-index:2
}
#our-offices .office-card .card-body .img-wrapper.border-right::before{
    border-bottom:6px solid rgba(255, 255, 255, 0.25);
    border-right:6px solid rgba(255, 255, 255, 0.25)
}
#our-offices .office-card .card-body .img-wrapper.border-left::before{
    border-bottom:6px solid rgba(255, 255, 255, 0.25);
    border-left:6px solid rgba(255, 255, 255, 0.25)
}
#our-offices .office-card .card-body img{
    display:block;
    position:relative;
    width:100%;
    max-width:720px;
    height:auto;
    border-radius:8px;
    z-index:1;
    overflow:hidden;
    transition:0.4s ease-out
}
#our-offices .office-card .card-body .text-block{
    display:block;
    position:absolute;
    bottom:40px;
    left:40px;
    z-index:4;
    animation-delay:0.4s;
    overflow:hidden;
    opacity:0
}
#our-offices .office-card .card-body .text-block h5{
    font-size:2.25rem;
    margin-bottom:5px
}
#our-offices .office-card .card-body .text-block h6{
    font-size:2rem;
    font-weight:400;
    color:white;
    margin-bottom:0;
    text-transform:none
}
#our-offices .office-card .card-body .text-block p{
    color:white
}
#our-offices .office-card .card-body .text-block p:last-child{
    margin-bottom:0
}
#our-offices .office-card:last-child{
    --animate-duration: 1.2s;
    animation-delay:0.2s
}
#our-offices .office-card:hover .card-body .img-wrapper img{
    transform:scale(1.025);
    filter:brightness(0.75) contrast(1.1)
}
#our-benefits{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden
}
#our-benefits .title .pre-title{
    opacity:0
}
#our-benefits .cards-block{
    display:flex;
    flex-direction:row;
    position:relative;
    margin-bottom:25px;
    justify-content:center
}
#our-benefits .cards-block .card{
    display:block;
    position:relative;
    padding:60px 50px;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    margin-right:25px;
    min-height:540px;
    max-width:460px;
    flex-basis:33%;
    opacity:0
}
#our-benefits .cards-block .card .card-body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    background:none;
    box-shadow:none;
    z-index:5
}
#our-benefits .cards-block .card .icon-block{
    display:block;
    position:relative;
    width:96px;
    height:96px;
    margin-bottom:40px;
    background:none;
    box-shadow:none;
    padding:0
}
#our-benefits .cards-block .card .icon-block img{
    display:block;
    position:relative;
    width:100%;
    height:100%
}
#our-benefits .cards-block .card .text-block h5{
    font-size:2.25rem;
    text-align:center;
    margin-bottom:20px
}
#our-benefits .cards-block .card .text-block p{
    font-size:1.5rem;
    color:#636363;
    text-align:center
}
#our-benefits .cards-block .card::before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    border-radius:8px;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.1);
    background:#fdfcf4;
    background:linear-gradient(215deg, rgba(253, 252, 244, 0.6) 0%, rgba(253, 252, 244, 0.35) 100%);
    transition:0.4s ease;
    z-index:1
}
#our-benefits .cards-block .card:nth-child(2)::before{
    background:#fdfcf4;
    background:linear-gradient(215deg, rgba(253, 252, 244, 0.45) 0%, rgba(253, 252, 244, 0.2) 100%)
}
#our-benefits .cards-block .card:first-child::before,#our-benefits .cards-block .card:first-child::after{
    transform:rotate(-0.75deg)
}
#our-benefits .cards-block .card:nth-child(2){
    --animate-duration: 1s;
    animation-delay:0.3s
}
#our-benefits .cards-block .card:last-child{
    margin-right:0;
    animation-delay:0.1s
}
#our-benefits .cards-block .card:last-child::before,#our-benefits .cards-block .card:last-child::after{
    transform:rotate(0.75deg)
}
#our-benefits .cards-block .card::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:white;
    z-index:2;
    border-radius:8px;
    opacity:0;
    transition:opacity 0.3s ease
}
#our-benefits .cards-block .card:hover::after{
    opacity:0.75
}
#our-benefits .cards-block:last-child{
    margin-bottom:0
}
#our-benefits .cards-block:last-child .card:nth-child(2){
    --animate-duration: 1.2s;
    animation-delay:0.2s
}
#our-benefits .cards-block:last-child .card:last-child{
    animation-delay:0.3s
}
#our-benefits .cards-block:last-child .card:first-child::before,#our-benefits .cards-block:last-child .card:first-child::after{
    transform:rotate(0.75deg)
}
#our-benefits .cards-block:last-child .card:last-child::before,#our-benefits .cards-block:last-child .card:last-child::after{
    transform:rotate(-0.75deg)
}
#our-benefits .cards-wrapper-sm{
    display:none
}
#our-benefits .cards-wrapper-sm .cards-block .card:last-child{
    animation-delay:0.2s
}
#our-benefits .cards-wrapper-sm .cards-block:nth-child(2) .card:last-child{
    animation-delay:0.1s;
    --animate-duration: 1.2s
}
#our-benefits .cards-wrapper-sm .cards-block:last-child .card:first-child{
    animation-delay:0.2s
}
#our-opportunities{
    padding-top:50px;
    overflow:hidden
}
#our-opportunities .main-block{
    background-image:url(../img/bg_yellow.webp);
    background-position:top;
    background-size:cover;
    background-repeat:no-repeat;
    justify-content:center
}
#our-opportunities .content-block{
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    width:auto
}
#our-opportunities .title-block{
    padding-bottom:30px
}
#our-opportunities .title-block .title{
    text-align:start
}
#our-opportunities .title-block .title .pre-title{
    opacity:0
}
#our-opportunities .img-block{
    display:flex;
    position:relative;
    max-width:max-content
}
#our-opportunities .img-block .img-wrapper{
    display:block;
    position:relative;
    width:100%;
    height:auto
}
#our-opportunities .img-block .img-wrapper img{
    display:block;
    position:relative;
    filter:drop-shadow(0 0 16px rgba(0, 0, 0, 0.25));
    height:auto;
    width:100%;
    border-radius:8px;
    z-index:20
}
#our-opportunities .img-block .img-wrapper .img-sm{
    display:none
}
#our-opportunities .img-block .img-wrapper .img-title{
    display:block;
    position:absolute;
    right:20px;
    bottom:40px;
    z-index:25
}
#our-opportunities .img-block .img-wrapper .img-title .text{
    display:block;
    position:relative;
    text-align:end;
    font-size:4.5rem;
    font-weight:800;
    color:rgba(255, 255, 255, 0.85);
    text-transform:uppercase;
    line-height:0.6;
    transform:translateX(100%)
}
#our-opportunities .img-block .img-wrapper .img-title .text-fill{
    z-index:2;
    transition:transform 1.4s ease
}
#our-opportunities .img-block .img-wrapper .img-title .text-outline{
    z-index:1;
    padding-right:20px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255, 255, 255, 0.85);
    text-stroke:1px rgba(255, 255, 255, 0.85);
    transition:transform 1s ease
}
#our-opportunities .img-block .img-wrapper .img-title.visible .text{
    transform:translateX(0)
}
#our-opportunities .img-block .img-wrapper::before{
    content:"";
    position:absolute;
    top:0px;
    right:-32px;
    height:100%;
    width:90%;
    border-radius:8px;
    background:#D3007F;
    transform:translateY(-32px) translateX(25%) rotate(0deg);
    z-index:2;
    transition:transform 1s ease
}
#our-opportunities .img-block .img-wrapper::after{
    content:"";
    position:absolute;
    bottom:-32px;
    left:-24px;
    height:90%;
    width:90%;
    border-radius:8px;
    background:rgba(0, 0, 0, 0.5);
    transform:translateY(-32px) translateX(25%) rotate(0deg);
    z-index:1;
    overflow:hidden;
    transition:transform 1.2s ease
}
#our-opportunities .img-block .img-wrapper.visible::before{
    transform:translatey(-32px) translateX(0) rotate(2deg)
}
#our-opportunities .img-block .img-wrapper.visible::after{
    transform:translatey(-32px) translateX(0) rotate(-9deg)
}
#our-opportunities .main-btn{
    opacity:0
}
.title-block{
    display:block;
    position:relative;
    padding:0;
    margin:0;
    padding-bottom:80px
}
.title{
    font-size:6rem;
    text-align:center;
    line-height:1
}
.title .pre-title{
    display:block;
    position:relative;
    font-size:2.5rem;
    font-weight:300
}
.title-icon{
    display:flex;
    flex-direction:row;
    align-items:end
}
.title-icon .icon{
    height:6rem;
    margin-left:16px
}
.text-block{
    padding:0;
    margin:0
}
.text-red{
    color:#D3007F
}
.text-yellow{
    color:#312782
}
.text-white{
    color:white
}
.section-yellow h1,.section-yellow h2,.section-yellow h3,.section-yellow h4,.section-yellow h5,.section-yellow h6{
    color:#D3007F !important
}
.section-yellow p,.section-yellow ul,.section-yellow ol,.section-yellow li{
    color:white !important
}
.section-yellow .text-block h1,.section-yellow .text-block h2,.section-yellow .text-block h3,.section-yellow .text-block h4,.section-yellow .text-block h5,.section-yellow .text-block h6{
    color:#D3007F !important
}
.section-yellow .text-block p,.section-yellow .text-block ul,.section-yellow .text-block ol,.section-yellow .text-block li{
    color:white !important
}
section h1,section h2,section h3,section h4,section h5,section h6{
    color:#D3007F !important
}
section p,section ul,section ol,section li{
    color:#312782 !important
}
.main-btn h1,.main-btn h2,.main-btn h3,.main-btn h4,.main-btn h5,.main-btn h6{
    color:white !important
}
.main-btn p,.main-btn ul,.main-btn ol,.main-btn li{
    color:#312782 !important
}
strong{
    font-weight:500
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    background:#FDFCF4;
    width:100vw;
    height:100vh
}
#preloader .preload{
    position:relative;
    height:auto;
    width:auto;
    top:50%;
    transform:translateY(-50%)
}
#preloader span{
    top:0;
    left:0;
    position:absolute;
    height:54px;
    width:100%;
    border-radius:8px
}
#preloader span h1{
    position:relative;
    width:auto;
    -webkit-animation:preload_in_move_c 4s ease infinite;
    animation:preload_in_move_c 4s ease infinite;
    animation-delay:0.1s;
    text-align:center;
    color:#D3007F;
    padding:16px 32px
}
@-webkit-keyframes preload_in_move_c{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes preload_in_move_c{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
section{
    display:block;
    position:relative;
    overflow-x:hidden;
    height:auto;
    width:100%;
    background-color:#FDFCF4
}
.section-content-wrapper{
    display:block;
    position:relative;
    max-width:1640px;
    margin:0 auto;
    padding:0
}
.section-padding{
    padding:100px 150px
}
.section-yellow{
    background-color:#312782
}
.section-gray{
    background-color:#E1E1E1
}
.news-page .section-content-wrapper{
    max-width:1400px
}
.news-page .news-post{
    display:block;
    position:relative;
    border-radius:16px;
    width:100%
}
.news-page .news-post .headimg-main{
    display:block;
    position:relative;
    width:100%;
    max-height:780px;
    min-height:320px;
    overflow:hidden;
    border-radius:16px
}
.news-page .news-post .headimg-main .block-img{
    width:100%;
    height:auto
}
.news-page .news-post .text-content{
    display:block;
    position:relative
}
.news-page .news-post .text-content .post-meta{
    margin-top:30px;
    margin-bottom:10px
}
.news-page .news-post .text-content .post-meta p{
    font-weight:300;
    font-size:1.5rem
}
.news-page .news-post .text-content .news-title{
    font-size:2rem;
    color:#212121;
    text-transform:none;
    margin-bottom:30px
}
.news-page .news-post .text-content .btn-block{
    display:block;
    position:relative;
    padding-top:16px
}
.news-page .news-post .text-content .btn-block a{
    font-size:2rem;
    color:#D3007F;
    text-decoration:underline
}
.news-page .news-post .text-content .btn-block a:hover,.news-page .news-post .text-content .btn-block a:focus{
    color:#A3005F
}
.news-page .news-post.last-post{
    margin-bottom:0;
    border-radius:0
}
.news-page .news-post.last-post .title-block{
    padding-top:50px
}
.news-page .news-post.last-post .img-wrapper{
    display:block;
    position:relative;
    height:100%;
    width:100%;
    padding:0
}
.news-page .news-post.last-post .img-wrapper .headimg-main{
    height:100%
}
.news-page .news-post.last-post .img-wrapper .headimg-main:after{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    border-radius:16px;
    background:black;
    background:linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%)
}
.news-page .news-post.last-post .img-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100% !important;
    left:0;
    width:0;
    background:#D3007F;
    border-radius:16px;
    transform:rotate(-2deg)
}
.news-page .news-post.last-post .text-content{
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:50px
}
.news-page .news-post.last-post .text-content .post-meta{
    margin-bottom:30px
}
.news-page .news-post.last-post .text-content .post-meta p{
    color:white
}
.news-page .news-post.last-post .text-content .news-title{
    color:#312782;
    text-transform:uppercase;
    margin-bottom:0
}
.news-page .news-post.last-post .text-content p{
    color:white
}
.news-page .news-post.last-post .text-content .btn-block a{
    color:#312782
}
.news-page .news-post.last-post .text-content .btn-block a:hover,.news-page .news-post.last-post .text-content .btn-block a:focus{
    color:#FDFCF4
}
.news-page .news-group{
    display:block;
    position:relative;
    padding-top:90px;
    padding-bottom:0
}
.news-page .news-group .posts-wrapper{
    display:flex;
    flex-direction:row;
    position:relative;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch
}
.news-page .news-group .posts-wrapper .divider{
    display:flex;
    flex-grow:1;
    margin:0 30px
}
.news-page .news-group .posts-wrapper .news-post{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    flex-basis:50%;
    padding:40px 30px;
    background:#f6f6f6
}
.news-page .news-group .posts-wrapper .news-post .headimg-main{
    display:block;
    width:100%;
    min-height:0;
    max-height:320px
}
.news-page .news-group .posts-wrapper .news-post .headimg-main img{
    display:block;
    position:relative;
    height:auto;
    width:100%
}
.news-page .news-group .posts-wrapper .news-post .text-content{
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:space-between;
    flex-grow:1;
    flex:1
}
.news-page .news-group .posts-wrapper .news-post .text-content .text-wrapper{
    display:block;
    min-height:min-content
}
.news-page .news-group:last-child{
    padding-bottom:90px
}
.news-post .section-content-wrapper{
    max-width:1400px
}
.news-post .headimg-main{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%;
    height:auto;
    border-radius:16px;
    overflow:hidden;
    max-height:720px
}
.news-post .headimg-main .block-img{
    width:100%;
    height:auto;
    border-radius:16px
}
.news-post .text-content{
    padding-top:50px
}
.news-post .text-content .post-meta{
    margin-bottom:30px
}
.news-post .text-content .title{
    font-size:2.5rem;
    margin-bottom:30px;
    text-align:start
}
.job-offers-page #BambooHR div:last-child{
    color:#FDFCF4 !important;
    font-size:1px !important;
    overflow:hidden !important;
    margin:0 !important
}
.job-offers-page #BambooHR div:last-child a{
    pointer-events:none !important;
    overflow:hidden !important
}
.job-offers-page #BambooHR div:last-child a img{
    display:none !important;
    height:0 !important;
    width:0 !important
}
.job-offers-page .BambooHR-ATS-board h2{
    border:none !important;
    display:none
}
.job-offers-page .BambooHR-ATS-Department-Item{
    padding:0;
    margin-bottom:16px !important;
    padding-bottom:8px;
    border-bottom:1px solid #cfcfcf
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Department-Header{
    background:#212121;
    width:max-content;
    padding:2px 16px;
    border-radius:16px 0 16px 0;
    color:#FDFCF4;
    font-weight:300;
    font-size:1.5rem;
    margin-bottom:8px
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:0 !important;
    border:none !important;
    padding:0 !important
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item{
    display:block;
    position:relative;
    margin-bottom:8px !important;
    width:calc(50% - 4px);
    box-sizing:border-box;
    border:1px solid #cfcfcf !important;
    border-radius:12px;
    padding:8px 16px;
    overflow:hidden;
    cursor:pointer
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item .BambooHR-ATS-Location{
    display:block;
    position:relative;
    padding-top:0 !important;
    padding-right:32px;
    color:#636363;
    float:none !important;
    display:block;
    width:auto;
    font-size:1.25rem;
    z-index:10
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a{
    display:block;
    position:relative;
    color:#A3005F;
    font-weight:500;
    padding-right:32px;
    font-size:1.5rem !important;
    line-height:1.2 !important;
    z-index:10;
    pointer-events:none
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a:hover{
    color:#212121
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item::before{
    content:"";
    background:#D3007F;
    position:absolute;
    left:0;
    top:0;
    border-radius:12px;
    width:100%;
    height:100%;
    transform:translateX(-100%);
    transition:transform 0.3s ease-out, filter 0.3s ease-out;
    filter:opacity(0)
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item::after{
    content:"";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(0%) rotate(-90deg);
    width:24px;
    height:24px;
    background:url(../img/right-card-arrow.svg) center/contain no-repeat;
    transition:transform 0.6s ease-in-out, filter 0.6s ease-in-out;
    filter:opacity(0)
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover{
    border:1px solid #FDFCF4 !important
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover a{
    color:white
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover .BambooHR-ATS-Location{
    color:#FDFCF4
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover::before{
    transform:translateX(0%);
    filter:opacity(1)
}
.job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover::after{
    transform:translateY(-50%) rotate(0deg);
    filter:opacity(1)
}
.job-offers-page .BambooHR-ATS-Department-Item:last-child{
    border:none !important
}
@media screen and (max-width:1699px){
    .section-padding{
        padding:90px 120px
    }
    .title{
        font-size:5rem
    }
    .title .pre-title{
        font-size:2.25rem
    }
    .title-icon .icon{
        height:5rem
    }
    p,ul,ol,li{
        font-size:1.75rem
    }
    .card .card-body .card-title{
        font-size:2rem !important
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:3.5rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:40px
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:20px
    }
    #about-us .about-card .card-body .text-block h5{
        font-size:2.25rem
    }
    #about-us .about-card .card-body .text-block h6{
        font-size:2rem
    }
    #about-us .about-card .card-body .text-block p{
        font-size:1.35rem
    }
    #company-discover .discover-card .title-block{
        padding-bottom:50px
    }
    #our-values .cards-wrapper .card .card-body .text-block .card-title{
        margin-bottom:20px
    }
    #our-values .cards-wrapper .card .card-body .icon-block{
        padding:30px
    }
    #our-values .cards-wrapper .card .card-body .icon-block img{
        width:100px
    }
    #our-offices .office-card .card-body .text-block{
        bottom:30px;
        left:30px
    }
    #our-offices .office-card .card-body .text-block h5{
        font-size:2rem
    }
    #our-offices .office-card .card-body .text-block h6{
        font-size:1.75rem
    }
    #our-team .team-card .card-body .text-block h6{
        font-size:1.75rem;
        margin-bottom:25px
    }
    #our-team .divider{
        margin:0 30px
    }
    #our-opportunities .img-block .img-wrapper .img-title .text{
        font-size:4rem
    }
    #our-benefits .cards-block .card{
        padding:50px 40px;
        min-height:500px
    }
    #our-benefits .cards-block .card .icon-block{
        margin-bottom:30px;
        width:80px;
        height:80px
    }
    #our-benefits .cards-block .card .text-block h5{
        font-size:2rem
    }
    #our-benefits .cards-block .card .text-block p{
        font-size:1.35rem
    }
    .news-page .news-post .text-content .news-title,.news-page .news-post .text-content p{
        font-size:1.75rem
    }
    .news-page .news-post .text-content .post-meta p{
        font-size:1.35rem
    }
    .news-page .news-post .text-content .btn-block a{
        font-size:1.75rem
    }
    .news-post .text-content .title{
        font-size:2.25rem
    }
    .news-post .text-content p{
        font-size:1.75rem
    }
}
@media screen and (max-width:1599px){
    .section-padding{
        padding:80px 100px
    }
    .news-page .news-group{
        padding-top:80px;
        padding-bottom:0
    }
    .news-page .news-group:last-child{
        padding-bottom:80px
    }
}
@media screen and (max-width:1399px){
    .section-padding{
        padding:80px
    }
    .title{
        font-size:4.5rem
    }
    .title .pre-title{
        font-size:2rem
    }
    .title-icon .icon{
        height:4.5rem
    }
    .title-block{
        padding-bottom:60px
    }
    p,ul,ol,li{
        font-size:1.5rem
    }
    .card .card-body .card-title{
        font-size:1.75rem !important
    }
    .main-btn{
        font-size:1.75rem;
        height:54px;
        line-height:54px;
        padding:0 50px;
        border-radius:30px;
        margin-top:32px
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:3rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:32px
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:16px
    }
    #about-us .about-card .card-body .icon-block{
        width:100px
    }
    #about-us .about-card .card-body .text-block h5{
        font-size:2rem
    }
    #about-us .about-card .card-body .text-block h6{
        font-size:1.75rem
    }
    #about-us .about-card .card-body .text-block p{
        font-size:1.25rem
    }
    #about-us .about-card.card-group .card-body .card-section .icon-block{
        width:80px
    }
    #about-us .cards-block .divider-horizontal{
        margin:10px 0
    }
    #company-discover .divider{
        margin:0 40px
    }
    #company-discover .discover-card .title-block{
        padding-bottom:40px
    }
    #company-discover .discover-card .card-body .text-block p:first-child{
        margin-bottom:20px
    }
    #our-values .cards-wrapper .card{
        margin-bottom:40px
    }
    #our-values .cards-wrapper .card .card-body .text-block .card-title{
        margin-bottom:15px
    }
    #our-values .cards-wrapper .card .card-body .text-block p{
        font-size:1.35rem
    }
    #our-values .cards-wrapper .card .card-body .icon-block{
        padding:25px
    }
    #our-values .cards-wrapper .card .card-body .icon-block img{
        width:90px
    }
    #our-offices .office-card .card-body .text-block{
        bottom:20px;
        left:20px;
        padding-right:20px
    }
    #our-offices .office-card .card-body .text-block h5{
        font-size:1.75rem
    }
    #our-offices .office-card .card-body .text-block h6,#our-offices .office-card .card-body .text-block p{
        font-size:1.5rem
    }
    #our-offices .divider{
        margin:0 40px
    }
    #our-team .team-card .card-body .text-block h6{
        font-size:1.5rem;
        margin-bottom:20px
    }
    #our-opportunities .title-block{
        padding-bottom:20px
    }
    #our-opportunities .img-block .img-wrapper .img-title .text{
        font-size:3.75rem
    }
    #our-benefits .cards-block{
        margin-bottom:20px
    }
    #our-benefits .cards-block .card{
        padding:40px 30px;
        min-height:420px;
        margin-right:20px
    }
    #our-benefits .cards-block .card .icon-block{
        margin-bottom:20px;
        width:72px;
        height:72px
    }
    #our-benefits .cards-block .card .text-block h5{
        font-size:1.75rem;
        margin-bottom:10px
    }
    #our-benefits .cards-block .card .text-block p{
        font-size:1.125rem
    }
    #our-benefits .cards-block .card:last-child{
        margin-right:0
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block img{
        width:120px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block .lottie-animation{
        width:120px;
        height:120px
    }
    #milestones .cards-box .cards-wrapper .card:first-child{
        padding-right:8%;
        padding-left:30px
    }
    #milestones .cards-box .cards-wrapper .card:last-child{
        padding-left:30px
    }
    #milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
        left:-52px
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
        top:67px;
        width:calc(100% - 6px)
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::before{
        clip-path:polygon(170px 0, 100% 0%, 100% 85px, 85px 170px);
        border-top:5px dashed #D3007F;
        border-right:5px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(170px 170px, 100% 164px, 100% 100%, 164px 100%);
        border-bottom:5px dashed #D3007F;
        border-right:5px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::before{
        height:296px;
        top:67px;
        clip-path:polygon(0 5px, calc(100% - 38px) 0, calc(100% - 38px) 100%, 0 100%);
        border-left:5px dashed #D3007F;
        border-bottom:5px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(170px 328px, 100% 328px, 100% 100%, 170px 100%);
        border-bottom:5px dashed #D3007F;
        border-right:5px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:first-child::before{
        top:73px;
        clip-path:polygon(0 5px, calc(100% - 38px) 0, calc(100% - 38px) 100%, 0 100%);
        border-left:5px dashed #D3007F;
        border-bottom:5px dashed #D3007F
    }
    .news-page .news-post .text-content .news-title,.news-page .news-post .text-content p{
        font-size:1.5rem
    }
    .news-page .news-post .text-content .post-meta p{
        font-size:1.25rem
    }
    .news-page .news-post .text-content .btn-block a{
        font-size:1.5rem
    }
    .news-post .text-content{
        padding-top:30px
    }
    .news-post .text-content .title{
        font-size:2rem
    }
    .news-post .text-content p{
        font-size:1.5rem
    }
}
@media screen and (max-width:1199px){
    .title{
        font-size:4rem
    }
    .title .pre-title{
        font-size:2rem
    }
    .title-block{
        padding-bottom:50px
    }
    .title-icon .icon{
        height:4rem
    }
    .section-padding{
        padding:50px
    }
    #main-section{
        background-position:70% 50%
    }
    #main-section .wrapper .title-block .title{
        line-height:0.875
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:2.5rem
    }
    #about-us .content-block{
        width:calc(100% - 400px);
        padding-right:70px
    }
    #about-us .img-block{
        width:400px
    }
    #about-us .cards-block{
        margin-top:50px
    }
    #about-us .about-card .card-body .card-section{
        margin-right:30px
    }
    #about-us .about-card .card-body .card-section:last-child{
        margin-right:0
    }
    #about-us .about-card .card-body .icon-block{
        width:90px
    }
    #about-us .about-card .card-body .text-block h5{
        font-size:1.75rem
    }
    #about-us .about-card .card-body .text-block h6{
        font-size:1.5rem
    }
    #about-us .about-card .card-body .text-block p{
        font-size:1.125rem
    }
    #about-us .about-card.card-group .card-body .card-section .icon-block{
        transform:translateY(10px)
    }
    #company-discover .divider{
        margin:0 30px
    }
    #our-values .cards-wrapper .card .card-body{
        flex-direction:column-reverse;
        align-items:flex-end;
        justify-content:flex-end
    }
    #our-values .cards-wrapper .card:first-child .card-body .icon-block{
        margin-bottom:30px;
        margin-left:0;
        margin-right:0
    }
    #our-values .cards-wrapper .card:last-child .card-body{
        flex-direction:column-reverse;
        align-items:flex-start
    }
    #our-values .cards-wrapper .card:last-child .card-body .icon-block{
        margin-bottom:30px;
        margin-left:0;
        margin-right:0
    }
    #our-commitment .commitment-card .card-body .content-wrapper .divider{
        margin:0 25px
    }
    #our-offices .divider{
        margin:0 25px
    }
    #our-team .divider{
        margin:0 25px
    }
    #our-team .team-card{
        margin-bottom:50px
    }
    #our-team .team-card .card-body .photo-block{
        align-items:flex-start;
        flex-basis:calc(40% - 60px)
    }
    #our-team .team-card:last-child{
        margin-bottom:0
    }
    #our-opportunities .img-block .img-wrapper .img-title .text{
        font-size:3.25rem
    }
    #our-opportunities .img-block .img-wrapper::after{
        left:-12px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block img{
        width:110px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block .lottie-animation{
        width:110px;
        height:110px
    }
    #milestones .cards-box .cards-wrapper .card:last-child{
        padding-left:27px
    }
    #milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
        left:-48px
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
        top:61px;
        width:calc(100% - 6px)
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::before{
        clip-path:polygon(160px 0, 100% 0%, 100% 92px, 92px 160px)
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(160px 170px, 100% 160px, 100% 100%, 160px 100%)
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::before{
        height:297px;
        top:61px;
        clip-path:polygon(0 5px, calc(100% - 38px) 0, calc(100% - 38px) 100%, 0 100%)
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(160px 325px, 100% 325px, 100% 100%, 160px 100%)
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:first-child::before{
        top:68px
    }
    .news-page .news-group{
        padding-top:50px;
        padding-bottom:0
    }
    .news-page .news-group:last-child{
        padding-bottom:50px
    }
}
@media screen and (max-width:1024px) and (min-height:991px){
    #main-section .wrapper .img-bg{
        height:45vh;
        width:100vw;
        top:auto;
        bottom:0
    }
    #main-section .wrapper .img-bg.bg-first:before{
        clip-path:polygon(40% 19%, 100% 64%, 100% 100%, 8% 100%)
    }
    #main-section .wrapper .img-bg.bg-second:before{
        left:0;
        top:auto;
        bottom:0;
        height:95%;
        width:100%;
        clip-path:polygon(29% 25%, 100% 84%, 100% 100%, 0 100%)
    }
    #main-section .wrapper .img-block{
        height:45vh;
        width:100%
    }
    #main-section .wrapper .img-block-desktop{
        display:none
    }
    #main-section .wrapper .img-block-mobile{
        display:flex;
        align-items:flex-end;
        justify-content:center;
        width:100%;
        padding-right:32px
    }
    #main-section .wrapper .img-block-mobile img{
        position:relative;
        width:auto;
        height:100%;
        max-width:max-content
    }
    #main-section .wrapper .title-block{
        padding-bottom:100px;
        padding-top:0;
        justify-content:center;
        width:100%;
        max-width:100%
    }
    #main-section .wrapper .title-block .title{
        max-width:max-content
    }
}
@media screen and (max-width:991px){
    .section-padding{
        padding:40px
    }
    .title{
        font-size:3.5rem
    }
    .title .pre-title{
        font-size:1.5rem
    }
    .title-block{
        padding-bottom:40px
    }
    .title-icon .icon{
        height:3.5rem
    }
    p,ul,ol,li{
        font-size:1.25rem
    }
    .card .card-body .card-title{
        font-size:1.5rem !important
    }
    .main-btn{
        font-size:1.5rem;
        height:48px;
        line-height:48px;
        padding:0 40px;
        border-radius:24px;
        margin-top:25px
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:2rem
    }
    #about-us .content-block{
        width:calc(100% - 360px);
        padding-right:60px
    }
    #about-us .img-block{
        width:360px
    }
    #about-us .cards-block{
        margin-top:40px
    }
    #about-us .about-card .card-body .icon-block{
        width:80px
    }
    #about-us .about-card .card-body .text-block h5{
        font-size:1.5rem
    }
    #about-us .about-card .card-body .text-block h6{
        font-size:1.35rem
    }
    #about-us .about-card .card-body .text-block p{
        font-size:1rem
    }
    #about-us .about-card.card-group .card-body .card-section .icon-block{
        transform:translateY(5px);
        width:70px
    }
    #company-discover .discover-card .title-block{
        padding-bottom:30px
    }
    #company-discover .discover-card .card-body .text-block p:first-child{
        margin-bottom:10px
    }
    #our-values .cards-wrapper .card{
        margin-bottom:30px
    }
    #our-values .cards-wrapper .card .card-body .text-block .card-title{
        margin-bottom:10px
    }
    #our-values .cards-wrapper .card .card-body .text-block p{
        font-size:1.25rem
    }
    #our-values .cards-wrapper .card .card-body .icon-block img{
        width:70px
    }
    #our-values .cards-wrapper:last-child .card{
        margin-bottom:0
    }
    #our-commitment .commitment-card .card-body .icon-block{
        flex-basis:45%
    }
    #our-commitment .commitment-card .card-body .content-wrapper{
        padding:30px
    }
    #our-commitment .commitment-card .card-body .content-wrapper .divider{
        margin:0 20px
    }
    #our-offices .office-card .card-body .text-block{
        bottom:20px;
        left:20px;
        padding-right:20px
    }
    #our-offices .office-card .card-body .text-block h5{
        font-size:1.5rem
    }
    #our-offices .office-card .card-body .text-block h6,#our-offices .office-card .card-body .text-block p{
        font-size:1.125rem
    }
    #our-team .team-card .card-body .text-block h6{
        font-size:1.25rem;
        margin-bottom:15px
    }
    #our-opportunities .title{
        font-size:2.75rem
    }
    #our-opportunities .title .pre-title{
        font-size:1.25
    }
    #our-opportunities .img-block .img-wrapper .img-title .text{
        font-size:2.75rem
    }
    #our-benefits .cards-wrapper-lg{
        display:none
    }
    #our-benefits .cards-wrapper-sm{
        display:flex
    }
    #our-benefits .cards-wrapper-sm .cards-block .card{
        flex-basis:50%;
        min-height:min-content
    }
    #our-benefits .cards-wrapper-sm .cards-block .card .text-block h5{
        font-size:1.5rem
    }
    #our-benefits .cards-wrapper-sm .cards-block .card .text-block p{
        font-size:1rem
    }
    #our-benefits .cards-wrapper-sm .cards-block .card:last-child{
        margin-bottom:0
    }
    #our-benefits .cards-wrapper-sm .cards-block:nth-child(2) .card:last-child::before,#our-benefits .cards-wrapper-sm .cards-block:nth-child(2) .card:first-child::before{
        transform:rotate(0)
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block img{
        width:100px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block .lottie-animation{
        width:100px;
        height:100px
    }
    #milestones .cards-box .cards-wrapper .card:last-child{
        padding-left:24px;
        margin-top:90px
    }
    #milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
        left:-43px;
        width:20px;
        height:20px
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
        top:55px;
        width:calc(100% - 8px)
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::before{
        clip-path:polygon(150px 0, 100% 0%, 100% 56px, 56px 150px);
        border-top:4px dashed #D3007F;
        border-right:4px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(130px 150px, 100% 130px, 100% 100%, 150px 100%);
        border-bottom:4px dashed #D3007F;
        border-right:4px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::before{
        height:247px;
        top:55px;
        clip-path:polygon(0 5px, calc(100% - 38px) 0, calc(100% - 38px) 100%, 0 100%);
        border-left:4px dashed #D3007F;
        border-bottom:4px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(130px 280px, 100% 280px, 100% 100%, 150px 100%);
        border-bottom:4px dashed #D3007F;
        border-right:4px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:last-child{
        margin-top:240px
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:first-child::before{
        top:55px;
        height:208px;
        border-left:4px dashed #D3007F;
        border-bottom:4px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:last-child{
        margin-top:200px
    }
    .news-page .news-group{
        padding-top:40px;
        padding-bottom:0
    }
    .news-page .news-group .posts-wrapper .news-post{
        border-radius:12px;
        padding:25px 20px
    }
    .news-page .news-group .posts-wrapper .divider{
        margin:0 20px
    }
    .news-page .news-group:last-child{
        padding-bottom:40px
    }
    .news-page .news-post .headimg-main{
        border-radius:8px
    }
    .news-page .news-post .headimg-main .block-img{
        border-radius:8px
    }
    .news-page .news-post .text-content .news-title{
        font-size:1.35rem
    }
    .news-page .news-post .text-content P{
        font-size:1.25rem
    }
    .news-page .news-post .text-content .post-meta p{
        font-size:1rem
    }
    .news-page .news-post .text-content .btn-block a{
        font-size:1.25rem
    }
    .news-page .news-post.last-post .title-block{
        padding-top:50px
    }
    .news-page .news-post.last-post .img-wrapper .headimg-main:after{
        border-radius:8px
    }
    .news-page .news-post.last-post .img-wrapper:before{
        border-radius:8px
    }
    .news-page .news-post.last-post .text-content{
        padding:30px
    }
    .news-page .news-post.last-post .text-content .post-meta{
        margin-bottom:20px
    }
    .news-page .news-post.last-post .text-content .btn-block{
        padding-top:0
    }
    .news-post .text-content .title{
        font-size:1.75rem
    }
    .news-post .text-content p{
        font-size:1.25rem
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Department-Header{
        padding:2px 12px;
        font-size:1.35rem
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item .BambooHR-ATS-Location{
        font-size:1.125rem
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a{
        font-size:1.35rem !important
    }
}
@media screen and (max-width:767px){
    .section-padding{
        padding:40px 30px
    }
    .title{
        font-size:3rem
    }
    .title .pre-title{
        font-size:1.125rem
    }
    .title-icon .icon{
        height:3rem
    }
    p,ul,ol,li{
        font-size:1.125rem
    }
    .card .card-body .card-title{
        font-size:1.35rem !important
    }
    .main-btn{
        font-size:1.35rem;
        height:45px;
        line-height:45px;
        padding:0 40px;
        border-radius:23px
    }
    #main-section .wrapper{
        flex-basis:100%;
        width:100%
    }
    #main-section .wrapper .img-bg{
        height:50vh;
        width:100vw;
        top:auto;
        bottom:0
    }
    #main-section .wrapper .img-bg.bg-first:before{
        clip-path:polygon(40% 19%, 100% 64%, 100% 100%, 8% 100%)
    }
    #main-section .wrapper .img-bg.bg-second:before{
        left:0;
        top:auto;
        bottom:0;
        height:95%;
        width:100%;
        clip-path:polygon(29% 25%, 100% 84%, 100% 100%, 0 100%)
    }
    #main-section .wrapper .img-block{
        height:47.5vh;
        width:100%
    }
    #main-section .wrapper .img-block-desktop{
        display:none
    }
    #main-section .wrapper .img-block-mobile{
        display:flex;
        align-items:flex-end;
        justify-content:center;
        width:100%;
        padding-right:32px
    }
    #main-section .wrapper .img-block-mobile img{
        position:relative;
        width:auto;
        height:100%;
        max-width:max-content
    }
    #main-section .wrapper .title-block{
        padding-bottom:100px;
        padding-top:0;
        width:100%;
        max-width:100%;
        justify-content:center
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:1.75rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:24px
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:12px
    }
    #about-us .content-block{
        width:calc(100% - 270px);
        padding-right:40px
    }
    #about-us .img-block{
        width:270px
    }
    #about-us .cards-block{
        margin-top:30px
    }
    #about-us .cards-block .divider{
        margin:0 20px
    }
    #about-us .about-card .card-body{
        padding:20px
    }
    #about-us .about-card .card-body .icon-block{
        width:70px
    }
    #about-us .about-card .card-body .text-block h5{
        font-size:1.35rem
    }
    #about-us .about-card .card-body .text-block h6{
        font-size:1.25rem
    }
    #about-us .about-card .card-body .text-block p{
        font-size:0.875rem
    }
    #about-us .about-card.card-group .card-body .card-section .icon-block{
        transform:translateY(0px);
        width:60px
    }
    #company-discover .cards-wrapper{
        flex-direction:column !important
    }
    #company-discover .divider{
        width:0;
        height:1px;
        margin:30px auto;
        opacity:1;
        background:black;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%)
    }
    #company-discover .divider.visible{
        width:90%;
        height:1px
    }
    #company-discover .discover-card .card-body .text-block p:first-child{
        margin-bottom:10px
    }
    #company-discover .discover-card:last-child{
        align-items:flex-end
    }
    #company-discover .discover-card:last-child .card-body{
        align-items:flex-end
    }
    #company-discover .discover-card:last-child .card-body .text-block p{
        text-align:end
    }
    #our-commitment .commitment-card .card-body{
        flex-direction:column;
        align-items:center;
        max-width:540px;
        margin:0 auto
    }
    #our-commitment .commitment-card .card-body .icon-block{
        margin:0 30px;
        min-width:296px;
        max-width:400px
    }
    #our-commitment .commitment-card .card-body .content-wrapper{
        transform:translateX(0) translateY(-30px);
        flex-direction:column;
        margin-top:0;
        width:100%
    }
    #our-commitment .commitment-card .card-body .content-wrapper .divider{
        margin:25px auto;
        height:1px;
        width:0;
        opacity:0;
        background:#312782;
        background:linear-gradient(90deg, rgba(228, 165, 30, 0) 0%, #312782 50%, rgba(228, 165, 30, 0));
        transition:width 0.8s ease
    }
    #our-commitment .commitment-card .card-body .content-wrapper .divider.visible{
        height:1px;
        width:50%
    }
    #our-offices .cards-wrapper{
        flex-direction:column !important;
        flex-basis:auto;
        justify-content:flex-start;
        align-items:center
    }
    #our-offices .divider{
        margin:24px auto;
        width:75%;
        height:1px;
        background:black;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%)
    }
    #our-offices .office-card{
        max-width:540px
    }
    #our-offices .office-card .card-body .img-wrapper.border-right::before{
        border-bottom:4px solid rgba(255, 255, 255, 0.25);
        border-right:4px solid rgba(255, 255, 255, 0.25)
    }
    #our-offices .office-card .card-body .img-wrapper.border-left::before{
        border-bottom:4px solid rgba(255, 255, 255, 0.25);
        border-left:4px solid rgba(255, 255, 255, 0.25)
    }
    #our-team .divider-sm{
        display:block;
        margin:30px auto;
        width:50%;
        height:1px;
        background:black;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%)
    }
    #our-team .team-card{
        margin-bottom:0;
        max-width:540px;
        margin:0 auto
    }
    #our-team .team-card .card-body{
        flex-direction:column;
        justify-content:center
    }
    #our-team .team-card .card-body .divider{
        display:none
    }
    #our-team .team-card .card-body .photo-block{
        max-width:480px;
        width:75%;
        min-width:240px;
        margin:0 auto
    }
    #our-team .team-card .card-body .text-block{
        margin-top:30px
    }
    #our-team .team-card .card-body .text-block h5,#our-team .team-card .card-body .text-block h6{
        text-align:center
    }
    #our-opportunities .title{
        font-size:2.5rem
    }
    #our-opportunities .title .pre-title{
        font-size:1rem
    }
    #our-opportunities .img-block{
        max-width:100%
    }
    #our-opportunities .img-block .img-wrapper .img-title{
        bottom:20px
    }
    #our-opportunities .img-block .img-wrapper .img-title .text{
        font-size:2.25rem
    }
    .news-page .news-group{
        padding-top:30px;
        padding-bottom:0
    }
    .news-page .news-group .posts-wrapper .news-post{
        padding:20px 15px
    }
    .news-page .news-group:last-child{
        padding-bottom:30px
    }
    .news-page .news-post .headimg-main{
        border-radius:8px
    }
    .news-page .news-post .headimg-main .block-img{
        border-radius:8px
    }
    .news-page .news-post .text-content .news-title{
        font-size:1.25rem
    }
    .news-page .news-post .text-content P{
        font-size:1.125rem
    }
    .news-page .news-post .text-content .post-meta p{
        font-size:0.875rem
    }
    .news-page .news-post .text-content .btn-block a{
        font-size:1.125rem
    }
    .news-page .news-post.last-post .img-wrapper .headimg-main{
        min-height:min-content
    }
    .news-page .news-post.last-post .img-wrapper .headimg-main:after{
        border-radius:8px
    }
    .news-page .news-post.last-post .img-wrapper:before{
        border-radius:8px
    }
    .news-page .news-post.last-post .text-content{
        padding:20px
    }
    .news-page .news-post.last-post .text-content .post-meta{
        margin-bottom:10px
    }
    .news-page .news-post.last-post .text-content .btn-block{
        padding-top:0
    }
    .news-post .text-content .title{
        font-size:1.5rem
    }
    .news-post .text-content p{
        font-size:1.125rem
    }
}
@media screen and (max-width:767px) and (min-width:499px){
    #our-offices .office-card .card-body .text-block{
        bottom:30px;
        left:30px;
        padding-right:30px
    }
    #our-offices .office-card .card-body .text-block h5{
        font-size:1.75rem
    }
    #our-offices .office-card .card-body .text-block h6{
        font-size:1.5rem
    }
    #our-offices .office-card .card-body .text-block p{
        font-size:1.5rem
    }
}
@media screen and (max-width:667px){
    #about-us .content-block{
        width:calc(100% - 240px);
        padding-right:30px
    }
    #about-us .img-block{
        width:240px
    }
    #our-opportunities{
        padding-top:0
    }
    #our-opportunities .main-block{
        flex-direction:column-reverse;
        padding-top:20px
    }
    #our-opportunities .img-block{
        max-width:480px;
        padding:40px 30px
    }
    #our-opportunities .img-block .img-wrapper .img-sm{
        display:block
    }
    #our-opportunities .img-block .img-wrapper .img-lg{
        display:none
    }
    #our-opportunities .img-block .img-wrapper .img-title{
        display:none
    }
    #our-opportunities .img-block .img-wrapper::before{
        transform:translatey(0px) translateX(50%) rotate(0deg);
        left:-16px
    }
    #our-opportunities .img-block .img-wrapper.visible::before{
        transform:translatey(-16px) translateX(0) rotate(-1.5deg)
    }
    #our-opportunities .img-block .img-wrapper::after{
        transform:translateX(50%) rotate(0deg);
        bottom:-16px;
        left:32px
    }
    #our-opportunities .img-block .img-wrapper.visible::after{
        transform:translateX(0) rotate(2.5deg)
    }
}
@media screen and (max-width:567px){
    #main-section{
        background-position:75% 50%
    }
    #main-section .wrapper .title-block .title{
        font-size:2.8125rem
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:1.5rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:10px
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:4px
    }
    #our-benefits .cards-wrapper-sm .cards-block{
        flex-direction:column;
        justify-content:flex-start;
        align-items:center
    }
    #our-benefits .cards-wrapper-sm .cards-block .card{
        max-width:400px;
        min-height:min-content;
        margin-bottom:20px;
        margin-left:0;
        margin-right:0
    }
    #our-values .divider.divider-sm{
        display:block;
        height:1px !important;
        width:80% !important;
        margin:20px auto;
        background:black !important;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%) !important
    }
    #our-values .cards-wrapper{
        flex-direction:column;
        margin-bottom:0
    }
    #our-values .cards-wrapper .card{
        margin-bottom:0
    }
    #our-values .cards-wrapper .card:first-child .card-body{
        justify-content:flex-start;
        align-items:flex-start
    }
    #our-values .cards-wrapper .card:first-child .card-body .text-block .card-title{
        text-align:start
    }
    #our-values .cards-wrapper .card:first-child .card-body .text-block p{
        text-align:start
    }
    #our-values .cards-wrapper .card:last-child .card-body{
        justify-content:flex-start;
        align-items:flex-end
    }
    #our-values .cards-wrapper .card:last-child .card-body .text-block .card-title{
        text-align:end
    }
    #our-values .cards-wrapper .card:last-child .card-body .text-block p{
        text-align:end
    }
    #our-values .cards-wrapper .divider,#our-values .cards-wrapper .divider.divider-sm{
        height:1px !important;
        width:80% !important;
        margin:20px auto;
        background:black !important;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%) !important
    }
    #milestones .cards-box{
        margin-top:20px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block img{
        width:80px
    }
    #milestones .cards-box .cards-wrapper .card .card-body .img-block .lottie-animation{
        width:80px;
        height:80px
    }
    #milestones .cards-box .cards-wrapper .card:first-child{
        padding-left:20px;
        padding-right:25px
    }
    #milestones .cards-box .cards-wrapper .card:last-child{
        padding-left:20px;
        margin-top:90px
    }
    #milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
        left:-39px;
        width:16px;
        height:16px
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
        top:44px;
        width:calc(100% - 9px)
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::before{
        clip-path:polygon(115px 0, 100% 0%, 100% 70px, 70px 115px);
        border-top:3px dashed #D3007F;
        border-right:3px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(115px 120px, 100% 120px, 100% 100%, 115px 100%);
        border-bottom:3px dashed #D3007F;
        border-right:3px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::before{
        height:257px;
        top:44px;
        clip-path:polygon(0 10px, calc(100% - 32px) 0, calc(100% - 32px) 100%, 0 100%);
        border-left:3px dashed #D3007F;
        border-bottom:3px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:first-child::after{
        height:calc(100% - 86px);
        clip-path:polygon(115px 278px, 100% 278px, 100% 100%, 115px 100%);
        border-bottom:3px dashed #D3007F;
        border-right:3px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:last-child{
        margin-top:250px
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:first-child::before{
        top:44px;
        height:208px;
        border-left:3px dashed #D3007F;
        border-bottom:3px dashed #D3007F;
        clip-path:polygon(0 10px, calc(100% - 32px) 0, calc(100% - 32px) 100%, 0 100%)
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:last-child{
        margin-top:200px
    }
    #about-us{
        padding-right:30px
    }
    #about-us .content-block{
        width:100%;
        padding-right:0
    }
    #about-us .img-block{
        display:none
    }
    #about-us .cards-block{
        flex-direction:column;
        max-width:max-content
    }
    #about-us .cards-block .divider{
        margin:20px 0px;
        width:100%;
        height:1px;
        background:black;
        background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%)
    }
    #about-us .about-card{
        max-width:100%;
        width:100%
    }
    #about-us .about-card:not(.card-group) .card-body{
        flex-direction:row
    }
    #about-us .about-card:not(.card-group) .card-body .text-block{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start
    }
    #about-us .about-card:not(.card-group) .card-body .text-block .divider{
        height:100%;
        width:1px;
        background:black;
        background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
        margin:0px 20px
    }
    .news-page .news-group .posts-wrapper{
        flex-direction:column
    }
    .news-page .news-group .posts-wrapper .news-post .text-content .news-title{
        margin-bottom:15px
    }
    .news-page .news-group .posts-wrapper .news-post:first-child{
        margin-bottom:20px
    }
    .news-page .news-group .posts-wrapper .divider{
        display:none
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Department-Header{
        font-size:1.25rem;
        width:auto;
        max-width:max-content
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item .BambooHR-ATS-Location{
        font-size:1rem
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a{
        font-size:1.25rem !important
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover{
        border:1px solid #cfcfcf !important
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover a{
        color:#A3005F
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover .BambooHR-ATS-Location{
        color:#636363
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover::before{
        transform:translateX(-100%);
        filter:opacity(0)
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:hover::after{
        transform:translateY(-50%) rotate(0deg);
        filter:opacity(0.5) invert(1)
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item::after{
        transform:translateY(-50%) rotate(0deg);
        filter:opacity(0.5) invert(1)
    }
}
@media screen and (max-width:467px){
    .section-padding{
        padding:30px 20px
    }
    .title{
        font-size:2.5rem
    }
    .title .pre-title{
        font-size:1rem
    }
    .title-icon .icon{
        height:2.5rem
    }
    .title-block{
        padding-bottom:20px
    }
    #main-section .wrapper .title-block .title{
        font-size:2.5rem;
        letter-spacing:-1px
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:1.25rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:4px
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:0
    }
    #our-commitment .commitment-card .card-body .icon-block{
        margin:0 30px;
        min-width:120px
    }
    #our-opportunities .title{
        font-size:2.25rem
    }
    #our-opportunities .title .pre-title{
        font-size:1rem
    }
    #our-opportunities .img-block{
        padding:30px 20px
    }
    #our-benefits .cards-wrapper-sm .cards-block .card .text-block h5{
        font-size:1.35rem
    }
    #milestones .cards-box .cards-wrapper{
        flex-direction:column;
        margin-top:0 !important
    }
    #milestones .cards-box .cards-wrapper .card{
        width:100%;
        padding-right:20px;
        padding-left:20px
    }
    #milestones .cards-box .cards-wrapper .card:last-child{
        margin-top:30px !important;
        height:auto !important;
        max-height:max-content !important
    }
    #milestones .cards-box .cards-wrapper .card:last-child .card-body .img-block::before{
        display:none
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before,#milestones .cards-box .cards-wrapper .card:first-child::after{
        top:44px;
        width:100%
    }
    #milestones .cards-box .cards-wrapper .card:first-child::before{
        height:calc(100% + 34px) !important;
        clip-path:polygon(110px 0, 100% 0, 100% 100%, 110px 100%) !important;
        border-bottom:3px dashed #D3007F !important;
        border-right:3px dashed #D3007F !important;
        border-top:3px dashed #D3007F !important;
        border-left:none !important
    }
    #milestones .cards-box .cards-wrapper .card:first-child:after{
        display:none !important
    }
    #milestones .cards-box .cards-wrapper .card:last-child:after{
        position:absolute;
        content:"";
        width:100%;
        top:44px;
        border-radius:32px;
        left:0px;
        height:calc(100% + 34px);
        clip-path:polygon(0 0, 10px 0, 10px 100%, 0 100%);
        border-left:3px dashed #D3007F
    }
    #milestones .cards-box .cards-wrapper:nth-child(1) .card:first-child::after{
        display:none
    }
    #milestones .cards-box .cards-wrapper:nth-child(2) .card:last-child{
        margin-top:30px
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:last-child{
        margin-top:30px
    }
    #milestones .cards-box .cards-wrapper:nth-child(3) .card:last-child:after{
        display:none
    }
    #about-us{
        padding-right:20px
    }
    #about-us .content-wrapper{
        max-width:100%
    }
    .news-page .news-post .text-content .news-title{
        font-size:1rem
    }
    .news-page .news-post .text-content P{
        font-size:1rem
    }
    .news-page .news-post .text-content .post-meta p{
        font-size:0.75rem
    }
    .news-page .news-post .text-content .btn-block a{
        font-size:1rem
    }
    .news-page .news-post.last-post .text-content .news-title{
        text-transform:none;
        color:white
    }
    .news-page .news-post.last-post .text-content p{
        display:none
    }
    .news-page .news-post.last-post .text-content .post-meta p{
        display:block
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item{
        width:100%
    }
}
@media screen and (max-width:399px){
    .section-padding{
        padding:30px 16px
    }
    .title{
        font-size:2.25rem
    }
    .title .pre-title{
        font-size:1rem
    }
    .title-icon .icon{
        height:2.25rem
    }
    .card .card-body .card-title{
        font-size:1.25rem !important
    }
    #main-section .wrapper .title-block .title{
        font-size:2.25rem;
        text-wrap:wrap
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:1.25rem
    }
    #main-section .wrapper .title-block .title span.spacing-left-high{
        padding-left:0
    }
    #main-section .wrapper .title-block .title span.spacing-left-low{
        padding-left:0
    }
    #our-offices .office-card .card-body .text-block{
        bottom:16px;
        left:16px;
        padding-right:16px
    }
    #our-offices .office-card .card-body .text-block h5{
        font-size:1.35rem
    }
    #our-offices .office-card .card-body .text-block h6{
        font-size:1.125rem
    }
    #our-offices .office-card .card-body .text-block p{
        font-size:1rem
    }
    #our-team .divider-sm{
        margin:20px auto
    }
    #our-team .team-card .card-body .photo-block{
        width:100%
    }
    #our-team .team-card .card-body .text-block{
        margin-top:20px
    }
    #our-benefits .cards-wrapper-sm .cards-block .card{
        padding:30px 20px
    }
    #our-values .cards-wrapper .card .card-body .icon-block{
        margin-bottom:20px;
        padding:20px
    }
    #about-us .about-card:not(.card-group) .card-body .text-block .divider{
        margin:0px 15px
    }
    #about-us .about-card.card-group .card-section{
        margin-right:15px
    }
    #about-us .about-card.card-group .card-section .text-block .divider-horizontal{
        margin:10px 0
    }
    #about-us .about-card.card-group .card-section:last-child{
        margin-right:0
    }
    #our-opportunities .title{
        font-size:2rem
    }
    #our-opportunities .img-block{
        padding:30px 16px;
        padding-bottom:0
    }
    .job-offers-page .BambooHR-ATS-Department-Item .BambooHR-ATS-Department-Header{
        font-size:1.125rem
    }
}
@media screen and (max-width:349px){
    #main-section .wrapper .title-block .title{
        font-size:2.125rem;
        text-wrap:wrap
    }
    #main-section .wrapper .title-block .title span.text-white{
        font-size:1.125rem
    }
}
header{
    padding:0
}
header .navbar{
    padding:20px 50px;
    margin:0;
    background:rgba(255, 255, 255, 0);
    -webkit-backdrop-filter:blur(0px);
    backdrop-filter:blur(0px);
    transition:background 0.25s ease
}
header .navbar .custom-logo-link .custom-logo{
    display:block;
    position:relative;
    height:56px;
    width:auto
}
header .navbar .navbar-nav{
    margin:0;
    padding:0;
    list-style:none;
    align-items:center
}
header .navbar .navbar-nav .nav-item{
    color:#D3007F;
    font-size:1.5rem;
    font-weight:400;
    margin:0;
    text-decoration:none;
    cursor:pointer
}
header .navbar .navbar-nav .nav-item .nav-link{
    color:#D3007F;
    font-weight:400;
    padding:0;
    padding-right:30px
}
header .navbar .navbar-nav .nav-item .nav-link:hover,header .navbar .navbar-nav .nav-item .nav-link:focus,header .navbar .navbar-nav .nav-item .nav-link:active{
    font-weight:400;
    color:#212121
}
header .navbar .navbar-nav .nav-item:last-child .nav-link{
    padding-right:0
}
header .navbar .offcanvas .offcanvas-header{
    padding:15px 30px
}
header .navbar .offcanvas .offcanvas-header a img{
    height:40px
}
header .navbar .offcanvas .offcanvas-body .links-block{
    display:none
}
header .navbar .offcanvas.showing .navbar-nav .nav-item,header .navbar .offcanvas.show .navbar-nav .nav-item,header .navbar .offcanvas.hiding .navbar-nav .nav-item{
    color:#D3007F
}
header .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link,header .navbar .offcanvas.show .navbar-nav .nav-item .nav-link,header .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link{
    color:#D3007F;
    padding-right:0;
    padding-bottom:5px
}
header .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:hover,header .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:focus,header .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:active,header .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:hover,header .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:focus,header .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:active,header .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:hover,header .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:focus,header .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:active{
    color:#212121
}
header .navbar .offcanvas.showing .offcanvas-body,header .navbar .offcanvas.show .offcanvas-body,header .navbar .offcanvas.hiding .offcanvas-body{
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:space-between
}
header .navbar .offcanvas.showing .offcanvas-body .navbar-nav,header .navbar .offcanvas.show .offcanvas-body .navbar-nav,header .navbar .offcanvas.hiding .offcanvas-body .navbar-nav{
    flex-grow:0 !important;
    margin-bottom:30px
}
header .navbar .offcanvas.showing .offcanvas-body .links-block,header .navbar .offcanvas.show .offcanvas-body .links-block,header .navbar .offcanvas.hiding .offcanvas-body .links-block{
    display:block;
    position:relative;
    padding-bottom:30px
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .social,header .navbar .offcanvas.show .offcanvas-body .links-block .social,header .navbar .offcanvas.hiding .offcanvas-body .links-block .social{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    z-index:10
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .social a,header .navbar .offcanvas.show .offcanvas-body .links-block .social a,header .navbar .offcanvas.hiding .offcanvas-body .links-block .social a{
    height:28px;
    width:28px;
    margin-right:10px;
    transition:0.2s ease
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .social a img,header .navbar .offcanvas.show .offcanvas-body .links-block .social a img,header .navbar .offcanvas.hiding .offcanvas-body .links-block .social a img{
    display:block;
    position:relative;
    height:100%;
    width:100%;
    filter:contrast(2)
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .social a:hover img,header .navbar .offcanvas.show .offcanvas-body .links-block .social a:hover img,header .navbar .offcanvas.hiding .offcanvas-body .links-block .social a:hover img{
    filter:brightness(0.75)
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .social a:last-child,header .navbar .offcanvas.show .offcanvas-body .links-block .social a:last-child,header .navbar .offcanvas.hiding .offcanvas-body .links-block .social a:last-child{
    margin-right:0
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .copyright,header .navbar .offcanvas.show .offcanvas-body .links-block .copyright,header .navbar .offcanvas.hiding .offcanvas-body .links-block .copyright{
    z-index:10
}
header .navbar .offcanvas.showing .offcanvas-body .links-block .copyright p,header .navbar .offcanvas.show .offcanvas-body .links-block .copyright p,header .navbar .offcanvas.hiding .offcanvas-body .links-block .copyright p{
    font-size:0.875rem;
    color:#fff;
    text-align:center
}
header .navbar .offcanvas.showing .offcanvas-body .links-block:before,header .navbar .offcanvas.show .offcanvas-body .links-block:before,header .navbar .offcanvas.hiding .offcanvas-body .links-block:before{
    content:"";
    position:absolute;
    bottom:-16px;
    left:-16px;
    background:#312782;
    width:calc(100% + 32px);
    height:calc(100% + 48px);
    clip-path:polygon(0 15%, 100% 0, 100% 100%, 0 100%)
}
.header-yellow .navbar .navbar-nav .nav-item{
    color:#312782
}
.header-yellow .navbar .navbar-nav .nav-item .nav-link{
    color:#312782
}
.header-yellow .navbar .navbar-nav .nav-item .nav-link:hover,.header-yellow .navbar .navbar-nav .nav-item .nav-link:focus,.header-yellow .navbar .navbar-nav .nav-item .nav-link:active{
    color:#FDFCF4
}
.header-yellow .navbar .offcanvas.showing .navbar-nav .nav-item,.header-yellow .navbar .offcanvas.show .navbar-nav .nav-item,.header-yellow .navbar .offcanvas.hiding .navbar-nav .nav-item{
    color:#D3007F
}
.header-yellow .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link,.header-yellow .navbar .offcanvas.show .navbar-nav .nav-item .nav-link,.header-yellow .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link{
    color:#D3007F
}
.header-yellow .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:hover,.header-yellow .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:focus,.header-yellow .navbar .offcanvas.showing .navbar-nav .nav-item .nav-link:active,.header-yellow .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:hover,.header-yellow .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:focus,.header-yellow .navbar .offcanvas.show .navbar-nav .nav-item .nav-link:active,.header-yellow .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:hover,.header-yellow .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:focus,.header-yellow .navbar .offcanvas.hiding .navbar-nav .nav-item .nav-link:active{
    color:#212121
}
header.scrolled .navbar{
    background:rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.1)
}
header.scrolled .navbar .navbar-nav .nav-item{
    color:#D3007F
}
header.scrolled .navbar .navbar-nav .nav-item .nav-link{
    color:#D3007F
}
header.scrolled .navbar .navbar-nav .nav-item .nav-link:hover,header.scrolled .navbar .navbar-nav .nav-item .nav-link:active{
    font-weight:400;
    color:#212121
}
header.scrolled .navbar .navbar-nav .nav-item .nav-link:focus{
    color:#D3007F
}
@media screen and (max-width:1399px){
    header .navbar{
        padding:15px 30px
    }
}
@media screen and (max-width:991px){
    header .navbar{
        -webkit-backdrop-filter:none;
        backdrop-filter:none
    }
    header .navbar .navbar-toggler{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        border:none;
        outline:none;
        padding:0;
        margin:0;
        box-shadow:none
    }
    header .navbar .navbar-toggler .navbar-toggler-icon{
        height:auto;
        width:36px;
        background:none;
        background-image:none
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line{
        display:block;
        width:36px;
        height:3px;
        background:#D3007F;
        margin-bottom:10px;
        border-radius:2px;
        transition:0.3s ease
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:nth-child(2){
        width:30px;
        margin-left:auto;
        margin-right:0
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:last-child{
        margin-bottom:0
    }
    header .navbar .navbar-toggler:hover .navbar-toggler-icon .line,header .navbar .navbar-toggler:active .navbar-toggler-icon .line{
        width:32px;
        background:#212121
    }
    header .navbar .navbar-toggler:hover .navbar-toggler-icon .line:nth-child(2),header .navbar .navbar-toggler:active .navbar-toggler-icon .line:nth-child(2){
        width:36px
    }
    .header-yellow .navbar .navbar-toggler .navbar-toggler-icon .line{
        background:#312782
    }
    .header-yellow .navbar .navbar-toggler:hover .navbar-toggler-icon .line,.header-yellow .navbar .navbar-toggler:active .navbar-toggler-icon .line{
        background:#FDFCF4
    }
    header.scrolled .navbar{
        -webkit-backdrop-filter:none;
        backdrop-filter:none
    }
    header.scrolled .navbar .navbar-toggler{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        border:none;
        outline:none;
        padding:0;
        margin:0;
        box-shadow:none
    }
    header.scrolled .navbar .navbar-toggler .navbar-toggler-icon{
        height:auto;
        width:36px;
        background:none;
        background-image:none
    }
    header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line{
        display:block;
        width:36px;
        height:3px;
        background:#D3007F;
        margin-bottom:10px;
        border-radius:2px;
        transition:0.3s ease
    }
    header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line:nth-child(2){
        width:30px;
        margin-left:auto;
        margin-right:0
    }
    header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line:last-child{
        margin-bottom:0
    }
    header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line{
        background:#D3007F
    }
    header.scrolled .navbar .navbar-toggler:hover .navbar-toggler-icon .line,header.scrolled .navbar .navbar-toggler:active .navbar-toggler-icon .line{
        width:32px;
        background:#212121
    }
    header.scrolled .navbar .navbar-toggler:hover .navbar-toggler-icon .line:nth-child(2),header.scrolled .navbar .navbar-toggler:active .navbar-toggler-icon .line:nth-child(2){
        width:36px
    }
}
@media screen and (max-width:767px){
    header .navbar .custom-logo-link .custom-logo{
        height:48px
    }
    header .navbar .navbar-nav .nav-item{
        font-size:1.25rem
    }
    header .navbar .navbar-toggler .navbar-toggler-icon{
        width:32px
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line{
        display:block;
        width:32px;
        height:2px;
        margin-bottom:8px;
        border-radius:2px;
        transition:0.3s ease
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:nth-child(2){
        width:30px;
        margin-left:auto;
        margin-right:0
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:last-child{
        margin-bottom:0
    }
    header .navbar .navbar-toggler .navbar-toggler-icon,header.scrolled .navbar .navbar-toggler .navbar-toggler-icon{
        width:32px
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line,header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line{
        width:32px;
        height:3px;
        margin-bottom:8px;
        border-radius:2px
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:nth-child(2),header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line:nth-child(2){
        width:26px
    }
    header .navbar .navbar-toggler .navbar-toggler-icon .line:last-child,header.scrolled .navbar .navbar-toggler .navbar-toggler-icon .line:last-child{
        margin-bottom:0
    }
}
@media screen and (max-width:467px){
    header .navbar{
        padding:15px 20px
    }
}
body.customize-support .fixed-top{
    top:32px
}
@media screen and (max-width:782px){
    body.customize-support .fixed-top{
        top:46px
    }
}
@media screen and (max-width:600px){
    #wpadminbar{
        position:fixed !important
    }
}
footer{
    display:block;
    position:relative;
    text-align:start;
    color:#636363;
    background:#FDFCF4;
    font-size:1.75rem;
    width:100%;
    z-index:100
}
footer .links-container{
    display:block
}
footer .links{
    display:flex;
    flex-direction:row;
    justify-content:flex-start
}
footer .links a{
    display:block;
    position:relative;
    flex-basis:25%;
    color:#636363;
    text-align:start;
    font-weight:300;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    border:none;
    margin-bottom:16px;
    padding-right:20px;
    font-size:1.75rem
}
footer .links a:last-child{
    padding-right:0
}
footer .links a:hover{
    color:black
}
footer .links:last-child{
    margin-bottom:50px
}
footer .social-links{
    display:flex;
    position:relative;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start
}
footer .social-links .social{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-basis:30%
}
footer .social-links .social a{
    height:32px;
    width:32px;
    margin-right:25px;
    transition:0.2s ease
}
footer .social-links .social a img{
    display:block;
    position:relative;
    height:100%;
    width:100%
}
footer .social-links .social a:hover img{
    filter:brightness(0.75)
}
footer .social-links .social a:last-child{
    margin-right:0
}
footer .social-links .copyright{
    text-align:end;
    color:#b6b6b6;
    font-size:1.75rem;
    font-weight:300;
    flex-basis:70%
}
@media screen and (max-width:1699px){
    footer .links a{
        font-size:1.5rem
    }
    footer .social-links .copyright{
        font-size:1.5rem
    }
}
@media screen and (max-width:1399px){
    footer .links a{
        font-size:1.35rem
    }
    footer .links:last-child{
        margin-bottom:40px
    }
    footer .social-links .social a{
        height:24px;
        width:24px;
        margin-right:15px;
        transition:0.2s ease
    }
    footer .social-links .social a:last-child{
        margin-right:0
    }
    footer .social-links .copyright{
        font-size:1.25rem
    }
}
@media screen and (max-width:1199px){
    footer .links a{
        font-size:1.25rem
    }
    footer .links:last-child{
        margin-bottom:30px
    }
    footer .social-links .copyright{
        font-size:1.125rem
    }
}
@media screen and (max-width:1199px){
    footer .social-links .copyright{
        font-size:1rem
    }
}
@media screen and (max-width:991px){
    footer .links a{
        font-size:1.125rem
    }
    footer .links:last-child{
        margin-bottom:15px
    }
}
@media screen and (max-width:567px){
    footer .links-container{
        display:flex;
        flex-direction:row;
        height:100%;
        max-height:max-content;
        min-height:min-content;
        margin-bottom:15px
    }
    footer .links-container a{
        text-align:center;
        padding-right:0
    }
    footer .links{
        flex-direction:column;
        flex-basis:50%;
        flex-wrap:nowrap;
        height:100%;
        max-height:max-content;
        min-height:min-content
    }
    footer .links:last-child{
        margin-bottom:0
    }
    footer .social-links{
        flex-direction:column;
        justify-content:center;
        align-items:flex-start
    }
    footer .social-links .social{
        justify-content:center;
        margin-bottom:15px
    }
    footer .social-links .copyright{
        text-align:center
    }
}
:root{
    overflow-y:visible
}
/* Updated Footer Styles */
 footer #footer {
     background: #FDFCF4;
     padding: 100px 150px;
}
 footer .contact-section {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-start;
     margin-bottom: 50px;
}
 footer .contact-info {
     flex-basis: 65%;
     padding-right: 60px;
}
 footer .contact-info h3 {
     font-family: "Exo 2", sans-serif;
     font-size: 3rem;
     color: #D3007F;
     margin-bottom: 20px;
     font-weight: 700;
     text-transform: uppercase;
}
 footer .contact-info p {
     font-family: "Exo 2", sans-serif;
     font-size: 1.5rem;
     color: #312782;
     margin-bottom: 30px;
     line-height: 1.6;
     font-weight: 300;
}
 footer .contact-email {
     background: rgba(211, 0, 127, 0.05);
     padding: 30px;
     border-radius: 8px;
     margin: 30px 0;
     border-left: 4px solid #D3007F;
}
 footer .contact-email h4 {
     font-family: "Exo 2", sans-serif;
     font-size: 1.25rem;
     color: #312782;
     margin-bottom: 10px;
     font-weight: 600;
     text-transform: uppercase;
}
 footer .contact-email a {
     font-family: "Exo 2", sans-serif;
     font-size: 1.75rem;
     color: #D3007F;
     text-decoration: none;
     font-weight: 500;
     transition: color 0.3s ease;
}
 footer .contact-email a:hover {
     color: #A3005F;
     text-decoration: underline;
}
 footer .contact-invitation {
     font-style: italic;
     color: #636363 !important;
}
 footer .footer-menu {
     flex-basis: 35%;
     display: flex;
     justify-content: flex-end;
}
 footer .menu-links {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 footer .menu-links a {
     font-family: "Exo 2", sans-serif;
     font-size: 1.5rem;
     color: #636363;
     text-decoration: none;
     font-weight: 300;
     transition: color 0.3s ease;
     text-align: right;
}
 footer .menu-links a:hover {
     color: #D3007F;
}
 footer .copyright-section {
     border-top: 1px solid rgba(99, 99, 99, 0.2);
     padding-top: 30px;
     text-align: center;
}
 footer .copyright p {
     font-family: "Exo 2", sans-serif;
     font-size: 1rem;
     color: #b6b6b6;
     margin: 0;
     font-weight: 300;
}
/* Responsive footer styles */
 @media screen and (max-width: 1399px) {
     footer #footer {
         padding: 80px 100px;
    }
     footer .contact-info h3 {
         font-size: 2.5rem;
    }
     footer .contact-info p {
         font-size: 1.35rem;
    }
     footer .contact-email a {
         font-size: 1.5rem;
    }
     footer .menu-links a {
         font-size: 1.35rem;
    }
}
 @media screen and (max-width: 1199px) {
     footer #footer {
         padding: 50px;
    }
     footer .contact-info h3 {
         font-size: 2.25rem;
    }
     footer .contact-info p {
         font-size: 1.25rem;
    }
     footer .contact-email a {
         font-size: 1.35rem;
    }
     footer .menu-links a {
         font-size: 1.25rem;
    }
}
 @media screen and (max-width: 991px) {
     footer #footer {
         padding: 40px;
    }
     footer .contact-section {
         flex-direction: column;
    }
     footer .contact-info {
         flex-basis: 100%;
         padding-right: 0;
         margin-bottom: 40px;
    }
     footer .footer-menu {
         flex-basis: 100%;
         justify-content: center;
    }
     footer .menu-links {
         flex-direction: row;
         justify-content: center;
         gap: 30px;
    }
     footer .menu-links a {
         text-align: center;
    }
}
 @media screen and (max-width: 767px) {
     footer #footer {
         padding: 30px;
    }
     footer .contact-info h3 {
         font-size: 2rem;
    }
     footer .contact-info p {
         font-size: 1.125rem;
    }
     footer .contact-email {
         padding: 20px;
    }
     footer .contact-email a {
         font-size: 1.25rem;
    }
     footer .menu-links {
         flex-direction: column;
         gap: 15px;
    }
     footer .menu-links a {
         font-size: 1.125rem;
    }
}
 @media screen and (max-width: 567px) {
     footer .menu-links {
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
         gap: 20px;
    }
     footer .menu-links a {
         flex-basis: calc(50% - 10px);
         text-align: center;
         font-size: 1rem;
    }
}
 @media screen and (max-width: 467px) {
     footer #footer {
         padding: 30px 20px;
    }
     footer .contact-info h3 {
         font-size: 1.75rem;
    }
     footer .contact-info p {
         font-size: 1rem;
    }
     footer .contact-email a {
         font-size: 1.125rem;
    }
}