/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 5, 2022, 6:54:14 PM
    Author     : duongca
*/

@-webkit-keyframes iwj-text-highlight-headline-dash{
    0%{
        stroke-dashoffset:1500
    }
    15%{
        stroke-dashoffset:0
    }
    85%{
        opacity:1
    }
    90%{
        stroke-dashoffset:0;
        opacity:0
    }
    to{
        stroke-dashoffset:1500;
        opacity:0
    }
}
@keyframes iwj-text-highlight-headline-dash{
    0%{
        stroke-dashoffset:1500
    }
    15%{
        stroke-dashoffset:0
    }
    85%{
        opacity:1
    }
    90%{
        stroke-dashoffset:0;
        opacity:0
    }
    to{
        stroke-dashoffset:1500;
        opacity:0
    }
}
@-webkit-keyframes stroke-offset{
    to{
        stroke-dashoffset:-35%
    }
}
@keyframes stroke-offset{
    to{
        stroke-dashoffset:-35%
    }
}
@-webkit-keyframes iwj-hover-pulse{
    25%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
@keyframes iwj-hover-pulse{
    25%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
.iwj_heading.style1 h3{
    color: var(--colors-primary-500);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.iwj_heading.style1 h2{
    color: var(--colors-darkgrey-800);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}
.iwj_heading.style1 span.highlight-text {
    position: relative;
}
.iwj_heading.style1 span.highlight-text .text-content {
    position: relative;
    z-index: 1;
}
.iwj_heading.style1 span.highlight-text .effect svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: calc(100% + 30px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible;
}
.iwj_heading.style1 span.highlight-text .effect svg path {
    stroke-width: 15px;
    stroke: var(--colors-primary-500);
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    fill: none;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    -webkit-animation: iwj-text-highlight-headline-dash 10s infinite;
    animation: iwj-text-highlight-headline-dash 10s infinite;
}
.iwj_heading.style1.zizag span.highlight-text .effect svg path {
    stroke-width: 8px;
}
.iwj_heading.style1 .desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
    color: #818181;
}
/*Style 2*/
.iwj_heading.style2 h3 {
    color: var(--colors-primary-500);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-top: 5px;
}
.iwj_heading.style2 h2 {
    color: var(--colors-darkgrey-800);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    margin: 0;
    padding: 0 0 20px;
}
.iwj_heading.style2 .text-content {
    color: var(--colors-darkgrey-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
    position: relative;
}
@media (max-width: 480px){
    .iwj_heading.style1 h2{
        font-size: 42px;
        font-weight: 700;
    }
    .iwj_heading.style1 span.highlight-text .text-content{
        font-size: 42px;
    }
    .iwj_heading.style1 span.highlight-text .effect{
        display:none;
    }
    .iwj_heading.style1 .desc{
        margin-top: 40px;
    }
    .employer-intro .iwj_heading.style2 .text-content:before{
        background: #333;
    }
    .iwj_heading.style2 h2{
        font-size: 25px;
    }
}