:hover{transition: 0.15s;}
.article-filter-search-wrapper .filter{display: flex; align-items: center; column-gap: 10px; margin-bottom: 0;}
/* .article-filter-search-wrapper .btn-filter{margin-right: 20px;} */
/* .article-filter-search-wrapper .mobile-filter {display: none;} */
.article-filter-search-wrapper .searchbar{position: relative; margin-bottom: 0;}
.article-search{position: absolute;display: flex;align-items: center;justify-content: center;right: 0;top: 2px;height: 52px;background-color: var(--white);width: 40px;}
.article-search .fa.fa-search::before{content: "\e947";font-family: 'mmkicons';font-weight: 400;font-size: 16px;height: 24px;align-items: center;display: flex;width: 32px;justify-content: center; color: var(--primary);}
.article-filter-search-wrapper .searchbar .clr-field{right: 36px;top: 2px;height: 52px;background-color: var(--white);}
.article-filter-search-wrapper .searchbar .clr-field::after{content: "\e901";font-family: 'mmkicons';font-weight: 400;font-size: 16px;height: 24px;display: flex;align-items: center;border-right: 1px solid #cfd7db;width: 32px;}

/*-------- Featured Articles --------*/
.featured-article{margin-bottom: 90px;}
.featured-article a{color:var(--white);}
.featured-left{width:100%;}
.featured-right{width:400px;display: flex;flex-wrap: wrap;row-gap: 24px;}
.facard{position: relative;color:var(--white);z-index: 10;height: 100%;padding: 24px;border-radius: 8px;display: flex;flex-wrap: wrap;align-content: end;row-gap: 8px;}
.facard img{position: absolute;z-index: -2;object-fit: cover;left: 0;top: 0;width: 100%; height: 100%;border-radius: 8px;}
.facard::after{content: '';background: var(--dgrey);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;opacity: .5;border-radius: 8px;}
.facard:hover::after {transition: all 0.3s ease-in;background: linear-gradient(180deg, rgba(216, 63, 99, 0) 10.42%, var(--dgrey) 100%), var(--cerise);opacity: 0.5;}
.facard:hover .mbtn-outline-white{color:var(--cerise);background: var(--white);}
.facard h2, .facard h4{margin-bottom: 0;color:var(--white);}
.read-info{font-size: 12px;width: 100%;}
.facard-cover{content: '';background: var(--primary) url(../img/facover-bg.png) no-repeat right bottom; padding: 24px;border-radius: 8px;width:400px;}
.facard-cover,.featured-right .facard{height: calc(50% - 12px);min-height: 240px;}
.featured-right .facard h2{font-size: 20px;line-height:25px;}
.facard-cover h3{color:var(--white);width: 80%;margin-bottom: 16px;}

.article-filter-search-wrapper{padding: 20px 0; background-color:var(--grey);border-radius: 0; margin:0;}
.artcles-card-wrapper{background-color:var(--grey);}
.artcles-card-wrapper .dflex{ flex-wrap: wrap;row-gap: 24px;}
/* .artcles-card-wrapper .view-content>div, .artcles-card-wrapper .view-content .views-infinite-scroll-content-wrapper>div{width: calc(100%/3 - 11px);} */
.artcles-card-wrapper .view-content .views-infinite-scroll-content-wrapper{width: 100%;}
.artcles-card-wrapper .view-content{margin-bottom: 16px;}
.artcles-card-wrapper .view-footer{margin-top: 50px;}
.artcles-card-wrapper .bottom-pagination{margin-top: 32px;}

/*-------- Articles detail page --------*/
.bredcrumbs{background-color: var(--grey);}
.bredcrumbs li{display: flex;align-items: center;}
.bredcrumbs li a{color: var(--primary);}
.bredcrumbs li a:hover{color: var(--cerise);}
.bredcrumbs ul{display: flex;height: 54px;line-height: 54px;column-gap: 20px;}
.bredcrumbs ul li::after {margin-left: 16px; content: "\e94c"; font-family: 'mmkicons' !important; font-weight: 400; font-size: 18px;}
.bredcrumbs ul li:last-child::after{display: none;font-family: 'mmkicons' !important;}
.fa-home:before{content: "\e91d"; font-size: 16px; font-weight: 400;}
/* .bredcrumbs li:last-child a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 70px;} */
.article-detailed{margin-bottom: 50px;margin-top: -30px;}
.article-content{width:100%;box-shadow: 0px 8px 16px rgba(62, 53, 82, 0.1);border-radius: 8px;margin-right: 30px;padding: 24px;position: relative;padding-bottom: 110px;}
.article-content iframe{max-width: 100%;}
.article-content img{margin-bottom: 32px;}
.share-article img{margin-bottom: 0; width: 30px; height: 30px;}
.article-content h4{margin-bottom: 24px;}
.article-meta{border: 1px solid var(--lgrey); border-left:0 ; border-right:0 ;padding: 16px 0; margin: 30px 0;font-size: 14px;justify-content: space-between;}
.article-meta >div{display: flex;column-gap: 16px;}
.read-time::before{content: "\e91b"; margin-right: 4px;font-family: 'mmkicons' !important;font-weight: 400;line-height: inherit;font-size: 17px;position: relative;bottom: -3px;}
.posted-date::before{content: "\e92a";margin-right: 10px;font-family: 'mmkicons' !important;font-weight: 400;line-height: inherit;font-size: 17px;position: relative;bottom: -2px;}
.article-tag::before{content: "\e919";margin-right: 4px;font-family: 'mmkicons' !important;font-weight: 400;line-height: inherit;font-size: 18px;position: relative;bottom: -4px;}
.article-sidebar{flex: 0 0 350px;}
.article-sidebar>div{padding: 24px; margin-bottom: 32px;width:350px;border-radius: 8px;display: flex;flex-wrap:wrap; align-content: center;min-height: 300px;}
.article-sidebar .views-element-container{padding: 0;}
.article-sidebar .view-advice-tips ul{margin-left: 0;}
.share-article{display: flex;border: 1px solid var(--lgrey); border-left:0 ; border-right:0 ;padding: 16px 0;column-gap: 14px;align-items: center;position: absolute;bottom: 25px;width: calc(100% - 50px);}
#share-buttons{display: flex;column-gap: 12px;}
#share-buttons a:before{display: none;}
.contenthub-article{margin-bottom: 50px;}
.find-staff-card{padding: 24px 36px!important;}

.view-advice-tips li{display: flex; column-gap: 16px;box-shadow: 0px 8px 16px rgba(62, 53, 82, 0.1);background: #FFFFFF;border-radius: 8px; margin-bottom: 16px;}
.view-advice-tips li a{display: flex ;column-gap: 16px; padding-right: 10px;}
.view-advice-tips .img-sec{flex: 0 0 90px;height: 90px; width: 90px;}
.view-advice-tips .img-sec a{display: block;}
.view-advice-tips .img-sec img{border-radius: 8px 0 0 8px;height: 90px;width: 100%;object-fit: cover;}
.view-advice-tips .content-sec{padding: 8px 0;}
.view-advice-tips .read-time{font-size: 12px; color: var(--primary);}
.view-advice-tips .content-sec a, .view-advice-tips .content-sec h6{font-weight: 700; line-height: 120%;color: var(--primary);display: block; transition: 0.15s;}
.view-advice-tips .content-sec a:hover, .view-advice-tips li a:hover .content-sec h6{color: var(--cerise);}
.view-advice-tips .view-header{margin-bottom: 24px;}
.view-advice-tips .view-footer .mbtn{font-size: 16px;padding: 0;}

.page-recruitment-process .nav-tabs{background-color: var(--grey);padding: 24px;margin-right: 10px;margin-bottom: 90px;}
.page-recruitment-process .nav-tabs .hr-line{display: none;}
.page-recruitment-process .nav-tabs a{color:var(--primary);display: flex;padding: 8px;margin-bottom: 16px; width: 100%;}
.page-recruitment-process .nav-tabs a b{padding-right: 20px;white-space: nowrap;}
.page-recruitment-process .nav-tabs a:hover,.page-recruitment-process .nav-tabs .nav-link.active{background-color: var(--cerise);border-radius: 4px;color: var(--white); width: 100%;}
.page-recruitment-process .recruitment-process-content{box-shadow: 0px 8px 16px rgba(62, 53, 82, 0.1);padding: 24px;border-radius: 8px;margin-bottom: 90px;}
.recruitment-process-content ul{margin-bottom: 20px;}
.page-recruitment-process .recruitment-process-content a.tab-link{background-color: var(--grey);padding:12px 24px; color: var(--dgrey);font-weight: 600;position: relative;font-size: 14px;line-height: 22px;height: 100%;display: grid;align-items: center;}
.page-recruitment-process .recruitment-process-content a.prev-tab::before,.page-recruitment-process .recruitment-process-content a.next-tab::after{content: "";background-color: var(--cerise);border-radius: 4px;color: var(--white);width: 36px;height: 36px;line-height: 36px;position: absolute;top: 50%;margin-top: -18px; bottom: 0;text-align: center; font-size: 21px;}
.page-recruitment-process .recruitment-process-content a.prev-tab::before{content: "\e94a";left: 10px;}
.page-recruitment-process .recruitment-process-content a.next-tab::after{content: "\e94c";right: 10px;}
.page-recruitment-process .recruitment-process-content .tab-prev, .page-recruitment-process .recruitment-process-content .tab-next{width: 100%;}
.page-recruitment-process .recruitment-process-content .tab-prev a{padding-left: 70px;}
.page-recruitment-process .recruitment-process-content .tab-next a{padding-right: 70px;}
.page-recruitment-process .recruitment-process-content h5{margin-bottom: 24px;} 


.job-description-sec .mcard-content a{display: block; color: var(--cerise); margin-bottom: 8px;}
#downloadTab li a{color: var(--cerise) ;padding: 16px 32px;border: 0!important;font-weight: 600; display: block;}
#downloadTab .nav-link.active{background-color: var(--cerise); color: var(--white);border: 0!important; border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
#downloadTab {border-bottom:2px solid var(--cerise);}
.best-practices{margin-top: 40px;}
.best-practices .dflex{align-items: center;}
.best-practices{background-color: var(--grey);}

.job-description-detail .job-text-wrap{box-shadow: 0px 8px 16px rgba(62, 53, 82, 0.1);border-radius: 8px;padding: 48px;}
.financial-accountant-wrap{background-color: var(--grey);padding: 50px 0;;}
.financial-accountant-wrap .dflex{align-items: center; justify-content: space-between;}
.financial-accountant-wrap .dflex>div{max-width: 500px;}

.find-staff-card{justify-content: center;background: var(--primary) url(../img/logo-bg-dull.png) no-repeat right bottom;min-height: 300px;position: relative;z-index: 1; text-align: center;display: flex;flex-wrap: wrap; align-content: center;color: var(--white);}
.find-staff-card p{font-size: 14px;line-height: 150%;}
.job-description-detail h6{font-size: 18px; margin-bottom:24px;}

.block-webinar-form-block{margin-top: 30px;}

.article-filter-search-wrapper .form-wrapper{display: flex;justify-content: space-between;}
.article-filter-search-wrapper form{display: flex;justify-content: space-between;}
.article-filter-search-wrapper form input[type=text] {width: 300px; padding-right: 84px;}
.latest-insights-wrapper.article-flex-wrapper .latest-articles-wrapper{padding-bottom: 90px;}
.inner-page .job-top-description{margin: 35px 0;}
.inner-page .job-description-sec .mcard-list{flex-wrap: wrap;}
.best-practices{margin-bottom: 90px;}
.search-typed-word a{display: none;}
.job-description-sec{padding-bottom:40px;}

.job-description-detail .job-text-wrap ul{list-style: disc;margin-left: 20px;margin-bottom: 30px;}
.contenthub-article .slick-dots li{box-shadow: none;}
.contenthub-article .slick-slide.mcard{margin-bottom: 30px;}
.artcles-card-wrapper .dflex.noresult-wrap{flex-wrap: nowrap;column-gap: 88px;align-items: center;}
.artcles-card-wrapper .noresult-image{flex:0 0 600px}
.node--type-article p a{display: inline;}
.node--type-article p a.btn,.node--type-article p a.mbtn,.node--type-article p a.mbtn-red,.node--type-article p a.mbtn-lg{display: inline-block;}
.jp-ja .article-filter-search-wrapper .article-download-btn, .jp-ja .article-filter-search-wrapper .btn-filter{padding: 0 15px;}
/* page piller start */
.recruitment-process-content .piller-ul{margin-bottom: 20px; list-style: disc; padding-left: 40px;}
.recruitment-process-content table{margin-bottom: 24px;}
.recruitment-process-content table, .recruitment-process-content td, .recruitment-process-content th{border: 1px solid var(--lima);padding: 8px;}
.recruitment-process-content tr td:last-child{background:var(--lima); border-color:var(--white); color:var(--white)}
.recruitment-process-content tr:first-child td:last-child{border-top-color:var(--lima);}
.recruitment-process-content tr:last-child td:last-child{border-bottom-color:var(--lima);}
.page-recruitment-process .recruitment-process-content .tab-menu-links a.tab-link{display: flex; flex-wrap: nowrap; gap: 16px;}

.recruitment-process-content #adoption-technology tr td:first-child{background:var(--lima); border-color:var(--white); color:var(--white);border-left-color: var(--lima);}
.recruitment-process-content #adoption-technology tr:first-child td:first-child{border-top-color:var(--lima);}
.recruitment-process-content #adoption-technology tr:last-child td:first-child{border-bottom-color:var(--lima); }
.recruitment-process-content #adoption-technology tr td:last-child{background:var(--white); border-color:var(--lima); color:var(--primary)}

/* page piller end */
@media all and (min-width: 1200px){
    .article-filter-search-wrapper select, .article-filter-search-wrapper .select {width: 260px;}
}
@media all and (max-width: 480px){
h1{font-size: 24px;line-height: 34px;}
.facard-cover,.featured-right{width: auto;}
.facard-cover{background-size: 60%;width: 100%;}
.article-filter-search-wrapper .form-wrapper{flex-wrap: wrap;}
.article-filter-search-wrapper .form-wrapper .filter,.article-filter-search-wrapper form{display: block;width: 100%;margin-top:3px;margin-bottom:3px;}
.article-filter-search-wrapper .btn-filter{width: 100%;}
.article-filter-search-wrapper select, .article-filter-search-wrapper .select{width: 100%;margin: 0;}
.mobile-popup-filter select.form-control:not([size]):not([multiple]){height: 56px;}
.mobile-popup-filter .select-red-arrow select {background-position: 97% 20px;padding-right: 30px;}
.article-download-btn{margin: 10px 0; display: flex; flex-wrap: wrap; align-items: center; height: 56px; justify-content: center; white-space: normal;}
.article-filter-search-wrapper form input[type=text]{width: 100%;}
.article-filter-search-wrapper .select{margin-bottom: 10px;}
.pagination li{padding: 8px 4px;}
.featured-left .facard h2{font-size: 20px;line-height: 25px;}
.latest-insights-wrapper.article-flex-wrapper .latest-articles-wrapper{padding-bottom: 50px;}
.bredcrumbs ul{column-gap: 5px;font-size: 12px;}
.bredcrumbs li a{white-space: nowrap;}
.bredcrumbs ul li::after{margin-left: 6px;font-size: 10px;}
.bredcrumbs li .fa:before{font-size: 12px;}
.article-content{margin-right: 0;margin-bottom: 60px;}
.article-sidebar{flex: 0 0 100%;}
.contenthub-article .slick-list{padding: 0!important;}
.contenthub-article .slick-arrow{display: none!important;}
.contenthub-article .slick-dots li{display: inline-block;}
.contenthub-article .slick-dots{bottom: -10px;}
.related-video-slick .slick-dots{bottom: -36px;}
.share-article{font-size: 14px;}
#share-buttons{column-gap: 6px;}
.share-article img{max-width: 26px;}
#downloadTab{display: block;}
.best-practices{margin:20px -24px 0 -24px;padding: 48px 24px;}
.dropbtn.mob-only{background-color: var(--cerise);color: var(--white);text-align: left;padding:15px;border-radius: 4px;display: flex;align-items: center;width: 100%;justify-content: space-between; margin-top: -80px;}
.dropbtn.mob-only:after{content: "\e932"; font-size: 21px;}
.dropbtn.mob-only.active:after{content: "\e94b"; font-size: 21px}
.page-recruitment-process .nav-tabs{margin-right: 0;margin-bottom: 0;position: absolute; z-index: 100; box-shadow: 0px 8px 24px rgb(62 53 82 / 16%);}
.job-description-detail .job-text-wrap{padding: 30px 25px 10px 25px;}
.download-doc-btn{font-size: 14px;width: 100%;padding: 0 10px;justify-content: center;}
.artcles-card-wrapper .dflex.noresult-wrap{display: block;flex-wrap: wrap;text-align: center;}
.artcles-card-wrapper .noresult-image{margin-bottom: 30px;}
.article-detailed .container .dflex{display: block;}
.article-sidebar>div{width: auto;}
.featured-article{margin-bottom:72px;}
.article-filter-search-wrapper .form-wrapper.desktop-only{display: none;}
.article-filter-search-wrapper .mobile-filter{display:block;}
.facard{min-height: 240px;}
.article-filter-search-wrapper .mform-wrap .custom-genrt-ul{bottom: 60px; top: auto;}
}

@media (max-width: 360px){
.download-doc-btn{font-size: 12px;height: 40px;line-height: 40px;}
}

@media print {
header .hmiddle, header .hright, header .hmain-nav-btn, footer, .contenthub-article, .article-sidebar, .share-article, .hsearchbar{display:none;}
.csr-wrapper { margin-top: 5px !important;}    
.csr-wrapper .blog-content{ border: none !important; padding: 0 !important;}
#block-contactwidget, .browse-more-salary, .inner-page .csr-wrapper .col-lg-4, #block-addtoanybuttons, .sliding-popup-bottom, .blog-content .btn-more, .blog-content .tags, .page-footer {display: none;}
.hlogo{print-color-adjust: exact; -webkit-print-color-adjust: exact;}
@page { margin: 2cm } /* All margins set to 2cm */
}