@font-face {
font-family: 'Montserrat';
src: url(https://tipie.nl/wp-content/themes/tipie/assets/fonts/Montserrat/Montserrat-Regular.ttf);
}
@font-face {
font-family: 'MontserratMedium';
src: url(https://tipie.nl/wp-content/themes/tipie/assets/fonts/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
font-family: 'MontserratBold';
src: url(https://tipie.nl/wp-content/themes/tipie/assets/fonts/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
font-family: 'Gilroy';
src: url(https://tipie.nl/wp-content/themes/tipie/assets/fonts/gilory/Gilroy-Bold.ttf);
}
@font-face {
font-family: 'Avenir';
src: url(https://tipie.nl/wp-content/themes/tipie/assets/fonts/avenir/AvenirLTStd-Black.otf);
} body{
font-family: 'Montserrat';
background-color: #152644;
color: #FFFFFF;
} img{
max-width: 100%;
} .banner-sec{
padding: 73px 0 15px;
}
.banner-title{
font-size: 60px;
font-family: 'Gilroy' !important;
color: #E2FF65;
line-height: 70px;
}
.banner-subtitle-div{
padding-right: 115px;
}
.subtitle{
font-size: 18px;
font-weight: bold; line-height: 25px;
font-family: 'MontserratBold';
}
.banner-btn{
background: #1743D7;
padding: 16px 42px;
color: #FFFFFF;
border-radius: 30px;
font-size: 14px;
font-family: 'MontserratBold';
}
.banner-btn2{
background: #FFFFFF;
color: #000000;
}  .search-sec{
background-color: #ECECE0;
color: #152644;
padding: 72px 0;
}  .experts-sec{
padding: 87px 0 100px;
}
.maintitle{
font-size: 50px;
font-family: 'Gilroy' !important;
word-break: break-word;
}
.h3-title{
font-size: 35px;
font-family: 'Gilroy' !important;
}
.experts-sec .subtitle{
width: 39%;
}
.expert-card{
height: 100%;
background-color: #8CC3E1;
color: #152644;
padding: 90px 40px 65px;
}
.expert-card a, .contact-info h4, .search-label{
color: #152644;
font-size: 20px;
font-family: 'Gilroy' !important;
}
.expert-card a{
text-decoration: underline !important;
}
.expert-card .experts-list-a{
text-decoration: none !important;
}
.experts-list-a div{
border-bottom: 1px solid #1743D7;
padding: 10px 20px;
}
.experts-list-p{
font-family: 'MontserratBold';
font-size: 18px;
margin-bottom: 0;
word-break: break-word;
}
.experts-list-icon{
font-size: 20px;
margin-bottom: 0;
}  .testimonial-sec{
background-color: #E2FF65;
color: #152644;
padding: 80px 0;
}
.testimonial-sec .maintitle{ font-size: 47px;
}
.testi-card{ margin: auto;
border: 6px solid #152644;
padding: 25px 57px 60px;
}
.testi-card h4, .contact-form-title{
font-size: 20px;
font-family: 'Gilroy' !important;
}
.testimonial-sec .owl-nav{
font-size: 65px;
font-weight: bold;
line-height: 28px;
display: flex;
justify-content: space-between;
}
.testimonial-sec .owl-nav button:hover{
color: #152644 !important;
background-color: transparent !important;
}  .help-sec{
padding: 124px 0 45px;
}
.help-sec .accordion-button{
border-radius: 0 !important;
}
.help-sec .accordion-button::after{ filter: brightness(0) invert(1);
background-image: url(https://tipie.nl/wp-content/themes/tipie/assets/images/right-blk.png);
background-size: contain;
width: 13px;
height: 15px;
}
.help-sec .accordion-button:not(.collapsed)::after, 
.vacancy-sec .accordion-button:not(.collapsed)::after,
.emp-find-sec .accordion-button:not(.collapsed)::after{
transform: rotate(90deg);
}
.help-icon{
max-width: 35px;
}  .vacancy-sec, .emp-vacancy-sec{ color: #152644;
}
.emp-vacancy-sec{
margin-bottom: 90px;
}
.vacancy-cont, .emp-vacancy-cont{
background-color: #8CC3E1;
padding: 62px 130px 120px;
}
.vacancy-sec .accordion-button,
.emp-find-sec .accordion-button{
border-radius: 0 !important;
color: #152644;
border-bottom: 1px solid #1743D7;
}
.vacancy-sec .accordion-button::after,
.emp-find-sec .accordion-button::after{
background-image: url(https://tipie.nl/wp-content/themes/tipie/assets/images/right-blk.png);
background-size: contain;
width: 13px;
height: 15px;
}
.emp-vacancy-stop p{
font-size: 18px;
font-weight: bold;
}  .partner-sec{
padding: 95px 0;
}
.paetner-div div{ }
.partner-div img{
max-width: 150px;
display: block;
margin: auto;
}
.partner-carousel .owl-stage{
display: flex;
align-items: center;
}  .tips-sec{
background-color: #E2FF65;
color: #152644;
padding: 89px 0 60px;
}
.tips-sec p{
color: #000000;
}
.tips-sec .accordion-button{
color: #000000;
padding: 12px 0px;
width: 100% !important;
}
.tips-sec .accordion-button::before {
flex-shrink: 0;
width: 12px;
height: 13px;
margin-right: 5px;
content: "";
background-image: url(https://tipie.nl/wp-content/themes/tipie/assets/images/right-blk.png);
background-repeat: no-repeat;
background-size: contain;
transition: transform .2s ease-in-out;
}
.tips-sec .accordion-button:not(.collapsed)::before{
transform: rotate(90deg);
}
.tips-sec .accordion-button::after{
background-image: none;
}
.tips-sec .accordion-body{
padding: 0 20px;
}  .news-sec{
padding: 80px 0;
}
.news-grid{
display: grid;
grid-gap: 60px;
grid-template-columns: auto auto auto;
grid-auto-rows: 500px;
grid-auto-flow: dense;
}
.news-card img{
width: 100%;
height: 100%;
object-fit: cover;
}
.news-card:first-child, .news-card:last-child{
grid-column: span 2;
}
.news-card:nth-child(2n+1) img{
border-radius: 0 30px 30px 0;
}
.news-card:nth-child(2n+2) img{
border-radius: 30px 0 0 30px ;
}
.news-card{
position: relative;
}
.news-card .h3-title{
color: #152644;
}
.news-overlay{
position: absolute;
top: 0;
left: 0;
}
.news-card:nth-child(2n+1) .news-content{
text-align: right;
position: absolute;
bottom: 50px;
right: 60px;
}
.news-card:nth-child(2n+2) .news-content{
position: absolute;
bottom: 50px;
left: 60px;
}  .single-news-container{
border: 1px solid #E2FF65;
border-radius: 5px;
padding: 20px 30px;
}
.single-news-h2{
font-family: 'MontserratMedium';
}  .contact-sec{
color: #E2FF65;
}
.emp-contact-sec{
margin-top: 100px;
}
.contact-sec .banner-btn{
background-color: #E2FF65;
color: #152644;
}  .emp-banner-sec{
padding: 100px 0 80px;
}  .emp-choose-sec{
padding: 90px 0 150px;
}
.emp-choose-sec .subtitle{
margin-bottom: 90px;
}  .h4-title{
font-size: 22px;
font-weight: bold;
}  .emp-find-sec{
background-color: #8CC3E1;
color: #152644;
margin: 100px 0 85px;
}
.emp-find-subtitle{
font-size: 18px;
}
.emp-find-carousel.owl-theme .owl-dots .owl-dot{
width: 20%;
}
.emp-find-carousel.owl-theme .owl-dots .owl-dot span{
width: 100%;
margin: 0px;
border-radius: 0px;
background-color: #FFFFFF;
}
.emp-find-carousel.owl-theme .owl-dots .owl-dot.active span, .emp-find-carousel.owl-theme .owl-dots .owl-dot:hover span{
background-color: #152644;
}
.steps-div img{
width: auto !important;
}
.steps-div .subtitle{
width: 80%;
}
.emp-find-carousel{
width: 75%;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.emp-find-carousel .owl-stage-outer{
width: 100%;
}
.emp-find-carousel .owl-dots{
width: 70%;
display: flex;
}
.emp-find-carousel .owl-nav{
order: 3;
width: 20%;
margin-top: 0;
font-size: 60px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.emp-find-carousel .owl-nav button{
margin: 0 20px !important;
}
.emp-find-carousel .owl-nav button:hover{
color: #152644 !important;
background-color: transparent !important;
}  .emp-method-title{
background-color: #E2FF65;
font-family: 'Gilroy' !important;
font-size: 45px;
color: #152644;
text-align: center;
margin-bottom: 0;
padding: 40px;
}
.emp-method-row{
position: relative;
}
.emp-method-tag{
font-family: 'Gilroy';
font-size: 33px;
color: #152644;
background-color: #FFFFFF;
display: inline-block;
width: 148px;
position: absolute;
text-align: center;
padding: 35px 0;
border-radius: 50%;
transform: rotate(320deg);
top: -20px;
left: -75px;
}
.emp-method-div:last-child .emp-method-title{
box-shadow: 20px 0px 20px #00000029 inset;
}
.emp-method-list{
background-color: #E2FF65;
color: #152644;
padding: 80px;
}
.emp-method-list:last-child{
box-shadow: 20px 0px 20px #00000029 inset;
}
.emp-method-list p{
font-size: 20px;
border-bottom: 1px solid gray;
padding-bottom: 25px;
margin-bottom: 35px;
}
#methodAccordion .accordion-button::after{
filter: brightness(0) invert(1);
}
#methodAccordion .banner-btn{
background-color: #E2FF65;
color: #152644;
}  .emp-partner-sec{
padding: 70px 0;
background-color: #8CC3E1;
}  .prof-cv-sec{
padding-bottom: 85px;
}  .over-sec2{
background-color: #8CC3E1;
color: #152644;
padding: 75px 0;
}  .over-sec3{
padding: 75px 0 85px;
}  .over-team-sec{
padding: 85px 0;
}
.over-team-carousel.owl-theme .owl-dots .owl-dot{
width: 20%;
}
.over-team-carousel.owl-theme .owl-dots .owl-dot span{
width: 100%;
height: 4px;
margin: 0px;
border-radius: 0px;
background-color: #FFFFFF;
}
.over-team-carousel.owl-theme .owl-dots .owl-dot.active span, .over-team-carousel.owl-theme .owl-dots .owl-dot:hover span{
background-color: #E2FF65;
height: 9px;
}
.over-team-carousel{
width: 75%;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.over-team-carousel .owl-stage-outer{
width: 100%;
}
.over-team-carousel .owl-dots{
width: 70%;
display: flex;
align-self: center;
}
.over-team-carousel .owl-nav{
order: 3;
width: 20%;
margin-top: 0;
font-size: 60px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.over-team-carousel .owl-nav button{
margin: 0 20px !important;
}
.over-team-carousel .owl-nav button:hover{
color: #E2FF65 !important;
background-color: transparent !important;
}  .contact-form-cont{
background-color: #E2FF65;
color: #152644;
padding: 55px 100px;
margin-bottom: 70px;
}
.contact-form input, .contact-form textarea{
background-color: transparent !important;
border: 2px solid #152644 !important;
border-radius: 0 !important;
padding: 18px 22px !important;
}
.contact-form .wpforms-field-container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-form .wpforms-field-name{
width: 100% !important;
}
.contact-form .wpforms-field-email{
width: 30% !important;
}
.contact-form .wpforms-field-text{
width: 60% !important;
}
.contact-form .wpforms-field-textarea{
width: 70% !important;
}
.contact-form input{
height: auto !important;
}
.contact-submit{
background-color: #1743D7 !important;
border: none !important;
border-radius: 50px !important;
color: #FFFFFF !important;
font-weight: bold !important;
padding: 16px 34px !important;
margin-top: 20px !important;
}
.contact-info{
position: absolute;
bottom: 155px;
right: 0;
width: 30%;
}
.contact-info a{
font-family: 'Avenir';
color: #152644;
text-decoration: none;
}
.contact-info a span{
font-size: 23px;
}  .contact-faq-sec .accordion-button{
font-family: 'Avenir';
font-size: 20px;
}
.contact-faq-sec .accordion-button::after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f067";
background-image: none;
transform: none;
}
.contact-faq-sec .accordion-button:not(.collapsed)::after{
content: "\f068";
}
#clientAccordion, #candiAccordion{
margin-bottom: 85px;
}  .bootstrap-wrapper .btn-secondary{
font-family: 'MontserratBold';
text-transform: uppercase;
} .search-sec .slider-line-height{
line-height: 1 !important;
}
.search-sec .search-label{
margin-bottom: 12px;
}
.search-sec .slider-line-height40{
height: 50px !important;
background-color: transparent !important;
border: 1px solid #707070 !important;
border-radius: 0px !important;
padding: 10px 15px !important;
color: #6a6a6a !important;
}
.search-sec .slider-line-height40::placeholder{
color: #C3C3C3 !important;
}
.search-sec .search-submit{
background-color: #1743D7 !important;
color: #FFFFFF !important;
font-weight: bold !important;
border-radius: 30px !important;
width: 170px !important;
}  .job-notlist-sec{
padding: 70px 0;
}  .fa, .far, .fas {
font-family: "Font Awesome 5 Free" !important;
}
.bootstrap-wrapper{
background-color: transparent !important;
}
.job-list-sec .bootstrap-wrapper,
.job-list-sec .result-parent{
padding-bottom: 0px !important;
}
.bottomline-parent .facet-parent{
background-color: #8CC3E1 !important;
padding: 25px !important;
box-shadow: none !important;
height: 100% !important;
border-radius: 0px !important;
}
.facet-parent #facets{
padding: 0;
} .facet-parent .facettitle{
font-size: 18px !important;
font-weight: bold !important;
border-color: #1743D7;
padding: 10px !important;
color: #152644 !important;
}
.facet-parent .facetlist{
overflow-y: auto;
margin-bottom: 10px;
padding: 10px;
max-height: fit-content;
color: #152644 !important;
}
.facet-parent .deselectstartover{
background-color: transparent;
border: 1px solid #152644;
color: #152644;
font-weight: bold;
border-radius: 0 !important;
margin: 50px 0;
}
.result-parent .jobNotFound{
color: #FFFFFF;
}
.facet-parent .facetitem input[type="checkbox"],
.facet-parent .facetitem .tick,
.facet-parent form,
.facet-parent .filter,
.facet-parent #category .facetlist,
.facet-parent #feature .facettitle,
.facet-parent #feature .facetitem .facetitemcount,
.facet-parent #gender,
.facet-parent #experiencerange, .facet-parent .orderby.dropdown,
.result-parent .dirpro-list-img {
display: none;
}
.facet-parent #feature .facetlist ,
.facet-parent #salaryrange .facetlist {
display: block;
}
.facet-parent #feature .facetitem{
font-size: 18px;
border: 1px solid #152644;
padding: 10px !important;
height: auto;
font-weight: bold;
position: relative;
}
.facet-parent #feature .facetitem::after{
content: '';
width: 15px;
height: 15px;
border: 2px solid #152644;
border-radius: 50%;
position: absolute;
right: 20px;
}
.facet-parent #feature .facetitem.activefacet::after{
background-color: #E2FF65;
}
.facet-parent .facetsearch .activeorderby, .facet-parent .facetsearch .activefacet {
color: #152644 !important;
font-weight: 700 !important;
}
.facet-parent #salaryrange .down {
visibility: hidden;
}
.facet-parent #salaryrange .up {
visibility: visible;
}
.facet-parent .facettotalcount{
color: #FFFFFF !important;
left: 35.33% !important;
top: 40px !important;
font-size: 22px !important;
font-weight: bold;
padding: 0 !important;
}
.facet-parent .facetvacancytitle{
position: absolute;
color: #FFFFFF;
top: 35px;
left: 10px;
}
.facet-parent .bottomline .bg{
display: none;
}
.result-parent .list-content {
width: 100%;
}
.result-parent .item h4, .item p{
color: #152644 !important;
}
.result-parent .item{
background-color: #ECECE0;
border-radius: 0 !important;
padding: 30px;
}
.result-parent .item.upload-resume-item{
background-color: #E2FF65;
}
.result-parent .item h4.name{
font-family: 'Gilroy' !important;
font-size: 25px;
max-height: fit-content;
}
.result-parent .item .item-desc{
width: 60%;
}
.result-parent .item .joblist-btn{
background-color: #1743D7;
color: #FFFFFF !important;
border-radius: 30px;
padding: 10px 30px;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 14px;
font-family: 'MontserratBold';
}
.result-parent .item.upload-resume-item .joblist-btn{
background-color: #D76117;
}
#showmorebutton{
display: none !important;
}
.job-list-pagination{
text-align: center; }
.job-list-pagination .page-numbers{
color: #FFFFFF; margin: 0px 20px;
font-weight: bold;
text-decoration: none;
}
.job-list-pagination span.current{
color: #E2FF65;
}
.job-list-pagination .prev,
.job-list-pagination .next,
.job-list-pagination .next i{
position: static;
border: none;
padding: 0;
font-size: 20px;
}   .vacancy-single-page .simillar-jobs{
background-color: #FFFFFF;
border-radius: 5px;
}
.vacancy-single-page .item-detail-special{
padding: 0;
}
.vacancy-single-page .item-detail-special h2{
font-family: 'MontserratMedium';
}
.vacancy-single-page .contentshowep{
border: none;
}  .registration_form{
color: #FFFFFF;
}  .profile-sidebar,
.bootstrap-wrapper .background-light .profile-content,
.bootstrap-wrapper .background-light,
.bootstrap-wrapper .background-light .main-content{
background-color: #FFFFFF;
box-shadow: none !important;
}  .content-real .form-group{
color: #545454;
}