/* Theme Name: Job Advisor Child Text Domain: jobadvisor Version: 1.0 Author: Job Advisor Template: jobadvisor */ @import url('../jobadvisor/style.css'); :root{ --main-color: #2C2A3E; --secondary-color: #5067EB; --color-white: #ffffff; } body { font-size: 14px; line-height: 27px; font-family: "Work Sans"; background: var(--color-white); color: var(--main-color); letter-spacing: 0px;} body.loading { overflow: hidden;} /** typography **/ h1 { font-size: 45px; line-height: 51px; font-weight: 700;} h2 { font-size: 35px; line-height: 42px; font-weight: 700;} h3 { font-size: 30px; line-height: 45px; font-weight: 700;} h4 { font-size: 25px; line-height: 40px; font-weight: 700;} h5 { font-size: 18px; line-height: 30px; font-weight: 700;} h6 { font-size: 16px; line-height: 23px;} p { font-size: 14px; line-height: 27px;} li { font-size: 14px; line-height: 27px;} a { color: var(--secondary-color); } a:hover { color: var(--main-color);} *:focus { outline: none;} /** common elements **/ * { word-wrap: break-word;} *, *::before, *::after { -webkit-font-smoothing: initial;} input[type="submit"].common-btn, .common-btn { padding: 12px 40px; font-size: 15px; line-height: 19px; text-align: center; font-weight: 700; color: var(--color-white); background-color: var(--secondary-color); border-radius: 5px; border: 1px solid transparent; text-transform: inherit; letter-spacing: 0;} .common-btn.big { padding: 12px 60px;} input[type="submit"].common-btn.wpcf7-submit:hover,.common-btn:hover { background-color: var(--main-color);} .common-btn.outline { background-color: transparent; border-color: var(--secondary-color); color: var(--secondary-color);} .common-btn.outline.black { background-color: transparent; border-color: var(--main-color); color: var(--main-color);} .common-btn.outline:hover, .common-btn.outline.black:hover { background-color: var(--main-color); color: var(--color-white); border-color: var(--main-color);} .common-btn.danger-btn { background: red; } a.common-btn { text-decoration: none; } a.common-btn:hover { color: var(--color-white); } .btn:hover,button:hover, .btn:focus,button:focus, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: none;} button:focus { outline: none;} button { text-transform: inherit; font-family: "Work Sans"; letter-spacing: 0px; } a { display: inline-block;} p a { color: var(--secondary-color);} p a:hover { color: var(--main-color);} :any-link:-moz-focusring { outline: none;} .theme-text-main { color: var(--primary-color);} .theme-text { color: var(--secondary-color);} .entry-content, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { font-family: "Work Sans";} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3, h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 { margin-top: 0; letter-spacing: 0px;} .entry-content p, .entry-content li { line-height: 21px; } .font-400 { font-weight: 400;} .font-bold { font-weight: 700;} .justify-space-between { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;} .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;} .justify-space-around { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;} .justify-center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;} .m-t-15 { margin-top: 15px;} .m-b-30 { margin-bottom: 30px;} h4 { margin-bottom: 10px;} input[type="search"]:focus { outline: none;} input[type="checkbox"] { appearance: checkbox; -webkit-appearance: checkbox;} .toast { font-size: inherit; } #toast-container { right: 0;} #toast-container > div{ margin-left: auto; border: none; border-radius: 10px; width: auto; max-width: 350px; opacity: 1; } #toast-container > div:hover { box-shadow: none; } /** header **/ #site-header { border-bottom: 1px solid rgba(0,0,0,0.04); z-index: 12;} .header-inner { padding: 15px 0; max-width: 120rem; } .wp-custom-logo .header-titles, .header-titles .site-logo { margin: 0; } ul.primary-menu { margin: 0; align-items: center;} .primary-menu-wrapper > ul { margin: 0 -15px; } .primary-menu > li { margin: 0; padding: 0 15px; } .menu-wrapper .menu-item.menu-item-263, body.jobseeker-login .menu-wrapper .menu-item.menu-item-263 { display: none;} body.company-login .menu-wrapper .menu-item.menu-item-263 { display: block;} body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a { font-size: 14px; line-height: 51px; font-weight: 700; color: var(--main-color);} body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li.current-menu-item a, body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a:hover { text-decoration: none; color: var(--secondary-color);} ul.primary-menu { letter-spacing: 0px;} .primary-menu > li .yspl_win_wrap { position: relative; padding-left: 30px; } .primary-menu > li.focus > a { text-decoration: none;} .primary-menu > li .yspl_win_wrap::before { content: ""; display: inline-block; height: 55px; width: 1px; background-color: rgba(41,29,137,0.09); position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); } .signup-menu { display: flex; grid-gap: 10px; flex-wrap: wrap; } body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.signup-link { margin-right: 5px; padding: 10px 30px; line-height: 19px; border: 1px solid var(--secondary-color); border-radius: 5px; color: var(--secondary-color); text-align: center; width: auto;} body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.signup-link:hover { color: var(--color-white); background-color: var(--main-color); border-color: var(--main-color);} body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.signup-link:focus { text-decoration: none;} .primary-menu > li .yspl_win_wrap img { width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 50%; } .page-loader { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; background-color: var(--secondary-color); justify-content: center; align-items: center; } .loading .page-loader { display: flex;} .sk-chase { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #fff; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } /* jobadvisor video circle */ .video-inner-content { position: relative; margin:0px auto; padding-top: 65%; width: 65%;} .video-circle { margin: 50px 0px; text-align: center; position: relative;} .video-circle ul { margin: 0 auto; height: 100%; width: 100%; border: 3px dashed rgba(80,103,235,0.2); border-radius: 50%; list-style: none; position: absolute; top: 0; left: 0;} .video-circle ul li { height: 50px; width: 50px; top: 50%; left: 50%; margin: -25px; position: absolute; transition: all 0.3s linear;} .video-circle ul li img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%;} .video-circle .center-video { height: 270px; width: 270px; display: flex; border-radius: 50%; align-items: center; justify-content: center; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition:0.3s; transition:0.3s;} .popup-video-block { height: calc(100% + 60px); width: calc(100% + 60px); opacity: 0; transform: translate(-50%,-50%) scale(0); -webkit-transform: translate(-50%,-50%) scale(0); transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; background-color: rgba(80,103,235,0.9); position: absolute; top: 50%; left:50%; display: block;} .popup-video-block video { width: 100%; height: 100%;} .active .popup-video-block { opacity: 1; transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1);} .active .center-video { display: none; } .popup-video-block .popup-close { color: #fff; font-size: 50px; line-height: 58px; font-weight: 100; position: absolute; top:0; right: 15px; z-index: 10; text-decoration: none; } .fancybox-slide::before { content: none;} .fancybox-slide--html { display: flex; align-items: center; justify-content: center; } .fancybox-slide--html .fancybox-content { margin: 20px 10px !important; padding: 10px; background: var(--secondary-color); border-radius: 50px; height: auto !important; text-align: center; position: relative; overflow: visible;} /* .fancybox-slide--html .fancybox-content::before { content: ""; display: block; padding-top: 75%; } */ .fancybox-slide--html .fancybox-content .as-rt { padding: 10px; } .fancybox-slide--html .fancybox-content img { margin: 20px auto; filter: invert(1) brightness(100); -webkit-filter: invert(1) brightness(100); -o-filter: invert(1) brightness(100); -ms-filter: invert(1) brightness(100); -moz-filter: invert(1) brightness(100);} .fancybox-video { width: auto !important; height: auto !important; max-width: 40vw; max-height: 60vh; } .fancybox-slide--html .fancybox-close-small { top: -20px; right: -10px; color: #fff; } /* .fancybox-slide--video .fancybox-content::before { content: ""; display: block; margin: 0 auto 30px; background: url(http://webprojects.cloud/wordpress/jobadvisor/wp-content/uploads/2021/04/logo.svg) no-repeat center / cover; height: 35px; width: 155px; filter: invert(1) brightness(100); -webkit-filter: invert(1) brightness(100);} */ /** userpages **/ .template-login { overflow: hidden;} .full-height { height: calc(100vh - 83px);} .bg-image_box { background-size: cover; background-position: center; height: 100%; background-repeat: no-repeat;} .scrollable-box { display: flex; padding: 40px 0; overflow-y: auto; height: 100%; align-items: center;} .scrollable-box > .row { width: 100%; height: calc(100vh - 160px); align-items: center; -webkit-align-items: center; } .scrollable-box > .row::after { content: ""; display: block; height: 20px; width: 100%; } .scrollable-box > .row > div[class^="col-"] { margin-top: auto;} .user-pages h1 { margin-top: 0; } .user-pages .btn-group { margin: 35px 0; } .user-pages .btn-group .btn { padding: 10px 15px 10px 60px; border: 1px solid var(--main-color); border-radius: 4px !important; font-size: 14px; line-height: 22px; text-transform: initial; text-align: left; position: relative; } .user-pages .btn-group .btn:first-child { margin-right: 15px; } .user-pages .btn-group .btn input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 1;} .user-pages .btn-group .btn span { display: inline-flex; height: 30px; width: 30px; font-size: 10px; color: var(--color-white); background-color: transparent; border-radius: 50%; border: 5px solid rgba(80,103,235,.13); background-clip: content-box; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; justify-content: center; align-items: center;} .user-pages .btn-group .btn span::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid var(--secondary-color); border-radius: 50%; } /* .user-pages .btn-group .btn span .svg-inline--fa { display: none;} */ .user-pages .btn-group .btn input:checked ~ span { background-color: var(--secondary-color); } /* .user-pages .btn-group .btn input:checked ~ span .svg-inline--fa { display: inline-block;} */ .user-pages .common-btn { margin-bottom: 20px; } .user-pages p.ques-text a { margin-left: 10px;} .login-form { display: none;} .social-logins { margin: 40px 0 20px; } .social-logins .btn { padding: 8px 25px 8px 50px; border-radius: 4px; width: 100%; position: relative; font-size: 14px; line-height: 22px; font-weight: 700; color: var(--color-white); text-align: center; } .social-logins .btn.fb-btn { margin-bottom: 8px; background-color: #3B5998; } .social-logins .btn.google-btn { background-color: #4285F4; } .social-logins .btn img { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } .or-seperator { margin: 20px 0; display: block; text-align: center; position: relative; } .or-seperator::before, .or-seperator::after { content: ""; display: inline-block; height: 1px; width: calc(50% - 30px); background-color: rgba(36,26,71,0.13); top: 50%; transform: translateY(-50%); position: absolute; } .or-seperator::before { left: 0; } .or-seperator::after { right: 0; } textarea { resize: none; height: 100px;} input.form-control, textarea.form-control { padding: 8px 15px; height: auto; border: 2px solid #DCE1E7; border-radius: 4px; font-size: 14px; line-height: 22px !important; line-height: 0px; font-family: "Work Sans"; color: var(--main-color); letter-spacing: 0px;} .input-group { border: 2px solid #DCE1E7; border-radius: 4px;} .signup-form .input-group + small { line-height: 20px; color: red; display: block; margin-top: 9px; } .error-display .input-group, .has-error input, .profile-form .has-error .jcf-select, .has-error .select-industry label,.has-error textarea { border-color: red;} .input-group input.form-control { border: none; border-radius: 0;} .form-control::-moz-placeholder { color: rgba(36,26,71,0.6);} .form-control::-webkit-input-placeholder { color: rgba(36,26,71,0.6);} .form-control::-o-placeholder { color: rgba(36,26,71,0.6);} .form-control:-ms-input-placeholder { color: rgba(36,26,71,0.6);} .invalid-field { display: block; margin-top: 5px; font-size: 12px; line-height: 14px; color: red;} .err-msg { display: block; margin: 10px 0; padding: 5px 10px; background-color: red; color: var(--color-white);} .success-msg { display: block; margin: 10px 0; padding: 5px 10px; background-color: green; color: var(--color-white);} input.form-control:focus, textarea.form-control:focus { box-shadow: none; border-color: #DCE1E7;} .input-group-text { background: transparent; font-size: 18px; line-height: 24px; color: rgba(43,45,84,0.2); border: none; border-radius: 0; text-decoration: none; } .show-password.active { color: var(--main-color); } .user-pages .login .common-btn { margin: 20px 0; } .forgot { margin-bottom: 20px; text-align: right; } .forgot a, .custom-control:not(.custom-switch) .custom-control-label a { color: var(--secondary-color);} .forgot a:hover, .custom-control:not(.custom-switch) .custom-control-label a:hover { color: var(--main-color);} .custom-control:not(.custom-switch) { margin-bottom: 20px; cursor: pointer;} .custom-control:not(.custom-switch) .custom-control-input { position: absolute; } .custom-control:not(.custom-switch) .custom-control-label { display: inline-block; padding-left: 10px; font-size: 14px; line-height: 27px; cursor: pointer; width: calc(100% - 20px); vertical-align: top; } .custom-control:not(.custom-switch) .custom-control-label::before { height: 20px; width: 20px; left: -25px; top: 3px; border-color: #DCE1E7; } .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background: transparent; border-color: #DCE1E7; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { content: "\f00c"; background-image: none; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--secondary-color); top: 6px; left: -21px; font-size: 12px; line-height: 16px; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none;} .has-error .custom-control:not(.custom-switch) .custom-control-label::before { border-color: red; } .success-block { display: none; text-align: center;} .success-block figure { margin-bottom: 40px;} .success-block figure img { margin: 0 auto;} .strength-checker { margin-bottom: 20px; } .strength-checker label { margin: 0 0 10px; font-size: 14px; line-height: 20px; color: rgba(44,42,62,0.5); } .strength-checker label .weak { color: red; } .strength-checker label .medium { color: orange; } .strength-checker label .strong { color: #527b52; } .strength-checker .progress { margin-bottom: 15px; height: 15px; border-radius: 4px; } .strength-checker .progress .progress-bar { border-radius: 4px; } .strength-checker .progress.weak .progress-bar { background-color: red; } .strength-checker .progress.medium .progress-bar { background-color: orange; } .strength-checker .progress.strong .progress-bar { background-color: #527b52; } .dashboard-content .change-block p { margin-bottom: 10px;} /** footer **/ .footer-nav-widgets-wrapper.header-footer-group { margin-top: 0; border: none; } .header-footer-group, #site-footer { background-color: var(--secondary-color);} .footer-widgets-outer-wrapper { padding: 80px 0 40px; border-bottom: 1px solid rgba(255,255,255,0.22); } .footer-widgets.column-two.grid-item { flex: 1 0 auto; } .footer-nav-widgets-wrapper.header-footer-group .widget_media_image .image { filter: invert(0) brightness(100); -webkit-filter: invert(0) brightness(100); } .footer-nav-widgets-wrapper .widget_text { margin-top: 20px; } .footer-nav-widgets-wrapper .widget_text p { font-family: "Work Sans"; color: var(--color-white); } .footer-widgets .widget .widget-title { margin-bottom: 20px; font-size: 16px; line-height: 18px; letter-spacing: 0; color: var(--color-white); text-transform: uppercase; } .footer-widgets .widget.widget_nav_menu a { font-size: 14px; line-height: 31px; font-weight: 400; color: var(--color-white); } #menu-footer-social-menu { display: flex; margin: 0 -15px; align-items: center; } #menu-footer-social-menu > li { padding: 0 15px; } #menu-footer-social-menu > li > a { font-size: 16px; line-height: 27px; } #menu-footer-social-menu > li > a:hover { color: var(--main-color); } #site-footer { padding: 30px 0 50px; } #site-footer .section-inner { flex-wrap: wrap;} .footer-copyright { font-weight: 400; color: var(--color-white); } #site-footer .footer-copyright a { text-decoration: underline;} #menu-footer-policy-links { display: none !important; margin: 0 -20px; list-style: none; display: flex; align-items: center; } #menu-footer-policy-links li { margin: 0; padding: 0 20px; } #menu-footer-policy-links li a { color: var(--color-white); } .widget_nav_menu li { margin: 0; } .contact-footer { margin-left: 5px; width: 75%;} .contact-footer .widget_text { margin-top: 0;} .contact-footer .contact-info p { margin-bottom: 5px; line-height: 22px;} .contact-footer .contact-info p b { width: 70px; display: block;} .contact-footer .widget_custom_html a { color: #fff; text-decoration: none;} .contact-footer .widget_custom_html a:hover { text-decoration: underline;} .cards { font-size: 14px; line-height: 31px; color: #ffffff; } .cards img { display: inline-block; max-width: 70px; } /** home **/ .site-logo img { width: 165px; max-height: initial; object-fit: contain;} .entry-header { display: none; } .entry-content > .alignwide, .entry-content > .alignfull, .entry-content > .alignwide:first-child, .entry-content > .alignfull:first-child, .alignfull { margin: 0 !important;} .kt-row-column-wrap { padding: 0; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin: 0 auto;} .entry-content h1, .entry-content h2, .entry-content h3 { margin-top: 0;} .kt-row-layout-inner { margin: 0 -15px;} .home-banner { padding: 70px 0; } .home-bg > .kt-row-has-bg { background-size: 60% auto !important; background-position: top right !important;} .slick-slide { outline: none; } .banner-slider.slick-slider { margin-bottom: 50px; } .banner-slider_item .common-btn { margin-top: 25px;} .banner-slider_item h1 { text-transform:none; } .banner-slider_item h1 span { color: #5067EB;} .banner-slider_item .regular-users { display: flex; align-items: center;} .banner-slider_item .regular-users ul { display: flex; margin: 30px 20px 0 0; list-style: none; } .banner-slider_item .regular-users ul li { margin: 0; position: relative; } .banner-slider_item .regular-users ul li:not(:last-child) { margin-right: -15px; } .banner-slider_item .regular-users ul li:first-child { z-index: 4; } .banner-slider_item .regular-users ul li:nth-child(2) { z-index: 3; } .banner-slider_item .regular-users ul li:nth-child(3) { z-index: 2; } .banner-slider_item .regular-users ul li img { height: 50px; width: 50px; border: 2px solid var(--color-white); border-radius: 50%; object-fit: cover; object-position: center;} .banner-slider_item .regular-users span { display: inline-block; margin-top: 30px; font-weight: 700;} .banner-slider.slick-slider .slick-dots { bottom: -40px; text-align: left; } .banner-slider.slick-slider .slick-dots li { margin: 0 4px; width: auto; height: auto; line-height: initial; vertical-align: middle; } .banner-slider.slick-slider .slick-dots li button { padding: 0; height: 10px; width: 10px; background-color: #F0F4FF; border-radius: 50%; transition: all 0.3s ease-in-out; } .banner-slider.slick-slider .slick-dots li button::before { content: none;} .banner-slider.slick-slider .slick-dots li.slick-active button { background-color: var(--secondary-color); transform: scale(1.5);} .home-banner .wp-block-image { text-align: center;} .home-banner .wp-block-image img { width: 70%; display: inline-block;} .industries > .kt-row-layout-inner { padding: 40px 0;} .entry-content .industries h4 { margin-bottom: 10px;} .entry-content .industries p { margin: 0;} .industries-icons .kt-inside-inner-col { display: flex; margin: 0 -7px; justify-content: space-between; flex-wrap: wrap;} .industries-icons .kt-inside-inner-col .wp-block-image { margin: 0 !important; padding: 0 7px; display: flex; flex-direction: column; align-items: center; position: relative; flex: 1 0 auto; } .industries-icons .kt-inside-inner-col .wp-block-image img { margin-bottom: 10px; } .industries-icons .kt-inside-inner-col .wp-block-image img.wp-image-1211 { height: auto; width: 45px; } .industries-icons .kt-inside-inner-col .wp-block-image:hover img { filter: drop-shadow(0 0 5px var(--secondary-color)); -webkit-filter: drop-shadow(0 0 5px var(--secondary-color)); -ms-filter: drop-shadow(0 0 5px var(--secondary-color)); -o-filter: drop-shadow(0 0 5px var(--secondary-color)); -moz-filter: drop-shadow(0 0 5px var(--secondary-color));} .industries-icons .kt-inside-inner-col .wp-block-image figcaption { margin-top: auto; font-size: 16px; line-height: 30px; } .industries-icons .kt-inside-inner-col .wp-block-image figcaption a { text-decoration: none;} .industries-icons .kt-inside-inner-col .wp-block-image::after { position: absolute; top: -5px; left: 50%; z-index: -1; height: auto; width: auto; max-height: 45px; transform: translateX(-50%); -webkit-transform: translateX(-50%);} .industries-icons .kt-inside-inner-col .wp-block-image:first-child::after, .industries-icons .kt-inside-inner-col .wp-block-image:nth-child(6)::after { content:url('images/icon-1-bg.svg');} .industries-icons .kt-inside-inner-col .wp-block-image:nth-child(2)::after { content:url('images/icon-2-bg.svg');} .industries-icons .kt-inside-inner-col .wp-block-image:nth-child(3)::after { content:url('images/icon-3-bg.svg');} .industries-icons .kt-inside-inner-col .wp-block-image:nth-child(4)::after { content:url('images/icon-4-bg.svg');} .industries-icons .kt-inside-inner-col .wp-block-image:nth-child(5)::after { content:url('images/icon-5-bg.svg');} .industries .info-block { margin-right: 50px; padding-right: 15px; position: relative; border-right: 1px solid rgba(22,29,67,0.1);} .video-section-title h4 { margin-bottom: 0; } .video-section-title h4 a { vertical-align: sub; margin-left: 10px; } .view-video { margin-top: 10px; text-align: center; } .view-video a { font-size: 16px; line-height: 22px; color: #fff; text-decoration: none; } .view-video a img { display: inline-block; margin-left: 5px; vertical-align: baseline; max-width: 25px; } .candidate_videos_list { display: flex; align-items: center; flex-wrap: wrap; } .candidate_videos_list-item { display: flex; width: calc(100% / 4); flex: 1 0 auto; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; justify-content: center; align-items: flex-end; } .candidate_videos_list-item::before { padding-top: 100%; content: ""; display: block; position: relative; width: 100%; } .candidate_videos_list-item video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; visibility: hidden; z-index: 0; object-fit: cover; object-position: center;} .candidate_videos_list-item.play-video video { visibility: visible;} .candidate_videos_list-item .mobile-play-btn { display: none; filter: drop-shadow( 0 2px rgba(0,0,0,0.5));} .video-not-found { display: flex; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; align-items: center; z-index: -1; } .candidate_videos-info { padding: 30px 30px 50px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: var(--color-white); z-index: 1;} .candidate_videos-info h5 { margin-bottom: 4px; text-shadow: 0 0 4px #000;} .candidate_videos-info h6 { margin-bottom: 10px; text-transform: inherit; font-weight: 400; font-size: initial; text-shadow: 0 0 4px #000;} /* .vid-link { display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; align-items: center; justify-content: center; opacity: 0; visibility: hidden;} .candidate_videos_list-item.play-video .vid-link { opacity: 1; visibility: visible;} */ .candidate_videos_list-item .no-video { position: absolute; bottom: 30px; right: 30px; font-size: 20px; line-height: 25px; text-shadow: 0 0 4px #000; color: #fff; visibility: hidden;} .candidate_videos_list-item.no-video-found .no-video { visibility: visible;} .candidate_videos_list-item .no-video h6 { margin: 0; text-transform: capitalize; } .companies-hired-section { padding: 80px 0 100px; } .companies-hired-section .company-hire-intro h2 { margin-bottom: 15px; } .companies-hired-slider .slick-track { display: flex !important;} .companies-hired-slider_item.slick-slide { display: flex; margin: 0 10px; padding: 30px; box-shadow: 0 3px 6px #F0F4FF; text-align: center; border-radius: 10px; height: inherit !important; flex-direction: column; } .companies-hired-slider_item.slick-slide figure { padding-top: 100%; margin: 10px 0; flex: 1; position: relative;} .companies-hired-slider_item img { margin: auto; max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .companies-hired-slider_item h4 { margin: 0 0 10px; padding-bottom: 20px; border-bottom: 1px solid rgba(112,112,112,0.1);} .companies-hired-slider_item p { margin: 0; padding: 10px 25px; background: #5067EB; color: #fff; border-radius: 5px;} .companies-hired-slider_item p a { color: #fff; text-decoration: none;} .companies-hired-slider .slick-list { padding: 0px 5% 15px; } .join-now .kt-row-has-bg { padding: 30px 0; } .join-now h2 { margin-bottom: 10px; } .join-now .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright).job-stats { margin: 0 0 20px; max-width: 100%; } .job-stats .wp-block-group__inner-container { display: flex; margin: 0 -15px; } .job-stats .ib-counter-container { text-align: left !important;} .job-stats .wp-block-ideabox-counter { padding: 0 15px;} .job-stats .wp-block-group__inner-container .ib-counter { margin: 0; font-size: 30px !important; line-height: 45px; font-weight: 700; } .job-stats .wp-block-group__inner-container .ib-counter-title { font-size: 16px; line-height: 27px; } .wp-block-buttons .wp-block-button.common-btn { margin: 0; padding: 0; background: none; } .wp-block-buttons .wp-block-button.common-btn .wp-block-button__link { padding: 12px 40px; text-transform: inherit; font-size: 15px; line-height: 19px; font-weight: 700; letter-spacing: 0; font-family: "Work Sans"; border-radius: 5px; background-color: var(--secondary-color); } .wp-block-buttons .wp-block-button.common-btn.big .wp-block-button__link { padding: 12px 60px;} .wp-block-buttons .wp-block-button.common-btn .wp-block-button__link:hover { text-decoration: none; background-color: var(--main-color);} .packages { margin: 0 -15px; } .wp-block-kadence-column.home-package { margin-bottom: -70px; } .home-package .packages form { margin: 0 auto; max-width: 420px; } .package-item { overflow: hidden; position: relative; z-index: 1; margin: 0 15px; padding: 75px 30px 55px; background-color: var(--color-white); border-radius: 8px; border: 2px solid var(--main-color); display: flex; flex-direction: column; justify-content: space-between;} .package-item::before { content: "Join Us Now"; color: #fff; padding: 10px 30px; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; background-color: #5067EB; box-shadow: 0 3px 6px rgba(80,103,235,0.49); position: absolute; top: 0; right: 0; text-align: center; transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); transform-origin: bottom right;} .package-item h4 { margin-bottom: 10px; text-align: center; text-transform: uppercase; } .package-item .price { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #DBDBDB; } .package-item .price > * { margin: 0; } .package-item .price h1 { text-align: center;} .package-item .price h1 span { font-size: calc(1em - 2px); line-height: calc(1em - 2px); } .package-item .price h5 { text-transform: uppercase; font-weight: 400; letter-spacing: 2px; } .package-item .features-list h6 { margin-bottom: 10px; text-transform: inherit; } .package-item .features-list ul { margin: 0 0 30px; list-style: none; } .package-item .features-list ul li { margin: 0 0 8px; font-size: 15px; line-height: 23px; letter-spacing: -0.13px; } .package-item .features-list ul li .fas { display: inline-block; margin: 5px 10px 0 0; vertical-align: top; color: var(--secondary-color); } .package-item .features-list ul li span { display: inline-block; vertical-align: top; width: calc(100% - 27px); padding-left: 10px; } .package-item .common-btn { padding: 15px 40px; border: 1px solid transparent; text-align: center; } .package-item.active { border-color: #F80; box-shadow: 0 3px 6px rgba(231,71,0,0.68); } /* .package-item.active::after { z-index: 0; content: ''; background: rgba(255, 255, 255, 0.5); height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block;} */ .package-item.premium { background-color: var(--secondary-color); color: var(--color-white); position: relative; overflow: hidden; } .package-item.premium h4 { color: var(--color-white);} .package-item.premium::before { content: "Recommended"; padding: 10px 30px; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; background-color: #FF8800; box-shadow: 0 3px 6px rgba(255,136,0,0.49); position: absolute; top: 0; right: 0; text-align: center; transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); transform-origin: bottom right;} .package-item.premium .features-list ul li .fas { color: var(--color-white); } .package-item.premium .common-btn { border-color: var(--color-white); } .package-item.premium .common-btn:hover { border-color: var(--main-color); } .package-item .common-btn.disabled { opacity: 0.5; cursor: not-allowed;} .success-stories .kt-row-has-bg { padding: 90px 0 80px; } .success-stories .success-stories-intro.wp-block-kadence-rowlayout { margin-bottom: 60px;} .success-stories .success-stories-intro h1, .instagram-section .instagram-section-intro h1 { margin-bottom: 0;} .seperator { margin: 0 auto; border: 0.1px solid rgba(22,29,67,0.1); max-width: 115px; transform: rotate(90deg); transform-origin: center;} .kt-layout-id_80773f-c2 p, .kt-layout-id_a46063-49 p { font-size: 16px; line-height: 24px; } .success-stories_item-bg { margin-bottom: 25px; height: 320px; background-size: cover; background-position: top center; } .success-stories_item-bg a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; } .success-stories_item h4 { margin-bottom: 5px; font-size: 20px; line-height: 35px; } .instagram-section { padding: 65px 0;} .instagram-section .instagram-section-intro.wp-block-kadence-rowlayout { margin-bottom: 60px;} .page-not-access-modal .modal-dialog { max-width: 500px;} .page-not-access-modal .modal-content { box-shadow: none; border: none;} .page-not-access-modal .modal-body { padding: 15px 15px 25px;} .page-not-access-modal img { display: inline-block;} .page-not-access-modal .close { margin-top: 0; position: absolute; top: -15px; right: 25px; height: 30px; width: 30px; background: #5067EB; border-radius: 50%; display: block; text-align: center; padding: 10px; z-index: 1; opacity: 1 !important;} .page-not-access-modal .close svg { filter: brightness(100); -webkit-filter: brightness(100);} .info-img { padding: 35px 0 15px;} .page-not-access-modal h5 { margin: 0; font-size: 18px; line-height: 25 px;} .page-not-access-modal h5 a { color: #5067EB; text-decoration: underline;} .page-not-access-modal button { margin-top: 35px; padding: 5px 40px;} .home-candidate-benefits .benifit-candidate { padding: 80px 0; margin: 0 !important; background-color: #ECEEFC; } .home-candidate-benefits .benifit-candidate .success-stories-intro { padding: 0; border-top: none; border-bottom: 1px solid #ccc; } .home-candidate-benefits .benifit-candidate .success-stories-intro h2 { font-size: 40px; line-height: 51px;} .home-candidate-benefits .benifit-candidate .success-stories-intro .inner-column-1 { flex: 0 1 50%;} .home-candidate-benefits .benifit-candidate .success-stories-intro .inner-column-2 { flex: 0 1 5%;} .home-candidate-benefits .benifit-candidate .success-stories-intro .inner-column-3 { flex: 0 1 45%;} .home-candidate-benefits .benifit-candidate .success-stories-intro p { font-size: 16px; line-height: 24px;} /** find candidates **/ .find-candidates { background-color: rgba(240,244,255,0.3);} .find-candidate_header { padding: 29px; background-color: var(--secondary-color); color: var(--color-white); position: relative;} .find-candidate_header h6 { margin: 0; text-transform: none; letter-spacing: 0px; } .find-candidate_header .video-guide-holder > h6 { display: flex; align-items: center;} .find-candidate_header h6 img { margin-right: 15px; height: 40px; width: 40px; border-radius: 50%; object-fit: cover; display: inline-block;} .input-group.common-input-group { background-color: #F0F4FF; border-radius: 4px; } .saved-search { align-items: center !important; } .saved-search .input-group-text { padding: 4px 15px 4px 0 !important; } .saved-search .input-group-text svg { color: #000; } .input-group.common-input-group .input-group-text { padding: 4px 0 4px 20px; border: none; } .input-group.common-input-group .form-control { border: none; background: none; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #161D43; } .input-group.common-input-group .form-control::-moz-placeholder { color: #161D43;} .input-group.common-input-group .form-control::-webkit-input-placeholder { color: #161D43;} .input-group.common-input-group .form-control::-o-placeholder { color: #161D43;} .input-group.common-input-group .form-control:-ms-input-placeholder { color: #161D43;} .find-candidate_header .sort-by { padding-left: 50px;} .jcf-select { margin: 0 0 0 20px; padding: 8px 35px 8px 16px; border: none; background-color: #F0F4FF; color: #161D43; border-radius: 4px; height: auto; width: 100%; cursor: pointer;} .jcf-select .jcf-select-text { margin: 0; font-size: 14px; line-height: 22px; cursor: pointer; color: var(--main-color);} .jcf-select .jcf-option-placeholder { color: rgba(36,26,71,0.6);} .jcf-select .jcf-select-opener { background: transparent url('images/down-arrow.png') no-repeat center; width: 30px; transition: all 0.1s ease-in-out;} .jcf-select.jcf-drop-active .jcf-select-opener { background-image: url('images/up-arrow.png'); } .jcf-select .jcf-select-drop .jcf-select-drop-content li, .jcf-select-drop.jcf-select-doc-select li { margin: 0; } .jcf-select .jcf-select-drop .jcf-select-drop-content li .jcf-option, .jcf-select-drop.jcf-select-doc-select li .jcf-option { cursor: pointer; } .jcf-select .jcf-select-drop .jcf-select-drop-content li .jcf-option.jcf-option-hide-me, .jcf-select-drop.jcf-select-doc-select li .jcf-option.jcf-option-hide-me { display: none; } .jcf-select .jcf-select-drop .jcf-select-drop-content li .jcf-option.jcf-hover, .jcf-select-drop.jcf-select-doc-select .jcf-option.jcf-hover { color: var(--color-white); background-color: var(--secondary-color); text-overflow: ellipsis; } .jcf-option-hide-me { color: rgba(36,26,71,0.6); } .jcf-select .jcf-list-content, .jcf-select-drop.jcf-select-doc-select .jcf-list-content { max-height: 300px !important;} .jcf-select-drop.jcf-select-doc-select { min-width: 200px !important;} .sort-by h6 { margin: 0; flex: 1 0 auto; } .find-candidates .row.no-gutters { margin: 0 -15px; } .candidate_videos_list-item .favourite, .add-usr-favourite .favourite { font-size: 20px; line-height: 30px; color: var(--color-white); position: absolute; top: 30px; right: 30px; } .candidate_videos_list-item .favourite { text-shadow: 0 0 4px #000; z-index: 1; right: 43px;} .candidate_videos_list-item .favourite input, .add-usr-favourite .favourite input { margin: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; } .candidate_videos_list-item .favourite input:checked ~ i, .add-usr-favourite .favourite input:checked ~ i { color: red;} .add-usr-favourite .favourite { margin-left: 20px; position: relative; color: #161D43; top: auto; right: auto;} .find-candidates_list .col-xl-4 { margin-bottom: 50px; padding: 0px 45px 50px 40px; position: sticky; top: 0; height: 100vh; overflow-y: scroll; } .find-candidates_list .col-12 { padding: 0px 45px 0 40px;} /* .filters { padding: 70px 45px 50px 40px; height: 100%; } */ .filters .filter-block { margin-bottom: 5px; padding: 20px 40px 20px 70px; border: 1px solid #F0F4FF; background-color: var(--color-white); border-radius: 10px; position: relative;} .filter-block .form-control.start-working, .filter-block .form-control.end-working { margin-bottom: 5px; padding-right:35px; background: url('images/calendar.svg') no-repeat right 10px center; min-width: 150px;} .filters .filter-block .btn-group { max-height: 200px; overflow-y: auto; overflow-x: hidden; } .filters .filter-block .icon { margin-right: 15px; padding: 3px; height: 35px; width: 35px; background-color: var(--color-white); border-radius: 4px; box-shadow: 0 3px 6px rgb(80, 103, 235,0.13); text-align: center; position: absolute; left: 20px; top: 15px;} .filters .filter-block .icon img { margin: 0px auto; } .filters .filter-block .icon svg { font-size: 15px; } .filters .filter-block .icon-title { margin-right: -40px; padding-right: 40px; position: relative;} .filters .filter-block .icon-title::after { content: url('images/down-arrow.png'); position: absolute; top: 0; right: 15px; transition: all 0.3s ease-in-out;} .filters .filter-block.open .icon-title::after { transform: rotate(180deg); } .filters .filter-block .icon-title span { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 700; } .filters .filter-block select { padding: 10px 30px 10px 10px; border-radius: 0; background: url('images/down-arrow.png') no-repeat right 10px center; border: 1px solid #dbdbdb; width: 100%; cursor: pointer; appearance: none; -webkit-appearance: none; } .collapse-box { margin-top: 20px;} .filter-block .btn-group .btn { margin-bottom: 10px; padding-left: 50px; width: 100%; font-size: 14px; line-height: 22px; text-align: left; } .filters .filter-block .btn-group .btn input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; cursor: pointer; } .filters .filter-block .btn-group .btn span { display: inline-flex; height: 30px; width: 30px; font-size: 10px; color: var(--color-white); background-color: transparent; border-radius: 50%; border: 5px solid rgba(80,103,235,.13); background-clip: content-box; position: absolute; top: 50%; transform: translateY(-50%); left: 0; justify-content: center; align-items: center; } .filters .filter-block .btn-group .btn input:checked ~ span { background-color: var(--secondary-color);} .filter-block .btn-group.simple .btn span.total { display: flex; height: auto; width: auto; position: static; transform: none; border: none; border-radius: 0; font-size: 14px; line-height: 27px; color: var(--main-color); justify-content: space-between; } .filters .filter-block .btn-group .btn input:checked ~ span.total { background: none; color: var(--secondary-color); } .filter-block .btn-group.simple .btn span.total i { font-style: normal; } .rating-stars ul, .rating-stars ul li { margin: 0; } .rating-stars ul { display: flex; list-style: none;} .rating-stars ul li { cursor: pointer; } .rating-stars ul > li.star > .fas { font-size: 22px; color:#ccc; } .rating-stars ul > li.star.hover > .fas { color:#FFCC36; } .rating-stars ul > li.star.selected > .fas { color:#FF912C; } .filters .other-filter { margin-top: 15px; padding: 15px 20px; border: 1px solid #F0F4FF; background-color: var(--color-white); border-radius: 10px;} .filters .other-filter h6 { margin-bottom: 10px; text-transform: inherit;} .filters .other-filter .form-control { margin-bottom: 5px;} .show-more-candidates { margin: 20px 0; font-weight: 700; color: var(--secondary-color); } .progress1 { position: relative;} .progress1 .progress { height: 30px; border: 1px solid var(--secondary-color); border-radius: 5px; background-color: var(--color-white); position: relative; overflow: visible;} .progress1 .progress span { display: block; color: var(--color-white); font-size: 14px; line-height: 21px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; } .progress1 .progress-bar { display: block; margin-bottom: 10px; background: rgb(80,103,235); background: -moz-linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); background: -webkit-linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); background: linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5067eb",endColorstr="#00abe7",GradientType=1); border: 2px solid var(--secondary-color); border-radius: 5px; width: 100%; height: 30px; overflow: visible; -webkit-appearance: none;} .progress1 .progress-bar[type="range"]:focus { border-color: var(--secondary-color); outline: none;} .progress1 .progress-bar.mid-left-thumb::-webkit-slider-thumb { transform: translateX(-3px); } .progress1 .progress-bar.mid-thumb::-webkit-slider-thumb { transform: translateX(0px); } .progress1 .progress-bar.mid-right-thumb::-webkit-slider-thumb { transform: translateX(3px); } .progress1 .progress-bar.right-thumb::-webkit-slider-thumb { transform: translateX(7px); } .progress1 .progress-bar.mid-left-thumb::-moz-range-thumb { transform: translateX(-3px); } .progress1 .progress-bar.mid-thumb::-moz-range-thumb { transform: translateX(0px); } .progress1 .progress-bar.mid-right-thumb::-moz-range-thumb { transform: translateX(3px); } .progress1 .progress-bar.right-thumb::-moz-range-thumb { transform: translateX(7px); } .progress1 .progress-bar.mid-left-thumb::-ms-thumb { transform: translateX(-3px); } .progress1 .progress-bar.mid-thumb::-ms-thumb { transform: translateX(0px); } .progress1 .progress-bar.mid-right-thumb::-ms-thumb { transform: translateX(3px); } .progress1 .progress-bar.right-thumb::-ms-thumb { transform: translateX(7px); } .progress1 .progress-bar::-webkit-slider-thumb { display: inline-block; background: url('images/drag.svg') no-repeat center / cover; cursor: pointer; height: 10px; width: 10px; border-radius: 4px; transform: translateX(-7px); -webkit-appearance: none;} .progress1 .progress-bar::-ms-thumb { display: inline-block; background: url('images/drag.svg') no-repeat center / cover; cursor: pointer; height: 10px; width: 10px; border-radius: 4px; transform: translateX(-7px);} .progress1 .progress-bar::-moz-range-thumb { display: inline-block; background: url('images/drag.svg') no-repeat center / cover; cursor: pointer; height: 10px; width: 10px; border-radius: 4px; transform: translateX(-7px);} input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-slider-runnable-track { text-align: left; } .value { margin: 0; font-weight: 500; position: absolute; color: var(--color-white); text-shadow: 0 0 3px #000000; left: 50%; transform: translateX(-50%); z-index: 0; } .irs--round.js-irs-1 { padding-top: 30px; height: auto; } .irs-grid { width: 100% !important; left: 0% !important;} .irs-handle.single { display: none;} .js-irs-1.irs--round .irs-single { top: -30px; visibility: visible !important; left: 50% !important; transform: translateX(-50%);} .irs--round .irs-bar { background: var(--secondary-color); height: 2px;} .js-irs-1.irs--round .irs-bar { height: 15px; background: rgb(80,103,235); background: -moz-linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); background: -webkit-linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); background: linear-gradient(90deg, rgba(80,103,235,1) 0%, rgba(0,171,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5067eb",endColorstr="#00abe7",GradientType=1); top: 30px;} .irs--round .irs-line { background-color: #D0D7DD; height: 2px; } .js-irs-1.irs--round .irs-line { height: 15px; background: #fff; border-radius: 5px; border: 2px solid var(--secondary-color); top: 0;} .js-irs-1.irs--round .irs-handle { top: 25px; cursor: pointer;} .js-irs-1.irs--round .irs-from, .js-irs-1.irs--round .irs-to { display: none;} .irs--round .irs-single, .irs--round .irs-max, .irs--round .irs-min { padding: 0; border-radius: 0; background: none; } .irs--round .irs-min { visibility: visible !important;} .irs--round .irs-min, .irs--round .irs-max { display: none; } .irs--round .irs-single { color: #161D43; visibility: hidden;} .irs--round .irs-max { color: #989898; right: -5%; } .irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { content: none; } .js-irs-0.irs-disabled { opacity: 1; } .js-irs-0.irs-disabled .irs-disable-mask { cursor: not-allowed;} .progress .drag { display: inline-flex; background-color: #323C47; border-radius: 2px; color: #677380; position: relative; top: 50%; transform: translateY(-50%); left: calc(0% - 6px); height: 12px; width: 12px; cursor: grab; justify-content: center; align-items: center; z-index: 1;} .find-candidates_list .candidate_videos_list-item { width: calc(100% / 3); flex: 0 auto;} .input-group.common-input-group .form-control.srch-job-options { background: rgba(240,244,255,0.39);} .filter-block .input-group.common-input-group { border-radius: 35px;} .filter-block .saved-search .input-group-text { padding: 4px 0px 4px 15px !important; } /* find candidates filter allowance */ .filters .filter-block .btn-group.allowances { max-height: initial; overflow: visible; } .filters .filter-block .btn-group.allowances h5 { margin: 15px 0 10px; font-size: 15px; line-height: 22px; } .filters .filter-block .btn-group.allowances .row { margin: 0; } .filters .filter-block .btn-group.allowances .btn { padding-left: 30px; } .rating-cand { position: absolute; top: 60px; right: 20px; text-align: center;} .rating-cand > span { font-size: 12px; line-height: 14px; color: #fff; text-shadow: 0 0 4px #000;} .rating-cand svg { margin-top: 5px; filter: drop-shadow(0 0 2px #fff); height: 65px; width: 65px;} .rating-cand svg path { transition: none;} .progressbar-text { font-size: 12px; line-height: 14px; filter: drop-shadow(0 0 2px #000); color: #fff !important; font-weight: 700;} /** candidate inner **/ .add-usr-favourite .back-arrow { padding: 0;} .candidate-details { padding: 20px 0; background-color: rgba(240,244,255,0.3); } .candidate-details_intro .main { margin-bottom: 20px; border-bottom: 1px solid rgba(22,29,67,0.5); } .candidate-details .d-flex:not(.add-usr-favourite) .back-arrow { padding: 0;} .candidate-details_intro .profile-img { margin-bottom: 20px; } .candidate-details_intro .profile-img img { height: 75px; width: 75px; border-radius: 50%; border: 8px solid #F0F4FF; } .dashboard-content .overview-sec .profile-img { margin-top: 20px; height: 100px; width: 100px; display: flex; align-items: center; justify-content: center;} .overview-sec .candidate-details_intro .profile-img img { height: 75px; width: 75px; border: none;} .candidate-details_intro h1 { margin-bottom: 6px; } .candidate-details_intro h5 { margin: 0 0 5px; font-weight: 400; } .candidate-details_intro .main + p { color: #000000; } .candidate-details_intro .secondary-detail { margin-top: 20px; } .candidate-details_intro .secondary-detail ul { display: flex; margin: 0 -25px 30px; list-style: none; } .candidate-details_intro .secondary-detail ul li { margin: 0; padding: 0 25px; color: var(--secondary-color); } .candidate-details_intro .secondary-detail ul li:not(:last-child) { border-right: 2px solid rgba(112,112,112,0.1); } .candidate-details_intro .secondary-detail ul li span { display: block; color: var(--main-color); } .candidate-details_intro .secondary-detail p { margin-bottom: 5px; font-weight: 700; color: var(--secondary-color); } .candidate-details_intro .secondary-detail p span { color: var(--main-color);} .candidate-details_intro .secondary-detail .common-btn { margin-top: 20px; } .profile-video { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; border-radius: 10px; box-shadow: 0 3px 6px #F0F4FF; width: 100%;} .profile-video::before { content: ""; display: block; padding-top: 100%;} .profile-video a { display: flex; height: 100%; width: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center;} .candidate-details .title { display: flex; margin-bottom: 25px; padding-bottom: 10px; align-items: center; border-bottom: 1px solid rgba(22,29,67,0.50); } .candidate-details .title h4 { margin: 0 0 0 15px; } .skills-values h6 { text-transform: inherit; } .skills-values ul { margin: 0; list-style: none; } .skills-values ul li { margin: 0 0 5px 0; padding-left: 20px; color: #000000; position: relative; } .skills-values ul li::before { content: ""; display: inline-block; vertical-align: top; height: 10px; width: 10px; border-radius: 50%; background-color: var(--secondary-color); position: absolute; top: 10px; left: 0; } .candidate-details .biography, .candidate-details .experience, .candidate-details .education { margin-top: 30px; } .timeline .timeline-item { display: flex; position: relative; } .timeline .timeline-item:not(:last-child) { padding-bottom: 30px; } .timeline .timeline-item .timeline-item_left { margin-right: 40px; flex: 0 1 22%; position: relative;} .timeline .timeline-item h6 { margin-bottom: 2px; text-transform: inherit; } .timeline .timeline-item h6 span { display: block; color: var(--secondary-color);} .timeline .timeline-item h6 span.theme-text-main { color: var(--main-color);} .timeline-item_right { flex: 0 1 75%; } .timeline .timeline-item_right a { color: var(--secondary-color); } .timeline .timeline-item .timeline-item_left::before { content: ""; display: block; height: calc(100% + 37px); width: 3px; background-color: #F0F4FF; position: absolute; top: 0; right: -17px; } .timeline .timeline-item .timeline-item_left::after { content: ""; display: inline-block; height: 20px; width: 20px; border: 4px solid #F0F4FF; border-radius: 50%; background-color: #D0D7FB; position: absolute; top: 0; right: -25px; } .timeline .timeline-item .timeline-item_left.active::after { background-color: var(--secondary-color); } .timeline .timeline-item:last-child .timeline-item_left::before { content: none; } .back-arrow { display: inline-flex; display: -webkit-inline-flex; text-decoration: none; padding-top: 35px; } .back-arrow span { margin-left: 10px; color: var(--secondary-color); } .find-candidates_list .title_block h6 { margin-left: 100px; margin-right: 0; text-transform: capitalize; flex: 1 0 auto; } .find-candidates_list .title_block .like-unlike h6 { margin: 0 0 0 10px;} .find-candidates_list .title_block .like-unlike h6 .fa-star { margin-right: 10px; color: #fff; text-shadow: 0 0 4px #000;} .find-candidates_list .title_block .like-unlike h6:first-child .fa-star { color: red;} /** About us **/ .about-us-intro > .kt-row-has-bg { display: flex; padding: 100px 0; min-height: 600px; justify-content: center; flex-direction: column; } .about-us-intro h6 { margin-bottom: 10px; text-transform: inherit; } .about-us-intro h1 { margin-bottom: 20px; } .about-us-intro p { font-size: 18px; line-height: 25px;} .about-info { padding: 80px 0; } .about-info .wp-block-image { margin: 0 !important; width: 100%; } .about-info .wp-block-image img { width: 100%; } .about-info h3 { margin-bottom: 15px; } .about-info h3 span { display: block;} .about-info .wp-block-buttons .wp-block-button.common-btn { margin-top: 20px;} .about-features > .kt-row-has-bg { padding: 80px 0 50px; } .about-features .kt-blocks-info-box-link-wrap, .about-features .kt-blocks-info-box-link-wrap:hover { background: none !important; } .about-features .kt-blocks-info-box-link-wrap .kt-blocks-info-box-title { margin-bottom: 10px !important; color: var(--main-color); text-transform: inherit; } .feature-row .wp-block-kadence-column { margin-bottom: 50px; } .feature-row .kadence-info-box-image-inner-intrisic-container { max-width: inherit !important; min-width: 36px; } .feature-row .kt-blocks-info-box-media .kt-info-box-image { height: 36px !important; width: 36px !important;} .about-faq > .kt-row-layout-inner.kt-row-has-bg { background-size: 41% auto !important; background-position: right -38px bottom !important; } .about-faq .faq-column { padding: 170px 0; } .dashboard-faqs { padding: 30px 0;} .template-jobseeker-faq .about-faq .faq-column, .template-company-faq .about-faq .faq-column { padding: 50px 0;} .about-accordion .kt-accordion-panel-inner p { margin-bottom: 0; color: #161D43;} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header > span { padding: 15px; background: rgba(240,244,255,0.4); border: 1px solid rgba(0,0,0,0.12); border-radius: 4px;} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header.kt-accordion-panel-active > span { background-color: var(--main-color);} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header > span.kt-blocks-accordion-title-wrap { width: 100%;} .about-accordion .wp-block-kadence-pane .kt-accordion-header-wrap { text-transform: inherit;} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header > span.kt-blocks-accordion-icon-trigger { margin-right: 2px;} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header > span.kt-blocks-accordion-icon-trigger::before, .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header > span.kt-blocks-accordion-icon-trigger::after { left: 17px; top: 24px; height: 2px; } .about-accordion .wp-block-kadence-pane .kt-accordion-panel-inner { padding: 30px 20px; width: 100%;} /**Employers Dashboard**/ body.dashboard-pages:not(.template-overview):not(.template-candidate-details) { padding-top: 85px; } /* .dashboard-pages:not(.template-overview):not(.template-candidate-details) { overflow: hidden;} */ .dashboard-header { width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 51;} .dashboard-header-left { display: flex; padding: 15px 25px; width: 292px; flex-basis: 292px; -webkit-flex-basis: 292px; background: #1E355E; align-items: center;} .dashboard-header-left img { width: 165px; filter: brightness(100); -webkit-filter: brightness(100);} .dashboard-header-right { display: flex; padding: 15px 70px 15px 15px; text-align: right; width: calc(100% - 292px); flex-basis: calc(100% - 292px); -webkit-flex-basis: calc(100% - 292px); align-items: center; justify-content: flex-end;} .dashboard-header-right .dropdown { display: inline-flex; flex: 0 0 80px;} .dashboard-header-right .dropdown-toggle { display: inline-flex; position: relative; text-overflow: ellipsis; align-items: center; color: var(--secondary-color); } .dashboard-header-right .dropdown-toggle::before { content: ""; display: inline-block; margin-right: 20px; height: 55px; width: 1px; background-color: rgba(41,29,137,0.09);} .dashboard-header-right .dropdown-toggle::after, .signup-menu .dropdown-toggle::after { display: none;} .dashboard-header-right .dropdown-menu, .signup-menu .dropdown-menu { margin-top: 16px; box-shadow: 0 3px 6px #F0F4FF; -webkit-box-shadow: 0 3px 6px #F0F4FF; border-radius: 6px; border-color: #eeeeee;} .dashboard-header-right .dropdown-menu::before, .signup-menu .dropdown-menu::before { content: ''; position: absolute; top: -8px; right: 14px; height: 16px; width: 16px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; background: #fff; } .dropdown-menu .dropdown-item, body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.dropdown-item { padding: 7px 16px; font-size: 14px; line-height: 22px; text-decoration: none; font-weight: 400;} .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.dropdown-item:hover, body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.dropdown-item:focus, body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li a.dropdown-item:active { background: rgba(240,244,255,0.3); color: var(--secondary-color); } .dashboard-header-right a.open-menu { display: none;} .dashboard-header-right img { height: 60px; width: 60px; border-radius: 50%; object-fit: cover; object-position: center; color: var(--secondary-color); } .dashboard-height { width: 100%; top: 0; position: relative;} .dashboard-height.overview { height: auto;} /* .dashboard-menu, .dashboard-content { display: inline-block; vertical-align: top; } */ .dashboard-menu { width: 292px; background: #1E355E; height: calc(100vh - 85px); position: fixed; top: 85px; left: 0;} .dashboard-menu ul { margin: 0; list-style-type: none;} .dashboard-menu ul:not(.logout) { height: calc(100% - 87px); overflow-y: auto; } .dashboard-menu ul.logout { background-color: #1B3056;} .dashboard-menu ul li { margin: 0;} .dashboard-menu ul li a { padding: 15px 25px; color: var(--color-white); text-decoration: none; font-family: 'Source Sans Pro', sans-serif; display: block; position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;} .safari .dashboard-menu ul li a { display: block;} .safari .dashboard-menu ul li a > * { display: inline-block; vertical-align: middle;} .dashboard-menu ul.logout li a { padding: 30px 25px;} .dashboard-menu li img { margin-right: 15px; object-fit: none; object-position: 0 0px; width: 16px; height: 16px !important;} .dashboard-menu li a:hover, .dashboard-menu ul li.active a { background: var(--color-white); color: var(--secondary-color);} .dashboard-menu li a:hover img, .dashboard-menu ul li.active a img { object-position: 0 -16px;} .dashboard-menu li a:hover::before, .dashboard-menu ul li.active a::before { content: ''; background: var(--secondary-color); height: 100%; width: 5px; position: absolute; left: 0; top: 0; display: block;} .logout { position: absolute; bottom: 0; left: 0; width: 100%;} .dashboard-content { margin-left: 292px; padding: 15px 30px; background: rgba(240,244,255,0.3); width: calc(100% - 292px); min-height: calc(100vh - 85px); position: relative;} .loader-div.show { margin-left: 292px; position: fixed; top: 0; left: 0; height: 100vh; width: calc(100% - 292px); background-color: rgb(240, 244, 255); z-index: 2; display: flex; align-items: center; justify-content: center; } .loader-div.show .loader { display: block; } .dashboard-height.overview .dashboard-content { margin-left: 0; height: 100%; min-height: calc(100vh - 82px);} .dashboard-content.full { width: 100%;} .dashboard-content h4 { color: #161D43;} .dashboard-content h6 { text-transform: none;} .dashboard-content .your-profile { padding: 25px; background: var(--color-white); border-radius: 10px; box-shadow: 0px 3px 6px #F0F4FF;} .dashboard-content .profile-img { margin-right: 25px; padding: 5px; background-color: #F0F4FF; height: 63px; width: 63px; border-radius: 50px; flex: 1 0 63px;} .dashboard-content .profile-img + .profile-detail { flex: 1 0 calc(100% - 88px); } .dashboard-content .profile-img img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%} .dashboard-content p { margin-bottom: 0px;} .dashboard-content p b { color: var(--secondary-color);} .dashboard-content p span { color: rgba(22,29,67,0.5);} .dashboard-content p span.theme-text-main { color: inherit; } .dashboard-content p span.theme-text { color: var(--secondary-color);} .dashboard-content .alerts .value-box { display: flex; padding: 8px 30px; background-color: rgba(80,103,235,0.1); height: 100%; align-items: center; justify-content: center; position: relative; border-radius: 8px;} .dashboard-content .alerts .value-box h6 { margin: 0; text-align: center; } .dashboard-content .alerts .row:not(.title) > div:first-child h6 { margin-left: auto;} .dashboard-content .alerts .value-box a { color: var(--secondary-color); text-decoration: none; } .dashboard-content .alerts .value-box.actions h6 { margin-left: auto;} .dashboard-content .alerts .value-box .saved-search-actions { margin-left: auto; padding-left: 5px; } .dashboard-content .your-profile > .row > div[class^='col-xl-2'] { align-self: center; } .dashboard-content .alerts .icon { font-size: 20px; line-height: 25px; text-align: center;} /**Employers Profile**/ .form-control:disabled, .form-control[readonly] { background: #fff;} .profile-form { margin: 0 auto; width: 412px;} .profile-form h4 { margin-bottom: 8px;} .profile-form p { line-height: 22px;} .profile-form .signup-form { margin-top: 25px;} .upload-style { padding-top: 30px; text-align: left;} .upload-style.has-error .common-btn.outline.black { border-color: red;} .box { position: relative;} .inputfile-6 + label { text-align: center;} .inputfile-6 + label:hover { cursor: pointer;} .inputfile { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } /* .select-style .jcf-select { margin: 0; padding: 8px 35px 8px 15px; background: #fff; border: 1px solid #DCE1E7; border-radius: 4px; min-width: 100%; height: auto; text-align: left; cursor: pointer;} .select-style .jcf-select .jcf-select-text { margin: 0; line-height: 18px; color: rgba(36,26,71,0.6); cursor: pointer;} .select-style .jcf-select .jcf-select-opener { background: transparent;} .select-style .jcf-select .jcf-select-opener::before { content: '\f078'; color: rgba(22,29,67,0.5); font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 5px; right: 15px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;} .select-style .jcf-select.jcf-drop-active .jcf-select-opener::before { transform: rotate(180deg); -webkit-transform: rotate(180deg);} .select-style .jcf-select-drop .jcf-hover, .select-style .jcf-list-box .jcf-selected { background-color: var(--secondary-color); color: var(--color-white); cursor: pointer;} .select-style .jcf-select-drop-content { margin-top: 2px;} .select-style .jcf-list { box-shadow: 0px 0px 8px #ddd; border-radius: 4px;} .select-style .jcf-list ul li { margin: 0;} */ .profile-form .jcf-select { margin: 0; text-align: left; background-color: var(--color-white); border: 2px solid #DCE1E7; } .profile-form .jcf-select .jcf-select-opener { background-position: left; } .profile-form .jcf-select .jcf-list { border: 2px solid #DCE1E7;} .custom-control:not(.custom-switch).has-error .custom-control-label::before { border-color: red; } /**Candidates Saved**/ .candidates-saved-details h4 { margin-bottom: 5px;} .candidates-saved-details a { font-size: 15px; font-weight: 700; color: var(--secondary-color); display: block;} .dashboard-content.candidates-saved-details .button-filter { text-align: right;} .saved-filter { margin-top: 30px; } .saved-filter .form-group, .saved-filter label { margin: 0; } .saved-filter label { padding: 5px 20px; background-color: rgba(80,103,235,0.1); border-radius: 8px; font-weight: 700; text-align: center; } .candidates-saved-details .table, .candidates-saved-details .table thead th, .candidates-saved-details .table td { border: none;} .candidates-saved-details .table thead th, .candidates-saved-details .table td { vertical-align: middle; position: relative;} .candidates-saved-details .table tbody tr div { padding: 25px 0; background: #fff; box-shadow: 0px 3px 6px #F0F4FF; border-radius: 10px;} .candidates-saved-details .table thead th { padding: 20px 15px; font-size: 16px; line-height: 22px; color: #161D43;} .candidates-saved-details .table thead th:nth-child(2) { text-align: center; } .candidates-saved-details .table td { padding: 0 15px; font-size: 14px; line-height: 18px; color: #161D43; font-weight: 700; vertical-align: middle;} .candidates-saved-details .table td span { display: block; font-weight: 400;} .candidates-saved-details .table td a { color:#161D43; text-decoration: none; } .candidates-saved-details .table td a span { font-size: 15px; font-weight: 700; color: #161D43; display: inline-block; width: calc(100% - 67px); vertical-align: middle;} .candidates-saved-details .table td a:hover, .candidates-saved-details .table td a span:hover { color:#4285F4; } .candidates-saved-details .table td a.remove-save-cand img { display: inline-block; height: 16px; width: 18px; object-fit: cover; object-position: top center;} .candidates-saved-details .table td a.remove-save-cand.active img { object-position: bottom center;} .candidates-saved-details .table ul { margin: 0; list-style-type: none; text-align: right;} .candidates-saved-details .table ul li { margin: 0; padding: 0px 10px; display: inline-block;} /* .candidates-saved-details .table thead th:last-child::before, .candidates-saved-details .table tbody td:not(:first-child)::before { content: ""; display: inline-block; width: 1px; height: 50px; background-color: rgba(112,112,112,0.1); position: absolute; top: calc(50% - 25px); left: -5px; } .candidates-saved-details .table tbody td:nth-child(2)::before, .candidates-saved-details .table tbody td:nth-child(5)::before { content: none;} */ .cadidate-nm img { margin-right: 15px; display: inline-block; height: 52px; width: 52px; border-radius: 50%; object-fit: cover; object-position: center;} /* .candidates-saved-details .table .common-btn.big { padding: 12px 25px;} */ .saved-filter .sort-by .jcf-select { margin: 0;} .candidates-saved-details .video-guide { text-align: left;} .candidates-saved-details .video-guide img { margin: 0 auto 0 0;} /* Styling Checkbox Starts */ .checkbox-label { display: block; position: relative; margin: 0px; cursor: pointer; font-size: 22px; line-height: 24px; height: 24px; width: 24px; clear: both; } .checkbox-label input { position: absolute; opacity: 0; cursor: pointer; } .checkbox-label .checkbox-custom { position: absolute; top: 0px; left: 0px; height: 25px; width: 25px; background: rgba(22,29,67,0.15); border-radius: 5px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; border: none; } .checkbox-label input:checked ~ .checkbox-custom { background-color: var(--secondary-color); border-radius: 5px; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity:1; } .checkbox-label .checkbox-custom::after { position: absolute; content: ""; left: 12px; top: 12px; height: 0px; width: 0px; border-radius: 5px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(0deg) scale(0); -ms-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity:1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .checkbox-label input:checked ~ .checkbox-custom::after { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); opacity:1; left: 8px; top: 2px; width: 8px; height: 15px; border: solid#fff; border-width: 0 2px 2px 0; background-color: transparent; border-radius: 0; } /** Employee Account Settings **/ .account-settings { padding: 65px 40px 55px; box-shadow: 0 3px 6px #F0F4FF; background-color: var(--color-white); border-radius: 10px; } .account-settings .title, .account-settings .title h4 { margin-bottom: 10px; } .account-settings ul, .account-settings ul li { margin: 0; } .account-settings ul li { padding: 30px 0 15px; display: flex; justify-content: space-between; border-radius: 0px !important; border-color: rgba(112,122,112,0.2); } .account-settings ul li a { font-weight: bold; text-decoration: none; color: var(--secondary-color); } .account-settings ul li a:hover { text-decoration: underline;} .account-settings .initial li span { color: rgba(44,42,62,0.5); } .change-block { display: none;} .change-block .title { margin-bottom: 20px;} .dashboard-content .account-settings h4 { margin: 0 10px 0 0; } .dashboard-content .account-settings .custom-control.custom-switch { margin: 0;} .account-settings .field-name.disabled { opacity: 0.5; cursor: not-allowed; } .account-settings label.custom-control-label { cursor: pointer; } .account-settings .custom-switch .custom-control-label::after { width: 18px; height: 18px; top: 3px; left: -22px; background-color: #fff; box-shadow: 0 0 5px 1px #dce1e7; border-radius: 50%; } .account-settings .custom-control-label::before { border-color: #DCE1E7; height: 20px; width: 40px; border-radius: 15px;} .account-settings .custom-control-input:checked ~ .custom-control-label::before { background: var(--secondary-color); border-color: var(--secondary-color); } .account-settings .custom-switch .custom-control-input:checked~.custom-control-label::after { box-shadow: none; transform: translateX(21px);} .account-settings .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #DCE1E7; } .account-settings .modal-header { border: none; } .account-settings .modal-title { margin: 0; } .dashboard-content .account-settings .modal p b { color: var(--main-color); } .account-settings .modal-footer { border: none; justify-content: center; } .account-settings .modal-dialog { max-width: 500px; } /** Job Seeker Dashboard **/ .block_box-shadow { box-shadow: 0 3px 6px #F0F4FF; background-color: var(--color-white);} /* .video.block_box-shadow video { position: absolute; height: 100% !important; width: 100% !important;} */ .seeker-your-profile { padding: 30px; border-radius: 10px;} .seeker-your-profile .btn-group { margin-top: 25px;} .seeker-your-profile .profile-detail { display: flex; align-items: center; } .seeker-your-profile .profile-detail img { margin-right: 35px; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; object-position: center; border: 5px solid #F0F4FF; } .seeker-your-profile .profile-detail.live img { border-color: #78bc78;} .seeker-your-profile .profile-detail + .btn-group { margin-top: 30px;} .seeker-your-profile .profile-detail + .btn-group .common-btn { min-width: 175px; text-align: center; } .profile-detail__inner .designation { color: #161D43; } .dashboard-content p.exp-desc { color: var(--secondary-color); } .profile-detail__inner .designation span { font-weight: 700; color: var(--secondary-color); } .btn-group > :not(:last-child) { margin-right: 10px; } .preferences-resumes { margin-top: 40px; } .preferences-resumes > .row > div[class^="col-"], .video-package > .row > div[class^="col-"] { display: flex; } .preferences-resumes .block_box-shadow { margin-bottom: 30px; padding: 30px; border-radius: 10px; flex: 1; max-width: 100%;} .preferences-resumes .title { display: flex; margin-bottom: 30px; justify-content: space-between; } .preferences-resumes .title h6 { margin: 0; } .preferences-resumes .block_box-shadow .common-btn.outline { padding: 10px 14px; } .preference-detail .icon { margin: 0 auto; padding: 7px; height: 70px; width: 70px; border-radius: 50%; background-color: rgba(219,224,250,0.37); border: 5px solid #F0F4FF; background-clip: padding-box; } .preference-detail span { color: var(--secondary-color); } .preference-detail ul { margin: 0; list-style: none; } .preference-detail ul li { margin: 0; display: inline-block; } .preference-detail ul li:not(:last-child)::after { content: ","; } .preferences-resumes .manage-resumes .title button { margin-left: 8px; padding: 0; background: none; color: var(--secondary-color); position: relative; flex-shrink: 0; -webkit-flex-shrink: 0; font-size: 18px; overflow: hidden; } .preferences-resumes .manage-resumes .title button input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .preferences-resumes .manage-resumes .list-group.list-group-flush { margin: 0; } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item { margin: 0 0 10px; padding: 0 0 15px; display: flex; border-color: rgba(112,112,112,0.2); } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item img { margin-right: 15px; } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item .resume-name p { color: var(--secondary-color); } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item .resume-name span { display: block; color: rgba(22,29,67,0.5); } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item a { margin-left: auto; align-self: center; color: #000; } .preferences-resumes .manage-resumes .list-group.list-group-flush .list-group-item a:hover { color: var(--secondary-color);} .preferences-resumes .manage-resumes a.special-resume { color: var(--secondary-color); font-weight: 700; } .preferences-resumes .manage-resumes a.special-resume:hover { color: var(--main-color);} .preferences-resumes .block_box-shadow.manage-resumes.no-data { display: flex; align-items: center; justify-content: center; } .preferences-resumes .no-data-text { margin: 20px 0; text-align: center;} .preferences-resumes > .row > div.update-list-col { display: block ; } .preferences-resumes .industry-update .indu-update-list { margin: 0 0 32px; list-style: none; } .preferences-resumes .industry-update .indu-update-list li { margin: 0 0 4px; } .preferences-resumes .industry-update .indu-update-list li a { color: inherit; text-decoration: none; display: inline; } .preferences-resumes .industry-update .indu-update-list li a:hover, .preferences-resumes .industry-update .indu-update-list li a:focus { color: var(--secondary-color); } .common-pagination .page-numbers { width: 30px; line-height: 30px; text-align: center; border-radius: 4px; color: var(--main-color); text-decoration: none; } .common-pagination .page-numbers:focus, .common-pagination .page-numbers:hover { color: var(--secondary-color); } .common-pagination .page-numbers.active:hover, .common-pagination .page-numbers.active:focus, .common-pagination .page-numbers.current { background: var(--main-color); color: #fff; } .common-pagination .page-numbers.disabled { opacity: 0.4; } .video-package { margin-top: 60px; } .video.block_box-shadow { display: flex; padding: 45px 30px 25px; flex: 1; flex-direction: column; position: relative;} .video.block_box-shadow .no-video .upload-file-img img { margin: 0 auto 20px;} .video-removing .loader-div { display: flex; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; align-items: center; } .video-removing .loader-div::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } .video h6 { margin: 0 0 20px;} .no-video { margin: auto 0; } .add-remove { margin-top: auto; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; } .add-remove .add { color: var(--secondary-color); text-decoration: none; position: relative; } .add-remove .add:hover { color: #1B3056; } .add-remove .add i { margin-right: 10px; } .add-remove .add input { position: absolute; top: 0; left: 0; cursor: pointer; height: 100%; width: 100%; opacity: 0; } .add-remove .remove { color: #000; } .add-remove .remove:hover { color: red; } .dashboard-content .video-package .package > p span { color: var(--main-color); } .package.disabled { opacity: 0.5; cursor: not-allowed; } .video-package .package { width: 100%;} .video-package .package > a { color: var(--secondary-color); font-weight: 700; } .video-package .package .package-card { border: 1px solid var(--secondary-color); border-radius: 4px; margin-top: 15px; background-color: rgba(80,103,235,0.07); text-align: center; } .video-package .package .package-card .package-card__header { padding: 20px; color: var(--color-white); background-color: var(--secondary-color); border-radius: 4px 4px 0 0; } .video-package .package .package-card .package-card__header h6 { margin: 0; } .video-package .package .package-card .package-card__body { padding: 55px 35px 65px; } .video-package .package .package-card .package-card__body h4 { margin-bottom: 0; } .video-package .package .package-card .package-card__body .starting-text { font-weight: 300; } .video-package .package .package-card .package-card__body h2 { margin-bottom: 5px; color: var(--secondary-color); } .video-package .package .features-list h6 { margin-bottom: 10px; text-transform: inherit; } .video-package .package .features-list ul { margin: 0 0 30px; list-style: none; } .video-package .package .features-list ul li { margin: 0 0 8px; font-size: 15px; line-height: 23px; letter-spacing: -0.13px; } .video-package .package .features-list ul li .fas { display: inline-block; margin: 5px 10px 0 0; vertical-align: top; color: var(--secondary-color); } .video-package .package .features-list ul li span { display: inline-block; vertical-align: top; width: calc(100% - 27px);} .document-item { margin-right: 15px; text-align: center;} .document-item img { width: 100%;} .document-item a:not(.delete) { display: block;} .document-item .delete { text-decoration: none; } .slider-controls { display: flex; align-items: center; justify-content: center; } .slider-controls a.slick-arrow { color: gray; font-size: 20px; } .slider-controls a.slick-arrow.slick-disabled { opacity: 0.5;} .slide-dots .slick-dots { display: flex; padding: 0 10px; position: static;} .slide-dots .slick-dots li { height: 15px; width: 15px; vertical-align: middle; } .slide-dots .slick-dots li button { background-color: lightgray; border-radius: 50%; height: 100%; width: 100%; } .slide-dots .slick-dots li button::before { content: none; } .slide-dots .slick-dots li.slick-active button { background-color: #000; } /** job seeker billing **/ .billing .packages { margin: 25px 0 0;} .billing .packages .row > div[class^="col-"] { display: flex;} .billing .packages .package-item { margin: 0 0 30px; flex: 1;} /** job seeker payment **/ .payment-method h4 { margin: 0;} .payment-method .btn-group { display: block; margin: 25px auto; max-width: 50%; } .payment-method .btn-group .btn { padding: 10px 15px 10px 60px; border: 1px solid var(--main-color); border-radius: 4px !important; font-size: 14px; line-height: 22px; text-transform: initial; text-align: left; position: relative; width: 100%; } .payment-method .btn-group .btn:first-child { margin-bottom: 14px; padding-right: 134px; background: url('images/card-image.svg') no-repeat right 10px center;} .payment-method .btn-group .btn input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer;} .payment-method .btn-group .btn span { display: inline-flex; height: 30px; width: 30px; font-size: 10px; color: var(--color-white); background-color: transparent; border-radius: 50%; border: 5px solid rgba(80,103,235,.13); background-clip: content-box; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; justify-content: center; align-items: center;} .payment-method .btn-group .btn span::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid var(--secondary-color); border-radius: 50%; } /* .payment-method .btn-group .btn span .svg-inline--fa { display: none;} */ .payment-method .btn-group .btn input:checked ~ span { background-color: var(--secondary-color); } /* .payment-method .btn-group .btn input:checked ~ span .svg-inline--fa { display: inline-block;} */ .payment-method .btn-group a { color: var(--secondary-color); font-weight: 700; } .modal-dialog { max-width: 700px;} .modal-content { border: 1px solid #dce1e7; border-radius: 10px; box-shadow: 0 0 10px var(--secondary-color);} .modal-header { border-radius: 10px 10px 0 0;} .modal-header .close { font-size: 25px; line-height: 30px;} .modal .request-bank-transfer.bank-transfer .bank-transfer-block { margin: 0; width: 100%; border: none; border-radius: 0px;} .delete-modal .modal-content { padding: 20px 25px; } /** job seeker credit card **/ .credit-card .credit-payment-method { margin-top: 65px; width: 700px; max-width: 100%; margin-left: auto; margin-right: auto; } .credit-card .credit-payment-method h4 { margin: 0 0 15px 0; } .credit-card .credit-payment-method form { margin: 20px auto 0; padding: 30px 36px 50px; background-color: var(--color-white); border-radius: 10px; border: 1px solid #DCE1E7; max-width: 50%; } .credit-card .credit-payment-method img { margin: 0 auto 20px; } .credit-card .credit-payment-method form .form-group.input-focused label { color: var(--secondary-color); } .credit-card .credit-payment-method form .form-group.input-focused .form-control { border-color: var(--secondary-color); } .credit-card .credit-payment-method .form-control { padding-right: 30px; } .form-group.correct { position: relative;} .form-group.correct::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-flex; height: 30px; width: 30px; font-size: 10px; color: var(--color-white); border-radius: 50%; border: 5px solid rgba(80,103,235,.13); background-clip: content-box; position: absolute; top: calc(100% - 33px); right: 4px; justify-content: center; align-items: center; background-color: var(--secondary-color); } /** job seeker subscribe **/ .dashboard-content .subscribe h4 { margin-bottom: 10px; } .dashboard-content .subscribe .common-btn { margin: 20px auto 0;} .dashboard-content .subscribe .kt-mobile-layout-row.kt-v-gutter-default > .wp-block-kadence-column.inner-column-1, .dashboard-content .subscribe .kt-mobile-layout-row.kt-v-gutter-default > .wp-block-kadence-column.inner-column-3 { margin: 0;} /** profile get started **/ .getting-started .profile { margin-top: 50px; } .getting-started .feature-image { margin-top: 10px; } .getting-started .feature-image .box .common-btn { margin: 0px auto 20px 0; max-width: 50%; } .getting-started .feature-image > p { text-align: left; } .getting-started .feature-image .user-img, .profile-form .user-img { margin: 15px auto; height: 132px; width: 132px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; text-align: right;} .getting-started .feature-image .user-img a, .profile-form .user-img a { position: relative; font-size: 20px; color: var(--main-color); top: 10px; background-color: var(--color-white);} .getting-started .feature-image .user-img a:hover, .profile-form .user-img a:hover { color: var(--secondary-color)} .getting-started .feature-image .user-img a input, .profile-form .user-img a input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } .getting-started .feature-image .continue { margin-top: 50px; text-align: center;} .getting-started span.error { display: block; margin: 5px 0; font-size: 12px; line-height: 16px; color: red; } /** Job Seeker Manual Profile **/ .page-template-template-job-seeker-manual-profile .video-guide-holder > a { display: inline-flex; color: var(--main-color); text-decoration: none; align-self: flex-start;} .page-template-template-job-seeker-manual-profile .video-guide-holder > a img { margin-right: 10px; } .manual-profile .user-img { margin: 0 auto 15px; height: 132px; width: 132px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; text-align: right;} .datepicker.dropdown-menu, .datepicker.dropdown-menu table { border: none;} .datepicker.dropdown-menu table tr td span.active.active, .datepicker.dropdown-menu table tr td span.active.active:hover { background-color: var(--secondary-color); border-color: var(--secondary-color);} /* Step Wizard */ .stepwizard-step p { margin-bottom: 10px; color:#161D43; font-weight: 700;} .stepwizard-step.error p { color: red; } .stepwizard-step.error .btn-circle { background: red; } .stepwizard-step.active p { color: var(--secondary-color);} .stepwizard-row { display: table-row;} .stepwizard { padding: 20px 0px; display: table; width: 100%; position: relative;} .stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn { opacity:1 !important; color:#bbb;} .stepwizard-step:before { bottom: 16px; left:50%; position: absolute; content:" "; width: 100%; height: 3px; background-color: #F0F4FF; z-index: 0;} .stepwizard-step:last-child:before { display: none;} .stepwizard-step { display: table-cell; text-align: center; position: relative;} .stepwizard-step .btn-circle { -webkit-appearance: none;} .stepwizard-step.active .btn-circle { background: var(--secondary-color); -webkit-appearance: none;} .btn-circle { width: 20px; height: 20px; background: #D0D8FB; border-radius: 50%; background-clip: content-box; position: relative;} .btn-circle::before { content: ''; border: 5px solid #F0F4FF; height: calc(100% + 7px); width: calc(100% + 7px); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .manual-profile .profile-form { width: 100%;} .manual-profile .panel { margin: 0px auto; max-width: 80%; transition-duration: 0.3s;} .manual-profile .panel .inner-checklist .custom-control { margin-bottom: 6px; } .panel-heading { padding-bottom: 15px;} .panel-heading h4 { margin: 0 0 0 auto;} .info-point { margin: 25px 0; } .info-point .form-check.common-checkbox { text-align: left; } .info-point .form-check.common-checkbox a { color: var(--secondary-color);} .datepicker.dropdown-menu { min-width: 300px;} .datepicker-days table { border: none;} .datepicker.datepicker-dropdown table tr td.active.active:hover, .datepicker.datepicker-dropdown table tr td.active.active { background-color: var(--secondary-color); border-color: var(--secondary-color)} /* .info-point p { padding-left: 40px; color: #161D43; position: relative; display: inline-block;} */ .common-checkbox { padding: 0;} .common-checkbox label::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-flex; height: 30px; width: 30px; font-size: 10px; color: var(--color-white); border-radius: 50%; border: 5px solid rgba(80,103,235,.13); background-clip: content-box; position: absolute; left: 0; justify-content: center; align-items: center; vertical-align: middle; } .info-point .common-checkbox label::before { margin-right: 5px; position: relative;} .common-checkbox input { visibility: hidden; position: absolute; width: 38px; height: 100%;} .common-checkbox input:checked + label::before { content: "\f00c"; background-color: var(--secondary-color);} input[type="checkbox"]:checked::before { content: none;} .add-more-exp { display: flex; margin: 15px 0;} .add-more-exp .custom-control { margin: 0;} .add-more-exp .custom-control:not(.custom-switch) .custom-control-label { width: auto;} .add-more-exp a, .reference-link { color: var(--secondary-color);} .job-preference { width: 100% !important;} .job-preference-blk { padding: 25px; background: #ffffff; border: 1px solid rgba(220,225,231,0.57); border-radius: 4px;} .job-preference-blk label.font-bold { margin-bottom: 10px; } .job-preference-blk label small { display: block; } .select-industry { margin: 0px; } .select-industry .slick-list { padding: 10px 0; width: calc(100% - 60px); margin: 0 auto;} .select-industry .slick-arrow { height: auto; width: auto; z-index: 1;} /* .select-industry .slick-track { display: grid; grid-auto-flow: column;} */ .select-industry .slick-track .slick-arrow, .select-industry .slick-track::after, .select-industry .slick-track::before { display: none;} .select-industry .slick-prev { left: 0;} .select-industry .slick-next { right: 0;} .select-industry .slick-prev::before, .select-industry .slick-next::before { content: ""; display: block; background-size: cover; background-repeat: no-repeat; height: 30px; width: 30px;} .select-industry .slick-prev::before { background-image: url('images/industry-slick-arrow-left.png');} .select-industry .slick-next::before { background-image: url('images/industry-slick-arrow-right.png');} .select-industry li { margin: 0;} .select-industry li > div { padding: 0px 10px; display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } .select-industry input[type="radio"] { -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: none; cursor: pointer; opacity: 0;} .select-industry label { margin: 0; display: flex; cursor: pointer; padding: 20px; background: #fff; border-radius: 10px; border: 0.1px solid #ddd; box-shadow: 0 5px 15px rgba(176,183,195,0.21); text-align: center; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; width: 100%; height: 100%; align-items: center; justify-content: center;} .select-industry input[type="radio"]:checked + label { background-color: var(--secondary-color); border-color: var(--secondary-color); box-shadow: 0 5px 15px var(--secondary-color); } .select-industry input[type="radio"]:checked + label p { color: #fff;} .select-industry label p { margin: 0; font-size: 14px; color: #161D43; font-family: "Work Sans"; font-weight: 400; } .select-industry li img { margin: 0px auto 10px; } /*input:checked label { background: #000;}*/ .add-row-btn { padding: 8px 15px; width: 100%; height: auto; border: 1px solid #DCE1E7; border-radius: 4px; font-size: 14px; line-height: 22px !important; line-height: 0px; font-family: "Work Sans"; color: #5067EB; letter-spacing: 0px; text-align: left; background-color: #fff; text-decoration: none; position: relative; } .add-row-btn:after { position: absolute; top: 7px; left: 15px; width: 21px; height: 21px; background: url('images/plus-icon.svg')no-repeat center center/cover; content: ''; } .add-row-btn:hover { color: #5067EB; } .add-input input { display: inline-block; padding: 0; padding-left: 28px; background: url('images/plus-icon.svg')no-repeat center left/21px 21px; font-size: 14px; line-height: 22px !important; line-height: 0px; font-family: "Work Sans"; color: #5067EB; letter-spacing: 0px; text-align: left; position: relative; width: auto;max-width: unset; border: none; outline: none; } .add-input input::placeholder { color: #5067EB; } .add-input .sr-only { opacity: 0;} .input-hidden { display: none !important; } .form-group .input-eg { margin: 0 0 8px; color: rgba(30, 53, 94, 0.5); font-size: 14px; line-height: 20px;} .bootstrap-tagsinput .badge { padding: 1px 12px 3px 20px; margin: 0 6px 6px 0; background-color: rgba(80, 103, 235, 0.1); font-size: 12px; line-height: 16px; color: #1E355E; font-weight: 400; border-radius: 4px; } .bootstrap-tagsinput .badge [data-role="remove"] { margin-left: 6px; } .bootstrap-tagsinput .badge [data-role="remove"]::after { background: none !important; } .bootstrap-tagsinput input { padding: 0 0 0 26px; border: none !important; } .expected-salary { position: relative; } .expected-salary input { padding-left: 45px; } .expected-salary:after { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; content: 'AED'; width: auto; height: auto; font-size:14px; line-height: 22px; font-family: "Work Sans"; font-weight: 700; color: #5067EB; } #step-2 .job-preference-blk { margin-bottom: 40px; padding: 35px; } #step-2 .job-preference-blk > .form-group { position: relative;} .job-preference-blk .industry-list-loader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; align-items: center; justify-content: center; } .job-preference-blk .industry-list-loader.show { display: flex;} .job-preference-blk .industry-list-loader.show .sk-cube-grid { display: inline-block; position: absolute; } .industry-list-loader.show::after { content: ""; display: block; height: 100%; width: 100%; background-color: #fff; } .sk-cube-grid { display: none; width: 40px; height: 40px; margin: 100px auto; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #5067EB; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } #step-2 .form-row { margin-top: 20px; } #step-2 .job-preference-blk .form-group:first-child { position: relative;} .job-preference-blk .loader-div.show { position: absolute; margin: 0; width: 100%; height: 100%; } #step-5 .form-row { margin-top: 20px; } #step-5 .form-row label, #step-5 .form-row .form-group { width: 100%; } #step-5 .action-btns { margin-top: 22px;} .action-btns { display: flex; justify-content: center; } .action-btns .common-btn:first-child { margin-right: 15px; } .setup-content .action-btns .common-btn { min-width: 225px; } .select2.select2-container.select2-container--default { width: 100% !important; } .select2.select2-container.select2-container--default span.select2-selection { padding: 8px 35px 8px 16px; height: auto; border: 2px solid #dce1e7; text-align: left; background: var(--color-white) url('images/down-arrow.png') no-repeat right 17px center;} .select2-container--default .select2-selection--single .select2-selection__arrow { display: none;} .has-error .select2.select2-container.select2-container--default span.select2-selection { border-color: red; } .select2.select2-container.select2-container--default .select2-selection__rendered { display: flex; padding: 0; font-size: 14px; line-height: 22px; color: #161D43; flex-wrap: wrap; grid-gap: 6px; } .safari .select2.select2-container.select2-container--default .select2-selection__rendered li { margin-bottom: 6px;} .select2-results .select2-results__option { margin: 0; padding: 5px 9px; font-size: 14px; line-height: 27px; } .select2-container--default .select2-results .select2-results__option[aria-selected="true"] { background-color: var(--color-white); } .select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] { background-color: var(--secondary-color); } .select2-container--default span.select2-selection .select2-selection__rendered li .select2-selection__choice__remove { color: var(--white-color); } .select2-container--default span.select2-selection .select2-selection__rendered li:not(.select2-search--inline) { display: flex; margin: 0; font-size: 13px; line-height: 22px; background-color: var(--secondary-color); border-color: var(--secondary-color); color: var(--color-white); align-items: center;} .select2-container--default span.select2-selection .select2-selection__rendered li:not(.select2-search--inline)+li:not(.select2-search--inline) { margin-left: 5px; } .select2-container--default span.select2-selection .select2-selection__rendered li.select2-selection__choice:first-child { margin-left: 0;} .select2-container--default span.select2-selection .select2-selection__rendered li.select2-search--inline { margin: 5px 0; } .select2-container--default .select2-search--dropdown .select2-search__field { font-family: "Work Sans"; font-weight: 400; } .select2 span.select2-selection .select2-search__field { display: block; margin-top: 0; font-family: inherit; color: rgb(36,26,71); width: 270px !important; } .job-step-item-list .job-step-item { margin-bottom: 32px; padding-top: 32px; border-top: 1px solid rgba(22,29,67,0.50);} .job-step-item-list .job-step-item:first-child { padding-top: 0; border-top: none; } .job-step-item-list .job-step-item .ref-video-note { font-size: 90%; } .job-step-item-list .remove-item { margin-bottom: 10px;} .job-step-item-list .remove-item a { color: #ff0000; } .form-group.phone-input { position: relative;} .iti.iti--allow-dropdown { width: 100%; } .iti--container { top: 40px !important; left: 0 !important;} .iti__country { display: flex; margin: 0; align-items: center;} .iti__country-name { flex: 0 1 calc(100% - 67px); white-space: normal;} .iti--allow-dropdown input, .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="tel"], .iti--separate-dial-code input[type="text"] { padding-left: 59px;} .iti__selected-flag { padding-left: 15px;} .iti__flag {background-image: url("images/flags.png");} .iti-mobile .iti--container { position: absolute; left: 0; right: 0;} .iti-mobile .iti__country-list { margin: 0 auto; left: 0; right: 0; max-height: 300px;} .reference-detail { padding-top: 30px;} .reference-actions { display: flex; align-items: center; justify-content: center; } .replace-video-ref { position: relative; } .replace-video-ref input.custom-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; cursor: pointer; border: none;} .reference-actions a { display: inline-block; margin: 0 5px; color: var(--secondary-color); } .tiny-editor * { font-family: "Work Sans" !important; font-size: inherit !important; color: inherit !important; } .tiny-editor ul,.tiny-editor ol { margin: 0 0 10px 0; padding-left: 20px;} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag {background-image: url("images/flags@2x.png");} } /** Special Resume Page **/ .special-resume.manual-profile .panel { margin: 0px auto; width: 513px; max-width: 100%; } .special-resume .step-heading { margin-bottom: 60px; } .special-resume .step-heading h2 { margin-bottom: 20px; color: #161D43; } .special-resume .step-heading p { margin: 0px auto 26px; width: 700px; max-width: 90%; color: rgba(44, 42, 62,0.5); } .special-resume .profile-form { text-align: left;} .special-resume label { font-size: 14px; line-height: 24px; color: #2C2A3E; font-weight: 700; } .special-resume .form-group { margin-bottom: 24px; } .special-resume .form-control.date-input { padding-right: 36px; background: #fff url(./images/calendar.svg) no-repeat right 12px center / auto 50%; } .special-resume .add-photo-block { margin: 12px 0 50px;} .special-resume .add-photo-block .contact-photo { margin-right: 26px; height: 136px; width: 136px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235067EBFF' stroke-width='3' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); background-size: cover; background-position: center; border-radius: 100px; flex-shrink: 0; -webkit-flex-shrink: 0; } .special-resume .add-photo-block h5 { margin-bottom: 12px;} .special-resume .add-photo-block a { position: relative; color: var(--secondary-color); font-weight: bold;} /** Payment Method – Bank Transfer Page **/ .bank-transfer .back-link { display: inline-flex; color: var(--main-color); text-decoration: none; } .bank-transfer .back-link img { margin-right: 10px; } .bank-transfer .back-link:hover, .bank-transfer .back-link:focus { color: var(--secondary-color);} .bank-transfer .bank-transfer-block { margin: 60px auto 20; padding: 32px 70px 58px; width: 420px; max-width: 100%; background-color: var(--color-white); border-radius: 10px; border: 1px solid #DCE1E7; } .bank-transfer h4 { margin-bottom: 20px; } .bank-transfer .form-group { margin-bottom: 24px; } .request-bank-transfer.bank-transfer .bank-transfer-block { margin-top: 10px; width: 750px; } .request-bank-transfer .info-list li { margin: 0 0 10px 0; align-items: center; -webkit-align-items: center; } .request-bank-transfer .info-list { margin: 40px 0 0 0; padding: 0; list-style: none; } .request-bank-transfer .info-list h6, .request-bank-transfer .info-list p { margin: 0;} .request-bank-transfer .info-list h6 { margin-right: 8px; } .request-bank-transfer .info-list p { text-decoration: underline;} .request-bank-transfer .common-btn { margin-top: 30;} /*video page*/ .video-upload-sec { padding: 10px 0px; width: 517px; margin: 0px auto; text-align: center; } .video-upload-sec p { color: #161D43; position: relative; z-index: 1; } .file-drop-area { margin-top: 20px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 100%; padding: 40px; border: 2px dashed #5067EB; background-color: #FFF; border-radius: 3px; transition: 0.2s; } .file-drop-area.is-active { background-color: rgba(255, 255, 255, 0.05); } .file-drop-area a.remove { padding: 5px 10px; position: absolute; top: -19px; right: -11px; background-color: rgba(240,244,255); } .fake-btn { margin-top: 12px; font-size: 16px; line-height: 24px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: #161D43; text-align: center; display: block; width: 100%; cursor: pointer; font-family: "Work Sans"; font-weight: 700; } .fake-btn a { margin-left: 10px; color: red; text-decoration: none;} .file-msg { margin-top: 20px; font-size: 14px; line-height: 20px; color: #161D43; display: block;width: 100%; text-align: center; } .file-input { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .file-input:focus { outline: none; } .upload-btn { max-width: 225px; margin: 30px auto 0px auto; } .video-upload-sec .profile-video { margin: 25px auto 10px;} .video-upload-sec a.remove { display: inline-flex; margin-top: 10px; text-decoration: none; align-items: center; } .video-upload-sec a.remove i { margin-left: 10px;} .video-upload-sec .change-video { position: relative;} /*over view Page*/ .overview-sec { background: url('images/watermark.png'); background-repeat: repeat-y; background-position: top center;} .btn-text { padding: 22px 0 0; float: right; background: transparent; color: var(--secondary-color); text-decoration: underline !important;} .file-drop-area p a { position: relative; z-index: 1;} .overview-sec .document-item { margin: 0 0 30px 0;} /*Privacy Policy Page*/ .privacy-policy-section { padding: 60px 0;} .privacy-policy-section h3 { margin: 20px 0 10px;} .privacy-policy-section ol, .privacy-policy-section ul { margin-bottom: 1em;} /** 404 **/ .error404 #site-content { padding: 50px 0; min-height: calc(100vh - 474px);} .error404 #site-content .search-submit { background-color: var(--secondary-color); letter-spacing: 0px; } .error404 #site-content .search-form .search-field { letter-spacing: 0px;} .error404 #site-content .search-form .search-field:focus { outline: none;} /* Job Seeker Profile css */ .benifit-candidate { padding: 20px 0px; margin-top: 10px !important; } .candidate-list-container { padding-top: 0px;} .benifit-candidate .card_sm_sm { background: #fff; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; padding: 35px 30px; border-radius: 15px; color: #0A2637; transition: ease all 0.2s !important; } .benifit-candidate .card_sm_sm:hover { background: #5067EB; color: white; box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%); transition: ease all 0.2s !important; } .benifit-candidate .card_sm_sm, .benifit-candidate .wp-block-image { margin: 0px auto !important;} .benifit-candidate h5 { margin: 10px 0px 0 !important; line-height: 23px;} .benifit-candidate .candidate-list-container .kt-has-3-columns .kt-inside-inner-col, .benifit-candidate .candidate-list-container .kt-has-3-columns .kt-inside-inner-col .card_sm_sm { height: 100%;} .benifit-candidate .candidate-list-container .kt-has-3-columns .kt-inside-inner-col { margin-top: 20px;} .companies-hired { margin: 40px 0px; } .companies-hired h3 { margin-bottom: 10px;} .companies-hired h3 span { color: #5067EB; } .companies-hired p { margin-bottom: 15px;} .companies-hired .companies-hired-slider { padding: 0px 0px 20px; background-color: #fff; } .benifit-candidate .success-stories-intro h2 { font-size: 30px;} /* video guide page css */ .video-guide-section { padding: 50px 0px 0px;} .benifit-candidate .success-stories-intro { padding-top: 20px; border-top: 1px solid #ccc;} .video-sec .wp-block-group__inner-container { position: relative;} .video-sec .wp-block-group, .video-sec .wp-block-image { margin: 0px !important;} .video-sec .wp-block-group { padding: 60px 15px 15px; background-color: var(--secondary-color); border-radius: 15px; position: relative;} .video-sec .wp-block-group::before { content: url('https://job-advisor.s3.me-south-1.amazonaws.com/wp-content/uploads/2021/04/logo.svg'); position: absolute; top: 15px; left: 0; right: 0; text-align: center; filter: brightness(100); -webkit-filter: brightness(100); } .video-sec h4 { margin: 0px; line-height: 35px;} .video-sec p { margin-bottom: 25px;} .video-sec img { max-height: 300px; object-fit: cover;} .video-sec .play img {filter: drop-shadow(0 0 4px var(--secondary-color));-webkit-filter: drop-shadow(0 0 4px var(--secondary-color));} .video-sec a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .video-guide-holder { padding-right: 40px; } .find-candidates .video-guide-holder { padding-right: 0px;} .video-guide-holder h4 { margin: 0 0 10px; } .video-guide { text-align: center; flex: 0 0 100px; } .video-guide a { text-decoration: none;} .video-guide h6 { margin: 0 0 5px;} .video-guide img { margin: 0 auto; max-width: 70px;} .find-candidates .video-guide img { filter: brightness(100); -webkit-filter: brightness(100);} .page-template-template-job-seeker-manual-profile .video-guide div[class^="step-"] { display: none;} .page-template-template-job-seeker-manual-profile .dashboard-content.step-1 .step-one, .page-template-template-job-seeker-manual-profile .dashboard-content.step-2 .step-two, .page-template-template-job-seeker-manual-profile .dashboard-content.step-3 .step-three, .page-template-template-job-seeker-manual-profile .dashboard-content.step-4 .step-four, .page-template-template-job-seeker-manual-profile .dashboard-content.step-5 .step-five { display: block;} /* blling page */ .page-template-template-job-seeker-packages .package-item { padding: 35px 30px 25px; } .page-template-template-job-seeker-packages .companies-hired { margin: 0px 0px 40px; padding-top: 20px; border-top: 1px solid #ccc;} .page-template-template-job-seeker-manual-profile .bootstrap-tagsinput { width: 100%; } /* contact us css */ .common-padding { padding: 80px 0px;} .contact-us form { margin-top: 50px;} #map { margin: 40px 0px 80px; width: 100%; height: 500px;} .entry-content .contact-us h1 { margin-bottom: 20px;} .contact-form .jcf-select { margin: 0px; background-color: transparent; border: 2px solid #DCE1E7;} .contact-form .wpcf7-list-item { margin: 0px;} .contact-form .wpcf7-list-item label { position: relative;} .contact-form .ajax-loader { position: absolute; top: 0; left: 0;} .contact-form .wpcf7-checkbox label { position: relative;} .contact-form .custom-checkbox .wpcf7-list-item-label { padding-left: 28px;} .contact-form .custom-checkbox .wpcf7-list-item-label a { color: var(--secondary-color);} .contact-form .custom-checkbox .wpcf7-list-item-label a:hover { text-decoration: none;} .contact-form .custom-checkbox input { position: absolute; top: 0; left: 0; opacity: 0;} .contact-form .wpcf7-list-item-label::before, .contact-form .wpcf7-list-item-label::after { content: ""; background-color: #eaedfb; height: 20px; width: 20px; position: absolute; left: 0px; top: 3px; border: transparent; border-radius: 6px; display: block;} .contact-form .custom-checkbox input:checked ~ span::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--secondary-color); top: 6px; left: 4px; font-size: 12px; line-height: 16px; background-color: transparent;} .contact-form .common-btn { min-width: 200px;} .contact-form .align-items-center { margin-top: 30px;} .wpcf7-not-valid-tip { font-size: 12px; line-height: 20px; } .wpcf7 form .wpcf7-response-output { font-size: 14px; line-height: 20px; } .jcf-option.jcf-option-hideme { display: none; } /* 09/08/2021 */ .saved-search-actions .btn { padding: 0px 3px; color: var(--secondary-color);} .saved-search-actions .btn:focus { outline: none; box-shadow: unset;} .saved-search-actions .dropdown-toggle::after { display: none;} .saved-search-actions .dropdown-menu { padding: 9px 0px 0px; left: unset !important; right: 0px !important; border: transparent; background-color: transparent;} .saved-search-actions .dropdown-menu::before { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 9px solid var(--secondary-color); position: absolute; top: 0; right: 0;} .saved-search-actions .dropdown-menu a { padding: 8px; background-color: var(--secondary-color); font-size: 14px; line-height: 18px; display: block; text-align: center;} .dashboard-content .alerts .value-box .saved-search-actions a { color: #fff; } /** kadence block update **/ [class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 100%;} /** industry page **/ .industry-page { padding: 90px 0; overflow-x: hidden;} .industry-page .container { max-width: 120rem;} .industry-page h5 { margin-bottom: 45px; font-size: 30px; line-height: 40px; font-weight: 700; color: var(--secondary-color);} .industry-page .slick-slider .slick-track { display: grid; grid-auto-flow: column;} .industry-page .slick-slider .slick-list { width: 100%; overflow: visible;} .industry-page .slick-slider .slick-list .slick-slide { transition: all 0.3s ease-in-out;} .industry-page .slick-slider .slick-list .slick-slide:not(.slick-active) { opacity: 0; visibility: hidden;} .industry-page .industry-type { margin: 0px 10px; padding: 20px 30px; border-radius: 10px; border: 0.1px solid #ddd; box-shadow: 0 50px 99px rgba(176,183,195,0.21); transition: all 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: center; height: 100%; cursor: pointer; width: auto;} .industry-page .industry-type:hover, .industry-page .slick-slider .industry-type.active { background-color: var(--secondary-color); border-color: var(--secondary-color); box-shadow: 0 50px 99px var(--secondary-color);} .industry-page .industry-type:hover img, .industry-page .slick-slider .industry-type.active img { filter: invert(1); -webkit-filter: invert(1);} .industry-page .industry-type:hover p, .industry-page .slick-slider .industry-type.active p { color: #fff;} .industry-page .industry-type p { margin: 0; font-weight: 500;} .industry-page .select-industry .slick-list { padding: 0;} .industry-page .select-industry .industry-type img { max-width: 60px; margin-bottom: 20px; } .industry-detail { margin-top: 50px;} .industry-detail h1 span { color: var(--secondary-color); } .industry-detail .company-jobs_item { display: inline-block; margin: 0 6px; background-color: #fff; box-shadow: 0 50px 99px rgba(176,183,195,0.21); border-radius: 10px; border: 0.1px solid #ddd; } .industry-detail .company-jobs_item p { margin: 0; padding: 18px; background-color: var(--secondary-color); line-height: 19px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 7px; } .industry-detail .company-jobs_item > ul { margin: 0; padding: 35px 25px; list-style: none; } .industry-detail .company-jobs_item > ul li { margin: 0 0 16px; padding-left: 35px; position: relative; } .industry-detail .company-jobs_item > ul li:last-child { margin: 0;} .industry-detail .company-jobs_item > ul li::before { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid var(--secondary-color); display: inline-block; position: absolute; top: 5px; left: 0px; } .slick-holder { position: relative;} .slick-holder button { padding: 0; background: none; z-index: 2; } .industry-page .slick-arrow::before { content: none;} .industry-page .slick-arrow { height: auto; width: auto;} .slick-holder button.slick-prev { left: -50px;} .slick-holder button.slick-next { right: -50px;} .slick-holder button.slick-disabled { opacity: 0.5; cursor: not-allowed;} /* .slick-holder .select-industry, .industry-detail .tab-content .slick-holder .company-jobs, .industry-detail .tab-content .companies-hired-slider { padding: 0 25px; width: calc(100% - 126px); } */ .industry-detail .companies-hired-slider .slick-list { padding: 0;} .industry-detail .tab-content h5 { margin: 35px 0 0; font-size: 20px; line-height: 30px; color: #EB5050; text-transform: uppercase; font-weight: 700;} .company-list { margin-top: 40px;} .company-list .companies-hired-slider_item.slick-slide { border: 0.1px solid #ddd;} .company-list .companies-hired-slider_item.slick-slide, .company-list .companies-hired-slider_item.slick-slide figure { box-shadow: 0 50px 99px rgba(176,183,195,0.21); } .company-list .companies-hired-slider_item.slick-slide figure { display: flex; margin: 0 -30px; padding: 0 30px 30px; border-radius: 10px 10px 0 0; } .industry-detail .company-list .companies-hired-slider_item.slick-slide h5 { margin: 20px 0; text-transform: capitalize; color: #161D43; text-align: left; } .company-list .companies-hired-slider_item.slick-slide p { margin: 0 0 20px; padding: 0; font-size: 14px; line-height: 21px; background: none; color: #161D43; text-align: left; } .company-list .companies-hired-slider_item.slick-slide img { max-height: 100px; position: static; transform: none;} /** Loader CSS **/ .loading,.scroll-none { overflow: hidden; } .preloader { height: 100vh; background-color: var(--color-white); display: flex; justify-content: center; align-items: center; } .lds-dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid var(--secondary-color); border-color: var(--secondary-color) transparent var(--secondary-color) transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*No Search Match*/ .nomatch-search { padding: 100px 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; width: 100%; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; } .nomatch-search svg { font-size: 50px; color: #5067EB;} .nomatch-search > .fa { font-size: 40px; line-height: 50px; } .nomatch-search h2 { padding-top: 15px; text-align: center;} .loader, .loader:before, .loader:after { border-radius: 50%; width: 20px; height: 20px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .loader { color: #5067EB; font-size: 10px; margin: 30px auto; position: relative; text-indent: -9999em; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; display: none; } .loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 20px 0 -10px; } 40% { box-shadow: 0 20px 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 20px 0 -10px; } 40% { box-shadow: 0 20px 0 0; } } /** Responsive **/ @media (min-width: 1600px) and (max-width: 1799px){ /** job seeker credit **/ .credit-card .credit-payment-method form { max-width: 80%; } /* blling page */ .page-template-template-job-seeker-packages .package-item {padding: 35px 33px 20px; } .page-template-template-job-seeker-packages .package-item .price { margin-bottom: 10px; } .page-template-template-job-seeker-packages .package-item .features-list ul { margin: 0 0 10px; } .page-template-template-job-seeker-packages .package-item h4 { font-size: 17px; line-height: 18px; } .page-template-template-job-seeker-packages .package-item h1 { font-size: 23px; line-height: 26px; } .page-template-template-job-seeker-packages .package-item h5 { max-width: 270px; font-size: 16px; line-height: 22px; } .billing .text-center h4 { font-size: 20px; line-height: 26px;} .getting-started .feature-image { margin-top: 0px; } .getting-started .feature-image .continue { margin-top: 10px; } .info-point { margin: 15px 0; } } @media (min-width: 1400px) and (max-width: 1599px){ /* blling page */ .page-template-template-job-seeker-packages .package-item {padding: 35px 33px 20px; } .page-template-template-job-seeker-packages .package-item .price { margin-bottom: 10px; } .page-template-template-job-seeker-packages .package-item .features-list ul { margin: 0 0 10px; } .page-template-template-job-seeker-packages .package-item h4 { margin: 0 auto 10px; font-size: 17px; line-height: 18px; max-width: 70%;} .page-template-template-job-seeker-packages .package-item h1 { font-size: 23px; line-height: 26px; } .page-template-template-job-seeker-packages .package-item h5 { max-width: 211px; font-size: 15px; line-height: 22px; } .billing .text-center h4 { font-size: 17px; line-height: 26px;} } @media (min-width: 1200px) and (max-width: 1599px){ h1 { font-size: 40px; line-height: 50px;} h2 { font-size: 33px; line-height: 40px;} .user-pages h1 { margin-bottom: 20px;} /** home **/ .home-banner { padding: 25px 0; } .home-banner .wp-block-image img { width: 50%;} .industries > .kt-row-layout-inner {padding: 20px 0;} .home-candidate-benefits .benifit-candidate { padding: 50px 0;} .home-candidate-benefits .benifit-candidate .success-stories-intro h2 { font-size: 40px; line-height: 50px;} /** about us **/ .about-us-intro > .kt-row-has-bg, .about-info { padding: 60px 0;} .about-faq .faq-column { padding: 100px 0;} /** job seeker dashboard **/ .dashboard-content { padding: 15px 30px; } .seeker-your-profile .profile-detail + .btn-group { display: block; } .seeker-your-profile .profile-detail + .btn-group > :not(:last-child) { margin: 0 0 10px;} .video-package .package .package-card .package-card__body { padding: 40px 20px; } /** job seeker payment **/ .payment-method .btn-group { max-width: 70%; } /** job seeker credit **/ .credit-card .credit-payment-method { margin-top: 15px; } .credit-card .credit-payment-method form { padding: 30px 20px; max-width: 80%; } /** job seeker getting started **/ .getting-started .profile { margin-top: 40px; } .getting-started .feature-image { margin-top: 0px; } .getting-started .feature-image .continue { margin-top: 10px; } .info-point { margin: 15px 0; } .info-point label { font-size: 15px; line-height: 25px;} } @media (min-width: 1200px) and (max-width: 1399px){ /** job seeker billing **/ .package-item .price { display: block; text-align: center;} .package-item .price > h1 { margin-bottom: 5px;} .video-upload-sec { padding: 30px 0;} /* blling page */ .page-template-template-job-seeker-packages .billing .packages { margin: 5px 0 0; } .page-template-template-job-seeker-packages .package-item {padding: 20px 20px 10px; } .page-template-template-job-seeker-packages .package-item .price { margin-bottom: 10px; } .page-template-template-job-seeker-packages .package-item .features-list ul { margin: 0 0 10px; } .page-template-template-job-seeker-packages .package-item h4 { font-size: 12px; line-height: 14px; } .page-template-template-job-seeker-packages .package-item h1 { font-size: 22px; line-height: 26px; } .page-template-template-job-seeker-packages .package-item h5 { font-size: 14px; line-height: 22px; } .billing .text-center h4 { font-size: 14px; line-height: 26px;} .billing .packages .row > div[class^="col-"] { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } /** industry page **/ .industry-page { padding: 50px;} .industry-page h5, .industry-detail .tab-content h5 { font-size: 18px; line-height: 24px;} } @media (min-width: 1200px) and (max-width: 1299px){ /** find candidates **/ .find-candidate_header .sort-by { padding-left: 35px; } .find-candidates_list .col-xl-4 { margin-bottom: 50px; padding: 0 30px 50px;} .find-candidates_list .col-12 { padding: 0px 30px;} .find-candidates .candidate_videos_list-item { width: calc(100% / 3); } .privacy-policy-section { padding: 60px 15px;} /** video page **/ .video-guide-section.wp-block-kadence-rowlayout .kt-row-column-wrap { flex-wrap: wrap;} .video-sec .wp-block-group__inner-container .wp-block-image { max-width: inherit !important; } .video-sec .wp-block-group__inner-container .wp-block-image > img { width: 100%; } .video-guide-section.wp-block-kadence-rowlayout .wp-block-kadence-column { margin-right: 0; padding: 0 15px; flex: 1 0 50%; -webkit-flex: 1 0 50%; } } @media (min-width: 1200px) and (max-width: 1259px){ /** user pages **/ .user-pages .btn-group { display: block !important;} .user-pages .btn-group .btn { width: 100%;} .user-pages .btn-group .btn:first-child { margin: 0 0 15px 0;} /** candidate inner **/ .candidate-details .biography, .candidate-details .experience, .candidate-details .education { margin-top: 50px; } /** employee dashboard **/ .candidates-saved-details .table { min-width: 1200px; } } @media (min-width: 1200px){ .candidate_videos_list-item.play-video { background: none !important;} .candidates-saved-details form { margin: 0 auto; max-width: 85%;} } @media (max-width: 999px){ /** user pages **/ .full-height { height: calc(100vh - 62px); } .header-inner .toggle { bottom: 15px;} .nav-toggle .toggle-inner { padding-top: 6px; flex-wrap: wrap; } .nav-toggle .toggle-inner .toggle-icon { margin-bottom: 10px;} .nav-toggle .toggle-inner .toggle-text { display: block; position: static;} .modal-menu > li { padding: 2.5rem 15px;} .modal-menu > li > .ancestor-wrapper > a, .modal-menu > li .yspl_win_wrap a { font-size: 14px; line-height: 19px; color: var(--main-color); font-weight: 700; } .modal-menu li.current-menu-item > .ancestor-wrapper > a { text-decoration: none; color: var(--secondary-color); } .modal-menu > li .yspl_win_wrap a.signup-link { margin-right: 15px !important; padding: 10px 30px; line-height: 19px; border: 1px solid var(--secondary-color); border-radius: 5px; color: var(--secondary-color); width: auto; text-align: center;} .modal-menu > li .yspl_win_wrap a.signup-link:hover { color: var(--color-white); background-color: var(--main-color); border-color: var(--main-color);} .modal-menu > li > .ancestor-wrapper > a, .modal-menu a { padding: 0;} .menu-bottom { display: none;} .modal-menu a:focus, .modal-menu a:hover { text-decoration: none;} .modal-menu > li .yspl_win_wrap img { width: 60px; height: 60px; object-fit: cover; object-position: center; border-radius: 50%; } } @media (min-width: 992px){ nav#menu { display: none;} } @media (min-width: 992px) and (max-width: 1199px){ h1 { font-size: 40px; line-height: 50px;} h2 { font-size: 33px; line-height: 40px;} body.dashboard-pages:not(.template-overview):not(.template-candidate-details) { padding-top: 90px;} /* video circle content */ .video-inner-content { padding-top: 80%; width: 80%; } .video-circle .center-video { height: 240px; width: 240px; } /** home **/ .home-banner { padding: 35px 0; } .industries-icons .kt-inside-inner-col .wp-block-image { margin-bottom: 15px !important;} .candidate_videos_list-item { width: calc(100% / 3); } .success-stories .kt-row-has-bg { padding: 60px 0; } .success-stories_item { margin-bottom: 30px; } .home-banner .wp-block-image img { width: 60%;} .fancybox-video { max-width: 60vw;} .home-candidate-benefits .benifit-candidate { padding: 50px 0;} .home-candidate-benefits .benifit-candidate .success-stories-intro h2 { font-size: 40px; line-height: 50px;} /* .candidate_videos_list-item .vid-link { opacity: 1; visibility: visible;} */ .home-candidate-benefits [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { max-width: 100%; } .home-candidate-benefits .candidate-list-container .kt-has-3-columns .wp-block-kadence-column { width: 0; flex: 1; margin-right: 30px !important; } .home-candidate-benefits .candidate-list-container .kt-has-3-columns .wp-block-kadence-column:last-child { margin-right: 0 !important; } /** find candidates **/ .input-group.common-input-group { margin: 10px 0; } .find-candidate_header .sort-by { padding: 0; } .show-more-candidates { padding: 0 20px;} .find-candidates_list .col-xl-4 { margin: 0; padding: 20px; position: static; height: auto; overflow: hidden;} .find-candidates_list .col-12 { padding: 0px 20px;} .find-candidates_list .title_block h6 { margin-left: 30px;} a.show-saved-box { display: inline-block; padding: 15px 15px; background-color: var(--secondary-color); color: #fff; font-size: 20px; line-height: 25px; position: fixed; top: 50%; right: 0; z-index: 10;} .fancybox-slide--html #show-box.fancybox-content { border-radius: 20px; } .fancybox-slide--html #show-box .fancybox-close-small { top: -40px;} .find-candidates_list .fancybox-slide--html .fancybox-content { margin: 30px 10px !important;} .fancybox-container .filters p { font-size: 12px; line-height: 19px; } .fancybox-container .filters .common-btn { padding: 10px 20px; font-size: 13px; line-height: 16px; } .fancybox-container .filters .other-filter { text-align: left;} .fancybox-slide--html #show-box.fancybox-content .filters { max-height: inherit !important; } .candidate_videos_list-item .mobile-play-btn { display: block; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } /** candidate inner **/ .candidate-details .biography, .candidate-details .experience, .candidate-details .education { margin-top: 50px; } /** about us **/ .about-us-intro > .kt-row-has-bg, .about-info, .about-faq .faq-column { padding: 60px 0;} /** employee dashboard **/ .dashboard-content .alerts .icon { margin: 10px 0; position: static; transform: rotate(90deg); text-align: center;} /** job seeker dashboard **/ .seeker-your-profile .btn-group { margin-top: 0;} .seeker-your-profile div[class^="col-"] { margin-bottom: 20px;} input[type="submit"].common-btn, .common-btn { padding: 12px 25px;} .preferences-resumes .title { flex-wrap: wrap;} .preferences-resumes .title h6 { margin-bottom: 10px;} .preferences-resumes .row > div[class^="col-"] { margin-bottom: 30px; } .video-package { margin-top: 20px; } .video-package .package { margin-top: 30px; } .document-item { margin: 0;} /** job seeker billing **/ .billing .package-item { margin-bottom: 15px;} /** job seeker payment **/ .payment-method .btn-group { max-width: 80%; } /** job seeker credit **/ .credit-card .credit-payment-method { margin-top: 25px; } .credit-card .credit-payment-method form { padding: 30px 20px; max-width: 70%; } /** job seeker getting started **/ .getting-started .profile, .getting-started .feature-image .continue { margin-top: 40px; } .getting-started .feature-image .box .common-btn { max-width: 70%; } /*Manual Profile*/ .manual-profile .panel { max-width: 100%;} .select-industry label { padding: 4px;} .nomatch-search { padding: 0 0 35px; height: 100%;} .privacy-policy-section { padding: 60px 15px;} .page-template-template-job-seeker-manual-profile .video-guide-holder { right: 15px;} .manual-profile .user-img { margin: 15px auto;} /* Job Seeker Profile css */ .candidate-list-container .kt-has-3-columns { flex-wrap: wrap;} .success-stories-intro .inner-column-2 { display: none;} .candidate-list-container .kt-has-3-columns .wp-block-kadence-column { flex: unset; width: 100%; margin-right: 0px !important;} /* blling page */ .page-template-template-job-seeker-packages .billing .packages { margin: 15px 0 0; } .page-template-template-job-seeker-packages .billing .packages .package-item { margin: 0 0 20px; } .page-template-template-job-seeker-packages .package-item { padding: 25px 20px 15px; } .page-template-template-job-seeker-packages .package-item .price { margin-bottom: 10px; justify-content: flex-start;} .page-template-template-job-seeker-packages .package-item h4 { font-size: 20px; line-height: 24px;} .page-template-template-job-seeker-packages h1 { font-size: 26px; line-height: 30px; } .page-template-template-job-seeker-packages h5 { margin-left: 20px !important; font-size: 14px; line-height: 26px; } .page-template-template-job-seeker-packages .package-item .features-list ul { margin: 0 0 10px; } /** video page **/ .video-guide-section.wp-block-kadence-rowlayout .kt-row-column-wrap { flex-wrap: wrap;} .video-sec .wp-block-group__inner-container .wp-block-image { max-width: inherit !important; } .video-sec .wp-block-group__inner-container .wp-block-image > img { width: 100%; } .video-guide-section.wp-block-kadence-rowlayout .wp-block-kadence-column { margin-right: 0; padding: 0 15px; flex: 1 0 50%; -webkit-flex: 1 0 50%; } .video-guide-holder { padding-right: 20px; } /* contact us css */ .common-padding { padding: 70px 0px; } #map { height: 400px; } .saved-search-actions .dropdown-menu { left: -60px !important; right: unset !important;} /** industry page **/ .industry-page { padding: 50px 0;} .slick-holder .slick-btns button { padding: 0 5px; position: static; transform: none;} .industry-page h5, .industry-detail .tab-content h5 { font-size: 18px; line-height: 24px;} .industry-page .slick-slider { margin: 0 auto; max-width: 90%; } .slick-holder button.slick-prev { left: -40px; } .slick-holder button.slick-next { right: -40px; } } @media (min-width: 992px) and (max-width: 1049px){ /** job seeker overview **/ .candidate-details_intro .secondary-detail ul { flex-wrap: wrap;} .candidate-details_intro .secondary-detail ul li { margin-bottom: 10px;} } @media (max-width: 991px){ body.dashboard-pages:not(.template-overview):not(.template-candidate-details) { padding-top: 90px;} .dashboard-menu { width: 320px; max-width: 82%; top: 90px; left: 0; z-index: 15; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .dashboard-menu.active { transform: translateX(0%); -webkit-transform: translateX(0%); } .menu-open .dashboard-menu::after { content: ""; display: block; height: 100%; width: 100vw; position: absolute; top: 0; left: 0; z-index: -1;} } @media (min-width: 768px) and (max-width: 991px){ h1 { font-size: 36px; line-height: 46px;} h2 { font-size: 31px; line-height: 40px;} /* video circle content */ .video-inner-content { padding-top: 85%; width: 85%; } .video-circle .center-video { height: 180px; width: 180px; } /** footer **/ .contact-footer { margin-left: 4rem;} .footer-widgets-wrapper { flex-wrap: wrap; -webkit-flex-wrap: wrap;} .footer-widgets.column-one.grid-item, .footer-widgets.column-three.grid-item { flex: 0 1 calc(50% - 4rem); margin: 15px 0 15px 4rem;} .footer-widgets.column-two.grid-item { flex: 0 1 auto; } /** home **/ .home-banner { padding: 60px 0; } .industries .info-block.wp-block-kadence-column.inner-column-1 { flex: 1 0 40% !important;} .industries-icons .kt-inside-inner-col .wp-block-image { margin-bottom: 15px !important;} .candidate_videos_list-item { width: calc(100% / 2); } .companies-hired-section { padding: 60px 0 70px; } .job-stats .wp-block-group__inner-container .ib-counter-container { margin-bottom: 20px; width: auto !important; max-width: inherit !important; flex: 1 0 auto;} .success-stories .kt-row-has-bg { padding: 50px 0; } .success-stories_item { margin-bottom: 30px; } .home-banner .wp-block-image img { width: 100%;} .home-bg > .kt-row-has-bg { background-position: right center !important;} .industries-icons .kt-inside-inner-col .wp-block-image { flex: 1 0 calc(100% / 3); } .fancybox-video { max-width: 60vw;} .home-candidate-benefits .benifit-candidate { padding: 50px 0;} .home-candidate-benefits .benifit-candidate .success-stories-intro h2 { font-size: 36px; line-height: 46px;} /* .candidate_videos_list-item .vid-link { opacity: 1; visibility: visible;} */ .home-candidate-benefits [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { max-width: 100%; } .home-candidate-benefits .candidate-list-container .kt-has-3-columns .wp-block-kadence-column { width: 0; flex: 1; margin-right: 30px !important; } .home-candidate-benefits .candidate-list-container .kt-has-3-columns .wp-block-kadence-column:last-child { margin-right: 0 !important; } /** find candidates **/ .input-group.common-input-group { margin: 10px 0; } .find-candidate_header .sort-by { padding: 0; } .show-more-candidates { padding: 0 20px;} .find-candidates_list .col-xl-4 { margin: 0; padding: 0 20px 20px; position: static; height: auto; overflow: hidden;} .find-candidates_list .col-12 { padding: 0px 20px;} .find-candidates_list .candidate_videos_list-item { width: calc(100% / 2);} .find-candidates_list .title_block h6 { margin-left: 30px;} a.show-saved-box { display: inline-block; padding: 15px 15px; background-color: var(--secondary-color); color: #fff; font-size: 20px; line-height: 25px; position: fixed; top: 50%; right: 0; z-index: 10;} .fancybox-slide--html #show-box.fancybox-content { border-radius: 20px; } .fancybox-slide--html #show-box .fancybox-close-small { top: -40px;} .find-candidates_list .fancybox-slide--html .fancybox-content { margin: 30px 10px !important;} .fancybox-container .filters p { font-size: 12px; line-height: 19px; } .fancybox-container .filters .common-btn { padding: 10px 20px; font-size: 13px; line-height: 16px; } .fancybox-container .filters .other-filter { text-align: left;} .fancybox-slide--html #show-box.fancybox-content .filters { max-height: inherit !important; } .candidate_videos_list-item .mobile-play-btn { display: block; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } /** candidate inner **/ .candidate-details_intro .secondary-detail ul { margin: 0 0 30px; flex-wrap: wrap; } .candidate-details_intro .secondary-detail ul li { margin-bottom: 10px; padding: 0 8px; } .candidate-details .biography, .candidate-details .experience, .candidate-details .education { margin-top: 40px; } /** about us **/ .about-faq > .kt-row-layout-inner.kt-row-has-bg { background-size: 50% auto !important;} .about-us-intro > .kt-row-has-bg, .about-info, .about-faq .faq-column { padding: 60px 0;} .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header { align-items: flex-start; } .kt-accordion-id_502f5a-b0 .wp-block-kadence-pane .kt-blocks-accordion-header { font-size: 16px;} /** employee dashboard **/ .dashboard-pages.menu-open { overflow: hidden;} .dashboard-menu { height: calc(100vh - 90px);} .dashboard-content { margin: 0; padding: 15px 30px; height: 100%; width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; overflow: visible;} .loader-div.show { margin: 0; width: 100%;} .dashboard-height.overview .dashboard-content { min-height: calc(100vh - 69px);} .dashboard-header-right .dropdown { flex: 0 0 60px;} .dashboard-header-left { flex: 1 0 auto; width: auto;} .dashboard-header-right { display: flex; padding: 15px; width: auto; flex: 0 1 auto; align-items: center;} .dashboard-header-right .dropdown-toggle::before { content: none;} .dashboard-header-right a.open-menu { display: block; margin-left: 10px; } .dashboard-header-right a.open-menu span { display: block; width: 25px; height: 3px; background-color: var(--main-color); transition: all 0.3s ease-in-out; position: relative; } .dashboard-header-right a.open-menu span:not(:last-child) { margin-bottom: 4px; } .dashboard-header-right a.open-menu.active span:first-child { transform: rotate(45deg); top: 8px; } .dashboard-header-right a.open-menu.active span:nth-child(2) { opacity: 0; } .dashboard-header-right a.open-menu.active span:last-child { transform: rotate(-45deg); top: -6px;} .mm-wrapper_opened { overflow: hidden;} .mm-panels > .mm-panel { background-color: #1E355E;} .mm-panels > .mm-panel .mm-navbar { display: none; } .mm-panels > .mm-panel .mm-listitem { color: var(--color-white); border-left: 5px solid transparent; border-left-color: transparent; } .mm-panels > .mm-panel .mm-listitem.active { background-color: var(--color-white); color: var(--secondary-color); border-left-color: var(--secondary-color); } .mm-panels > .mm-panel .mm-listitem .mm-listitem__text { display: flex; padding: 20px; align-items: center; } .mm-panels > .mm-panel .mm-listitem img { display: inline-block; margin-right: 15px; width: 16px; height: 16px; object-fit: cover; object-position: top center; } .mm-panels > .mm-panel .mm-listitem.active img { object-position: bottom center; } .mm-listitem::after { content: none;} .page-template-template-candidate-saved .video-guide-holder { padding: 0;} .dashboard-content .alerts .icon { margin: 10px 0; position: static; transform: rotate(90deg); text-align: center;} /** job seeker dashboard **/ .seeker-your-profile .btn-group { margin-top: 0;} .seeker-your-profile div[class^="col-"] { margin-bottom: 20px;} input[type="submit"].common-btn, .common-btn { padding: 12px 25px;} .preferences-resumes .row > div[class^="col-"] { margin-bottom: 30px; } .video-package { margin-top: 20px; } .video-package .package { margin-top: 30px; } .document-item { margin: 0;} /** job seeker billing **/ .billing .package-item .price { display: block; text-align: center;} .billing .package-item .price > h1 { margin-bottom: 5px;} /** job seeker payment **/ .payment-method .btn-group { max-width: 70%; } /** job seeker credit **/ .credit-card .credit-payment-method { margin-top: 25px; } .credit-card .credit-payment-method form { padding: 30px 20px; max-width: 60%; } /** job seeker getting started **/ .getting-started .profile, .getting-started .feature-image .continue { margin-top: 40px; } .getting-started .feature-image .box .common-btn { max-width: 70%; } /*Manual Profile*/ .manual-profile .panel { max-width: 100%;} .select-industry label { padding: 15px;} .nomatch-search { padding: 0 0 35px; height: 100%;} .preferences-resumes .manage-resumes .d-flex { display: block !important;} .page-template-template-job-seeker-manual-profile .video-guide-holder { right: 15px;} .manual-profile .user-img { margin: 15px auto;} .privacy-policy-section { padding: 40px 15px;} /* Job Seeker Profile css */ .candidate-list-container .kt-has-3-columns { flex-wrap: wrap;} .candidate-list-container .kt-has-3-columns .wp-block-kadence-column { flex: unset; width: 100%; margin-right: 0px !important;} /* video guide page css */ .video-guide-holder { padding-right: 0; } .video-sec h4 { line-height: 32px;} .video-sec p { margin-bottom: 20px; } .video-sec img { max-height: 200px; } .video-guide-section.wp-block-kadence-rowlayout .kt-row-column-wrap { flex-wrap: wrap;} .video-sec .wp-block-group__inner-container .wp-block-image { max-width: inherit !important; } .video-sec .wp-block-group__inner-container .wp-block-image > img { width: 100%; } .video-guide-section.wp-block-kadence-rowlayout .wp-block-kadence-column { margin-right: 0; padding: 0 15px; flex: 1 0 50%; -webkit-flex: 1 0 50%; } /* blling page */ .page-template-template-job-seeker-packages .billing .packages .package-item { margin: 0 0 20px; } .page-template-template-job-seeker-packages .package-item { padding: 20px 20px 15px; } .page-template-template-job-seeker-packages .package-item h4 { margin: 0 auto 6px; font-size: 16px; line-height: 20px; max-width: 55%;} .page-template-template-job-seeker-packages .package-item h1 { font-size: 28px; line-height: 32px; } .page-template-template-job-seeker-packages .package-item h5 { font-size: 16px; line-height: 24px; } .page-template-template-job-seeker-packages .package-item .price { margin-bottom: 14px; } .page-template-template-job-seeker-packages .package-item .features-list ul { margin: 0 0 14px; } /* contact us css */ .common-padding { padding: 60px 0px; } #map { margin: 20px 0px 40px; height: 320px; } .contact-us textarea { height: 150px;} .contact-us form { margin-top: 30px; } .contact-form .align-items-center { margin-top: 20px; } .contact-form .common-btn { min-width: 150px; } .saved-search-actions .dropdown-menu { left: -60px !important; right: unset !important;} /** industry page **/ .industry-page { padding: 50px 0;} .slick-holder .slick-btns button { padding: 0 5px; position: static; transform: none;} .industry-page h5, .industry-detail .tab-content h5 { font-size: 18px; line-height: 24px;} .industry-page .slick-slider { margin: 0 auto; max-width: 90%; } .slick-holder button.slick-prev { left: -40px; } .slick-holder button.slick-next { right: -40px; } } @media (max-width: 767px) and (orientation: landscape) { /** home **/ .fancybox-video { max-width: 60vw; max-height: inherit; } .find-candidates_list .fancybox-slide--html { display: block;} } @media (max-width: 767px){ h1 { font-size: 32px; line-height: 45px;} h2 { font-size: 28px; line-height: 40px;} h4 { font-size: 22px; line-height: 35px;} #toast-container > div { max-width: 100%; margin: 0 auto;} /* video circle content */ .video-inner-content { padding-top: 90%; width: 90%; } .video-circle .center-video { height: 150px; width: 150px; } /** user pages **/ .template-login { overflow: visible;} .user-pages .bg-image_box { min-height: 300px;} .user-pages form { padding: 15px;} .scrollable-box { padding: 20px 0; overflow: hidden; height: auto; } .template-signup .no-gutters > .scrollable-box { padding: 20px 15px;} .scrollable-box > .row { height: auto;} .scrollable-box > .row::after { content: none;} /** footer **/ .contact-footer { margin-left: 0; width: 100%;} .footer-widgets-outer-wrapper { padding: 40px 0;} #site-footer { padding: 30px 0;} .footer-copyright { margin-bottom: 10px; } /** home **/ .home-banner { padding: 50px 0; } .home-bg > .kt-row-has-bg { background-size: 90% auto !important; background-position: bottom center !important;} .industries .info-block { border: none;} .industries-icons .kt-inside-inner-col .wp-block-image { margin-bottom: 25px !important;} .candidate_videos_list-item { width: 100%; } .candidate_videos_list-item .video-mute-btn { display: none; } .play-video { background: none !important;} .candidate_videos_list-item .mobile-play-btn { position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .candidate_videos_list-item .mobile-play-btn { display: block; } .companies-hired-section { padding: 50px 0 60px; } .job-stats .wp-block-group__inner-container { flex-wrap: wrap;} .job-stats .wp-block-group__inner-container .ib-counter-container { margin-bottom: 20px; width: auto !important; max-width: inherit !important; flex: 1 0 auto;} .seperator { transform: none; } .success-stories .kt-row-has-bg { padding: 50px 0 60px; } .success-stories_item, .success-stories .success-stories-intro.wp-block-kadence-rowlayout, .instagram-section .instagram-section-intro.wp-block-kadence-rowlayout { margin-bottom: 30px; } .instagram-section { padding: 45px 0; } .package-item { padding: 45px 30px;} .home-banner .wp-block-image img { width: 100%;} .fancybox-video { max-width: calc(100vw - 72px);} .home-candidate-benefits .benifit-candidate { padding: 40px 0;} .home-candidate-benefits .benifit-candidate .success-stories-intro h2 { font-size: 32px; line-height: 45px;} .common-btn.big { padding: 12px 40px;} /* .candidate_videos_list-item .vid-link { opacity: 1; visibility: visible;} */ /** find candidates **/ .find-candidate_header { padding: 29px 20px; } .input-group.common-input-group { margin: 10px 0; } .find-candidate_header .sort-by { padding: 0; } .find-candidates_list .col-xl-4 { margin: 0; padding: 20px; position: static; height: auto; overflow: hidden;} .find-candidates_list .col-12 { padding: 0px 20px;} .show-more-candidates { padding: 0 20px;} .find-candidates_list .candidate_videos_list-item { width: 100%;} .find-candidates_list .title_block h6 { margin-left: 0;} .page-template-template-find-candidates .header-footer-group { display: none; } .filters.hide-extra { overflow-y: hidden;} a.show-saved-box { display: inline-block; padding: 15px 15px; background-color: var(--secondary-color); color: #fff; font-size: 20px; line-height: 25px; position: fixed; top: 50%; right: 0; z-index: 10;} .fancybox-slide--html #show-box.fancybox-content { border-radius: 20px; } .fancybox-slide--html #show-box .fancybox-close-small { top: -40px;} .find-candidates_list .fancybox-slide--html .fancybox-content { margin: 30px 10px !important;} .fancybox-container .filters p { font-size: 12px; line-height: 19px; } .fancybox-container .filters .common-btn { padding: 10px 20px; font-size: 13px; line-height: 16px; } .fancybox-container .filters .other-filter { text-align: left;} .fancybox-slide--html #show-box.fancybox-content .filters { max-height: inherit !important; } /** candidate inner **/ .candidate-details_intro .secondary-detail ul { margin: 0 -15px 30px; flex-wrap: wrap; } .candidate-details_intro .secondary-detail ul li { margin-bottom: 10px; padding: 0 15px; } .profile-video { margin: 30px 0 0; } .candidate-details .biography, .candidate-details .experience, .candidate-details .education { margin-top: 40px; } .skills-values div[class^="col-"]:first-child { margin-bottom: 30px; } .timeline .timeline-item { display: block; padding-left: 21px; } .timeline .timeline-item:not(:last-child)::before { content: ""; display: block; height: 100%; width: 3px; background-color: #F0F4FF; position: absolute; top: 0; left: 8px; } .timeline .timeline-item .timeline-item_left { margin-right: 0; text-align: left; } .timeline .timeline-item .timeline-item_left::before { content: none; } .timeline .timeline-item .timeline-item_left::after { left: -21px; right: auto; } /** about us **/ .about-us-intro > .kt-row-has-bg, .about-info, .about-faq .faq-column { padding: 50px 0;} .template-jobseeker-faq .about-faq .faq-column, .template-company-faq .about-faq .faq-column { padding: 30px 0;} .about-us-intro > .kt-row-has-bg { min-height: initial;} .about-features .feature-row:not(:last-child) { margin-bottom: 30px; } .about-faq > .kt-row-layout-inner.kt-row-has-bg { background: none !important; } .about-accordion .wp-block-kadence-pane .kt-blocks-accordion-header { align-items: flex-start; } /** employeers dashboard **/ body.dashboard-pages:not(.template-overview):not(.template-candidate-details) { padding-top: 90px;} /* .dashboard-pages { overflow: auto;} */ .dashboard-pages.menu-open { overflow: hidden;} .dashboard-content { margin-left: 0; padding: 15px 20px 35px; height: 100%; width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; } .safari .dashboard-content { padding: 15px 20px 65px;} .loader-div.show { margin-left: 0; width: 100%;} .dashboard-height.overview { min-height: initial; height: auto; } .dashboard-height.overview .dashboard-content, .dashboard-pages.template-candidate-details .dashboard-content { height: 100%; } .dashboard-height.overview .dashboard-content { min-height: calc(100vh - 69px);} /* .dashboard-height { min-height: calc(100vh - 80px);} */ .dashboard-menu { height: calc(100vh - 90px); height: calc(var(--vh, 1vh) * 100 - 90px);} .your-profile.alerts .row { margin-left: -4px; margin-right: -4px;} .your-profile.alerts .row.title h6 { margin: 0; font-size: 14px; line-height: 19px;} .your-profile.alerts div[class^="col-"], .your-profile .m-b-30 { margin-bottom: 20px; } .your-profile.alerts div[class^="col-"] { padding: 0 4px; } .your-profile.alerts div.col-5 { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;} .your-profile.alerts div[class^="col-"]:nth-child(2) { align-self: center; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;} .dashboard-content .alerts .value-box { padding: 8px 10px;} .dashboard-content .alerts .value-box h6 { font-size: 14px; line-height: 19px;} .dashboard-header-left { flex: 0 1 calc(100% - 125px); width: calc(100% - 125px); display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;} .dashboard-header-right { display: flex; padding: 15px; width: auto; flex: 0 1 125px; align-items: center;} .dashboard-header-right .dropdown { flex: 0 0 60px;} .dashboard-header-right .dropdown-toggle::before { content: none;} .dashboard-header-right a.open-menu { display: block; margin-left: 10px; } .dashboard-header-right a.open-menu span { display: block; width: 25px; height: 3px; background-color: var(--main-color); transition: all 0.3s ease-in-out; position: relative; } .dashboard-header-right a.open-menu span:not(:last-child) { margin-bottom: 4px; } .dashboard-header-right a.open-menu.active span:first-child { transform: rotate(45deg); top: 8px; } .dashboard-header-right a.open-menu.active span:nth-child(2) { opacity: 0; } .dashboard-header-right a.open-menu.active span:last-child { transform: rotate(-45deg); top: -6px;} .mm-panels > .mm-panel { background-color: #1E355E;} .mm-panels > .mm-panel .mm-navbar { display: none; } .mm-panels > .mm-panel .mm-listitem { color: var(--color-white); border-left: 5px solid transparent; border-left-color: transparent; } .mm-panels > .mm-panel .mm-listitem.active { background-color: var(--color-white); color: var(--secondary-color); border-left-color: var(--secondary-color); } .mm-panels > .mm-panel .mm-listitem .mm-listitem__text { display: flex; padding: 20px; align-items: center; } .mm-panels > .mm-panel .mm-listitem img { display: inline-block; margin-right: 15px; width: 16px; height: 16px; object-fit: cover; object-position: top center; } .mm-panels > .mm-panel .mm-listitem.active img { object-position: bottom center; } .mm-listitem::after { content: none;} .profile-form { width: 100%; } .dashboard-content.candidates-saved-details .button-filter { text-align: left;} .dashboard-content.candidates-saved-details .button-filter .common-btn.big { padding: 12px 20px;} /* .candidates-saved-details .table { min-width: 500px; } */ .dashboard-content.candidates-saved-details .video-guide img { margin: 0 0 0 auto; } .candidates-saved-details .table .common-btn.big { padding: 12px 20px; font-size: 13px; line-height: 16px;} .candidates-saved-details .table td { padding: 0 7px; } .candidates-saved-details .table td a { margin: 0 auto;} .candidates-saved-details .table td.cadidate-nm a { width: 40px;} .candidates-saved-details .table td.cadidate-nm a img { margin: 0; height: 40px; width: 40px;} .candidates-saved-details .table td a span { width: 100%;} .candidates-saved-details .table thead th:last-child::before, .candidates-saved-details .table tbody td:not(:first-child)::before { content: none;} .dashboard-content .alerts .icon { margin: 10px 0; position: static; text-align: center;} .candidates-saved-details .video-guide-holder { justify-content: end; } .candidates-saved-details .video-guide { text-align: right;} /**Candidates Saved**/ /* .saved-filter .sort-by .jcf-select { margin: 0;} */ /** account settings **/ .account-settings { padding: 40px 20px; } .account-settings ul li { display: block; } /** job seeker dashboard **/ .stepwizard-step:before { bottom: 16px;} .seeker-your-profile .btn-group { margin-top: 0; display: block;} .seeker-your-profile .btn-group a { margin: 0 0 15px; min-width: 162px;} .seeker-your-profile div[class^="col-"] { margin-bottom: 20px;} .seeker-your-profile .profile-detail { display: block;} .seeker-your-profile .profile-detail img, .preferences-resumes .title h6 { margin: 0 0 10px; } input[type="submit"].common-btn, .common-btn { padding: 10px 35px;} .preferences-resumes .row > div[class^="col-"] { margin-bottom: 30px; } .preference-detail > div[class^="col-"]:not(:last-child) { margin-bottom: 20px; } .preferences-resumes .block_box-shadow { padding: 15px 20px; } .video-package { margin-top: 10px; } .video.block_box-shadow { padding: 30px 20px; } .video-package .package { margin-top: 30px; } .video-package .package .package-card .package-card__body { padding: 40px 20px; } .video.block_box-shadow .no-video .upload-file-img img { width: 150px;} .document-item { margin: 0;} /** job seeker billing **/ .billing .packages .package-item { margin-bottom: 15px; height: auto;} .package-item h4 { margin: 0 auto 10px; max-width: 80%;} /** job seeker payment **/ .payment-method .btn-group { max-width: 100%; } /** Special Resume Page **/ .special-resume .add-photo-block .contact-photo { margin-right: 16px; height: 100px; width: 100px; } /** Payment Method – Bank Transfer Page **/ .bank-transfer .bank-transfer-block { margin: 40px auto 20; padding: 30px 5% 40px; } .request-bank-transfer .info-list li { flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; } /** job seeker credit **/ .credit-card .credit-payment-method { margin-top: 15px; } .credit-card .credit-payment-method form { padding: 30px 20px; max-width: 100%; } /** job seeker getting started **/ .getting-started .profile, .getting-started .feature-image .continue { margin-top: 30px; } .getting-started .feature-image .box .common-btn { max-width: 70%; } /** error 404 **/ .error404 #site-content .search-form .search-field { width: calc(100% - 10px);} /** overview **/ .candidate-details.overview-sec { padding: 0;} .candidate-details .title h4 { font-size: 16px; line-height: 25px;} .overview-sec .common-btn { margin-bottom: 8px; padding: 10px 25px; width: 100%; max-width: 200px; } /*Manual Profile*/ .manual-profile .panel { max-width: 100%;} .manual-profile .col { flex-basis: 100%;} .manual-profile .form-btn { margin-bottom: 15px;} #step-2 .job-preference-blk { padding: 15px;} .video-upload-sec { padding: 15px 0; width: 100%;} .nomatch-search { padding: 0 0 35px; height: 100%;} .nomatch-search h2 { font-size: 18px; line-height: 28px;} .error404 #site-content { min-height: 100%;} .privacy-policy-section { padding: 35px 15px;} .page-template-template-job-seeker-manual-profile .video-guide-holder { right: 15px;} .manual-profile .user-img { margin: 15px auto;} /* Job Seeker Profile css */ .video-guide-section { padding: 20px 0px 0px;} .video-guide-section .kt-row-column-wrap.kt-has-3-columns { padding: 0px;} .benifit-candidate { padding: 4rem 0px; } .benifit-candidate .success-stories-intro .wp-block-kadence-column { margin: 0px !important;} .candidate-list-container { margin-top: 30px; padding-top: 0px; border: none;} .success-stories-intro .kt-has-3-columns, .candidate-list-container .kt-has-3-columns { padding:0px 15px !important;} .candidate-list-container .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-rowlayout:not(:last-child) { margin-bottom: 30px; } .benifit-candidate .candidate-list-container .kt-has-3-columns .kt-inside-inner-col { margin-top: 0; } .companies-hired { margin: 20px 0px; } /* video guide page css */ .video-guide-holder { padding-right: 0; } .video-sec h4 { line-height: 30px;} .video-sec p { margin-bottom: 20px; } .video-sec img { max-height: 250px; } /* contact us css */ .common-padding { padding: 40px 0px; } #map { margin: 20px 0px 40px; height: 280px; } .contact-us textarea { height: 100px;} .contact-us form { margin-top: 20px; } .contact-form .align-items-center { margin-top: 10px; } .contact-form .common-btn { min-width: auto; } /** industry page **/ .industry-page { padding: 40px 0;} .industry-page h5, .industry-detail .tab-content h5 { font-size: 16px; line-height: 24px;} .industry-page .select-industry li { margin: 0 10px;} .industry-page .slick-slider { margin: 0 auto; max-width: 80%; } .slick-holder button.slick-prev { left: -40px; } .slick-holder button.slick-next { right: -40px; } } @media (max-width: 459px){ /** home **/ .package-item .price { display: block; text-align: center;} .package-item .price > h1 { margin-bottom: 5px;} /** job seeker dashboard **/ .seeker-your-profile .profile-detail + .btn-group { display: block; } .seeker-your-profile .profile-detail + .btn-group > :not(:last-child) { margin: 0 0 10px;} .preferences-resumes .title { display: block; } /** job seeker manual profile **/ .action-btns { display: block;} .action-btns .common-btn:first-child { margin-right: 0;} } @media (max-width: 349px){ /** user pages **/ .user-pages .btn-group { display: block !important;} .user-pages .btn-group .btn { width: 100%;} .user-pages .btn-group .btn:first-child { margin: 0 0 15px 0;} }