/**/
/* 180-21/10-v1 */
/**/
html {
width: 100%;
height: 100%;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Light.woff') format('woff2'),
url('../fonts/Roboto-Light.woff2') format('woff');
font-weight: 300;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
url('../fonts/Roboto-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff2') format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Medium.woff') format('woff2'),
url('../fonts/Roboto-Medium.woff2') format('woff');
font-weight: 500;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.woff') format('woff2'),
url('../fonts/Roboto-Bold.woff2') format('woff');
font-weight: bold;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Black.woff2') format('woff2'),
url('../fonts/Roboto-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: fallback;
}
.bg-none {
background: none !important;
}
body {
font-family: Roboto, sans-serif;
color: #656565;
width: 100%;
overflow-x: hidden;
background-image: url("../images/body-bg.jpg");
background-size: cover;
background-position: top right;
background-attachment: fixed;
background-color: #f9f9f9;
height: 100%;
font-size: 16px !important;
font-weight: 300;
}
.container {
max-width: 1300px;
}
.container-md {
max-width: 1410px;
}
.container-admin {
max-width: 100% !important;
width: 100%;
}
hr:not([size]) {
height: 0px;
border-bottom: 1px solid #e1e6ef;
opacity: 1;
background: transparent !important;
}
.page-wrapper {
width: 100%;
height: 100%;
}
.text-justified {
text-align: justify;
}
.overflow-hidden {
overflow: hidden;
}
.main-bg {
/*background-image: url("../images/body-graphic.webp");*/
background-attachment: fixed;
min-height: 100%;
flex-direction: column;
display: flex;
background-repeat: no-repeat;
background-position: center top 0;
background-size: 1300px;
width: 100%;
margin-bottom: auto;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: none;
}
b,
strong {
font-weight: 500;
}
.pointer {
cursor: pointer;
vertical-align: middle;
}
.equal-row {
display: flex;
flex-flow: row wrap;
}
.equal-col {
display: flex;
}
.no-space {
margin-right: 0;
margin-left: 0;
}
.no-space>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.shadow-main {
background-color: rgb(255 255 255 / 80%);
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.stretched-link {
text-decoration: none;
}
.stretched-link::after {
position: absolute;
}
.relative {
position: relative;
}
.text-grey {
color: #656565 !important;
}
.text-blue {
color: #1e6def !important;
}
.bg-blue {
background: #1e6def !important;
}
.text-light-blue {
color: #5aa1ff !important;
}
.round,
.rounded,
.circle {
border-radius: 50%;
}
.radius {
border-radius: 5px;
}
/**==============================================================================================**/
.sticky-header .header {
position: fixed;
width: 100%;
z-index: 1000;
top: 0;
background: #fff;
height: auto;
}
.header {
transition: all .3s ease;
top: -100%;
z-index: 9;
}
/**==============================================================================================**/
.dummy-links {
position: absolute;
top: 0;
right: 0;
}
.dummy-links .nav-link {
padding: 5px;
line-height: 1;
font-size: 20px;
background: rgb(255, 255, 255);
border-radius: 0;
border: 1px solid #eee;
color: #ccc;
}
.dummy-links:hover {
opacity: 1;
}
/**==============================================================================================**/
.dummy-sites {
position: fixed;
right: 0;
top: 0;
z-index: 9999999;
background: #bdbdbd21;
}
.dummy-sites a {
font-size: 12px;
color: #999;
padding: 5px;
}
.dummy-sites .dropdown-menu {
max-height: calc(100vh - 40px);
overflow-y: scroll;
}
.dummy-pages {
position: fixed;
left: 0;
top: 0;
z-index: 9999999;
background: #caff0021;
}
.dummy-pages a {
font-size: 12px;
color: #999;
padding: 5px;
}
.dummy-pages .dropdown-menu {
max-height: calc(100vh - 40px);
overflow-y: scroll;
}
/**==============================================================================================**/
/**==============================================================================================**/
.vscroll {
overflow: hidden scroll;
height: 100%;
}
::-webkit-scrollbar {
width: 10px;
height: 15px;
}
::-webkit-scrollbar-track {
background: rgb(238, 238, 238);
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background: rgb(204, 204, 204);
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background: rgb(204, 204, 204);
}
:hover::-webkit-scrollbar-thumb {
background: rgb(170, 170, 170);
}
:hover::-webkit-scrollbar-track {
background: rgb(238, 238, 238);
}
/**==============================================================================================**/
.btn.disabled,
.disabled,
.disable,
.btn:disabled,
fieldset:disabled .btn {
pointer-events: none;
opacity: .65;
border-color: inherit;
}
.btn {
border-radius: 5px;
padding: 6px 15px;
display: inline-block;
}
.btn i {
position: relative;
line-height: inherit;
}
.btn-sm {
line-height: 1.2;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.btn-lg {
padding-left: 25px;
padding-right: 25px;
}
.btn-xl {
padding-left: 25px;
padding-right: 25px;
font-size: 1.5rem;
}
.btn-main {
color: #fff;
background-color: #1e6def;
border-color: #1e6def;
font-weight: 600;
}
.btn-main:hover,
.btn-main:active,
.btn-main:focus-visible {
color: #fff;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
background-color: #1e6def;
}
.btn-orange {
color: #fff;
background-color: #e5980b;
border-color: #e5980b;
font-weight: 600;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus-visible {
color: #fff;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
background-color: #e5980b;
}
.btn-dark {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
font-weight: bold;
}
.btn-dark:hover {
color: #fff;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-black {
color: #fff;
background-color: #202020;
border-color: #202020;
font-weight: bold;
}
.btn-black:hover {
color: #fff;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
background-color: #202020;
border-color: #202020;
}
.btn-white {
color: #1e6def;
background-color: #fff;
border-color: #fff;
font-weight: bold;
}
.btn-white:hover {
color: #202020;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
background-color: #fff;
border-color: #6c757d;
}
.btn-main-outline {
color: #1e6def;
border-color: #1e6def;
font-weight: bold;
}
.btn-main-outline:hover {
color: #1e6def;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-secondary-outline {
color: #6c757d;
border-color: #6c757d;
font-weight: bold;
}
.btn-secondary-outline:hover {
color: #6c757d;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-icon {
background-color: #ECEDF2;
border-color: transparent;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
background: rgb(25 103 210 / 11%);
}
.btn-icon i {
line-height: inherit;
}
.btn-icon:hover {
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-icon-outline {
color: #1e6def;
border-color: #1e6def;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}
.btn-icon-outline i {
line-height: inherit;
}
.btn-icon-outline:hover {
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-light-blue {
color: #1e6def;
background: #F0F5F7;
color: #5a5a5a;
}
.btn-light-blue:hover {
color: #1e6def;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-default {
border-color: transparent;
color: #202020;
background-color: #E2EAF8;
}
.btn-default i {
line-height: inherit;
}
.btn-default:hover {
color: #1e6def;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-default-outline {
border-color: #E2EAF8;
color: #202020;
/* background-color: #E2EAF8; */
}
.btn-default-outline i {
line-height: inherit;
}
.btn-default-outline:hover {
color: #1e6def;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-link {
text-decoration: none;
color: #1e6def;
}
.btn-link-outline {
border-color: #e1e1e1;
color: #0d6efd;
/* background-color: #E2EAF8; */
}
.btn-link-outline i {
line-height: inherit;
}
.btn-link-outline:hover {
/* color: #1e6def; */
box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px inset !important;
}
.btn-secondary {
font-weight: 600 !important;
color: #fff !important;
}
.btn-primary {
font-weight: bold;
}
.btn .icon,
.btn i {
margin-right: 0;
}
.btn-share {
padding: 0;
font-weight: 500;
color: #0d6efd;
}
.upload-element {
overflow: hidden;
height: 100%;
width: 100%;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.upload-element i {
cursor: pointer;
}
.upload-element input[type="file"] {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 5;
font-size: 0;
cursor: pointer !important;
width: 100%;
}
.upload-element::after {
content: "";
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
/**==============================================================================================**/
.form-control,
.select2-selection__rendered {
color: #555 !important;
}
.form-control:disabled {
background-color: #f8f8f8 !important;
opacity: 1;
}
.form-control[readonly] {
background-color: #fff !important;
opacity: 1;
}
.form-control,
.form-select,
.floating-label .select2-selection,
.tox-tinymce {
border-color: #999 !important;
box-shadow: none !important;
}
.floating-label .tox-tinymce {
border-radius: 5px;
border-width: 1px;
}
.form-control:focus {
z-index: 9999;
}
.form-control:hover+.btn {
text-decoration: none;
}
.floating-label .form-control:focus {
text-decoration: none;
}
.floating-label .form-control:focus+.btn {
text-decoration: none;
}
.floating-label .form-control:focus+.btn+.btn {
text-decoration: none;
}
.floating-label .form-control:focus+.btn+.btn+.btn {
text-decoration: none;
}
.floating-label .form-control:focus+.btn+.btn+.btn+.btn {
border-color: #86b7fe !important;
}
.floating-label .form-control.is-invalid {
border-color: #dc3545 !important;
}
.floating-label .form-control.is-invalid+.btn {
text-decoration: none;
}
.floating-label .form-control.is-invalid+.btn+.btn {
text-decoration: none;
margin-right: -1px;
}
.floating-label .form-control.is-invalid+.btn+.btn+.btn {
text-decoration: none;
}
.floating-label .form-control.is-invalid+.btn+.btn+.btn+.btn {
border-color: #dc3545 !important;
}
.floating-label .form-control.is-invalid+.btn+.btn+.btn {
text-decoration: none;
}
.floating-label .form-control:focus.is-invalid+.btn {
text-decoration: none;
}
.floating-label .form-control:focus.is-invalid+.btn+.btn {
margin-right: -1px;
}
.floating-label .form-control:focus.is-invalid+.btn+.btn+.btn {
text-decoration: none;
}
.floating-label .form-control::placeholder,
span.select2-selection__placeholder {
color: #b2b2b2 !important;
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
text-decoration: none;
}
.floating-label.search {
margin-bottom: 0;
}
.floating-label {
position: relative;
margin-bottom: 25px;
}
.floating-label:hover .input-group {
text-decoration: none;
}
.float .floating-label .input-group:hover {
border-color: #555;
}
.floating-label .form-label {
position: absolute;
cursor: text;
opacity: 1;
transition: all .2s;
top: -10px;
left: 5px;
z-index: 4;
font-size: 13px;
line-height: 1;
margin: 0;
padding: 0 5px;
font-weight: 500;
display: inline-block;
text-transform: capitalize !important;
border-radius: 58px;
display: inline-block;
}
.floating-label .label {
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
margin-top: -5px;
}
.floating-label .form-label::after {
content: " ";
display: block;
position: absolute;
background: #ffffff;
height: 2px;
bottom: 2px;
left: 3px;
right: 3px;
z-index: -1;
border-radius: 40px;
overflow: hidden;
}
.floating-label .form-label.mandatory:before {
content: "*";
color: red;
display: block;
position: absolute;
background: #ffffff;
height: 3px;
bottom: 10px;
right: -2px;
z-index: -1;
}
.col-form-label {
position: relative;
}
.col-form-label.mandatory:before {
content: "*";
color: red;
display: block;
position: absolute;
top: 8px;
right: -8px;
z-index: 0;
height: 0;
font-weight: 400;
font-size: 13px;
}
.floating-label .form-label2 {
font-size: 13px;
line-height: 1;
font-weight: 500;
text-transform: capitalize !important;
margin-bottom: 5px;
}
.floating-label .input-group .btn {
text-decoration: none;
}
.floating-label .input-group .last {
border-radius: 0 5px 5px 0px !important;
}
.floating-label.search .input-group .btn {
font-size: 20px;
padding-top: 0;
padding-bottom: 0;
border-left: 0;
}
.floating-label .input-group .btn i {
line-height: normal;
}
.floating-label .input-group .btn:hover {
color: #1e6def;
}
.floating-label .input-group .input-group-text {
background-color: #fff;
color: #1e6def;
}
.floating-label .input-group .input-group-text,
.floating-label .input-group .btn {
border-color: #999;
background-color: #fff;
color: #707070;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
font-weight: normal;
border-radius: 4px;
}
.floating-label .hint {
font-size: 12px;
color: #999;
}
.custom-upload {
text-decoration: none;
}
.custom-upload .input-group-text+.form-control {
text-decoration: none;
}
.custom-upload input[type="file"]::file-selector-button {
display: none;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
/**==============================================================================================**/
.scroll {
overflow: hidden;
overflow-y: auto;
max-height: calc(100vh - 60px);
}
.dropdown-menu,
.daterangepicker,
.select2-dropdown,
.easy-autocomplete-container ul,
.select2-container--bootstrap-5 .select2-dropdown {
box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
border: 1px solid #eee !important;
border-radius: 5px !important;
}
.dropdown-item {
font-size: initial;
}
.dropdown-item.active {
font-size: initial;
}
.dropdown-item i {
margin-right: 5px;
}
/**==============================================================================================**/
.select2-search {
position: relative;
z-index: 99999;
}
.select2-search__field {
position: relative;
z-index: 999999;
}
.select2-container {
z-index: 99999;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
right: 10px;
top: 19px !important;
}
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
top: 5px;
}
/**==============================================================================================**/
#searchForm .search-panel .inner .fields .floating-label .input-group.keyword-search-field>.easy-autocomplete {
width: calc(100% - 0) !important;
}
.floating-label .easy-autocomplete {
width: 100% !important;
}
.easy-autocomplete input {
height: auto;
padding-right: 45px !important;
background-position-y: 12px !important;
}
.easy-autocomplete-container ul li.selected {
background-color: #e9ecef !important;
}
.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
padding: 0.375rem 0.75rem !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
border: 0 !important;
color: #202020 !important;
font-family: Nunito, Helvetica;
}
.easy-autocomplete-container ul li b {
color: #1e6def;
}
/**==============================================================================================**/
.floating-label .select2-selection__choice {
background-color: rgba(30, 109, 239, 0.5);
position: relative;
white-space: break-spaces;
padding: 2px 30px 2px 10px !important;
color: rgb(255, 255, 255) !important;
font-size: 14px !important;
border: 0px !important;
border-radius: 5px !important;
background-position-y: 12px !important;
margin-right: 5px !important;
margin-bottom: 5px !important;
}
.floating-label span.select2-selection__choice__remove {
position: absolute;
right: 6px;
top: 6px;
background-size: 8px !important;
text-indent: -29px !important;
}
.floating-label .select2-selection {
background-position-y: 12px;
padding-right: 50px !important;
outline: none;
box-shadow: none;
border-radius: 4px !important;
background-color: #fff !important;
}
.floating-label .select2-selection__clear {
text-decoration: none;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.top-menu {
padding-top: 15px;
padding-bottom: 15px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
margin-bottom: 0;
background: #fff;
position: relative;
z-index: 1;
flex-wrap: wrap;
}
.top-menu .container,
.top-menu .container-fluid {
gap: 10px;
outline: 0px solid #000;
}
.top-menu .navbar-toggler {
border: 1px solid #ccc;
margin-left: 10px;
outline: none !important;
box-shadow: none;
padding: 5px;
order: 2;
outline: 1px solid #ccc;
margin-left: 0;
}
.top-menu .navbar-brand {
padding: 0;
position: relative;
margin-right: 15px;
display: flex;
gap: 20px;
}
.top-menu .navbar-brand a {
display: inline-block;
position: relative;
text-decoration: none;
outline: none;
}
.top-menu .navbar-brand .small {
padding: 0;
right: 0;
font-size: 14px;
letter-spacing: 0;
display: inline-block;
margin-left: 5px;
position: relative;
font-weight: 400;
top: -2px;
}
.top-menu .navbar-brand img {
max-height: 40px;
outline: 0;
max-width: 280px;
}
.top-menu .navbar-nav .nav-link {
color: #656565;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
}
.top-menu .navbar-nav .nav-link:hover {
color: rgb(30, 109, 239);
}
.top-menu .navbar-nav .dropdown-toggle::after {
top: 2px;
position: relative;
opacity: 0.5;
}
.top-menu .navbar-nav {
margin-left: auto;
}
.top-menu .buttons {
text-decoration: none;
}
.top-menu .buttons .btn {
margin-right: 0;
}
.top-menu .buttons .separator {
border-left: 1px solid #c8c8c8;
width: 6px;
height: 36px;
margin-left: 5px;
}
.top-menu .button-learn {
padding-left: 10px;
order: 4;
border-left: 1px solid #c8c8c8;
}
.top-menu .button-learn.mobile {
display: none;
order: 1;
border: 0;
padding: 0;
}
.top-menu .button-learn.mobile .btn {
text-decoration: none;
}
.top-menu .button-learn2 {
order: 2;
}
.top-menu .button-learn2.mobile {
display: none;
order: 1;
border: 0;
padding: 0;
}
.top-menu .button-learn.mobile .btn {
text-decoration: none;
}
.top-menu .navbar-collapse {
order: 2;
}
.top-menu .navbar-nav .dropdown-menu .dropdown-item {
min-width: 250px;
white-space: inherit;
word-break: break-word;
width: 100%;
max-width: 400px;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.header-sub {
text-decoration: none;
}
.second-menu {
padding-top: 10px;
padding-bottom: 10px;
box-shadow: rgb(0 0 0 /20%) 0px 0px 20px;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 0;
background: #4a5059;
position: relative;
border-top: 1px solid #f6f6f6;
}
.second-menu .navbar-collapse {
order: 1;
}
.second-menu .navbar-toggler {
border: 1px solid #ccc;
margin-left: 10px;
outline: none !important;
box-shadow: none;
padding: 5px;
order: 2;
outline: 1px solid #ccc;
margin-left: 0;
color: #fff;
}
.second-menu .navbar-toggler span {
/* font-size: 14px; */
}
.second-menu .navbar-toggler span.label {
display: none;
}
.second-menu .navbar-brand {
padding: 0;
position: relative;
}
.second-menu.navbar-brand a {
display: inline-block;
position: relative;
text-decoration: none;
}
.second-menu .navbar-brand .small {
padding: 0;
bottom: -5px;
right: 0;
font-size: 8px;
color: #d4d4d4;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0;
display: inline-block;
margin-left: 10px;
line-height: 4;
}
.second-menu .navbar-brand img {
max-height: 40px;
}
.second-menu .navbar-nav {
gap: 30px;
}
.second-menu .navbar-nav .nav-link {
color: #fff;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.top-menu .navbar-nav .nav-link:hover {
color: rgb(30, 109, 239);
}
.second-menu .navbar-nav .nav-link::after {
top: 2px;
position: relative;
left: -3px;
opacity: 0.5;
}
.top-menu .navbar-nav {
margin-left: auto;
margin-right: 10px;
}
.top-menu .buttons {
margin-right: 0;
flex-wrap: wrap;
gap: 5px;
display: flex;
align-items: center;
}
.top-menu .navbar-collapse {
order: 2;
margin-right: 0;
flex-wrap: wrap;
gap: 0 0px;
}
.second-menu .navbar-nav .dropdown-menu {
border-bottom: 2px solid #7b7b7b;
}
/**==============================================================================================**/
.user-dropdown {
text-decoration: none;
order: 4;
margin-left: 0;
}
.user-dropdown .user {
text-decoration: none;
}
.user-dropdown .user .name {
text-decoration: none;
color: initial;
font-size: 14px;
display: inline-block;
margin-right: 10px;
color: #656565;
}
.user-dropdown .user .name b {
text-decoration: none;
}
.user-dropdown .user .thumbnail {
margin: 0;
margin-left: 0;
width: 40px;
height: 40px;
}
.user-dropdown .user .thumbnail .text {
font-size: 12px;
color: #fff;
font-weight: bold;
background: #02af52;
width: 100%;
height: 100%;
font-size: 14px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.user-dropdown .user .thumbnail .logo {
border: 1px solid #DDDDDD;
border-radius: 50px;
max-width: 100%;
display: grid;
height: 100%;
align-items: center;
}
.user-dropdown .user .thumbnail .logo img {
max-width: 100%;
border-radius: 50%;
}
.user-dropdown .info {
text-decoration: none;
text-align: center;
padding: 10px;
}
.user-dropdown .info article {
text-decoration: none;
}
.user-dropdown .info .tag-verifed {
margin-top: -5px;
}
.user-dropdown .info .tag-verifed img {
height: 26px;
}
.user-dropdown .thumbnail {
text-decoration: none;
margin-bottom: 10px;
width: 50px;
height: 50px;
text-align: center;
display: inline-block;
}
.user-dropdown .thumbnail .logo img {
max-width: 100%;
background: #fff;
}
.user-dropdown .info .thumbnail {
color: #fff;
font-weight: bold;
background: #02af52;
font-size: 14px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 5px;
}
.user-dropdown .info .thumbnail .logo {
border: 1px solid #DDDDDD;
border-radius: 50%;
height: 100%;
display: grid;
align-items: center;
background: #fff;
}
.user-dropdown .info .name {
text-decoration: none;
font-weight: bold;
}
.user-dropdown .info .designation {
text-decoration: none;
font-size: 13px;
color: #a9a9a9;
}
.user-dropdown .info .email {
text-decoration: none;
font-size: 13px;
color: #a9a9a9;
}
.user-dropdown .balance {
text-align: center;
padding: 10px;
border-radius: 5px;
background: #fff;
margin: 10px;
background-color: #cff4fc;
margin-top: 0;
line-height: normal;
}
.user-dropdown .balance .label {
font-size: 12px;
font-weight: 600;
/* color: #656565; */
margin-bottom: 5px;
display: block;
}
.user-dropdown .balance .amount {
display: block;
font-size: 24px;
font-weight: 600;
/* color: #1e6def; */
line-height: normal;
margin-bottom: 5px;
}
.user-dropdown .balance .link {
font-size: 14px;
color: aquamarine;
}
.user-dropdown .balance .link a {
font-weight: 400;
/* color: initial; */
text-decoration: underline;
}
.user-dropdown .credit {
font-size: 14px;
margin-top: 10px;
}
.user-dropdown .credit b {
text-decoration: none;
}
.user-dropdown .credit a {
margin-left: 10px;
}
/**==============================================================================================**/
.page-head-dashboard {
padding: 15px 30px;
background: #ffffff;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.page-head-dashboard .aaa-heading {
border: 0;
padding: 0;
margin: 0;
}
.page-breadcrumb {
font-size: 15px;
line-height: initial;
margin: 5px -15px 10px;
margin: 0;
padding: 0;
margin-top: 5px;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 20px;
color: #696969;
text-transform: capitalize;
padding-right: 5px;
margin-right: 5px;
}
.page-breadcrumb li a {
color: rgb(126 126 126 / 75%);
text-transform: capitalize;
transition: all 0.3s ease;
text-decoration: none;
}
.page-breadcrumb li:last-child::after {
display: none;
}
.content-dashboard {
padding: 30px 30px;
background: #ffffff;
min-height: 100vh;
}
/**==============================================================================================**/
.status {
font-size: 12px !important;
border-radius: 20px;
font-weight: 400;
padding: 1px 10px;
border: 1px solid #ccc;
color: #555;
line-height: normal;
text-transform: capitalize;
white-space: nowrap;
}
.status-open {
border-color: #7eb2ff;
background: #7eb2ff;
color: #fff;
}
.status-closed {
border-color: #6c757d;
background-color: #6c757d;
color: #fff;
}
.status-expired {
border-color: #99e1da;
background-color: #99e1da;
color: #fff;
}
.status-draft {
border-color: #AFD778;
background: #AFD778;
color: #fff;
}
.status-applied {
border-color: #2676ef;
background-color: #2676ef;
color: #fff;
}
.status-considered {
border-color: #4caf50;
background: #4caf50;
color: #fff;
}
.status-in-process {
border-color: #34A853;
background-color: #34A853;
color: #fff;
}
.status-in-progress {
border-color: #0dcaf0;
background: #0dcaf0;
color: #fff;
}
.status-rejected {
border-color: #dc3545;
background: #dc3545;
color: #fff;
}
.status-approved {
border-color: #4590B0;
background: #4590B0;
color: #fff;
}
.status-available {
border-color: #2dccff;
background: #2dccff;
color: #fff;
}
.status-actively-looking {
border-color: #aea9a2;
background: #aea9a2;
color: #fff;
}
.status-open-to-offers {
border-color: #45c2f8;
background: #45c2f8;
color: #fff;
}
.status-not-available {
border-color: #64DD17;
background: #64DD17;
color: #fff;
}
.status-withdrawn {
border-color: #45c2f8;
background: #45c2f8;
color: #fff;
}
.status-with-drawn {
border-color: #45c2f8;
background: #45c2f8;
color: #fff;
}
.status-success {
border-color: #8ad68d;
background: #8ad68d;
color: #fff;
}
.status-failed {
border-color: #dc3545;
background: #dc3545;
color: #fff;
}
.status-passed {
border-color: #8ad68d;
background: #8ad68d;
color: #fff;
}
.status-beta {
border-color: transparent;
background-color: #a1e0da;
color: #fff;
}
.status-hired {
border-color: #4590B0;
background: #4590B0;
color: #fff;
}
.status-recommended {
border-color: #45c2f8;
background: #45c2f8;
color: #fff;
}
.status-requested {
border-color: #449fc6;
background: #449fc6;
color: #fff;
}
.status-conducted {
border-color: #8dc05d;
background: #8dc05d;
color: #fff;
}
.status-enable {
border-color: #9fc5fd;
background: #9fc5fd;
color: #fff;
}
.status-disable {
border-color: #8e9aa5;
background-color: #8e9aa5;
color: #fff;
}
.status-active {
border-color: #8ad68d;
background: #8ad68d;
color: #fff;
}
.status-not-started {
border-color: #8e9aa5;
background-color: #8e9aa5;
color: #fff;
}
.status-public {
border-color: #aea9a2;
background: #aea9a2;
color: #fff;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.banner-area {
text-decoration: none;
margin-top: 50px;
}
.banner-area .text {
outline: 2px solid #fff;
padding: 40px 30px;
position: relative;
margin-right: 35px;
margin-bottom: 50px;
min-height: 280px;
}
.banner-area .text article {
text-decoration: none;
}
.banner-area .text article h1 {
font-style: normal;
font-weight: 800;
font-size: 56px;
line-height: 58px;
color: #1e6def;
line-height: 1.2;
margin: 0;
}
.banner-area .text article h2 {
font-style: normal;
font-weight: 600;
font-size: 44px;
color: #202020;
margin: 0;
}
.banner-area .text article p {
font-style: normal;
font-weight: 400;
}
.banner-area .text article .buttons {
margin-top: 50px;
max-width: 540px;
}
.banner-area .text article .btn {
display: block;
}
.banner-area .tagline {
position: absolute;
top: 0;
right: -30px;
writing-mode: vertical-lr;
font-weight: bold;
color: #909090;
font-size: 1rem;
}
.banner-area .social {
position: absolute;
bottom: 0;
right: -40px;
}
.banner-area .social a {
bottom: 0;
color: #5aa1ff;
font-size: 36px;
margin-top: 5px;
text-decoration: none;
display: block;
}
.banner-area .social a:hover {
color: #1e6def;
}
.banner-area .social .icon-x {
text-align: center;
position: relative;
top: 0;
}
.banner-area .social .icon-x i {
font-size: 28px;
}
/**==============================================================================================**/
.search-home7 {
background: linear-gradient(180deg, rgb(0 0 0 / 60%) 20%, rgb(0 0 0 / 30%) 100%);
color: #fff;
padding: 0;
border-radius: 0;
margin-top: 0 !important;
margin-bottom: 0;
}
.search-home7 .text {
margin-bottom: 0;
text-align: center;
outline: 0;
}
.search-home7 .text article h1 {
color: #ffffff;
font-size: 48px;
}
.search-home7 .text article h2 {
color: #fff;
font-size: 30px;
}
.search-home7 .text article p {
color: #ffffff;
font-size: 18px;
max-width: 700px;
margin: auto;
}
.search-home7 .tagline {
color: #fff;
display: none;
}
.search-home7 .social a {
display: none;
color: #fff;
}
.search-home7 .search-panel .inner {
border: 5px solid #ffffff;
position: relative;
max-width: 1000px;
margin: auto;
}
/**==============================================================================================**/
.search-home7a {
background: linear-gradient(180deg, rgb(0 0 0 / 25%) 20%, rgb(0 0 0 / 10%) 100%);
color: #202020;
padding: 0;
border-radius: 0;
margin-top: 0 !important;
margin-bottom: 0;
}
.search-home7a .text {
margin-bottom: 0;
text-align: center;
outline: 0;
}
.search-home7a .text article .title1 {
color: #0d6efd;
font-size: 48px;
}
.search-home7a .text article .title2 {
font-size: 30px;
color: #0d6efd;
}
.search-home7a .text article .title3 {
color: #0d6efd;
font-size: 24px;
}
.search-home7a .text article p {
color: #555;
font-size: 18px;
max-width: 700px;
margin: auto;
}
.search-home7a .tagline {
color: #fff;
display: none;
}
.search-home7a .social a {
display: none;
color: #fff;
}
.search-home7a .search-panel .inner {
border: 5px solid #ffffff;
position: relative;
max-width: 1000px;
margin: auto;
}
/**==============================================================================================**/
.white-section {
padding: 50px;
background-color: rgb(255 255 255 / 80%);
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
border-radius: 0;
}
/**==============================================================================================**/
/**==============================================================================================**/
.box-section {
padding: 50px;
background-color: rgb(255 255 255 / 80%);
border-radius: 5px;
}
.box-section .heading-text {
margin-bottom: 30px;
}
.box-section .heading-text h2 {
font-size: 24px;
font-weight: bold;
}
.box-section .heading-text p {
text-decoration: none;
}
.box-section .form-buttons {
font-size: 24px;
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
-webkit-justify-content: end;
flex-grow: revert;
flex-wrap: wrap;
}
.box-section .form-footer {
font-size: 16px;
border-top: 1px solid #ccc;
margin-top: 50px;
text-align: center;
padding-top: 10px;
}
.box-section .sub-heading-text {
margin-bottom: 30px;
}
.box-section .sub-heading-text h3 {
font-size: 22px;
font-weight: 500;
margin: 0;
}
.box-section .sub-heading-text p {
text-decoration: none;
}
.form-section .sub-text {
text-decoration: none;
border: 0px solid #ccc;
margin-bottom: 0;
padding: 20px;
border-radius: 10px;
background: rgb(30 109 239 / 5%);
margin-top: 20px;
}
.form-section .sub-text .t1 {
text-decoration: none;
font-size: 16px;
margin: 0;
color: #202020;
font-weight: 400;
}
.form-section .sub-text p {
text-decoration: none;
}
/**==============================================================================================**/
.box-menu {
border-radius: 5px;
border: 1px solid #ccc;
}
/**==============================================================================================**/
.aaa-heading {
position: relative;
margin-bottom: 15px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
gap: 10px 20px;
}
.aaa1-heading {
position: relative;
margin-bottom: 15px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
gap: 20px;
}
.aaa-heading .fw-bold {
font-weight: 500 !important;
}
.aaa-heading .title {
text-decoration: none;
/* color: #202020; */
}
.aaa-heading .title h2 {
font-size: 20px;
margin: 0;
font-weight: bold;
color: #202020;
}
.aaa-heading .title h2 a {
text-decoration: none;
font-weight: 500;
}
.aaa-heading .title h3 {
font-size: 20px;
margin: 0;
font-weight: bold;
/* color: #202020; */
/* display: flex; */
align-items: center;
gap: 10px;
}
.aaa-heading .title h4 {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.aaa-heading .title h5 {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.aaa-heading .title p {
margin: 0;
color: #656565;
}
.aaa-heading .options {
display: flex;
flex-wrap: wrap;
gap: 15px;
font-size: 14px;
justify-content: end;
-webkit-justify-content: end;
align-items: center;
align-self: center;
}
.aaa-heading .options>ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 15px;
justify-content: end;
-webkit-justify-content: end;
}
.aaa-heading .options .info {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 15px;
justify-content: flex-end;
-webkit-justify-content: flex-end;
flex-wrap: wrap-reverse;
}
.aaa-heading .options .info li {
text-decoration: none;
}
.aaa-heading .actions .btn-link {
padding-left: 0;
padding-right: 0;
}
.aaa-heading .hint {
font-size: 14px;
color: #999;
}
/**==============================================================================================**/
.filters-bar {
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
margin-bottom: 15px;
align-items: center;
gap: 5px;
}
.filters-bar aside {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
}
.filters-bar .btn-link {
font-size: 12px;
color: blue;
}
.filters-bar .btn-clear {
font-size: 13px;
padding: 2px 10px;
text-decoration: none;
border-radius: 5px;
color: #1e6def;
display: inline-flex;
}
.filters-bar .btn-filter {
text-decoration: none;
}
.filters-bar .btn-filter .count {
background: #6c6c6c;
color: #fff;
font-size: 11px;
padding: 2px 3px;
border-radius: 50px;
display: inline-block;
margin-left: 2px;
position: relative;
top: -1px;
line-height: initial;
min-width: 17px;
text-align: center;
}
.filters-bar .d-inline-block {
position: relative;
}
/**==============================================================================================**/
.form-details {
padding: 30px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 20px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
margin-bottom: 15px;
padding: 30px;
}
.form-details.new {
box-shadow: none;
background-color: transparent;
padding: 0;
}
.form-details.new .aaa-heading {
border: 0;
padding: 0;
}
.form-details.new .aaa-heading .title {
/* color: #656565; */
text-decoration: none;
}
.form-details.new .app-info {
gap: 10px;
margin-bottom: 0;
}
.form-details.new .app-info li {
flex: auto;
background: #fff;
padding: 15px;
padding-left: 50px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
}
.form-details.new .app-info .icon {
left: 15px;
top: 15px;
}
.form-details.empty {
padding: 0;
box-shadow: none;
border-radius: 0px;
background: transparent
}
.form-details .more-link {
font-size: 14px;
text-transform: capitalize;
text-decoration: none;
margin-top: 0;
display: inline-block;
}
.page-heading {
font-size: 20px;
margin: 0;
font-weight: bold;
color: #202020;
}
/**==============================================================================================**/
.new-box {
padding: 25px 25px;
display: flex;
margin-bottom: 15px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
position: relative;
border: 1px solid #eee;
}
.new-box:hover {
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px !important;
}
.new-box-title {
margin-bottom: 5px;
display: inline-block;
font-size: 16px;
color: #202020;
font-weight: normal;
position: relative;
z-index: 1;
margin-left: 0;
padding: 0;
}
.new-box-title::after {
content: " ";
display: block;
position: absolute;
background: #ffffff;
height: 3px;
bottom: 2px;
left: 1px;
right: -1px;
z-index: -1;
}
.new-box-title h2 {
font-size: inherit;
margin: 0;
font-weight: 300;
}
.new-box-title h2 a {
text-decoration: none;
font-weight: 600;
}
.new-box-title-inner {
text-decoration: none;
margin-top: 15px;
color: #202020;
font-size: 14px;
gap: 5px 20px;
flex-wrap: wrap;
}
.new-box-title-inner a {
text-decoration: none;
font-weight: 400;
}
.new-box-title-inner-2 {
text-decoration: none;
margin-top: 5px;
color: #202020;
font-size: 14px;
display: flex;
gap: 5px 20px;
flex-wrap: wrap;
}
.full-options {
gap: 5px;
overflow-wrap: break-word;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
/* display: flex; */
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
margin-top: 0;
width: 100%;
}
.new-box-warning {
margin-top: 10px;
}
.new-box-warning .alert {
padding: 2px 10px;
font-size: 15px;
display: inline-block;
margin: 0;
border: 0;
background: transparent;
padding: 0;
color: red;
}
.new-box-warning .alert .icon-warning {
height: 24px;
background: transparent;
position: relative;
top: -4px;
margin-right: 5px;
}
.new-box-warning .text {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
}
.new-box .thumbnail {
position: relative;
display: flex;
align-items: center;
width: fit-content;
align-self: flex-start;
margin: 0;
margin-right: 15px;
}
.new-box .thumbnail span {
width: 60px;
height: 60px;
border: 1px solid #DDDDDD;
border-radius: 50px;
display: flex;
overflow: hidden;
background: #fff;
margin-right: 0;
color: #fff;
font-weight: bold;
font-size: 14px;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
position: relative;
z-index: 1;
}
.new-box .thumbnail .text {
background: #0dcaf0;
}
.new-box .thumbnail span.logo img {
max-width: 100%;
border-radius: 0;
}
.new-box article {
flex-grow: 1;
outline: 0px solid #ccc;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
width: 100%;
gap: 5px;
}
.new-box article aside {
align-items: center;
flex-wrap: wrap;
gap: 5px;
display: grid;
}
.new-box article .details {
width: 55%;
align-self: flex-start;
}
.new-box article .details h1 {
font-size: 20px;
font-weight: 500;
margin: 0;
color: #202020;
flex-wrap: wrap;
gap: 10px 10px;
text-decoration: none;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
align-items: center;
}
.new-box article .details h2 {
font-size: 20px;
font-weight: 500;
margin: 0;
color: #202020;
flex-wrap: wrap;
gap: 10px 10px;
text-decoration: none;
overflow: visible;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
align-items: center;
display: -webkit-box;
}
.new-box article .details h2 .partner {
display: inline-block;
}
.new-box article .details h2 .partner span {
background-color: #deebff;
color: #202020;
border: 0px solid #ccc;
border-radius: 50px;
line-height: initial;
display: inline-block;
position: relative;
font-weight: 500;
font-size: 13px;
padding: 0 10px;
}
.new-box article .details h2 a {
color: #202020;
text-decoration: none;
font-size: inherit;
}
.new-box article .details h2 a:hover {
color: #1e6def;
}
.new-box article .details ul {
list-style: none;
}
.new-box article .details ul>li {
text-decoration: none;
display: flex;
/* flex-wrap: wrap; */
gap: 0px 5px;
align-items: center;
}
.new-box article .details ul>li b a {
text-decoration: none;
}
.new-box article .details ul>li a {
text-decoration: none;
color: #656565;
}
.new-box article .details ul>li a:hover {
text-decoration: none;
color: #1e6def;
}
.new-box article .details .info {
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
gap: 5px 15px;
}
.new-box article .details .info li b {
text-decoration: none;
align-items: center;
flex-wrap: wrap;
gap: 5px 10px;
display: flex;
}
.new-box article .details .info li b,
.new-box article .details .info li b a,
.new-box article .details .info li a b {
color: #0d6efd;
}
.new-box article .details .info .tagline {
overflow-wrap: break-word;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.new-box article .details .info .tagline b {
color: inherit;
}
.new-box article .details .info .tagline.full {
max-width: 100%;
-webkit-line-clamp: 1;
overflow: visible;
display: block;
}
.new-box article .details .other {
gap: 5px 15px;
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
}
.tags {
gap: 5px;
overflow-wrap: break-word;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
margin-top: 10px;
width: 100%;
}
.tags.full {
/* display: flex; */
/* gap: 5px; */
flex-wrap: wrap;
}
.tags li {
display: inline-block;
}
.tags li a,
.tag,
a.tag,
.tags a .tag {
text-decoration: none;
padding: 2px 5px !important;
line-height: normal;
font-size: 13px !important;
border-radius: 5px !important;
border: 1px solid #f3f3f3;
background: #ebeff3 !important;
display: block;
font-weight: 400;
margin: 0;
color: #656565 !important;
}
.tags li a:hover,
a.tag:hover,
.tags a .tag:hover {
background-color: #EBECF0 !important;
color: #1e6def !important;
}
.new-box article .options {
font-size: 14px;
-webkit-justify-content: end;
display: grid;
align-items: center;
gap: 5px 0;
outline: 0px solid yellow;
align-self: center;
justify-content: flex-end;
}
.new-box article .options>ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
-webkit-justify-content: end;
flex-wrap: wrap;
gap: 5px 10px;
justify-content: flex-end;
}
.new-box article .options>ul li {
text-decoration: none;
display: flex;
gap: 5px;
align-items: center;
}
.new-box article .options .count {
text-decoration: none;
}
.new-box article .options .count a {
text-decoration: none;
color: #656565;
}
.new-box article .options .count a:hover {
color: #1e6def;
}
.new-box article .options .button .recommend {
font-weight: 600;
}
.new-box article .options .button .match {
font-weight: 500;
color: #5AA1FF;
}
.new-box article .options .button .match i {
font-weight: 600;
}
.new-box article .options .button .match i img {
font-weight: 600;
max-height: 25px;
border-radius: 50%;
}
.new-box article .options .recommend-btn {
text-decoration: none;
}
.new-box article .options .recommend-btn a {
width: 24px;
height: 24px;
display: inline-block;
text-align: center;
background: royalblue;
color: #fff;
border-radius: 50px;
}
.new-box article .options .recommend-btn a:hover {
background: rgb(49, 80, 175);
}
.new-box article .options .recommend-btn a i {
line-height: 24px;
font-size: 16px;
}
.new-box article .options .hint {
gap: 5px;
}
.new-box article .options .hint label {
color: #202020;
outline: 0px solid #eee;
padding: 5px 15px;
font-size: 13px;
border-radius: 5px;
line-height: inherit;
font-weight: 600;
}
.new-box article .options .hint .partner {
background: rgba(25, 103, 210, 0.15);
color: #1967D2;
}
.new-box article .options .hint .premium {
background: rgba(52, 168, 83, 0.15);
color: #34A853;
}
.new-box article .options .date {
display: flex;
flex-wrap: wrap;
gap: 5px 15px;
}
.new-box article .options .button {
text-decoration: none;
gap: 5px 5px;
}
.new-box article .options .button>li {
display: flex;
flex-wrap: wrap;
font-size: 14px;
align-items: center;
gap: 5px;
align-self: center;
}
.new-box article .options .button .job-report {
text-decoration: none;
}
.new-box article .options .button .job-report .btn-link,
.send-msg-button .btn-link {
text-decoration: none;
border-color: #e1e1e1;
color: #0d6efd;
}
.new-box article .easy-apply {
text-decoration: none;
}
.new-box article .easy-apply a {
text-decoration: none;
}
.new-box article .easy-apply .easy-logo {
margin-right: 2px;
position: relative;
top: -1px;
}
.new-box article .easy-apply .easy-logo img {
height: 13px;
}
.new-box article .options .button li .easy-logo {
text-decoration: none;
}
/**==============================================================================================**/
/**==============================================================================================**/
.new-box.premium {
border: 1px solid #bed5f5;
background: #EEF1FF;
}
.new-box.premium .ribbon span,
.new-box .ribbon.premium span {
background-color: #5fa1f8;
}
.new-box.featured {
border: 1px solid #a3eee7 !important;
}
.new-box.featured .ribbon span,
.new-box .ribbon.featured span {
background-color: #63B7AF;
}
.new-box.pinned {
text-decoration: none;
}
.new-box.pinned .ribbon {
left: auto;
right: 0;
width: 50px;
height: 50px;
top: 0px;
z-index: 0;
border-radius: 5px;
}
.new-box.pinned .ribbon i {
transform: rotate(320deg);
font-size: 18px;
position: relative;
top: 2px;
right: -1px;
}
.new-box.pinned .ribbon span,
.new-box .ribbon.pinned span {
background-color: orange;
transform: rotate(45deg);
left: auto;
width: 50px;
top: -3px;
right: -15px;
padding: 3px;
}
.new-box.pinned .ribbon::before,
.new-box.pinned .ribbon::after {
display: none;
}
.new-box .until-date {
display: inline-block;
font-size: 10px;
left: -9px;
top: 20px;
position: absolute;
line-height: 10px;
color: #202020;
text-transform: none;
font-weight: 400;
width: 160px;
padding: 2px;
text-shadow: none;
border-bottom: 0px solid #e9e9e9;
background: #ffffff;
letter-spacing: 0;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
}
/**==============================================================================================**/
/**==============================================================================================**/
.app-details {
background-color: #eee;
}
.app-info {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 50px;
}
.app-info li {
flex: 0 0 25%;
padding-right: 20px;
position: relative;
padding-left: 35px;
margin-bottom: 0;
align-items: center;
flex-wrap: wrap;
gap: 1px;
display: inline-grid;
}
.app-info h5 {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #333;
margin-bottom: 0;
}
.app-info span {
font-size: 16px;
line-height: 20px;
display: block;
}
.app-info .icon {
position: absolute;
left: 0;
top: 0;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
color: #5aa1ff;
font-size: 24px;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.search-panel {
padding: 0;
margin-bottom: 15px;
}
.search-panel .inner {
background-color: rgb(255 255 255 / 100%);
padding: 10px 15px;
border-radius: 5px;
display: flex;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
align-items: center;
gap: 15px;
}
.search-panel .inner .btn-search {
text-decoration: none;
}
.search-panel .inner .btn-search i {
font-size: 26px;
vertical-align: inherit;
display: flex;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
position: relative;
top: 1px;
line-height: 1;
}
.search-panel .inner .floating-label {
margin-bottom: 0;
border-radius: 0;
/* padding: 0px 10px; */
box-sizing: border-box;
border-right: 0px solid #dcdcdc;
text-decoration: none;
align-items: center;
align-self: center;
text-align: left;
}
.search-panel .inner .fields .col-xl-6:first-child {
border-right: 1px solid #b7b7b7;
}
.search-panel .inner .floating-label.last {
border-right: 0px solid #dcdcdc;
}
.search-panel .inner .floating-label .input-group {
border: 0;
display: flex;
align-items: baseline;
background: #ffffff;
align-items: center;
min-height: 40px;
padding-left: 32px;
}
.search-panel .inner .floating-label .btn {
font-size: 24px;
border: 0;
background-color: transparent;
color: #a2a2a2;
height: 100%;
line-height: 1;
border-radius: 0;
position: absolute;
left: 0;
transform: translateY(-50%);
top: 50%;
padding-top: 0;
padding-bottom: 0;
padding: 0;
}
.search-panel .inner .floating-label .btn.clear_keyword,
.search-panel .inner .floating-label .select2-selection__clear {
position: absolute;
z-index: 1;
right: 0;
left: auto;
box-shadow: none;
width: 20px;
height: 20px;
background-color: #fff;
padding: 0;
}
.search-panel .inner .floating-label .btn.clear_keyword i {
font-size: 19px;
color: #676A6D;
font-weight: bold;
text-shadow: 0.1px 0px 0px #676A6D;
}
.search-panel .inner .select2-selection__rendered {
position: relative;
padding-right: 20px !important;
}
.search-panel .inner .floating-label .form-label {
text-decoration: none;
}
.search-panel .inner .form-control,
.search-panel .inner .form-select,
.search-panel .inner .select2-selection,
.search-panel .inner .select2 {
margin-bottom: 0;
border: 0 !important;
margin: 0 !important;
background-color: transparent;
font-size: 18px;
outline: none;
box-shadow: none !important;
background-position-y: 15px;
z-index: auto;
background: white !important;
border-radius: 0 !important;
padding-right: 0 !important;
min-height: auto !important;
padding: 0 !important;
width: 100%;
text-decoration: none;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.search-panel .inner {
margin-bottom: 15px;
}
.search-panel .inner .fields {
flex: 1 1 0% !important;
}
.search-panel .inner .btn-search {
text-decoration: none;
}
.search-panel .inner .btn-search .btn {
min-height: 45px;
text-decoration: none;
align-content: center;
display: block;
width: 100%;
}
/**==============================================================================================**/
.search-tags {
margin-top: -5px;
margin-bottom: -5px;
}
.search-tags .tags {
gap: 5px;
margin-top: 10px;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 5px 0;
}
.search-tags .tags li {
display: inline-block;
}
.search-tags .tags li a {
border: 1px solid #ffffff !important;
background: #ffffff !important;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}
.search-tags .tags li a.selected {
border: 1px solid #5aa1ff !important;
}
/**==============================================================================================**/
.ad-banner {
overflow: hidden;
}
.ad-banner.top {
text-decoration: none;
}
.ad-banner.bottom {
text-decoration: none;
margin-top: 0 !important;
}
.ad-banner figure {
width: 100%;
border-radius: 5px;
overflow: hidden;
margin: 0;
}
.ad-banner figure img {
width: 100%;
}
.ad-banner figure.desktop {
text-decoration: none;
}
.ad-banner figure.mobile {
display: none;
text-decoration: none;
}
/**==============================================================================================**/
.newsletter-area {
padding: 50px 0;
background-color: rgba(30, 109, 239, 0.8);
text-align: center;
margin-top: auto;
}
.newsletter-area .box {
max-width: 580px;
margin: auto;
}
.newsletter-area h2 {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-bottom: 0;
}
.newsletter-area p {
font-size: 18px;
margin-bottom: 15px;
color: #fff;
}
.newsletter-area .floating-label {
margin-bottom: 0;
}
.newsletter-area .input-group {
font-size: 14px;
border: 0;
}
.newsletter-area .invalid-feedback {
margin-top: 5px !important;
background: #fff0;
}
.newsletter-area .input-group .form-control {
font-size: 20px;
border: 0 !important;
border-radius: 5px;
text-align: center;
padding: 10px;
}
.newsletter-area .input-group .btn {
font-size: 30px;
background: #fff;
border: 0;
}
/**==============================================================================================**/
.footer-area {
padding: 50px 0;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding-bottom: 0;
}
.footer-area h2 {
font-size: 16px;
color: #fff;
font-weight: 800;
margin-bottom: 20px;
}
.footer-area .links {
margin: 0;
padding: 0;
margin-right: 50px;
margin-bottom: 50px;
}
.footer-area .links>li {
position: relative;
display: block;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
line-height: 20px;
}
.footer-area .links>li>a {
color: #fff;
text-decoration: none;
}
.footer-area .links li>a:hover {
color: #5aa1ff;
text-decoration: none;
}
.footer-area .social {
position: relative;
}
.footer-area .social a {
color: #5aa1ff;
font-size: 36px;
margin-top: 10px;
text-decoration: none;
}
.footer-area .social .icon-x {
text-align: center;
position: relative;
}
.footer-area .social .icon-x i {
font-size: 28px;
vertical-align: initial;
line-height: 36px;
}
.footer-area .social a:hover {
color: #1e6def;
}
.footer-area .links>li.dropdown .dropdown-menu {
margin: 0;
}
.footer-area .links>li.dropdown .dropdown-menu li {
margin: 0;
}
.footer-area .links>li.dropdown .dropdown-menu li a {
margin: 0;
}
.footer-area .links>li.expand .view {
margin: 0;
margin-top: 10px;
list-style: none;
margin-left: 0;
padding-left: 15px;
}
.footer-area .links>li.expand .view li {
margin: 0;
margin-bottom: 5px;
}
.footer-area .links>li.expand .view li a {
margin: 0;
color: #fff;
}
/**==============================================================================================**/
.copy-area {
padding: 10px 0;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
}
.copy-area a {
color: #fff !important;
}
/**==============================================================================================**/
.left-nav {
margin-bottom: 15px;
}
.left-nav .list-group-item {
text-decoration: none;
}
.left-nav .list-group-item i {
margin-right: 10px;
}
.tab-col {
min-height: 200px;
}
/**==============================================================================================**/
.email-app {
text-decoration: none;
}
.email-app .left-button {
margin-bottom: 15px;
border-bottom: 1px solid red;
padding-bottom: 15px;
}
.email-app .btn-new {
margin-bottom: 15px;
}
.email-app .btn-toolbar {
margin-bottom: 0;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
width: 100%;
}
.email-app .btn-toolbar .actions {
display: flex;
text-decoration: none;
}
.email-app .btn-toolbar .actions .search-buttons {
text-decoration: none;
}
.email-app .btn-toolbar .options {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.email-app .btn-toolbar .options {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.email-app .btn-toolbar .btn-group {
text-decoration: none;
}
.email-app .btn-toolbar .btn-group .check {
padding-right: 7px;
}
.email-app .btn-toolbar .btn-group .btn-check .form-check {
text-decoration: none;
}
.email-app .btn-toolbar .btn-group div {
display: inherit;
}
.email-app .btn-toolbar .search {
margin: 0;
}
.email-app .btn-toolbar .search .input-group {
text-decoration: none;
}
.email-app .messages {
text-decoration: none;
}
.email-app .messages table {
text-decoration: none;
}
.email-app .messages table tr {
position: relative;
}
.email-app .messages table td {
vertical-align: middle;
position: relative;
}
.email-app .messages table td a {
text-decoration: none;
}
.email-app .messages table .active {
font-weight: 600;
background-color: #fff2f2;
}
.email-app .messages .check {
width: 35px;
position: relative;
z-index: 5;
}
.email-app .important {
font-size: 16px;
vertical-align: middle;
padding-left: 0;
width: 22px;
}
.email-app .important span {
font-size: 20px;
color: #ddd;
}
.email-app .important.selected span {
color: #F4B400;
}
.email-app .attachment {
font-size: 14px;
vertical-align: middle;
padding: 0;
width: 30px;
}
.email-app .attachment span {
font-size: 18px;
color: #656565;
}
.email-app .messages .from {
text-decoration: none;
}
.email-app .messages .subject {
text-decoration: none;
}
.email-app .messages .subject a {
text-decoration: none;
color: initial;
width: auto !important;
}
.email-app .messages .subject .text {
text-decoration: none;
color: initial;
max-width: 490px;
width: auto;
}
.email-app .messages .date {
font-size: 14px;
width: 120px;
}
.email-app .details {
text-decoration: none;
}
.email-app .details article {
margin-bottom: 15px;
border-bottom: 1px dashed #999;
padding-bottom: 15px;
}
.email-app .details>.title {
font-weight: bold;
border-bottom: 1px solid #e1e6ef;
padding-bottom: 10px;
margin-bottom: 15px;
margin-top: 15px;
}
.email-app .details .head {
display: flex;
padding: 0;
margin: 0;
border-bottom: 0px solid #e1e6ef;
padding-bottom: 15px;
margin-bottom: 0;
align-content: center;
align-items: center;
}
.email-app .details .head .thumbnail {
margin-right: 10px;
width: 40px;
height: 40px;
}
.email-app .details .head .thumbnail img {
max-width: 100%;
}
.email-app .details .head .thumbnail .text {
font-size: 12px;
}
.email-app .details .head .left {
margin-right: auto;
display: flex;
}
.email-app .details .head .right {
text-decoration: none;
}
.email-app .details .head .user {
margin-right: 1rem;
line-height: normal;
}
.email-app .details .head .name {
display: block;
font-weight: 600;
}
.email-app .details .head .email {
font-size: 13px;
}
.email-app .details .head .from {
align-self: center;
}
.email-app .details .head .from span {
display: block;
font-weight: bold;
}
.email-app .details .head .date {
margin-left: auto;
}
.email-app .details .head .date {
margin-left: auto;
font-size: 12px;
}
.email-app .details .msg-content {
color: #202020;
padding: 30px;
background: #f2f1f9;
border-radius: 0 40px 40px 40px;
margin-left: 0;
border: 0 !important;
}
.email-app .message-reply-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-start;
margin: 15px 0;
}
.email-app .reply-form .buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
margin-top: 30px;
}
.email-app .details .attachments {
list-style: none;
padding: 10px;
margin: 15px 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
}
.email-app .details .attachments li {
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 5px;
}
.email-app .details .attachments li .file {
text-decoration: none;
display: flex;
align-items: center;
gap: 15px;
justify-content: end;
}
.email-app .details .attachments li .file .icon {
background: #9e9e9e;
display: inline-block;
border: 0px solid #ccc;
padding: 0px 10px;
font-size: 14px;
color: #fff;
border-radius: 50px;
}
.email-app .details .attachments li .file .name {
display: inline-block;
font-weight: 500;
}
.email-app .details .attachments li .file .size {
font-size: 14px;
}
.email-app .details .attachments li .buttons {
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
justify-content: end;
border-radius: 5px;
}
.email-app .details .attachments li .buttons a {
display: inline-block;
color: #1e6def;
padding: 5px;
}
/**==============================================================================================**/
.email-app .details .attachments .attachment {
display: flex;
margin: 0.5rem 0;
font-size: 14px;
align-self: center;
}
.email-app .details .attachments .attachment b {
border: 0px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
font-weight: 500;
}
.email-app .details .attachments .attachment b i {
display: none
}
.email-app .details .attachments .attachment .file-icon {
margin: 0;
line-height: inherit;
border: 0;
background: #eee;
margin-right: 10px;
padding: 1px 10px;
background-color: #202020;
}
.email-app .details .attachments .attachment .menu {
margin-left: auto;
}
.email-app .details .attachments .attachment .menu a {
padding: 0 3px;
font-size: 14px;
border: 1px solid #ccc;
text-decoration: none;
border-radius: 5px;
}
.email-app .compose {
margin-top: 30px;
}
.email-app .compose .buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
margin-top: 0;
}
/**==============================================================================================**/
.email-app-new {
text-decoration: none;
}
.email-app-new .left-nav {
margin-bottom: 30px;
}
.email-app-new .left-nav .list-group-item i {
margin-right: 10px;
}
.email-app-new .left-button {
margin-bottom: 15px;
border-bottom: 1px solid red;
padding-bottom: 15px;
}
.email-app-new .btn-new {
margin-bottom: 15px;
}
.email-app-new .btn-toolbar {
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
justify-content: space-between;
width: 100%;
}
.email-app-new .btn-toolbar .actions {
display: flex;
width: 100%;
}
.email-app-new .btn-toolbar .actions .search-buttons {
text-decoration: none;
}
.email-app-new .btn-toolbar .options {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.email-app-new .btn-toolbar .options {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.email-app-new .btn-toolbar .btn-group {
text-decoration: none;
}
.email-app-new .btn-toolbar .btn-group div {
display: inherit;
}
.email-app-new .btn-toolbar .search {
margin: 0;
}
.email-app-new .btn-toolbar .search .input-group {
width: 100%;
}
.email-app-new .messages {
text-decoration: none;
}
.email-app-new .messages table {
width: 100%;
}
.email-app-new .messages table tr {
position: relative;
}
.email-app-new .messages table .active {
font-weight: 600;
background-color: #fff2f2;
}
.email-app-new .messages .check {
width: 40px;
}
.email-app-new .messages .from {
min-width: 130px;
}
.email-app-new .messages .from a {
text-decoration: none;
}
.email-app-new .messages .subject {
text-decoration: none;
}
.email-app-new .messages .subject a {
text-decoration: none;
color: initial;
}
.email-app-new .messages .date {
min-width: 120px;
}
.email-app-new .messages .date a {
text-decoration: none;
}
.email-app-new .details {
text-decoration: none;
}
.email-app-new .details article {
margin-bottom: 15px;
border-bottom: 1px dashed #999;
padding-bottom: 15px;
}
.email-app-new .details .title {
font-weight: bold;
color: #202020;
border-bottom: 1px solid #e1e6ef;
padding-bottom: 10px;
margin-bottom: 15px;
}
.email-app-new .details .head {
display: flex;
padding: 0;
margin: 0;
border-bottom: 0px solid #e1e6ef;
padding-bottom: 15px;
margin-bottom: 0;
align-content: center;
align-items: center;
}
.email-app-new .details .head .thumbnail {
margin-right: 10px;
width: 40px;
height: 40px;
}
.email-app-new .details .head .thumbnail .text {
font-size: 12px;
}
.email-app-new .details .head .user {
margin-right: 1rem;
line-height: normal;
}
.email-app-new .details .head .name {
display: block;
font-weight: 600;
}
.email-app-new .details .head .email {
font-size: 13px;
}
.email-app-new .details .head .from {
align-self: center;
}
.email-app-new .details .head .from span {
display: block;
font-weight: bold;
}
.email-app-new .details .head .date {
margin-left: auto;
}
.email-app-new .details .head .date {
margin-left: auto;
}
.email-app-new .details .msg-content {
color: #202020;
padding: 30px;
background: #f2f1f9;
border-radius: 0 40px 40px 40px;
margin-left: 0;
}
.email-app-new .message-reply-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-start;
margin: 15px 0;
}
.email-app-new .reply-form .buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
margin-top: 30px;
}
.email-app-new .details .attachments {
list-style: none;
padding: 10px;
margin: 15px 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
}
.email-app-new .details .attachments li {
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 5px;
}
.email-app-new .details .attachments li .file {
text-decoration: none;
display: flex;
align-items: center;
gap: 15px;
justify-content: end;
}
.email-app-new .details .attachments li .file .icon {
background: #9e9e9e;
display: inline-block;
border: 0px solid #ccc;
padding: 0px 10px;
font-size: 14px;
color: #fff;
border-radius: 50px;
}
.email-app-new .details .attachments li .file .name {
display: inline-block;
font-weight: 500;
}
.email-app-new .details .attachments li .file .size {
font-size: 14px;
}
.email-app-new .details .attachments li .buttons {
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
justify-content: end;
border-radius: 5px;
}
.email-app-new .details .attachments li .buttons a {
display: inline-block;
color: #1e6def;
padding: 5px;
}
/**==============================================================================================**/
.email-app-new .details .attachments .attachment {
display: flex;
margin: 0.5rem 0;
font-size: 14px;
align-self: center;
}
.email-app-new .details .attachments .attachment b {
border: 0px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
font-weight: 500;
}
.email-app-new .details .attachments .attachment b i {
display: none
}
.email-app-new .details .attachments .attachment .file-icon {
margin: 0;
line-height: inherit;
border: 0;
background: #eee;
margin-right: 10px;
padding: 1px 10px;
background-color: #202020;
}
.email-app-new .details .attachments .attachment .menu {
margin-left: auto;
}
.email-app-new .details .attachments .attachment .menu a {
padding: 0 3px;
font-size: 14px;
border: 1px solid #ccc;
text-decoration: none;
border-radius: 5px;
}
.email-app-new .compose {
margin-top: 30px;
}
.email-app-new .compose .buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
margin-top: 0;
}
/**==============================================================================================**/
.inbox-app .item {
position: relative;
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, .125);
}
.inbox-app .item .box {
display: flex;
width: 100%;
text-decoration: none;
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
color: #656565;
line-height: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
align-items: center;
}
.inbox-app .item .box .checkbox {
margin-right: 0;
margin-bottom: 0;
position: relative;
min-width: 24px;
height: 24px;
display: inline-block;
vertical-align: bottom;
}
.inbox-app .item .box .icon-imp {
display: inline-block;
margin-right: 0;
min-width: 30px;
border: 1px solid #ccc;
align-items: center;
color: #b6b6b6;
}
.inbox-app .item .box .icon-imp span {
font-size: 20px;
}
.inbox-app .item .box .icon-star {
display: inline-block;
margin-right: 0;
min-width: 30px;
border: 1px solid #ccc;
align-items: center;
color: #b6b6b6;
}
.inbox-app .item .box .icon-star span {
font-size: 20px;
}
.inbox-app .item .box .name {
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
line-height: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: inline-block;
margin-right: 10px;
border: 1px solid #ccc;
align-items: center;
min-width: 145px;
font-weight: 600;
max-width: 145px;
}
.inbox-app .item .box .title {
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
line-height: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: inline-block;
margin-right: 10px;
border: 1px solid #ccc;
align-items: center;
color: #202020;
}
.inbox-app .item .box .icon-file {
margin-right: 10px;
border: 1px solid;
width: 30px;
display: inherit;
align-items: center;
margin-left: auto;
}
.inbox-app .item .box .icon-file span {
font-size: 18px;
}
.inbox-app .item .box .time {
margin-right: 0;
border: 1px solid;
display: inline-block;
align-items: center;
min-width: 100px;
text-align: right;
color: #999;
}
/**==============================================================================================**/
.my-table {
text-decoration: none;
color: #656565;
}
.my-table .details {
width: 290px;
white-space: initial;
}
.my-table .ref-no a {
text-decoration: none;
}
.my-table .details .text {
min-width: 200px;
}
.my-table .payment-id {
font-weight: 600;
}
/**==============================================================================================**/
.table {
/* color: #707070; */
line-height: unset;
}
.table tr th {
font-weight: 600;
}
.table .lbl {
color: #707070;
}
.table .value {
color: #202020;
}
.table.no-space td,
.table.no-space th {
padding-left: 0;
padding-right: 0;
}
.table-sm.no-space td,
.table-sm.no-space th {
padding: 0.3rem 0px;
}
.table.middle td,
.table.middle th,
.table thead.middle th {
vertical-align: middle;
}
/**==============================================================================================**/
.table.tbl-job-details .lbl {
width: 200px;
}
/**==============================================================================================**/
.upload-file {
flex-wrap: wrap;
gap: 0 25px;
display: flex;
}
.upload-file .floating-label {
flex-wrap: wrap;
gap: 0;
display: flex;
max-width: 265px;
}
.upload-file .box {
gap: 20px;
border: 1px dashed #9f9f9f;
width: 100px;
height: 100px;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
border-radius: 0;
transition: 0.3s;
position: relative;
margin: 0;
text-align: center;
padding: 0px 0;
align-content: end;
display: flex;
background: #fff;
}
.upload-file .box figure {
margin: auto;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.upload-file .box figure:hover {
border-color: #1e6def;
}
.upload-file .box figure img {
width: auto;
max-width: 100%;
max-height: 100px;
height: 100%;
padding: 5px;
}
.upload-file .box figure .field {
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #202020;
}
.upload-file .box figure .label {
display: block;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
font-weight: 600;
align-content: center;
align-self: unset;
display: flex;
flex-wrap: wrap;
gap: 3px 10px;
}
.upload-file .box figure .label i {
font-size: 18px;
display: inline-block;
border: 0;
background: #5aa1ff47;
border-radius: 50px;
padding: 10px;
color: black;
margin-bottom: 0;
}
.upload-file .box figure .label b {
font-size: 14px;
display: block;
margin-right: 0;
font-weight: 400;
color: #777;
margin-bottom: 0;
}
.upload-file .box figure .hint {
font-size: 10px;
bottom: 4px;
padding: 0 5px;
left: 0;
right: 0;
font-weight: normal;
margin-top: 0;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 10px;
color: red;
}
.upload-file .box figure .name {
font-size: 12px;
position: absolute;
bottom: 5px;
padding: 0 5px;
left: 0;
right: 0;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
bottom: 0;
border-top: 0px solid #ebebeb;
color: #707070;
background: #fff9;
}
.upload-file .box .buttons {
flex-wrap: wrap;
gap: 5px;
font-size: 20px;
display: flex;
max-width: 100px;
margin-left: 10px;
}
.upload-file .box .buttons a {
text-decoration: none;
font-size: 14px;
}
.upload-file .box.buttons a i {
margin-right: 5px;
}
.upload-file .box .actions {
font-size: 20px;
position: absolute;
background: #a4a4a45c;
left: 0;
right: 0;
text-align: center;
padding: 3px;
visibility: hidden;
top: 0;
bottom: 0;
align-items: center;
display: flex;
justify-content: center;
}
.upload-file .box:hover .actions {
visibility: visible;
}
.upload-file .box .actions a {
text-decoration: none;
color: #fff;
display: flex;
padding: 5px;
background: #5aa1ff;
margin: 3px;
border-radius: 3px;
position: relative;
width: 30px;
height: 30px;
}
.upload-file .box .actions a span {
display: inherit;
}
.upload-file .box .actions a i {
margin-right: 0;
font-size: 20px;
line-height: 1;
}
/**==============================================================================================**/
.ui-item {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
border-radius: 5px;
padding: 25px;
margin-bottom: 30px;
background-color: rgb(255 255 255 / 80%);
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.ui-item .icon {
position: relative;
display: block;
font-size: 40px;
color: #1e6def;
text-align: center;
background: rgba(25, 103, 210, 0.05);
padding: 15px;
border-radius: 5px;
}
.ui-item .right {
text-align: right;
}
.ui-item h4 {
font-size: 30px;
font-weight: 600;
line-height: 1;
margin-bottom: 3px;
}
.ui-item p {
font-size: 16px;
margin: 0;
}
/**==============================================================================================**/
.mymee-btn {
z-index: 999;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
width: 30px;
display: inline-block;
height: 30px;
text-align: center;
left: -15px;
top: 50px;
cursor: pointer;
}
/**==============================================================================================**/
.additional-info {
position: relative;
background: #ffffff8c;
padding: 20px;
box-sizing: border-box;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
}
.additional-info .job-overview {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.additional-info .job-overview li {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}
.additional-info .job-overview li:last-child {
margin-bottom: 0px;
}
.additional-info .job-overview li .icon {
position: absolute;
left: 0;
top: 0;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
color: #5aa1ff;
font-weight: 500;
}
.additional-info.new .job-overview li .icon {
color: #9da3ac;
}
.additional-info .job-overview li .icon i {
font-size: 24px;
line-height: 30px;
}
.additional-info .job-overview li h5 {
font-size: 14px;
line-height: 22px;
color: #333;
margin-right: auto;
font-weight: 500;
margin-bottom: 0;
}
.additional-info .job-overview li span {
font-size: 16px;
line-height: 20px;
}
.additional-info .job-overview li .social {
margin-top: 5px;
}
.additional-info .job-overview li .social a {
color: #5aa1ff;
font-size: 24px;
margin-top: 0;
text-decoration: none;
text-align: center;
border-radius: 4px;
}
.additional-info .resume-button {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
}
/**==============================================================================================**/
.public-files {
margin-top: 30px;
}
.public-files .heading {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.public-files ul {
margin: 0;
padding: 0;
list-style: none;
}
.public-files ul li {
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 5px;
gap: 10px;
}
.public-files ul li .name {
font-weight: 400;
}
.public-files ul li .link {
font-size: 20px;
}
/**==============================================================================================**/
.job-attachments {
margin-top: 30px;
}
.job-attachments .heading {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.job-attachments ul,
.job-attachments ol {
margin: 0;
padding-left: 15px;
}
.job-attachments li {
justify-content: start;
align-items: center;
margin-bottom: 5px;
gap: 10px;
}
.job-attachments li .name {
font-weight: 400;
display: flex;
gap: 10px;
}
.job-attachments li .link {
font-size: 20px;
}
/**==============================================================================================**/
.card-header h4 {
font-size: 18px;
font-weight: 600;
}
.card-header .card-body {
min-height: 60px;
}
.card-header .card-body .filters {
margin-bottom: 15px;
}
/**==============================================================================================**/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
transition: opacity 0.3s linear, left 0.3s ease-out;
position: fixed;
margin: auto;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
width: 100%;
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
border-radius: 0;
border: 0;
width: 100%;
}
.modal.left .modal-dialog {
left: 0;
}
.modal.right .modal-dialog {
right: 0;
}
.modal-md {
max-width: 600px;
}
.my-model .modal-header {
background-color: #fff;
padding: 15px 20px;
}
.my-model .modal-header .modal-title {
font-weight: 600;
font-size: 18px;
color: #202020;
}
.my-model .modal-header .modal-title .name {
display: flex;
align-items: center;
}
.my-model .modal-header .modal-title .name .lbl {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 20px;
color: #202020;
font-weight: 600;
}
.my-model .modal-header .modal-title .name p {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 18px;
font-weight: 600;
}
.my-model .modal-header .modal-title .name .thumbnail {
position: relative;
display: flex;
align-items: center;
width: fit-content;
align-self: flex-start;
margin: 0;
margin-right: 10px;
display: none;
}
.my-model .modal-header .modal-title .name .thumbnail span {
width: 30px;
height: 30px;
border: 1px solid #DDDDDD;
border-radius: 50px;
}
.my-model .modal-header .modal-title .name .thumbnail span img {
max-width: 100%;
border-radius: 0;
}
.my-model .modal-header .btn-close {
font-size: 12px;
}
.my-model .modal-body {
padding: 20px;
}
.my-model .buttons {
align-content: normal;
flex-grow: 1;
outline: 0px solid #ccc;
display: flex;
justify-content: end;
flex-wrap: wrap;
width: 100%;
}
.modal-footer .btn {
outline: 0 solid yellow;
padding-top: 5px;
padding-bottom: 5px;
}
/**==============================================================================================**/
.side-filters {
border-right: 0 solid #ccc;
z-index: 1700;
}
.side-filters .modal-header {
background-color: #fff;
padding: 20px 20px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.side-filters .modal-footer {
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.side-filters .buttons,
.side-filters .left-filter-box {
align-content: normal;
outline: 0px solid #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.side-filters .buttons .btn,
.side-filters .left-filter-box .btn {
outline: 0px solid #ccc;
flex: 1;
}
.side-filters .modal-header .modal-title {
font-size: 18px;
margin-right: 10px;
}
.side-filters .modal-header .btn-clear {
font-size: 13px;
padding: 2px 10px;
text-decoration: none;
border: 1px solid #ccc;
border-radius: 5px;
color: #555;
}
.side-filters .modal-header .btn-close {
background-color: #fff;
font-size: 16px;
padding: 0;
opacity: 0.2;
margin-right: 5px;
}
.side-filters .modal-dialog {
max-width: 310px;
}
.side-filters .modal-content {
background-color: #ffffff;
border-right: 1px solid #dcdcdc !important;
}
.side-filters .modal-body {
padding: 15px 0;
overflow-y: scroll;
max-height: calc(100vh - 140px);
}
.side-filters .box {
margin-bottom: 15px;
border-bottom: 1px solid #e4e4e4;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
}
.side-filters .box:last-child {
border-bottom: 0;
}
.side-filters .item-title {
font-weight: 600;
margin-bottom: 10px;
font-size: 14px;
color: #202020;
}
.side-filters .item {
position: relative;
}
.side-filters .item span {
color: #999999;
font-size: 13px;
position: absolute;
right: 0;
top: 4px;
}
.side-filters .box .floating-label {
text-decoration: none;
}
.side-filters .item .form-check-input {
margin-right: 5px;
}
.side-filters .item .more {
font-size: 14px;
text-decoration: none;
margin-top: 10px;
display: inline-block;
}
.side-filters .box .questions {
text-decoration: none;
}
.side-filters .box .questions .qes {
margin-bottom: 5px;
}
.side-filters .box .answers {
margin-left: 0;
}
.side-filters .box .answers ul {
padding: 0;
MARGIN: 0;
list-style: none;
}
/**==============================================================================================**/
.advance-filters .item-title {
font-weight: 600;
margin-bottom: 10px;
font-size: 16px;
color: #202020;
}
.advance-filters .box .questions .qes {
margin-bottom: 5px;
font-weight: 600;
}
.advance-filters .box .answers {
margin-left: 0;
}
.advance-filters .box .answers ul {
padding: 0;
MARGIN: 0;
list-style: none;
}
/**==============================================================================================**/
.pager {
position: relative;
margin-top: 15px;
}
.pager ul {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.pager li {
position: relative;
margin: 0 5px;
font-size: 16px;
line-height: 36px;
min-width: 36px;
font-weight: 400;
text-align: center;
list-style: none;
}
.pager li a {
position: relative;
display: block;
color: #696969;
border-radius: 50%;
transition: all 300ms ease;
text-decoration: none;
}
.pager li a:hover,
.pager li a.current-page {
background: #1e6def;
color: #ffffff;
}
.pager li.next a,
.pager li.prev a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
margin: 0 12px;
}
.ls-section .ls-footer {
position: relative;
padding: 40px 0;
text-align: center;
border-top: 1px solid #ECEDF2;
}
.ls-section .copyright-text {
font-size: 14px;
line-height: 19px;
color: #696969;
}
.pager li.next a:hover,
.pager li.prev a:hover {
background: transparent;
color: #1967D2;
}
/**==============================================================================================**/
.details-area {
padding-right: 50px;
}
.details-area .buttons {
font-size: 24px;
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
margin-top: 50px;
}
/**==============================================================================================**/
.admin-wrapper {
display: inline-flex;
width: 100%;
min-height: 100%;
height: 100%;
flex: auto;
background: #faf9ff;
}
.admin-content {
width: calc(100% - 270px);
transition: all 0.3s;
position: relative;
}
.admin-content.active {
width: 100%;
}
.admin-page {
padding: 30px;
}
.admin-leftnav-btn {
z-index: 100;
position: absolute;
background: #fff;
border: 0px solid #ccc;
border-radius: 50%;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
width: 30px;
display: inline-block;
height: 30px;
text-align: center;
left: -15px;
top: 29px;
cursor: pointer;
}
.admin-leftnav-btn:hover {
background: #1e6def;
color: #fff;
}
.admin-leftnav-btn i {
line-height: 31px;
}
.admin-leftnav {
width: 270px;
transition: all 0.3s;
background: #003580;
}
.admin-leftnav .inner {
padding: 20px;
}
.admin-leftnav.open {
margin-left: -253px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.admin-leftnav ul {
padding: 0;
border-bottom: 0;
list-style: none;
}
.admin-leftnav li {
padding: 0;
border-bottom: 0;
list-style: none;
position: relative;
}
.admin-leftnav li .title {
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #7e7e7e;
display: none;
}
.admin-leftnav ul li a {
text-decoration: none;
position: relative;
display: flex;
align-items: center;
padding: 5px 15px;
line-height: 30px;
font-weight: 400;
font-size: 15px;
color: #d6d5d5;
text-align: left;
text-transform: capitalize;
border-radius: 5px;
transition: all 500ms ease;
}
.admin-leftnav ul li a:hover {
color: #ffffff;
background-color: #1e6def;
}
.admin-leftnav ul li a i {
position: relative;
margin-right: 10px;
font-size: 20px;
text-align: center;
transition: all 500ms ease;
}
.admin-leftnav ul li.active>a {
color: #fff;
background: #6d7fcc;
}
.admin-leftnav ul>li.active>a {
color: #fff;
background-color: rgb(0 0 0 / 10%);
font-weight: bold;
}
.admin-leftnav ul>li:hover>a {
color: #ffffff;
background: #1e6def;
}
.admin-leftnav a[data-toggle="collapse"] {
position: relative;
outline: 5px solid #202020;
}
.admin-leftnav .dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.admin-leftnav ul .submenu {
padding: 5px 10px;
border-bottom: 0;
list-style: none;
margin-left: 0;
border-radius: 5px;
background-color: rgb(0 0 0 / 10%);
}
.admin-leftnav ul .submenu li {
outline: 0px solid #202020;
}
/**==============================================================================================**/
.icons .admin-leftnav.open {
width: 70px;
margin: 0;
}
.icons .admin-leftnav.open .inner {
padding: 10px;
}
.icons .admin-leftnav.open ul li a {
color: #ffffff;
}
.icons .admin-leftnav.open li.active>a {
color: #fff;
}
.icons .admin-leftnav.open li:hover>a {
color: #ccc;
}
.icons.open .admin-leftnav {
margin-left: 0;
}
.icons .admin-leftnav.open>li {
margin-bottom: 20px;
position: relative;
}
.icons .admin-leftnav.open li a {
display: block;
padding: 10px;
text-align: center;
overflow: hidden;
}
.icons .admin-leftnav.open li a i {
display: block;
margin: 0;
font-size: 24px;
}
.icons .admin-leftnav.open li>a span {
display: block;
font-size: 11px;
line-height: normal;
display: none;
}
.icons .admin-leftnav.open .submenu {
background-color: #202020;
position: absolute;
left: 55px;
z-index: 99;
min-width: 200px;
top: 0;
border-radius: 0;
padding: 10px;
}
.icons .admin-leftnav.open .submenu li {
margin-bottom: 0;
}
.icons .admin-leftnav.open .submenu li a {
text-align: left;
padding: 10px 15px;
line-height: normal;
}
.icons .admin-content {
width: calc(100% - 0px);
}
.icons .admin-content.active {
text-decoration: none;
}
/**==============================================================================================**/
.admin-content.open .admin-leftnav-btn {
left: -15px;
}
.admin-content.open .admin-leftnav-btn i {
transform: scaleX(-1);
}
.admin-leftnav.icons {
text-decoration: none;
}
.removethis {
font-size: 10px;
line-height: 0;
align-content: center;
display: flex;
align-items: center;
padding: 0;
position: absolute;
font-weight: 400;
right: 0;
bottom: -4px;
opacity: 0;
}
.new-box article .details h2:hover .removethis {
opacity: 1;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.ribbon {
width: 100px;
height: 100px;
overflow: hidden;
position: absolute;
z-index: 2;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #cacaca;
opacity: 0;
}
.ribbon span {
position: absolute;
display: block;
width: 150px;
padding: 0px 0;
background-color: #16c08a;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
color: #fff;
text-transform: uppercase;
text-align: center;
z-index: 9;
font-size: 14px;
letter-spacing: 0.5;
font-weight: bold;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
}
.ribbon-top-left {
top: -1px;
left: -1px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
border-top-color: transparent;
border-left-color: transparent;
}
.ribbon-top-left::before {
top: 0;
right: 0;
}
.ribbon-top-left::after {
bottom: 0;
left: 0;
}
.ribbon-top-left span {
left: -42px;
top: 20px;
transform: rotate(-45deg);
}
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -25px;
top: 30px;
transform: rotate(45deg);
}
.ribbon-bottom-left {
bottom: -10px;
left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
border-bottom-color: transparent;
border-left-color: transparent;
}
.ribbon-bottom-left::before {
bottom: 0;
right: 0;
}
.ribbon-bottom-left::after {
top: 0;
left: 0;
}
.ribbon-bottom-left span {
right: -25px;
bottom: 30px;
transform: rotate(225deg);
}
.ribbon-bottom-right {
bottom: -10px;
right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
border-bottom-color: transparent;
border-right-color: transparent;
}
.ribbon-bottom-right::before {
bottom: 0;
left: 0;
}
.ribbon-bottom-right::after {
top: 0;
right: 0;
}
.ribbon-bottom-right span {
left: -25px;
bottom: 30px;
transform: rotate(-225deg);
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.owl-wrapper {
margin: 0 auto;
}
.owl-carousel .owl-stage {
display: flex;
align-items: center;
margin: 0 auto;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.premium-section {
border-radius: 0;
padding: 0;
text-align: center;
margin: auto;
margin-bottom: 0;
}
.premium-section .text {
margin-bottom: 15px;
text-align: center;
}
.premium-section .text h2 {
font-style: normal;
font-weight: 600;
font-size: 36px;
display: inline-block;
color: #202020;
margin: 0;
}
.premium-section .text h2::before {
content: "";
background-image: url(../images/icon-premium.png);
background-repeat: no-repeat;
background-size: contain;
width: 40px;
height: 40px;
display: inline-block;
position: relative;
top: 5px;
margin-right: 10px;
}
.premium-section .text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
margin-bottom: 0;
}
.premium-section .owl-carousel {
padding: 0 50px;
}
.premium-section .owl-nav button {
margin: 0 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px !important;
}
.premium-section .owl-nav button.owl-prev {
left: -10px;
}
.premium-section .owl-nav button.owl-next {
right: -10px;
}
.premium-section .owl-nav i {
text-decoration: none;
}
.premium-section .button {
margin-top: 20px;
text-align: center;
}
.premium-section .new-box {
display: block;
padding: 30px 10px;
border-radius: 5px;
text-align: left;
margin: 10px 5px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
overflow: hidden;
}
.premium-section .new-box .thumbnail {
margin: auto;
margin-bottom: 10px;
}
.premium-section .new-box .thumbnail span {
font-style: normal;
width: 80px;
height: 80px;
margin-right: 0;
}
.premium-section .new-box article {
display: block;
text-align: center;
}
.premium-section .new-box article aside {
width: 100% !important;
text-align: center;
max-width: 100%;
}
.premium-section .new-box article .details .short-description {
margin-top: 20px;
/* height: 40px !important; */
overflow-wrap: break-word;
text-overflow: ellipsis;
color: #202020;
font-size: 15px;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* overflow: hidden; */
}
.premium-section .new-box article .details .skills {
margin-top: 20px;
overflow-wrap: break-word;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.premium-section .new-box article .details .skills label {
background-color: #ffffff;
margin: 2px 0px;
border: 1px solid #eee;
font-size: 13px;
padding: 0px 10px;
border-radius: 3px;
color: #666666;
}
.premium-section .new-box article .details .info li b {
display: block;
}
.premium-section .new-box article .details ul {
display: block;
}
.premium-section .new-box article .details .other {
position: absolute;
bottom: -11px;
background: rgb(79 75 75);
left: 0;
right: 0;
color: #fff;
padding: 10px 10px;
opacity: 0;
gap: 10px;
font-size: 14px;
margin: 0 !important;
transition: all .1s linear;
/* padding: 0 !important; */
}
.premium-section .new-box:hover article .details .other {
opacity: 1;
bottom: -1px;
}
.premium-section .new-box article .details .other li {
margin: 0px 5px;
display: inline-block;
}
.premium-section .new-box article .details ul>li {
display: block;
margin: 0 5px;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.premium-section .new-box .ribbon {
display: block !important;
}
.premium-section .new-box .ribbon span {
text-decoration: none;
}
.premium-section .new-box article .details h2 {
display: -webkit-box;
font-size: 18px;
-webkit-line-clamp: 1;
text-align: center;
align-items: center;
align-self: unset;
justify-content: center;
align-content: center;
}
/**==============================================================================================**/
.featured-section {
text-align: center;
margin-bottom: 0;
}
.featured-section .text {
margin-bottom: 15px;
text-align: center;
}
.featured-section .text h2 {
font-style: normal;
font-weight: 600;
font-size: 36px;
background-repeat: no-repeat;
background-size: 55px;
display: inline-block;
background-position: 0px -7px;
color: #202020;
margin: 0;
}
.featured-section .text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
margin: 0;
padding: 0;
}
.featured-section .owl-carousel {
padding: 0 50px;
}
.featured-section .owl-nav button {
margin: 0 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #5aa1ff !important;
font-size: 40px !important;
}
.featured-section .owl-nav button.owl-prev {
left: 0;
}
.featured-section .owl-nav button.owl-next {
right: 0;
}
.featured-section .button {
margin-top: 20px;
text-align: center;
}
.featured-section .new-box {
border-radius: 5px;
text-align: left;
margin: 10px;
width: 100%;
}
.featured-section .new-box .thumbnail span {
font-style: normal;
}
.featured-section .new-box article {
width: 100%;
}
.featured-section .new-box article aside {
width: 100% !important;
max-width: 100%;
}
.featured-section .new-box article aside h2 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.featured-section .new-box article .details .short-description {
margin-top: 20px;
height: 70px;
overflow: hidden;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: none;
}
.featured-section .new-box article .details .skills {
margin-top: 10px;
}
.featured-section .new-box article .details .skills label {
background-color: #ffffff;
margin: 2px 0px;
border: 1px solid #eee;
font-size: 13px;
padding: 0px 10px;
border-radius: 3px;
color: #666666;
}
.featured-section .new-box article .details .info {
gap: 5px 10px;
}
.featured-section .new-box article .details ul {
gap: 0px 15px;
}
.featured-section .new-box article .details ul>li {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-section .new-box .ribbon {
display: block !important;
}
/**==============================================================================================**/
.popular-section {
margin-bottom: 0;
}
.popular-section .button {
margin-top: 30px;
text-align: center;
}
.popular-latest {
margin-bottom: 0px;
}
.latest-section {
margin-bottom: 0;
}
.latest-section .button {
margin-top: 30px;
text-align: center;
}
/**==============================================================================================**/
.popular-section .aaa-heading,
.latest-section .aaa-heading {
display: flex;
}
/**==============================================================================================**/
.trending-section {
padding: 50px 0;
}
.trending-section .button {
margin-top: 30px !important;
text-align: center;
}
.trending-section .text {
margin-bottom: 30px;
text-align: center;
}
.trending-section .text h2 {
font-style: normal;
font-weight: 600;
font-size: 36px;
background-repeat: no-repeat;
background-size: 55px;
display: inline-block;
background-position: 0px -7px;
}
.trending-section .text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.trending-section .new-box {
display: block;
padding: 30px 10px;
border-radius: 5px;
text-align: left;
margin: 10px 0;
border-bottom: 2px solid #5aa1ff;
width: 100%;
}
.trending-section .new-box .thumbnail {
margin: auto;
margin-bottom: 10px;
}
.trending-section .new-box .thumbnail span {
font-style: normal;
}
.trending-section .new-box article {
display: block;
text-align: center;
}
.trending-section .new-box article aside {
text-decoration: none;
}
.trending-section .new-box article .details {
width: 100% !important;
}
.trending-section .new-box article .options {
width: 100% !important;
text-align: center;
max-width: 100%;
display: none;
}
.trending-section .new-box article .details .short-description {
margin-top: 20px;
overflow-wrap: break-word;
text-overflow: ellipsis;
color: #202020;
font-size: 15px;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trending-section .new-box article .details .skills {
margin-top: 20px;
overflow-wrap: break-word;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trending-section .new-box article .details .skills label {
background-color: #ffffff;
margin: 2px 0px;
border: 1px solid #eee;
font-size: 13px;
padding: 0px 10px;
border-radius: 3px;
color: #666666;
}
.trending-section .new-box article .details .info {
display: block;
}
.trending-section .new-box article .details .info li b {
display: block;
}
.trending-section .new-box article .details ul {
text-decoration: none;
}
.trending-section .new-box article .details .other {
position: absolute;
bottom: -11px;
background: rgb(79 75 75);
left: 0;
right: 0;
color: #fff;
padding: 10px 10px;
opacity: 0;
gap: 5px 5px;
font-size: 14px;
margin: 0;
justify-content: center;
}
.trending-section .new-box:hover article .details .other {
opacity: 1;
bottom: -1px;
}
.trending-section .new-box article .details .other li {
margin: 0px 5px;
display: inline-block;
}
.trending-section .new-box article .details ul>li {
display: block;
margin: 0 5px;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trending-section .new-box .ribbon {
display: block !important;
}
.trending-section .new-box .ribbon span {
text-decoration: none;
}
.trending-section .new-box article .details h2 {
display: -webkit-box;
font-size: 18px;
-webkit-line-clamp: 1;
text-align: center;
align-items: center;
align-self: unset;
justify-content: center;
align-content: center;
}
/**==============================================================================================**/
.related-section {
padding: 0;
padding: 50px;
background-color: #ffffff8c;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
border-radius: 0;
}
.related-section.new {
background-color: transparent;
padding-top: 30px;
box-shadow: none;
padding-bottom: 0;
margin-bottom: 0px !important;
}
.related-section .button {
margin-top: 30px;
text-align: center;
}
.related-section .equal-col {
display: grid;
}
.related-section .new-box {
margin-bottom: 15px;
}
/**==============================================================================================**/
.related-section2 {
padding: 0;
margin-bottom: 0;
padding: 50px;
background-color: #ffffff8c;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
border-radius: 0;
}
.related-section2 .new-box {
display: block;
padding: 30px 10px;
border-radius: 5px;
text-align: left;
margin-bottom: 0;
width: 100%;
}
.related-section2 .new-box .thumbnail {
margin: auto;
margin-bottom: 10px;
}
.related-section2 .new-box .thumbnail span {
font-style: normal;
width: 60px;
height: 60px;
margin-right: 0;
}
.related-section2 .new-box article {
display: flex;
text-align: center;
gap: 15px;
}
.related-section2 .new-box article aside {
width: 100% !important;
text-align: center;
max-width: 100%;
justify-content: center;
display: flex;
gap: 10px;
flex-direction: column;
}
.related-section2 .new-box article .options .date {
display: inline-block;
flex-wrap: wrap;
gap: 5px 15px;
}
.related-section2 .new-box article .options .date li {
text-decoration: none;
}
.related-section2 .new-box article .details .short-description {
margin-top: 20px;
/* height: 40px !important; */
overflow-wrap: break-word;
text-overflow: ellipsis;
color: #202020;
font-size: 15px;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* overflow: hidden; */
}
.related-section2 .new-box article .details .skills {
margin-top: 20px;
overflow-wrap: break-word;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related-section2 .new-box article .details .skills label {
background-color: #ffffff;
margin: 2px 0px;
border: 1px solid #eee;
font-size: 13px;
padding: 0px 10px;
border-radius: 3px;
color: #666666;
}
.related-section2 .new-box article .details .info li b {
display: block;
}
.related-section2 .new-box article .details .info {
/* display: block; */
justify-content: center;
}
.related-section2 .new-box article .details .other {
font-size: 14px;
display: inline-flex;
justify-content: center;
}
.related-section2 .new-box:hover article .details .other {
opacity: 1;
bottom: -1px;
}
.related-section2 .new-box article .details .other li {
margin: 0;
display: inline-block;
}
.related-section2 .new-box article .details ul>li {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related-section2 .new-box .ribbon {
display: block !important;
}
.related-section2 .new-box .ribbon span {
text-decoration: none;
}
.related-section2 .new-box article .details h2 {
display: -webkit-box;
font-size: 18px;
-webkit-line-clamp: 1;
text-align: center;
align-items: center;
align-self: unset;
justify-content: center;
align-content: center;
}
/**==============================================================================================**/
.recommended-section {
padding: 50px 0 50px 0;
}
.recommended-section .button {
margin-top: 30px;
text-align: center;
}
.recommended-section .equal-col {
display: grid;
}
.recommended-section .new-box {
margin-bottom: 10px;
}
/**==============================================================================================**/
.recommended-section2 {
padding: 50px 0 50px 0;
}
.recommended-section2 .button {
margin-top: 30px;
text-align: center;
}
.recommended-section2 .equal-col {
display: grid;
}
.recommended-section2 .new-box {
margin-bottom: 25px;
}
/**==============================================================================================**/
.recommended-section3 {
padding: 50px 0 50px 0;
}
.recommended-section3 .text {
margin-bottom: 30px;
text-align: center;
}
.recommended-section3 .text h2 {
font-style: normal;
font-weight: 600;
font-size: 24px;
background-repeat: no-repeat;
background-size: 55px;
display: inline-block;
background-position: 0px -7px;
color: #202020;
}
.recommended-section3 .text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.recommended-section3 .button {
margin-top: 10px;
text-align: center;
}
.recommended-section3 .equal-col {
display: grid;
}
.recommended-section3 .new-box {
display: block;
padding: 30px 10px;
border-radius: 5px;
text-align: left;
margin-bottom: 25px;
}
.recommended-section3 .new-box .thumbnail {
margin: auto;
margin-bottom: 10px;
}
.recommended-section3 .new-box .thumbnail span {
font-style: normal;
width: 60px;
height: 60px;
margin-right: 0;
}
.recommended-section3 .new-box article {
display: flex;
text-align: center;
gap: 15px;
}
.recommended-section3 .new-box article aside {
width: 100% !important;
text-align: center;
max-width: 100%;
justify-content: center;
display: flex;
gap: 10px;
}
.recommended-section3 .new-box article .options .date {
display: inline-block;
flex-wrap: wrap;
gap: 5px 15px;
}
.recommended-section3 .new-box article .options .date li {
text-decoration: none;
}
.recommended-section3 .new-box article .details .short-description {
margin-top: 20px;
/* height: 40px !important; */
overflow-wrap: break-word;
text-overflow: ellipsis;
color: #202020;
font-size: 15px;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* overflow: hidden; */
}
.recommended-section3 .new-box article .details .skills {
margin-top: 20px;
overflow-wrap: break-word;
color: #202020;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recommended-section3 .new-box article .details .skills label {
background-color: #ffffff;
margin: 2px 0px;
border: 1px solid #eee;
font-size: 13px;
padding: 0px 10px;
border-radius: 3px;
color: #666666;
}
.recommended-section3 .new-box article .details .info li b {
display: block;
}
.recommended-section3 .new-box article .details .info {
/* display: block; */
justify-content: center;
}
.recommended-section3 .new-box article .details .other {
font-size: 14px;
display: inline-flex;
justify-content: center;
}
.recommended-section3 .new-box:hover article .details .other {
opacity: 1;
bottom: -1px;
}
.recommended-section3 .new-box article .details .other li {
margin: 0;
display: inline-block;
}
.recommended-section3 .new-box article .details ul>li {
display: inline-block;
}
.recommended-section3 .new-box .ribbon {
display: block !important;
}
.recommended-section3 .new-box .ribbon span {
text-decoration: none;
}
.recommended-section3 .new-box article .details h2 {
display: -webkit-box;
font-size: 18px;
-webkit-line-clamp: 1;
text-align: center;
align-items: center;
align-self: unset;
justify-content: center;
align-content: center;
}
/**==============================================================================================**/
.home-ad-box {
max-width: 1100px;
border: 1px solid #ffffff;
padding: 40px;
position: relative;
display: flex;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
margin: auto;
border-radius: 300px;
overflow: hidden;
background: #fff;
}
.home-ad-box .text1 {
font-size: 16px;
line-height: 20px;
color: #a0abb8;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
}
.home-ad-box .text2 {
font-size: 22px;
font-weight: 800;
text-transform: uppercase;
}
.home-ad-box .text3 {
font-size: 20px;
line-height: 23px;
color: #66789c;
font-weight: 500;
padding: 25px 0 0px 30px;
}
.home-ad-box .button {
padding: 11px 0 0 20px;
}
.home-ad-box:after {
right: -5px;
width: 250px;
background: url(../images/ad-right.png) no-repeat 0 0;
background-size: cover;
}
.home-ad-box:after,
.home-ad-box:before {
content: "";
position: absolute;
bottom: 0;
height: 120px;
}
/**==============================================================================================**/
/**==============================================================================================**/
.post-success {
background: #EDFBFE;
border: 1px solid #5aa1ff;
border-radius: 5px;
display: flex;
}
.post-success .icon {
text-decoration: none;
}
.job-levels {
text-decoration: none;
}
.job-levels .package {
margin-bottom: 50px;
}
.job-levels .heading {
text-decoration: none;
margin-bottom: 10px;
}
.job-levels .heading h3 {
font-size: 18px;
margin: 0;
color: #202020;
font-weight: 600;
}
.job-levels .heading h4 {
font-size: 16px;
margin: 0;
color: #202020;
font-weight: 600;
}
.job-levels .heading p {
text-decoration: none;
}
.job-levels .box {
align-items: start;
padding: 15px 20px;
display: flex;
margin-bottom: 10px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
position: relative;
cursor: pointer;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.job-levels .box:hover {
border: 1px dashed #202020 !important;
}
.job-levels .box .form-check {
margin-right: 10px;
}
.job-levels .box .title {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
width: 100%;
}
.job-levels .box .title .form-check-label {
font-size: 20px;
/* COLOR: #202020; */
font-weight: 600;
outline: 0px solid #ccc;
margin-right: auto;
margin-bottom: 10px;
}
.job-levels .box .title p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: #202020;
}
.job-levels .box .price {
font-size: 18px;
color: #202020;
font-weight: 600;
outline: 0px solid #ccc;
text-align: right;
display: flex;
gap: 10px 20px;
flex-wrap: wrap;
min-width: 100px;
justify-content: end;
}
.job-levels .box .price .times {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 14px;
font-weight: normal;
color: #999;
line-height: normal;
}
.job-levels .box .price .was {
position: relative;
display: flex;
font-size: 20px;
line-height: 1;
font-weight: 300;
align-items: center;
gap: 7px;
justify-content: center;
}
.job-levels .box .price .was b:before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
color: orangered;
}
.job-levels .box .price .was b {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 300;
padding: 0 0px;
}
.job-levels .box .price .percent {
border-radius: 20px;
padding: 3px 12px;
font-weight: 700;
font-size: 12px;
text-align: center;
color: #ff5c62;
background: #f3e3cd;
line-height: normal;
}
.job-levels .box.featured {
border: 1px solid #ccdedc;
}
.job-levels .box.premium {
border: 1px solid #bed5f5;
background: #EEF1FF;
}
.job-levels .box.simple {
box-shadow: none;
padding: 0;
border: 0 !important;
}
.job-levels .box.simple .segments {
background: transparent;
padding: 0;
}
.job-levels .accordion-item {
border: 0;
background: transparent;
display: block;
border: 1px solid #eee;
}
.job-levels .accordion-item .accordion-header {
display: block;
}
.job-levels .accordion-item .accordion-header .d-flex {
align-items: center;
}
.job-levels .accordion-item .accordion-body {
padding: 0;
}
.job-levels .segments {
margin: 0;
padding: 0;
background: #ffffff;
padding: 15px 15px;
margin-top: 10px;
margin-left: 34px;
border-radius: 5px;
margin-bottom: 5px;
}
.job-levels.inner .package .segments {
margin-left: 0px;
}
.job-levels.inner .package .segments .services-title {
font-weight: 600;
margin-bottom: 10px;
}
.job-levels.inner .package .segments .services>ul {
padding: 0;
margin: 0;
text-align: center;
display: flex;
flex-direction: column;
gap: 5px;
}
.job-levels.inner .package .segments .services>ul>li {
display: block;
flex-wrap: wrap;
gap: 0 10px;
position: relative;
font-size: 14px;
font-weight: 400;
text-align: left;
border-top: 0px dotted #eee;
padding-left: 24px;
margin-bottom: 10px;
margin: 0;
}
.job-levels.inner .package .segments .services>ul li span {
color: #fff;
margin-right: 10px;
position: absolute;
left: 0;
background: #00c794;
width: 16px;
height: 16px;
font-size: 10px;
font-weight: 800;
text-align: center;
line-height: 16px;
border-radius: 50px;
top: 2px;
}
.job-levels.inner .package .segments .services .included {
text-decoration: none;
margin-top: 0;
/* background: #0000000d; */
padding: 10px;
border-radius: 10px;
border-left: 0;
border-right: 0;
/* margin-left: 30px; */
padding-left: 0;
}
.job-levels.inner .package .segments .services .included .lbl {
font-size: 13px;
font-weight: 600;
color: #202020;
}
.job-levels.inner .package .segments .services .included ul {
text-decoration: none;
margin: 0;
padding: 0;
margin-left: 20px;
list-style: disc;
font-size: 13px;
}
.job-levels .segments .service-type {
margin-left: auto;
font-weight: 600;
display: none;
}
.job-levels .segments .service-type strong {
font-weight: bold;
}
.job-levels .segments .services-title {
font-weight: 600;
margin-bottom: 15px;
color: #202020;
}
.job-levels .segments>ul {
margin: 0;
padding: 0;
display: grid;
gap: 10px 0;
}
.job-levels .segments>ul li {
display: flex;
margin-bottom: 0;
flex-wrap: wrap;
gap: 0 10px;
padding-left: 30px;
position: relative;
font-size: 14px;
}
.job-levels .segments>ul li span {
margin-right: 10px;
position: absolute;
left: 0;
}
.job-levels .accordion-item .detailbox {
display: flex;
margin-top: 15px;
gap: 20px;
margin-bottom: 20px;
}
.job-levels .accordion-item .detailbox .description {
display: flex;
gap: 20px;
font-size: 14px;
}
.job-levels .accordion-item .detailbox .times {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 13px;
font-weight: normal;
/* color: #999; */
line-height: normal;
min-width: 230px;
align-items: end;
}
.job-levels .accordion-item .accordion-header {}
.job-levels .accordion-item .accordion-header .item b {
font-size: 14px;
font-weight: normal;
color: #000;
line-height: normal;
}
.job-levels .accordion-item .accordion-header .times {
display: flex;
flex-direction: column;
gap: 5px;
text-align: right;
}
.job-levels .accordion-item .accordion-header .times .item {
font-size: 14px;
font-weight: 300;
/* color: #999; */
line-height: normal;
}
.job-levels .accordion-item .accordion-header .times .item b {
/* font-size: 16px; */
font-weight: 700;
color: #202020;
line-height: normal;
}
.job-levels .box .title {}
.job-levels .box .list-group {
background: #fff;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
padding: 5px;
display: flex;
width: auto;
justify-content: center;
}
.job-levels .box .list-group-item {
color: inherit;
display: flex;
margin-bottom: 0;
justify-content: left;
align-items: center;
flex-wrap: wrap;
gap: 0px 0px;
line-height: normal;
padding: 5px 10px;
border-color: #eee;
font-size: 16px;
flex-wrap: wrap;
}
.job-levels .box .list-group-item label {
width: 180px;
}
.job-levels .box .list-group-item .amount {
color: #202020;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
}
/**==============================================================================================**/
.disounts-box {
border-top: 1px solid #ccc;
padding: 20px 10px;
height: 100%;
vertical-align: text-bottom;
display: flex;
flex-direction: column;
}
.disounts-box .title {
text-decoration: none;
}
.disounts-box .title h2 {
font-weight: 600;
color: #202020;
font-size: 18px;
margin-bottom: 0;
}
.disounts-box .values {
display: flex;
gap: 3px;
margin-top: 0;
flex-wrap: wrap;
justify-content: center;
}
.disounts-box .values .col {
text-decoration: none;
}
.disounts-box .values .item {
margin-bottom: 0;
background: #5aa1ff2e;
padding: 8px;
text-align: center;
border-radius: 3px;
width: 110px;
}
.disounts-box .values .item .amount {
font-weight: 600;
font-size: 14px;
}
.disounts-box .values .item .lbl {
line-height: 18px;
font-size: 13px;
font-weight: 300;
}
.disounts-box .values .item .value {
font-size: 18px;
color: #202020;
font-weight: 500;
margin-bottom: 5px;
line-height: 24px;
}
/**==============================================================================================**/
.payment-methods {
padding: 0;
margin-bottom: 50px;
}
.payment-methods .method {
text-decoration: none;
}
.payment-methods .heading {
margin-bottom: 30px;
}
.payment-methods .heading h3 {
font-size: 20px;
font-weight: 600;
margin: 0;
}
.payment-methods .heading p {
text-decoration: none;
}
.payment-methods .box {
padding: 15px 15px;
display: flex;
margin-bottom: 10px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
position: relative;
border: 1px solid #DBDBDB;
align-items: flex-start;
flex: 1 0 0;
cursor: pointer;
}
.payment-methods .box:hover {
border: 1px dashed #202020 !important;
}
.payment-methods .box.selected {
border: 1px solid #202020 !important;
}
.payment-methods .box .form-check {
margin-right: 5px;
}
.payment-methods .box .title {
display: flex;
width: -webkit-fill-available;
}
.payment-methods .box .title .form-check-label {
font-size: 18px;
color: #202020;
margin-right: auto;
font-weight: 600;
}
.payment-methods .box .title p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: #656565;
}
.payment-methods .box .balance {
margin-top: 10px;
}
.payment-methods .box .icon {
text-decoration: none;
}
.payment-methods .box .icon span {
font-size: 40px;
margin-left: 0;
width: 50px;
height: 50px;
border-radius: 50px;
box-sizing: inherit;
text-align: center;
line-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.payment-methods .box .icon span img {
max-width: 100%;
}
.payment-methods .credit-card .icon span {
background: linear-gradient(45deg, #17ead9, #6078ea) !important;
color: #ffffff;
}
.payment-methods .crypto-currency .icon span {
background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
color: #ffffff;
}
.payment-methods .crypto-credits .icon span {
background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
color: #ffffff;
}
/**==============================================================================================**/
.billing-summary,
.total-summary {
padding: 0;
margin-bottom: 30px;
}
.billing-summary .heading {
margin-bottom: 30px;
}
.billing-summary .heading h3 {
font-size: 20px;
font-weight: 600;
margin: 0;
}
.billing-summary .heading p {
text-decoration: none;
}
.billing-summary .summary {
text-decoration: none;
}
.billing-summary .summary h6 {
font-size: 18px;
color: #202020;
position: relative;
margin-bottom: 15px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
gap: 15px;
}
.billing-summary .summary h6 .hint {
font-size: 13px;
color: #656565;
}
.billing-summary .summary .list-group,
.total-summary .list-group {
background: #fff;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
padding: 10px 20px;
border: 1px solid #e9e9e9;
}
.billing-summary .summary .list-group-item,
.total-summary .list-group-item {
color: inherit;
display: flex;
border: 0;
border-radius: 0;
border-bottom: 1px solid #e3e0e0 !important;
margin-bottom: 0;
font-size: 16px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 0px 15px;
padding: 5px 0px;
}
.billing-summary .summary .list-group-item:last-child,
.total-summary .list-group-item:last-child {
border-bottom: 0 !important;
}
.billing-summary .summary .list-group-item .amount,
.total-summary .list-group-item .amount {
color: #202020;
font-size: 18px;
}
.billing-summary .summary .list-group-item.main,
.total-summary .list-group-item.main {
font-weight: bold;
font-size: 18px;
}
.billing-summary .summary .list-group-item.main .amount,
.total-summary .list-group-item.main .amount {
color: #202020;
font-weight: bold;
font-size: 20px;
}
.billing-summary .summary .list-group-item .hint,
.total-summary .list-group-item .hint {
color: red;
margin-left: auto;
text-align: right;
}
/**==============================================================================================**/
/**==============================================================================================**/
.step-link {
margin-bottom: 30px;
}
/**==============================================================================================**/
.step-link b {
color: #202020;
font-weight: 700;
}
/**==============================================================================================**/
.topup-area {
margin: auto;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 30px;
border-top: 1px solid #DBDBDB;
padding-top: 20px;
margin-bottom: 50px;
}
.topup-area .wrap {
text-align: center;
padding: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 5px;
background: #fff;
max-width: 470px;
margin: auto;
border: 0px solid #DBDBDB;
}
.topup-area .inner {
padding: 30px;
}
.topup-area .current-balance {
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 0;
}
.topup-area .current-balance .label {
display: block;
text-align: center;
font-weight: 600;
color: #202020;
font-size: 20px;
}
.topup-area .current-balance .amount {
font-size: 24px;
font-weight: 600;
color: #1e6def;
}
.topup-area .box {
max-width: 320px;
margin: auto;
font-size: 16px;
}
.topup-area .box .amount {
text-align: center;
}
.topup-area .top-hint {
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0;
margin-bottom: 8px;
}
.topup-area .top-hint .label {
font-size: 16px;
}
.topup-area .top-hint .hint {
font-size: 12px;
font-weight: 300;
position: relative;
top: 2px;
}
.topup-area .box .floating-label {
margin-bottom: 15px;
}
.topup-area .box .form-control {
text-align: center;
font-size: 20px;
}
.topup-area .box .field .form-label {
display: none;
}
.topup-area .box .new-amount {
text-align: center;
font-weight: 600;
color: #202020;
font-size: 20px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
flex-wrap: wrap;
gap: 0;
/* border-top: 1px solid #ddd; */
/* padding-top: 5px; */
}
.topup-area .box .field {
text-decoration: none;
}
.topup-area .box .new-amount .label {
display: block;
font-weight: 600;
color: #202020;
/* font-size: 16px; */
text-align: left;
}
.topup-area .box .new-amount .amount {
/* font-size: 16px; */
font-weight: 600;
}
.topup-area .box .discount-amount {
text-align: center;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
flex-wrap: wrap;
gap: 0;
}
.topup-area .box .discount-amount .label {
display: block;
text-align: left;
font-weight: normal;
}
.topup-area .box .acctual-amount {
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
flex-wrap: wrap;
gap: 0;
}
.topup-area .box .acctual-amount .label {
display: block;
text-align: left;
font-weight: normal;
}
.topup-area .box .acctual-amount .amount {
text-decoration: none;
}
/**==============================================================================================**/
.content-page,
.form-section,
.text-box {
padding: 50px;
background-color: rgb(255 255 255 / 80%);
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
margin-top: 50px;
border-radius: 5px;
margin-bottom: 50px;
}
.content-page .heading-text,
.form-section .heading-text {
margin-bottom: 30px;
}
.content-page h1,
.form-section h1 {
font-size: 24px;
font-weight: bold;
}
.content-page h2,
.form-section h2 {
font-size: 24px;
font-weight: bold;
}
.content-page .heading-text h2,
.form-section .heading-text h2,
.heading-text h2 {
font-size: 24px;
font-weight: bold;
color: #202020;
}
.heading-text h3 {
font-size: 20px;
font-weight: bold;
color: #202020;
}
.content-page .form-buttons,
.form-section .form-buttons {
font-size: 24px;
display: flex;
display: -webkit-flex;
align-items: center;
gap: 10px;
-webkit-justify-content: end;
flex-grow: revert;
flex-wrap: wrap;
justify-content: flex-end;
}
.form-section .form-footer {
font-size: 16px;
border-top: 1px solid #ccc;
margin-top: 30px;
text-align: center;
padding-top: 10px;
}
.form-section .sub-heading-text {
margin-bottom: 50px;
}
.form-section .sub-heading-text h3 {
font-size: 22px;
font-weight: 500;
margin: 0;
}
.form-section .sub-heading-text p {
text-decoration: none;
}
.form-links {
text-decoration: none;
}
.form-links .remember {
text-decoration: none;
}
.form-links .forgot {
justify-content: flex-end;
}
/**==============================================================================================**/
/**==============================================================================================**/
ul.style1 {
list-style: none;
padding: 0;
}
ul.style1>li {
display: flex;
align-items: flex-start;
}
ul.style1 i {
flex-shrink: 0;
}
ul.style1 h5 {
font-size: 18px;
}
/**==============================================================================================**/
.email-sample {
padding: 50px;
background-color: #e9e9e9;
}
.email-sample table {
border-collapse: inherit;
}
/**==============================================================================================**/
.cardbox {
gap: 20px;
display: flex;
}
.cardbox .cc {
text-decoration: none;
}
.cardbox .col1 {
text-decoration: none;
width: 100%;
}
.cardbox .col2 {
text-decoration: none;
}
.cardbox .hide {
display: none;
}
.cardbox .rose {
color: #A0091A;
}
.cardbox .ccicon {
z-index: 2;
width: 30px;
height: 20px;
}
.cardbox .preload * {
transition: none !important;
text-decoration: none;
}
.cardbox #ccsingle {
position: absolute;
right: 15px;
top: 20px;
}
.cardbox #ccsingle svg {
width: 100px;
max-height: 60px;
}
.cardbox .creditcard svg#cardfront,
.cardbox .creditcard svg#cardback {
width: 100%;
}
.cardbox #generatecard {
font-size: 12px;
color: #fff;
padding: 2px 4px;
background-color: #909090;
border-radius: 4px;
cursor: pointer;
}
.cardbox .creditcard .lightcolor,
.cardbox .creditcard .darkcolor {
-webkit-transition: fill .5s;
transition: fill .5s;
}
.cardbox .creditcard .lightblue {
fill: #5aa1ff;
}
.cardbox .creditcard .lightbluedark {
fill: #0288D1;
}
.cardbox .creditcard .red {
fill: #ef5350;
}
.cardbox .creditcard .reddark {
fill: #d32f2f;
}
.cardbox .creditcard .purple {
fill: #ab47bc;
}
.cardbox .creditcard .purpledark {
fill: #7b1fa2;
}
.cardbox .creditcard .cyan {
fill: #26c6da;
}
.cardbox .creditcard .cyandark {
fill: #0097a7;
}
.cardbox .creditcard .green {
fill: #66bb6a;
}
.cardbox .creditcard .greendark {
fill: #388e3c;
}
.cardbox .creditcard .lime {
fill: #d4e157;
}
.cardbox .creditcard .limedark {
fill: #afb42b;
}
.cardbox .creditcard .yellow {
fill: #ffeb3b;
}
.cardbox .creditcard .yellowdark {
fill: #f9a825;
}
.cardbox .creditcard .orange {
fill: #ff9800;
}
.cardbox .creditcard .orangedark {
fill: #ef6c00;
}
.cardbox .creditcard .grey {
fill: #bdbdbd;
}
.cardbox .creditcard .greydark {
fill: #616161;
}
.cardbox #svgname {
text-transform: uppercase;
}
.cardbox #cardfront .st2 {
fill: #FFFFFF;
}
.cardbox #cardfront .st3 {
font-family: 'Source Code Pro', monospace;
font-weight: 600;
}
.cardbox #cardfront .st4 {
font-size: 54.7817px;
}
#cardfront .st5 {
font-family: 'Source Code Pro', monospace;
font-weight: 400;
}
.cardbox #cardfront .st6 {
font-size: 33.1112px;
text-transform: uppercase;
white-space: nowrap;
color: #202020 !important;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 56%;
display: inline-block;
border: 1px solid #202020;
}
.cardbox #cardfront .st7 {
opacity: 0.6;
fill: #FFFFFF;
}
.cardbox #cardfront .st8 {
font-size: 24px;
}
.cardbox #cardfront .st9 {
font-size: 36.5498px;
}
.cardbox #cardfront .st10 {
font-family: 'Source Code Pro', monospace;
font-weight: 300;
}
.cardbox #cardfront .st11 {
font-size: 16.1716px;
}
.cardbox #cardfront .st12 {
fill: #4C4C4C;
}
.cardbox #cardback .st0 {
fill: none;
stroke: #0F0F0F;
stroke-miterlimit: 10;
}
.cardbox #cardback .st2 {
fill: #111111;
}
.cardbox #cardback .st3 {
fill: #F2F2F2;
}
.cardbox #cardback .st4 {
fill: #D8D2DB;
}
.cardbox #cardback .st5 {
fill: #C4C4C4;
}
.cardbox #cardback .st6 {
font-family: 'Source Code Pro', monospace;
font-weight: 400;
}
.cardbox #cardback .st7 {
font-size: 27px;
}
.cardbox #cardback .st8 {
opacity: 0.6;
}
.cardbox #cardback .st9 {
fill: #FFFFFF;
}
.cardbox#cardback .st10 {
font-size: 24px;
}
.cardbox #cardback .st11 {
fill: #EAEAEA;
}
.cardbox #cardback .st12 {
font-family: 'Rock Salt', cursive;
}
.cardbox #cardback .st13 {
font-size: 37.769px;
}
.cardbox .creditcard {
width: 265px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform 0.6s;
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
cursor: pointer;
position: relative;
min-height: 180px;
}
.cardbox .creditcard .front,
.cardbox .creditcard .back {
position: absolute;
width: 100%;
max-width: 400px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
color: #47525d;
}
.cardbox .creditcard .back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.cardbox .creditcard.flipped {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.cardbox .price-text::before {
content: "$";
}
/**==============================================================================================**/
.meta-tbl {
outline: 0px solid #d19a66;
width: 100%;
white-space: nowrap;
table-layout: fixed;
}
.meta-tbl .media {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.meta-tbl tr {
outline: 0px solid #ccc;
}
.meta-tbl td {
outline: 0px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.meta-tbl td:nth-child(2) {
text-decoration: none;
}
/**==============================================================================================**/
.more-info {
position: relative;
margin-top: 25px;
}
.more-info li {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #202020;
margin-bottom: 10px;
}
.more-info li .icon {
position: relative;
}
.more-info li span {
font-size: 15px;
line-height: 25px;
text-align: right;
color: #696969;
}
/**==============================================================================================**/
.custom-file-button {
outline: 0px solid red;
}
.custom-file-button .input-group-text {
background-color: #fff;
}
.custom-file-button .form-control {
outline: 0px solid red;
}
/**==============================================================================================**/
.nav-tabs .nav-link {
color: inherit;
font-weight: 600;
}
.nav-tabs-line {
border-bottom: 1px solid #ccc;
}
.nav-tabs-line .nav-link {
border-color: transparent;
background-color: transparent;
color: inherit;
border: 0;
}
.nav-tabs-line .nav-link.active {
border-color: transparent;
border-radius: 0;
background: transparent;
color: #1e6def;
box-shadow: 0px -3px 0px #1e6def inset;
}
.nav-justified .nav-item {
color: inherit;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.thankyou-text {
text-align: center;
}
/**==============================================================================================**/
.new-box .badge-verifed {
font-size: 20px;
position: absolute;
bottom: -30px;
left: 18px;
z-index: 11;
transform: rotate(360deg);
}
.new-box .badge-verifed img {
height: 40px;
}
/**==============================================================================================**/
.new-box .badge-verifed-bg {
font-size: 20px;
position: absolute;
top: -5px;
left: -7px;
z-index: 0;
transform: rotate(360deg);
width: 74px;
display: inline-block;
}
.new-box .badge-verifed-bg img {
height: auto;
max-width: 100%;
}
/**==============================================================================================**/
.new-box .verified {
display: inline-block;
}
.new-box .verified .op {
position: absolute;
top: 0;
right: -5px;
background: #fff;
border-radius: 50px;
color: #5aa1ff;
font-size: 14px;
padding: 0px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px;
}
.new-box .verified .op i {
font-size: 20px;
}
.new-box .verified .op img {
height: 21px;
}
.new-box .verified .op2 {
text-decoration: none;
}
.new-box .verified .op2 i {
font-size: 20px;
}
.new-box .verified .op2 img {
height: 24px;
}
.new-box .verified .op3 {
position: absolute;
top: 0;
right: -5px;
background: #fff;
border-radius: 50px;
color: #5aa1ff;
font-size: 14px;
padding: 0px;
border: 0px solid #ffffff;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px;
}
.new-box .verified .op3 i {
font-size: 20px;
}
.new-box .tag-verifed {
display: inline-block;
position: relative;
/* top: -5px; */
}
.new-box .tag-verifed img {
height: 24px;
}
.new-box .approval-status {
text-decoration: none;
}
.new-box .approval-status img {
height: 24px;
}
/**==============================================================================================**/
.rba {
position: absolute;
left: 20px;
top: -6px;
z-index: 9;
width: 25px;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
border-radius: 0px 6px 0px 0px;
}
.rba .rib {
position: relative;
border-radius: 0px 6px 0px 0px;
}
.rba .rib span {
position: relative;
display: block;
text-align: center;
background: #5aa1ff;
font-size: 14px;
line-height: 1;
padding: 10px 0px 6px 0px;
border-top-right-radius: 8px;
border-radius: 0px 6px 0px 0px;
width: 100%;
}
.rba .rib span i {
font-size: 18px;
color: #fff;
}
.rba .rib span:before,
.rba .rib span:after {
position: absolute;
content: "";
}
.rba .rib:after {
position: absolute;
content: "";
right: 0;
height: 0;
width: 0;
bottom: -9px;
left: 0;
border-left: 13px solid #5aa1ff;
border-right: 12px solid #5aa1ff;
border-bottom: 10px solid transparent;
}
.rba .rib span:before {
height: 6px;
width: 6px;
left: -6px;
top: 0;
background: #7a8ca3;
border-radius: 5px 0 0;
}
/**==============================================================================================**/
.rbb {
width: 150px;
height: 50px;
background: #21749a;
left: -8px;
}
.rbb:before,
.rbb:after {
content: "";
position: absolute;
}
.rbb:before {
height: 0;
width: 0;
border-bottom: 8px solid #14455b;
border-left: 8px solid transparent;
top: -8px;
}
.rbb:after {
height: 0;
width: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 15px solid #21749a;
right: -15px;
}
/**==============================================================================================**/
/**==============================================================================================**/
.rbc {
width: 62px;
position: absolute;
text-align: center;
font-size: 5px;
z-index: 9;
bottom: -9px;
left: -2px;
}
.rbc h1 {
color: #ffffff;
margin: auto;
padding: 2px 0px;
background: #5aa1ff;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5;
font-weight: bold;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
line-height: 1;
}
.rbc:before,
.rbc:after {
content: '';
position: absolute;
display: block;
bottom: -1em;
border: 1.2em solid #1e6def61;
z-index: -1;
}
.rbc:before {
left: -1.6em;
border-right-width: 1.2em;
border-left-color: transparent;
}
.rbc:after {
right: -1.6em;
border-left-width: 1.5em;
border-right-color: transparent;
}
.rbc .ribbon-content:before,
.rbc .ribbon-content:after {
border-color: #868686 transparent transparent transparent;
position: absolute;
display: block;
border-style: solid;
bottom: -1em;
content: '';
}
.rbc .ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
}
.rbc .ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
}
/**==============================================================================================**/
/**==============================================================================================**/
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body {
-ms-flex: 1;
flex: 1;
}
.avatar {
position: relative;
vertical-align: middle;
margin-right: 5px;
display: flex;
align-items: center;
}
.avatar img {
background: #fff;
width: 100%;
}
.avatar .initial {
align-self: start;
display: flex;
}
.avatar .name {
text-decoration: none;
color: inherit;
}
.avatar .name a {
text-decoration: none;
color: inherit;
}
.avatar .initial b {
width: 36px;
height: 36px;
border-radius: 50px;
overflow: hidden;
border: 0px solid #DDDDDD;
display: flex;
align-content: center;
align-self: center;
text-align: center;
justify-content: center;
align-items: center;
font-size: 12px;
margin-right: 5px;
background: #0dcaf0;
color: #fff;
}
.avatar-xs .initial b {
width: 24px;
height: 24px;
font-size: 8px;
}
.avatar-sm .initial b {
width: 32px;
height: 32px;
font-size: 10px;
}
.avatar-md .initial b {
width: 50px;
height: 50px;
font-size: 18px;
}
/**==============================================================================================**/
.pulse {
animation: myAnim 2s linear 2s infinite alternate-reverse none;
}
@keyframes myAnim {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
/**==============================================================================================**/
.detail-panel {
text-decoration: none;
}
.detail-panel .element {
text-decoration: none;
}
.detail-panel .element h2 {
margin-bottom: 14px;
font-size: 14px;
font-weight: 600;
color: #202020;
}
.detail-panel .list {
text-decoration: none;
}
.detail-panel .lbl {
font-size: 14px;
font-weight: 500;
color: #777;
}
.detail-panel .value {
color: #202020;
}
.detail-panel .table-block {
text-decoration: none;
}
.detail-panel .table-block tr {
display: block;
margin-bottom: 10px;
}
.detail-panel .table-block td {
display: block;
padding-bottom: 0;
}
/**==============================================================================================**/
.partners-section {
margin-bottom: 50px;
margin-top: 0;
}
.partners-section .text {
margin-bottom: 20px;
text-align: center;
display: none;
}
.partners-section .text h2 {
font-style: normal;
font-weight: 600;
font-size: 21px;
display: inline-block;
}
.partners-section .text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
display: none;
}
.partners-section .owl-carousel {
padding: 0 50px;
}
.partners-section .owl-nav button {
margin: 0 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px !important;
}
.partners-section .owl-nav button.owl-prev {
left: -10px;
}
.partners-section .owl-nav button.owl-next {
right: -10px;
}
.partners-section .owl-nav i {
text-decoration: none;
}
.partners-section .partner-box {
padding: 00px 0px;
padding-top: 0;
padding-bottom: 0;
align-self: center;
}
.partners-section .partner-box figure {
margin: 0;
text-align: center;
}
.partners-section .partner-box figure span {
text-align: center;
max-width: 100px;
}
.partners-section .partner-box figure .logo img {
max-height: 50px;
width: auto;
margin: auto;
max-width: 100%;
}
.partners-section .partner-box h2 {
margin: 0;
display: none;
}
.partners-section .partner-box h2 a {
font-size: 16px;
font-weight: 600;
margin: 0;
flex-wrap: wrap;
gap: 10px 10px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
align-items: center;
text-align: center;
}
.partners-section .partner-box .count {
text-align: center;
margin-top: 5px;
display: none;
}
.partners-section .partner-box .count a {
font-size: 13px;
color: #8c8c8c;
}
/**==============================================================================================**/
.left-inner-nav {
margin-bottom: 30px;
}
.left-inner-nav .list-group-item {
border: 0;
background: transparent;
border-radius: 5px;
font-weight: 500;
color: #5e5e5e;
}
.left-inner-nav .list-group-item.active {
color: #1e6def;
font-weight: 600 !important;
background-color: rgb(30 109 239 / 11%);
}
.left-inner-nav .list-group-item i {
margin-right: 10px;
}
.left-inner-nav .list-group-item .link {
display: flex;
align-items: center;
}
/**==============================================================================================**/
.attachments-section {
margin-top: 30px;
border-bottom: 0px solid #ddd;
margin-bottom: 30px;
}
/**==============================================================================================**/
.twitter-section {
padding: 50px 0;
position: relative;
}
.twitter-section .text {
margin-bottom: 10px;
text-align: center;
}
.twitter-section .text h2 {
font-style: normal;
font-weight: 600;
font-size: 30px;
background-repeat: no-repeat;
background-size: 55px;
display: inline-block;
background-position: 0px -7px;
}
.twitter-section .owl-carousel {
padding: 0 40px;
}
.twitter-section .owl-nav button {
margin: 0 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px !important;
}
.twitter-section .owl-nav button.owl-prev {
left: -10px;
}
.twitter-section .owl-nav button.owl-next {
right: -10px;
}
.twitter-section .owl-nav i {
text-decoration: none;
}
.twitter-section .tw-box {
padding: 0 0px;
}
.twitter-section .tw-box .twitter-tweet {
border: 0 !important;
border-radius: 0 !important;
}
.twitter-section .tt .crt-carousel-pane {
background: #fff;
margin: 10px 10px;
padding: 10px;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
}
/**==============================================================================================**/
.support-icon {
border-radius: 10px;
text-align: left;
}
.support-icon img {
max-height: 40px;
max-width: 250px !important;
text-align: left;
}
.support-bar {
position: fixed;
right: 20px;
background: #5aa1ff;
bottom: 0;
display: flex;
align-items: center;
margin: 0;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
z-index: 999;
}
.support-bar a {
display: flex;
position: relative;
padding: 7px 20px;
box-shadow: rgb(0 0 0 / 30%) 0px 0px 10px;
}
.support-bar .icon {
color: #fff;
margin-right: 0;
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.support-bar .icon span {
font-size: 20px;
position: relative;
bottom: -2px;
}
.support-bar .icon img {
text-decoration: none;
}
.support-bar .label {
color: #fff;
font-weight: 600;
position: relative;
top: 1px;
margin-left: 10px;
}
/**==============================================================================================**/
.twitter-feeds-wrapper {
padding: 50px 0;
position: relative;
}
.twitter-feeds-wrapper .text {
margin-bottom: 15px;
text-align: center;
}
.twitter-feeds-wrapper .text h2 {
font-style: normal;
font-weight: 600;
font-size: 30px;
background-repeat: no-repeat;
background-size: 55px;
display: inline-block;
background-position: 0px -7px;
color: #202020;
}
.twitter-feeds-wrapper .crt-post-c {
background-color: #fff !important;
}
.twitter-feeds-wrapper .crt-load-more {
border-radius: 5px;
padding: 6px 15px;
font-size: initial;
color: #1e6def !important;
border-color: #1e6def !important;
font-weight: bold;
}
.twitter-feeds-wrapper .crt-widget.crt-widget-branded .crt-logo {
text-align: center;
position: relative;
display: none !important;
}
.twitter-feeds-wrapper div#curator-feed-default-feed-layout {
text-decoration: none;
padding-bottom: 0;
}
.twitter-feeds-wrapper .j-paginate {
border-radius: 5px;
padding: 8px 15px;
text-transform: capitalize;
letter-spacing: inherit;
width: 120px;
border-width: 1px;
font-size: 16px;
}
/**==============================================================================================**/
.search-panel .advance-link {
margin-top: 20px;
text-align: center;
}
.search-panel .advance-link a {
padding: 3px 20px;
font-size: 14px;
font-weight: 400;
}
.filter-tags {
margin-bottom: 20px;
margin-top: 20px;
}
.filter-tags .tag {
display: inline-block;
border: 1px dotted #888888;
padding: 3px 15px 3px 15px;
font-size: 14px;
background: white;
border-radius: 50px;
line-height: normal;
margin-bottom: 4px;
}
.filter-tags .tag .btn-close {
display: inline-block;
padding: 0;
font-size: 11px;
top: 1px;
right: -2px;
position: relative;
margin: 0;
margin-left: 2px;
}
/**==============================================================================================**/
.range-slide {
text-decoration: none;
}
.range-slide .form-range {
margin-top: -7px;
}
.range-slide .rr {
margin-top: -4px;
position: relative;
margin-bottom: 15px;
}
.range-slide .count {
font-size: 12px;
position: absolute;
}
.range-slide .count.left {
text-decoration: none;
}
.range-slide .count.right {
line-height: normal;
right: 0;
}
/**==============================================================================================**/
.notification-dropdown {
order: 3;
margin-right: 2px;
}
.notification-dropdown .icon {
position: relative;
font-size: 24px;
color: #656565;
}
.notification-dropdown .icon span {
font-size: 22px;
}
.notification-dropdown .icon .count {
position: absolute;
background: red;
color: #fff;
font-size: 9px;
padding: 1px 1px;
border-radius: 50px;
display: inline-block;
top: 0px;
line-height: initial;
min-width: 13px;
text-align: center;
right: -6px;
border: 1px solid #fff;
box-sizing: content-box;
font-style: normal;
}
.notification-dropdown .dropdown-menu {
min-width: 450px;
padding: 0;
}
.notification-dropdown .drop-title {
border-bottom: 1px solid #e2e2e2;
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
}
.notification-dropdown .drop-title .new {
background: #FF9149;
color: #fff;
font-size: 11px;
padding: 1px 10px;
border-radius: 10px;
font-weight: 400;
display: inline-block;
}
.notification-dropdown .drop-content {
min-height: 280px;
max-height: 280px;
overflow-y: scroll;
padding: 0;
list-style: none;
}
.notification-dropdown .drop-content .ic {
text-decoration: none;
}
.notification-dropdown .drop-content .ic span {
font-size: 30px;
border-radius: 50px;
width: 30px;
height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #555;
}
.notification-dropdown .drop-content .text {
font-size: 14px;
color: #606060;
line-height: initial;
}
.notification-dropdown .drop-content .text p {
color: #606060;
margin: 0;
margin-bottom: 5px;
line-height: 20px;
}
.notification-dropdown .drop-content .text .time {
font-size: 11px;
margin-top: 10px;
color: #888;
}
.notification-dropdown .drop-content::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
.notification-dropdown .drop-content::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
}
.notification-dropdown .drop-content::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.notification-dropdown .drop-content>li {
display: flex;
gap: 15px;
font-size: 16px;
padding: 15px;
border-bottom: 1px solid #eee;
}
.notification-dropdown .drop-content>li.unread {
background-color: #f2f2f2;
}
.notification-dropdown .drop-content>li:after {
content: "";
clear: both;
display: block;
}
.notification-dropdown .drop-content>li:hover {
background-color: #fcfcfc;
}
.notification-dropdown .drop-content>li:last-child {
border-bottom: none;
}
.notification-dropdown .drop-content>li .notify-img {
display: inline-block;
width: 45px;
height: 45px;
margin: 0px 0px 8px 0px;
}
.notification-dropdown .allRead {
margin-right: 7px;
}
.notification-dropdown .rIcon {
color: #999;
}
.notification-dropdown .rIcon:hover {
color: #333;
}
.notification-dropdown .drop-content>li a {
text-decoration: none;
}
.notification-dropdown .drop-content>li {
text-decoration: none;
}
.notification-dropdown .drop-content>li hr {
margin: 5px 0;
width: 70%;
border-color: #e2e2e2;
}
.notification-dropdown .drop-content .pd-l0 {
padding-left: 0;
}
.notification-dropdown .drop-content>li p {
text-decoration: none;
}
.notification-dropdown .drop-content>li p.time {
font-size: 10px;
font-weight: 600;
top: -6px;
margin: 8px 0px 0px 0px;
padding: 0px 3px;
border: 1px solid #e2e2e2;
position: relative;
background-image: linear-gradient(#fff, #f2f2f2);
display: inline-block;
border-radius: 2px;
color: #B97745;
}
.notification-dropdown .drop-content>li p.time:hover {
background-image: linear-gradient(#fff, #fff);
}
.notification-dropdown .drop-footer {
border-top: 1px solid #e2e2e2;
bottom: 0;
position: relative;
padding: 8px 15px;
}
.notification-dropdown .drop-footer a {
color: #777;
text-decoration: none;
}
.notification-dropdown .drop-footer a:hover {
color: #333;
}
/**==============================================================================================**/
.buttons-job-detail .btn {
margin-bottom: 0 !important;
}
/**==============================================================================================**/
.questions-area {
margin-bottom: 0;
}
.questions-area .buttons {
text-decoration: none;
}
.questions-area .heading {
position: relative;
margin-bottom: 15px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
gap: 10px 20px;
}
.questions-area .heading .title h3 {
text-decoration: none;
font-size: 20px;
font-weight: bold;
margin: 0;
}
.questions-area .heading p {
margin: 0;
}
/**==============================================================================================**/
.questions-area .qbox {
border: 1px dashed #d6d6d6;
padding: 20px;
margin-bottom: 15px;
background: #fff;
}
.questions-area .qbox:hover {
border-color: #aaa;
}
.questions-area .qbox .options {
margin: 0;
list-style: none;
padding: 0;
}
.questions-area .qbox .options .item .actions {
margin-bottom: 10px;
}
.questions-area .qbox .options .item:hover .actions {
display: block;
}
.questions-area .qbox .options .item .add a {
font-size: 14px;
padding: 5px 0;
display: inline-block;
}
.questions-area .qbox .q-buttons {
display: flex;
gap: 10px;
justify-content: end;
}
/**==============================================================================================**/
.questions-area .questions {
margin-bottom: 15px;
}
.questions-area .questions .qes {
font-weight: 500 !important;
font-size: 14px;
color: #333;
margin-right: auto;
margin-bottom: 5px;
}
.questions-area .questions .qes .mandatory {
color: red;
position: relative;
top: 2px;
}
.questions-area .questions .qes h5 {
border: 0;
font-weight: 600;
font-size: inherit;
line-height: 22px;
color: #202020;
margin-bottom: 0;
}
.questions-area .questions .ans {
margin-bottom: 5px;
}
/**==============================================================================================**/
.questions-area .answers {
margin-left: 20px;
}
.questions-area .answers ul {
text-decoration: none;
}
.questions-area .answers ul li {
text-decoration: none;
}
.questions-area .answer .qq {
display: flex;
gap: 20px;
}
.questions-area .answers .list {
margin-left: -30px;
margin-bottom: 0;
list-style-position: inside;
}
.questions-area .answers .list li {
padding: 0;
}
.questions-area .answers .list li.selected {
color: black;
}
.questions-area .answers .list li span {
display: inline-block;
padding: 0 5px;
}
.questions-area .answers .list li.selected span {
text-decoration: none;
}
.questions-area .answers .list li.selected span i {
color: blue;
font-size: 20px;
line-height: 0;
position: relative;
top: 3px;
}
.questions-area .answers .list li.selected .correct {
color: blue;
font-size: 13px;
font-style: initial;
}
.questions-area .answer .qq h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #202020;
margin-bottom: 0;
}
.questions-area .answer .ans {
margin-bottom: 0;
}
.questions-area .answers .list li.correct {
text-decoration: none;
}
.questions-area .answers .list li.correct span {
background: #5aa1ff42;
border-radius: 5px;
color: #202020;
}
.questions-area .answers .list li.correct span i {
color: green;
font-size: 15px;
line-height: 0;
position: relative;
top: 1px;
margin-left: 5px;
}
/**==============================================================================================**/
.list {
/* color: #656565; */
text-decoration: none;
position: relative;
right: -1px;
z-index: 1;
}
.list .item {
margin-bottom: 15px;
}
.list .label {
font-weight: 500;
}
.list .value {
text-decoration: none;
}
/**==============================================================================================**/
.steps {
margin-bottom: 50px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
flex-wrap: nowrap !important;
justify-content: space-between !important;
display: flex !important;
}
.steps .step {
display: block;
width: 100%;
text-align: center;
padding-bottom: 0;
}
.steps .step .step-icon-wrap {
display: block;
position: relative;
width: 100%;
text-align: center
}
.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
display: block;
position: absolute;
top: 50%;
width: 50%;
height: 3px;
margin-top: 2px;
background-color: #d4d4d4;
content: '';
z-index: 1;
transform: translateY(-50%);
}
.steps .step .step-icon-wrap::before {
left: 0
}
.steps .step .step-icon-wrap::after {
right: 0
}
.steps .step .step-icon {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
border: 1px solid #b8b8b8;
border-radius: 50%;
background-color: #f5f5f5;
font-size: 24px;
line-height: 80px;
z-index: 5
}
.steps .step .step-title {
margin-top: 5px;
margin-bottom: 0;
color: #606975;
font-size: 14px;
font-weight: 400;
}
.steps .step:first-child .step-icon-wrap::before {
display: none;
}
.steps .step:last-child .step-icon-wrap::after {
display: none;
}
.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
background-color: #5aa1ff;
}
.steps .step.completed .step-icon {
border-color: #5aa1ff;
background-color: #5aa1ff;
color: #fff
}
.steps .step-icon i {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translateY(-50%);
top: 50%;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.pricing-plans2 {
max-width: 980px;
margin: auto;
}
.pricing-plans2 .pricebox {
border: 1px solid;
background: #fff;
margin: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 8px;
width: 100%;
margin-bottom: 30px;
overflow: hidden;
border-top-width: 5px;
}
.pricing-plans2 .pricebox .wrap {
padding: 15px;
text-align: center;
padding-top: 0;
}
.pricing-plans2 .pricebox .name {
font-size: 25px;
font-weight: bold;
padding: 30px 20px;
text-align: center;
padding-bottom: 10px;
}
.pricing-plans2 .pricebox .name h2 {
margin-bottom: 5px;
}
.pricing-plans2 .pricebox .sub {
font-size: 16px;
display: inline-block;
margin-bottom: 30px;
font-weight: 400;
color: #202020;
}
.pricing-plans2 .pricebox .description {
font-weight: 400;
font-size: 13px;
min-height: 110px;
font-family: inherit;
}
.pricing-plans2 .pricebox .price {
font-size: 36px;
font-weight: 600;
display: block;
align-items: center;
gap: 5px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
padding: 20px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.pricing-plans2 .pricebox .was {
position: relative;
display: flex;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
align-items: center;
gap: 10px;
justify-content: center;
min-height: 20px;
}
.pricing-plans2 .pricebox .was b:before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
color: orangered;
}
.pricing-plans2 .pricebox .was b {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
}
.pricing-plans2 .pricebox .was .percent {
border-radius: 20px;
padding: 4px 12px;
font-weight: 700;
font-size: 12px;
line-height: normal;
text-align: center;
color: #ff5c62;
background: #f3e3cd;
}
.pricing-plans2 .pricebox .price .times {
display: flex;
flex-direction: column;
gap: 5px;
}
.pricing-plans2 .pricebox .validity {
font-size: 14px;
font-weight: normal;
color: #999;
line-height: normal;
}
.pricing-plans2 .pricebox .free-trail {
font-size: 14px;
font-weight: normal;
color: #999;
line-height: normal;
}
.pricing-plans2 .pricebox .services .services-title {
font-weight: 600;
margin-bottom: 10px;
display: none;
}
.pricing-plans2 .pricebox .services>ul {
padding: 0;
margin: 0;
text-align: center;
}
.pricing-plans2 .pricebox .services>ul>li {
display: block;
flex-wrap: wrap;
gap: 0 10px;
position: relative;
font-size: 14px;
font-weight: 400;
text-align: left;
border-top: 0px dotted #eee;
padding-left: 24px;
margin-bottom: 10px;
}
.pricing-plans2 .pricebox .services>ul li span {
color: #fff;
margin-right: 10px;
position: absolute;
left: 0;
background: #00c794;
width: 16px;
height: 16px;
font-size: 10px;
font-weight: 800;
text-align: center;
line-height: 16px;
border-radius: 50px;
top: 2px;
}
.pricing-plans2 .pricebox .services .included {
text-decoration: none;
margin-top: 5px;
/* background: #0000000d; */
padding: 10px;
border-radius: 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.pricing-plans2 .pricebox .services .included .lbl {
font-size: 13px;
font-weight: 600;
color: #202020;
}
.pricing-plans2 .pricebox .services .included ul {
text-decoration: none;
margin: 0;
padding: 0;
margin-left: 20px;
list-style: disc;
font-size: 13px;
}
.pricing-plans2 .pricebox .services .included ul li {
text-decoration: none;
}
.pricing-plans2 .pricebox.premium {
background-color: aliceblue;
border-color: #1e6def;
}
.pricing-plans2 .pricebox.premium .name {
border-color: #1e6def;
}
.pricing-plans2 .pricebox.premium .name h2 {
color: #1e6def;
}
.pricing-plans2 .pricebox.featured {
background: #f9f9f9;
border-color: #4d8f89;
}
.pricing-plans2 .pricebox.featured .name h2 {
color: #4d8f89;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.package-plans {
/* max-width: 980px; */
margin: auto;
}
.package-plans .pricebox {
border: 1px solid;
background: #fff;
margin: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 8px;
width: 100%;
margin-bottom: 15px;
overflow: hidden;
border-left-width: 5px;
display: flex;
gap: 15px;
justify-content: center;
align-items: center;
border-color: #1e6def;
}
.package-plans .pricebox .wrap1 {
text-align: center;
padding-top: 0;
display: flex;
/* gap: 15px; */
/* align-items: center; */
width: 100%;
}
.package-plans .pricebox .name {
align-items: center;
gap: 20px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
padding: 30px 25px;
display: flex;
flex-direction: column;
min-width: 300px;
background: rgb(30 109 239 / 5%);
justify-content: center;
max-width: 320px;
font-size: 14px;
}
.package-plans .pricebox .name h2 {
margin-bottom: 0;
font-size: 24px;
color: #202020;
}
.package-plans .pricebox .name h3 {
font-size: 22px;
font-weight: 500;
margin: 0;
}
.package-plans .pricebox .sub {
font-size: 16px;
display: inline-block;
font-weight: 400;
color: #202020;
}
.package-plans .pricebox .description {
font-weight: 400;
font-size: 18px;
text-align: left;
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
justify-content: center;
}
.package-plans .pricebox .price {
font-size: 30px;
/* font-weight: 600; */
display: block;
align-items: center;
gap: 15px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
padding: 30px 20px;
display: flex;
flex-direction: column;
min-width: 280px;
background: rgb(30 109 239 / 5%);
justify-content: center;
}
.package-plans .pricebox .price .lbl {
font-weight: 600;
}
.package-plans .pricebox .was {
position: relative;
display: flex;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
align-items: center;
gap: 10px;
justify-content: center;
min-height: 20px;
}
.package-plans .pricebox .was b:before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
color: orangered;
}
.package-plans .pricebox .was b {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
}
.package-plans .pricebox .was .percent {
border-radius: 20px;
padding: 4px 12px;
font-weight: 700;
font-size: 12px;
line-height: normal;
text-align: center;
color: #ff5c62;
background: #f3e3cd;
}
.package-plans .pricebox .price .times {
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans .pricebox .item {
font-size: 14px;
font-weight: normal;
color: #999;
line-height: normal;
}
.package-plans .pricebox .services .services-title {
font-weight: 600;
margin-bottom: 10px;
color: #202020;
font-size: 16px;
}
.package-plans .pricebox .services>ul {
padding: 0;
margin: 0;
text-align: center;
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans .pricebox .services>ul>li {
display: block;
flex-wrap: wrap;
gap: 0 10px;
position: relative;
font-size: 14px;
font-weight: 400;
text-align: left;
border-top: 0px dotted #eee;
padding-left: 24px;
color: #202020;
}
.package-plans .pricebox .services>ul li span {
color: #fff;
margin-right: 10px;
position: absolute;
left: 0;
background: #00c794;
width: 14px;
height: 14px;
font-size: 9px;
font-weight: 800;
text-align: center;
line-height: 16px;
border-radius: 50px;
top: 2px;
}
.package-plans .pricebox .services .included {
text-decoration: none;
/* background: #0000000d; */
color: #656565;
}
.package-plans .pricebox .services .included .lbl {
font-size: 13px;
font-weight: 600;
color: #202020;
display: none;
}
.package-plans .pricebox .services .included ul {
text-decoration: none;
margin: 0;
padding: 0;
margin-left: 14px;
list-style: disc;
font-size: 13px;
}
.package-plans .pricebox .services .included ul li {
text-decoration: none;
}
.package-plans .pricebox.premium {
background-color: aliceblue;
border-color: #1e6def;
}
.package-plans .pricebox.premium .name {
border-color: #1e6def;
}
.package-plans .pricebox.premium .name h2 {
color: #1e6def;
}
.package-plans .pricebox.featured {
background: #f9f9f9;
border-color: #4d8f89;
}
.package-plans .pricebox.featured .name h2 {
color: #4d8f89;
}
.package-plans .pricebox .button {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 15px 10px;
font-size: 14px;
}
.package-plans .pricebox .button .auto {
display: flex;
gap: 5px;
align-items: center;
}
.package-plans .pricebox.new .price {
/* align-items: flex-start; */
/* text-align: left; */
/* min-width: max-content; */
}
.package-plans .pricebox.new .price label {
/* width: 130px; */
text-decoration: none;
}
.package-plans .pricebox.new .price .times {
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans .pricebox.new .list-group {
background: #fff;
/* border-radius: 5px; */
box-shadow: rgb(0 0 0 /5%) 0px 0px 10px;
/* padding: 20px; */
/* border: 1px solid #e9e9e9; */
/* color: #999; */
display: flex;
/* gap: 10px 0; */
width: 100%;
/* height: 100%; */
justify-content: center;
}
.package-plans .pricebox.new .list-group-item {
color: inherit;
display: flex;
/* border: 0; */
/* border-radius: 0; */
/* border-bottom: 1px solid #e3e0e0 !important; */
margin-bottom: 0;
font-size: 16px;
justify-content: left;
/* align-items: center; */
flex-wrap: wrap;
gap: 0px 10px;
/* padding: 0; */
font-size: 16px;
line-height: normal;
/* padding-bottom: 10px; */
}
.package-plans .pricebox.new .list-group-item a {
font-size: 14px;
font-weight: 300;
}
.package-plans .pricebox.new .list-group-item:last-child {
/* border-bottom: 0 !important; */
/* padding-bottom: 0; */
text-decoration: none;
}
.package-plans .pricebox.new .list-group-item label {
width: 180px;
}
.package-plans .pricebox.new .list-group-item label .star {
font-size: 14px;
}
.package-plans .pricebox.new .list-group-item .amount {
color: #202020;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 3px 10px;
max-width: 280px;
flex-wrap: wrap;
/* justify-content: center; */
}
.package-plans .pricebox.new .list-group-item .hint {
font-style: italic;
font-size: 12px;
line-height: normal;
color: mediumseagreen;
font-weight: 400;
}
.package-plans .hint {
font-size: 12px;
}
.package-plans .price.right .list-group {
background: transparent;
/* border-radius: 5px; */
box-shadow: none;
/* padding: 20px; */
border: 0;
/* color: #999; */
display: flex;
/* gap: 10px 0; */
width: 100%;
/* height: 100%; */
justify-content: center;
}
.package-plans .price.right .list-group-item {
color: inherit;
display: block;
/* border: 0; */
/* border-radius: 0; */
/* border-bottom: 1px solid #e3e0e0 !important; */
margin-bottom: 0;
font-size: 16px;
justify-content: left;
/* align-items: center; */
flex-wrap: wrap;
gap: 5px 10px;
/* padding: 0; */
font-size: 16px;
line-height: normal;
/* padding-bottom: 10px; */
background: transparent;
border: 0;
justify-content: unset;
align-items: center;
display: flex;
flex-direction: column;
}
.package-plans .price.right .list-group-item a {
font-size: 14px;
font-weight: 300;
}
.package-plans .price.right .list-group-item:last-child {
/* border-bottom: 0 !important; */
/* padding-bottom: 0; */
text-decoration: none;
}
.package-plans .price.right .list-group-item label {
width: 190px;
color: #696969;
font-size: 14px;
font-weight: 400;
}
.package-plans .price.right .list-group-item .amount {
color: initial;
font-weight: 400;
font-size: 14px;
display: flex;
align-items: center;
gap: 3px 10px;
max-width: 280px;
flex-wrap: wrap;
justify-content: center;
}
.package-plans .price.right .list-group-item label .star {
font-size: 14px;
}
.package-plans .price .right .list-group-item .amount {
color: #202020;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 0 10px;
max-width: 280px;
flex-wrap: wrap;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
.package-plans2 {
/* max-width: 980px; */
margin: auto;
}
.package-plans2 .pricebox {
border: 1px solid;
background: #fff;
margin: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 8px;
width: 100%;
margin-bottom: 15px;
overflow: hidden;
border-top-width: 5px;
/* display: flex; */
gap: 15px;
justify-content: center;
align-items: center;
border-color: #1e6def;
}
.package-plans2 .pricebox .wrap {
text-align: center;
padding-top: 0;
display: flex;
/* gap: 15px; */
/* align-items: center; */
width: 100%;
flex-direction: column;
height: 100%;
}
.package-plans2 .pricebox .name {
align-items: center;
gap: 20px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
padding: 40px 20px;
display: flex;
flex-direction: column;
min-width: 300px;
background: rgb(30 109 239 / 5%);
justify-content: center;
/* max-width: 320px; */
font-size: 14px;
text-align: center;
/* height: 100%; */
}
.package-plans2 .pricebox .name h2 {
margin-bottom: 0;
font-size: 30px;
color: #202020;
}
.package-plans2 .pricebox .name h3 {
font-size: 22px;
font-weight: 500;
margin: 0;
}
.package-plans2 .pricebox .sub {
font-size: 16px;
display: inline-block;
font-weight: 500;
color: #202020;
}
.package-plans2 .pricebox .description {
font-weight: 400;
font-size: 18px;
text-align: left;
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
justify-content: center;
}
.package-plans2 .pricebox .description .text {
font-size: 14px;
/* text-align: center; */
}
.package-plans2 .pricebox .price {
font-size: 30px;
/* font-weight: 600; */
display: block;
align-items: center;
gap: 15px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
padding: 30px 20px;
display: flex;
flex-direction: column;
min-width: 280px;
/* background: rgb(30 109 239 / 5%); */
justify-content: center;
/* margin-top: auto; */
}
.package-plans2 .pricebox .price .lbl {
font-weight: 600;
}
.package-plans2 .pricebox .was {
position: relative;
display: flex;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
align-items: center;
gap: 10px;
justify-content: center;
min-height: 20px;
}
.package-plans2 .pricebox .was b:before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
color: orangered;
}
.package-plans2 .pricebox .was b {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1;
font-weight: 300;
padding: 0 10px;
}
.package-plans2 .pricebox .was .percent {
border-radius: 20px;
padding: 4px 12px;
font-weight: 700;
font-size: 12px;
line-height: normal;
text-align: center;
color: #ff5c62;
background: #f3e3cd;
}
.package-plans2 .pricebox .price .times {
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans2 .pricebox .item {
font-size: 14px;
font-weight: normal;
color: #999;
line-height: normal;
}
.package-plans2 .pricebox .services .services-title {
font-weight: 600;
margin-bottom: 10px;
color: #202020;
font-size: 16px;
}
.package-plans2 .pricebox .services>ul {
padding: 0;
margin: 0;
text-align: center;
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans2 .pricebox .services>ul>li {
display: block;
flex-wrap: wrap;
gap: 0 10px;
position: relative;
font-size: 14px;
font-weight: 400;
text-align: left;
border-top: 0px dotted #eee;
padding-left: 24px;
color: #202020;
}
.package-plans2 .pricebox .services>ul li span {
color: #fff;
margin-right: 10px;
position: absolute;
left: 0;
background: #00c794;
width: 14px;
height: 14px;
font-size: 9px;
font-weight: 800;
text-align: center;
line-height: 16px;
border-radius: 50px;
top: 2px;
}
.package-plans2 .pricebox .services .included {
text-decoration: none;
/* background: #0000000d; */
color: #656565;
}
.package-plans2 .pricebox .services .included .lbl {
font-size: 13px;
font-weight: 600;
color: #202020;
display: none;
}
.package-plans2 .pricebox .services .included ul {
text-decoration: none;
margin: 0;
padding: 0;
margin-left: 14px;
list-style: disc;
font-size: 13px;
}
.package-plans2 .pricebox .services .included ul li {
text-decoration: none;
}
.package-plans2 .pricebox.premium {
background-color: aliceblue;
border-color: #1e6def;
}
.package-plans2 .pricebox.premium .name {
border-color: #1e6def;
}
.package-plans2 .pricebox.premium .name h2 {
color: #1e6def;
}
.package-plans2 .pricebox.featured {
background: #f9f9f9;
border-color: #4d8f89;
}
.package-plans2 .pricebox.featured .name h2 {
color: #4d8f89;
}
.package-plans2 .pricebox .button {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 15px 10px;
font-size: 14px;
margin-top: auto;
}
.package-plans2 .pricebox .button .auto {
display: flex;
gap: 5px;
align-items: center;
}
.package-plans2 .pricebox.new .price {
/* align-items: flex-start; */
/* text-align: left; */
/* min-width: max-content; */
}
.package-plans2 .pricebox.new .price label {
/* width: 130px; */
text-decoration: none;
}
.package-plans2 .pricebox.new .price .times {
display: flex;
flex-direction: column;
gap: 5px;
}
.package-plans2 .pricebox.new .list-group {
background: #fff;
/* border-radius: 5px; */
box-shadow: rgb(0 0 0 /5%) 0px 0px 10px;
/* padding: 20px; */
/* border: 1px solid #e9e9e9; */
/* color: #999; */
display: flex;
/* gap: 10px 0; */
width: 100%;
/* height: 100%; */
justify-content: center;
}
.package-plans2 .pricebox.new .list-group-item {
color: inherit;
display: flex;
/* border: 0; */
/* border-radius: 0; */
/* border-bottom: 1px solid #e3e0e0 !important; */
margin-bottom: 0;
font-size: 16px;
justify-content: left;
/* align-items: center; */
flex-wrap: wrap;
gap: 0px 10px;
/* padding: 0; */
font-size: 16px;
line-height: normal;
/* padding-bottom: 10px; */
}
.package-plans2 .pricebox.new .list-group-item a {
font-size: 14px;
font-weight: 300;
}
.package-plans2 .pricebox.new .list-group-item:last-child {
/* border-bottom: 0 !important; */
/* padding-bottom: 0; */
text-decoration: none;
}
.package-plans2 .pricebox.new .list-group-item label {
width: 180px;
}
.package-plans2 .pricebox.new .list-group-item label .star {
font-size: 14px;
}
.package-plans2 .pricebox.new .list-group-item .amount {
color: #202020;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 3px 10px;
max-width: 280px;
flex-wrap: wrap;
/* justify-content: center; */
}
.package-plans2 .pricebox.new .list-group-item .hint {
font-style: italic;
font-size: 12px;
line-height: normal;
color: mediumseagreen;
font-weight: 400;
}
.package-plans2 .hint {
font-size: 12px;
}
.package-plans2 .price.right .list-group {
background: transparent;
/* border-radius: 5px; */
box-shadow: none;
/* padding: 20px; */
border: 0;
/* color: #999; */
display: flex;
/* gap: 10px 0; */
width: 100%;
/* height: 100%; */
justify-content: center;
}
.package-plans2 .price.right .list-group-item {
color: inherit;
display: block;
/* border: 0; */
/* border-radius: 0; */
/* border-bottom: 1px solid #e3e0e0 !important; */
margin-bottom: 0;
font-size: 16px;
justify-content: left;
/* align-items: center; */
flex-wrap: wrap;
gap: 5px 10px;
/* padding: 0; */
font-size: 16px;
line-height: normal;
/* padding-bottom: 10px; */
background: transparent;
border: 0;
justify-content: unset;
align-items: center;
display: flex;
flex-direction: column;
}
.package-plans2 .price.right .list-group-item a {
font-size: 14px;
font-weight: 300;
}
.package-plans2 .price.right .list-group-item:last-child {
/* border-bottom: 0 !important; */
/* padding-bottom: 0; */
text-decoration: none;
}
.package-plans2 .price.right .list-group-item label {
width: 190px;
color: #696969;
font-size: 14px;
font-weight: 400;
}
.package-plans2 .price.right .list-group-item .amount {
color: initial;
font-weight: 400;
font-size: 14px;
display: flex;
align-items: center;
gap: 3px 10px;
max-width: 280px;
flex-wrap: wrap;
justify-content: center;
}
.package-plans2 .price.right .list-group-item label .star {
font-size: 14px;
}
.package-plans2 .price .right .list-group-item .amount {
color: #202020;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 0 10px;
max-width: 280px;
flex-wrap: wrap;
}
.package-plans2.inner {
text-decoration: none;
}
.package-plans2.inner .pricebox {
display: flex;
}
.package-plans2.inner .pricebox .wrap {
display: flex;
flex-direction: row;
}
.package-plans2.inner .pricebox .wrap .price {
background-color: #fcfcfc;
order: 1;
}
/**==============================================================================================**/
.resume-outer {
position: relative;
}
.resume-outer .upper-title {
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: transparent;
gap: 10px 20px;
}
.resume-outer .upper-title h4 {
font-weight: 600;
font-size: 18px;
line-height: 24px;
margin: 0;
}
.resume-outer .items {
display: grid;
gap: 5px;
}
.resume-outer .items .default {
text-align: center;
border: 2px dashed #ccc;
padding: 10px;
font-weight: 500;
color: #999;
}
.resume-outer .items .box {
position: relative;
padding: 10px;
box-sizing: border-box;
border-radius: 0;
border-bottom: 0px solid #eee;
border: 1px solid #fff0;
}
.resume-outer .items .box:hover {
border: 1px solid #eee;
}
.resume-outer .items .box .inner {
position: relative;
padding-left: 60px;
z-index: 1;
padding-bottom: 0;
display: grid;
gap: 10px;
}
.resume-outer .items .box .inner article {
position: relative;
}
.resume-outer .items .box .inner article .description {
font-size: 14px;
color: #777;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
}
.resume-outer .items .box .inner article .more {
font-weight: normal;
display: inline-block;
margin-top: 5px;
font-size: 14px;
}
.resume-outer .items .box .inner:before {
position: absolute;
left: 20px;
top: 5px;
bottom: 0;
z-index: -1;
border-left: 2px dotted rgba(217, 48, 37, 0.15);
content: "";
display: none;
}
.resume-outer.items .box:last-child {
display: block;
background: #0dcaf0;
}
.resume-outer .items .box:last-child .inner:before {
display: none;
}
.resume-outer .items .box .name {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 40px;
line-height: 30px;
border-radius: 50%;
z-index: 2;
border: 0px solid #DDDDDD;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
display: flex;
align-items: center;
background: #0dcaf0;
color: #202020;
overflow: hidden;
}
.resume-outer .items .box .name .logo {
background: #fff;
}
.resume-outer .items .box .name .logo img {
width: 100%;
}
.resume-outer .items .box .icon {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 40px;
line-height: 30px;
border-radius: 50%;
z-index: 2;
border: 0px solid #DDDDDD;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
display: flex;
align-items: center;
background: #0dcaf0;
color: #202020;
}
.resume-outer .items .box .icon .logo {
background: #fff;
font-size: 24px;
color: #8CAEBD;
}
.resume-outer .items .box .icon .logo i {
text-decoration: none;
}
.resume-outer .items .box .icon .logo img {
width: 100%;
}
.resume-outer .items .box .title-box {
position: relative;
display: flex;
margin-bottom: 0;
justify-content: space-between;
gap: 19px;
align-items: flex-start;
}
.resume-outer .items .box .info-box {
margin-right: 20px;
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
.resume-outer .items .box .info-box h3 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #202020;
margin-bottom: 0;
display: flex;
align-items: baseline;
width: 100%;
padding-right: 10px;
}
.resume-outer .items .box .info-box h3 .link {
margin-left: 5px;
}
.resume-outer .items .box .info-box .company {
font-size: 16px;
line-height: 22px;
font-weight: 500;
/* margin-right: 10px; */
margin-top: 2px;
/* display: inline-block; */
}
.resume-outer .items .box .info-box .location {
margin-right: 10px;
display: inline-block;
/* font-size: 14px; */
}
.resume-outer .items .box .info-box .date {
margin-right: 10px;
display: inline-block;
font-size: 12px;
}
.resume-outer .items .box .info-box .type {
color: inherit;
font-size: 13px;
display: inline-block;
}
.resume-outer .items .box .dates {
white-space: nowrap;
text-align: right;
padding-right: 0;
}
.resume-outer .items .box .dates .year {
position: relative;
font-size: 14px;
padding: 0;
line-height: 15px;
/* font-weight: 600; */
margin-bottom: 3px;
display: block;
color: #202020;
margin-top: 4px;
}
.resume-outer .items .box .dates .total-time {
position: relative;
font-size: 13px;
padding: 0;
line-height: 15px;
display: block;
color: #999;
}
.resume-outer .items .box .edit-btns {
display: flex;
align-items: center;
gap: 5px;
right: 0;
margin-top: 4px;
}
.resume-outer .items .box .edit-btns button {
position: relative;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 8px;
min-width: auto;
color: #1e6def;
border: 0;
}
.resume-outer.theme-blue .items .box .name {
background: #0dcaf0;
color: #fff;
}
.resume-outer.theme-blue .items .box .edit-box .year {
text-decoration: none;
}
.resume-outer.theme-blue .items .box .info-box .company {
text-decoration: none;
}
.resume-outer.theme-blue .items .box .info-box .type {
text-decoration: none;
}
.resume-outer .view-all {
text-align: center;
background: #f3f3f3;
margin-left: 0;
padding: 3px;
margin-top: 20px;
}
.resume-outer .view-all a {
font-weight: 600;
color: inherit;
}
.resume-outer .items .box.file .icon {
width: 30px;
height: 30px;
background: transparent;
}
.resume-outer .items .box.file .inner {
padding-left: 40px;
}
.resume-outer .items .box.file .info-box h3 {
font-size: 16px;
font-weight: 400;
}
.resume-outer .other {
gap: 5px 15px;
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
font-size: 15px;
}
.resume-outer .other>li {
text-decoration: none;
display: flex;
/* flex-wrap: wrap; */
gap: 0px 5px;
align-items: center;
}
.resume-outer .other>li a {
text-decoration: none;
color: #656565;
}
.resume-outer .info {
-webkit-box-orient: vertical;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
border: 0px solid #f00;
gap: 5px 15px;
font-size: 15px;
}
.resume-outer .info>li a {
text-decoration: none;
color: #656565;
}
/**==============================================================================================**/
.resume-list {
position: relative;
margin-bottom: 40px;
margin-top: -15px;
display: flex;
flex-direction: column;
gap: 5px;
}
.resume-list .item {
position: relative;
display: flex;
border: 1px solid #eee;
padding: 5px 10px;
align-items: center;
border-radius: 5px;
}
.resume-list .item .name {
position: relative;
margin-right: auto;
font-weight: 400;
font-size: 14px;
}
.resume-list .item .edit-btns {
display: flex;
align-items: center;
gap: 5px;
right: 0;
}
/**==============================================================================================**/
.category-details {
padding: 30px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
margin-top: 50px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.category-details h1 {
font-size: 30px;
}
.category-details h2 {
font-size: 26px;
}
.category-details h3 {
font-size: 22px;
}
.category-details h4 {
font-size: 20px;
}
.category-details h5 {
font-size: 18px;
}
.category-details h6 {
font-size: 16px;
}
.category-details .button {
margin-top: 20px;
}
/**==============================================================================================**/
.service-form {
position: relative;
background: rgb(255 255 255 / 80%);
padding: 20px;
box-sizing: border-box;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px !important;
}
/**==============================================================================================**/
.send-msg-button {
gap: 5px !important;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
/**==============================================================================================**/
.form-section .list-unstyled.list-inline {
text-decoration: none;
}
.form-section .list-unstyled.list-inline i {
text-decoration: none;
font-size: 36px;
}
.form-section .list-unstyled.list-inline .icon-x {
/* font-size: 32px; */
position: relative;
/* top: 6px; */
}
.form-section .list-unstyled.list-inline .icon-x i {
text-decoration: none;
font-size: 32px;
}
/**==============================================================================================**/
.home-content8 {
padding-bottom: 0;
border-bottom: 2px solid #fff;
margin-bottom: 40px;
}
.home-content8 .cbox {
margin-bottom: 0;
position: relative;
font-weight: 400;
border-radius: 20px;
font-size: 18px;
padding-right: inherit;
}
.home-content8 .cc:first-child {
text-decoration: none;
}
.home-content8 .cc {
/* border-bottom: 2px solid #fff; */
margin-bottom: 0;
/* padding-bottom: 40px; */
}
.home-content8 h2 {
font-size: 20px;
color: #ffffff;
font-weight: 700;
margin-bottom: 30px;
background: #00A79D;
padding: 15px;
border-radius: 10px;
}
.home-content8 .cbox p {
text-decoration: none;
}
.home-content8 .cbox .item {
font-weight: 300;
}
.home-content8 .cbox .item h3 {
font-size: 16px;
color: #202020;
font-weight: 600;
margin-bottom: 0;
}
.home-content8 .cbox .item p {
text-decoration: none;
}
.home-content8 .cbox ul {
align-items: flex-start;
padding: 0;
margin: 0;
/* display: flex; */
gap: 20px;
margin-top: 30px;
}
.home-content8 .cbox li {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.home-content8 .cbox li i {
color: #065a9f;
border: 1px solid #065a9f;
font-size: 20px;
vertical-align: text-top;
}
.home-content8 .pic {
text-decoration: none;
}
.home-content8 .pic img {
text-decoration: none;
max-width: 100%;
}
/**==============================================================================================**/
.login-content8 {
padding-bottom: 0;
/* border-bottom: 2px solid #fff; */
margin-bottom: 0px;
margin-top: 0;
}
.login-content8 .cbox {
margin-bottom: 0;
position: relative;
font-weight: 400;
border-radius: 20px;
font-size: 18px;
padding-right: inherit;
}
.login-content8 .cc:first-child {
text-decoration: none;
}
.login-content8 .cc {
/* border-bottom: 2px solid #fff; */
margin-bottom: 0;
/* padding-bottom: 40px; */
}
.login-content8 h2 {
font-size: 20px;
margin-bottom: 30px;
/* background: #00A79D; */
border-radius: 10px;
}
.login-content8 .cbox p {
text-decoration: none;
}
.login-content8 .cbox .item {
font-weight: 300;
}
.login-content8 .cbox .item h3 {
font-size: 16px;
color: #202020;
font-weight: 600;
margin-bottom: 0;
}
.login-content8 .cbox .item p {
text-decoration: none;
}
.login-content8 .cbox ul {
align-items: flex-start;
padding: 0;
margin: 0;
/* display: flex; */
gap: 20px;
margin-top: 30px;
}
.login-content8 .cbox li {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.login-content8 .cbox li i {
color: #065a9f;
border: 1px solid #065a9f;
font-size: 20px;
vertical-align: text-top;
}
.login-content8 .pic {
text-decoration: none;
}
.login-content8 .pic img {
text-decoration: none;
max-width: 100%;
}
.login-content8 .form-section {
margin-top: 0;
padding: 30px;
}
/**==============================================================================================**/
.home-want {
background: #00A79D;
color: #fff;
padding: 30px 0;
margin-top: -10px;
}
.home-want .cbox {
margin-bottom: 10px;
/* background: rgb(255 255 255 / 100%); */
position: relative;
text-align: center;
max-width: 800px;
margin: auto;
font-size: 18px;
}
.home-want .cbox h2 {
font-size: 30px;
font-weight: 700;
margin-bottom: 15px;
}
.home-want .cbox p {
text-decoration: none;
}
.home-want .button {
margin-top: 30px;
}
.home-content1 {
margin-bottom: 30px;
padding: 50px 0;
border-bottom: 1px solid #ccc;
}
/**==============================================================================================**/
.search-home-new {
text-align: center;
}
.search-home-new .text {
padding: 50px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, .15) !important;
background-size: cover;
background-attachment: fixed;
background-color: #ffffff36;
outline: 0;
}
.search-home-new .text article p {
font-size: 16px;
max-width: 800px;
margin: auto;
color: #909090;
}
.search-home-new .tagline {
text-decoration: none;
}
.search-home-new .social a {
text-decoration: none;
}
.search-home-new .searchbox {
margin-top: 50px;
margin-bottom: 50px;
}
/**==============================================================================================**/
.text-content {
padding: 30px;
border-radius: 5px;
background: rgb(255 255 255 / 100%);
margin-top: 50px;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 20px;
}
.text-content .text {
text-decoration: none;
}
.text-content .button {
margin-top: 20px;
}
/**==============================================================================================**/
.resume-wrapper {
max-width: 1000px;
margin: auto;
display: flex;
background: #fff;
}
.resume-wrapper .left-sec {
background-color: #505050;
width: 270px;
margin-right: auto;
}
.resume-wrapper .right-sec {
width: 730px;
padding: 30px 30px;
}
.resume-wrapper .intro {
margin-bottom: 50px;
position: relative;
}
.resume-wrapper .intro .name {
color: #000;
font-size: 36px;
margin: 0;
}
.resume-wrapper .intro .designation {
font-size: 20px;
font-weight: 400;
}
.resume-wrapper .intro .location {
font-size: 16px;
color: #777;
}
.resume-wrapper .section {
margin-bottom: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.resume-wrapper .section:last-child {
margin-bottom: 0px;
border-bottom: 0px solid #eee;
padding-bottom: 00px;
}
.resume-wrapper .title {
color: #000;
font-size: 22px;
margin-bottom: 10px;
}
.resume-wrapper .item {
margin-bottom: 30px;
}
.resume-wrapper .item:last-child {
margin-bottom: 00px;
}
.resume-wrapper .item .head {
position: relative;
}
.resume-wrapper .section .company {
font-weight: 400;
color: #000;
font-size: 18px;
}
.resume-wrapper .section .designation {
font-weight: 400;
}
.resume-wrapper .section .duration {
font-weight: 500;
position: absolute;
top: 0;
font-size: 14px;
right: 0;
text-align: right;
}
.resume-wrapper .section .duration span {
display: block;
font-size: 14px;
font-weight: 400;
}
.resume-wrapper .section .location {
font-weight: 400;
}
.resume-wrapper .section .description {
margin-top: 10px;
}
.resume-wrapper .left-sec {
padding: 30px;
}
.resume-wrapper .left-sec .box {
margin-bottom: 50px;
color: #fff;
font-size: 14px;
}
.resume-wrapper .left-sec .box .heading {
font-size: 20px;
font-weight: 400;
}
.resume-wrapper .left-sec .box ul {
list-style: none;
padding: 0;
}
.resume-wrapper .left-sec .box ul li {
margin-bottom: 5px;
word-wrap: break-word;
}
.resume-wrapper .left-sec .box ul li a {
color: #fff;
}
.resume-wrapper .left-sec .box ul li span {
color: #aaa;
}
.resume-wrapper .left-sec .box .social a {
color: #ffffff;
font-size: 30px;
margin-top: 0;
text-decoration: none;
text-align: center;
border-radius: 4px;
}
.resume-wrapper .picture {
text-decoration: none;
max-width: 140px;
margin-bottom: 30px;
display: none;
}
.resume-wrapper .picture img {
width: 100%;
}
.resume-wrapper .picture2 {
text-decoration: none;
max-width: 140px;
margin-bottom: 30px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.resume-wrapper .picture2 img {
width: 100%;
}
/**==============================================================================================**/
.second-menu .balance {
/* text-align: center; */
margin: 0;
margin-top: 0;
line-height: normal;
order: 2;
display: flex;
align-items: center;
gap: 10px;
color: #000;
border: 0px solid #eee;
padding: 5px 15px;
background: #f0f0f0;
/* min-height: 30px; */
border-radius: 4px;
flex-grow: unset;
flex-wrap: wrap;
margin-bottom: 2px;
margin-top: 2px;
}
.second-menu .balance .label {
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
}
.second-menu .balance .amount {
display: block;
font-size: 18px;
font-weight: 600;
line-height: normal;
}
.second-menu .balance .link {
font-size: 14px;
color: aquamarine;
line-height: 10px;
}
.second-menu .balance .link a {
font-weight: 400;
/* color: initial; */
}
/**==============================================================================================**/
.breadcrumb-space {
/* background: aqua; */
margin-bottom: 15px !important;
margin-top: 15px !important;
}
.breadcrumb-space .breadcrumb {
margin: 0 !important;
/* background: antiquewhite; */
}
.breadcrumb-space .breadcrumb .breadcrumb-item {
border: 0px solid #000;
font-size: 14px;
}
/**==============================================================================================**/
.p--0 {
padding: 0 !important;
}
.p--5 {
padding: 5px !important;
}
.p--10 {
padding: 10px !important;
}
.p--15 {
padding: 15px !important;
}
.p--20 {
padding: 20px !important;
}
.p--25 {
padding: 25px !important;
}
.p--30 {
padding: 30px !important;
}
.p--35 {
padding: 35px !important;
}
.p--40 {
padding: 40px !important;
}
.p--50 {
padding: 50px !important;
}
.p--60 {
padding: 60px !important;
}
.p--70 {
padding: 70px !important;
}
.p--80 {
padding: 80px !important;
}
.p--90 {
padding: 90px !important;
}
.p--100 {
padding: 100px !important;
}
/*-------------
Padding top
--------------*/
.pt--0 {
padding-top: 0 !important;
}
.pt--1 {
padding-top: 1px !important;
}
.pt--2 {
padding-top: 2px !important;
}
.pt--4 {
padding-top: 4px !important;
}
.pt--3 {
padding-top: 3px !important;
}
.pt--5 {
padding-top: 5px !important;
}
.pt--10 {
padding-top: 10px !important;
}
.pt--15 {
padding-top: 15px !important;
}
.pt--20 {
padding-top: 20px !important;
}
.pt--30 {
padding-top: 30px !important;
}
.pt--40 {
padding-top: 40px !important;
}
.pt--50 {
padding-top: 50px !important;
}
.pt--60 {
padding-top: 60px !important;
}
.pt--70 {
padding-top: 70px !important;
}
.pt--80 {
padding-top: 80px !important;
}
.pt--90 {
padding-top: 90px !important;
}
.pt--100 {
padding-top: 100px !important;
}
.pt--110 {
padding-top: 110px !important;
}
.pt--120 {
padding-top: 120px !important;
}
.pt--130 {
padding-top: 130px !important;
}
.pt--140 {
padding-top: 140px !important;
}
.pt--150 {
padding-top: 150px !important;
}
.pt--160 {
padding-top: 160px !important;
}
.pt--170 {
padding-top: 170px !important;
}
.pt--180 {
padding-top: 180px !important;
}
.pt--190 {
padding-top: 190px !important;
}
/*------------
Padding bottom
--------------*/
.pb--0 {
padding-bottom: 0 !important;
}
.pb--1 {
padding-bottom: 1px !important;
}
.pb--2 {
padding-bottom: 2px !important;
}
.pb--3 {
padding-bottom: 3px !important;
}
.pb--4 {
padding-bottom: 4px !important;
}
.pb--5 {
padding-bottom: 5px !important;
}
.pb--10 {
padding-bottom: 10px !important;
}
.pb--15 {
padding-bottom: 15px !important;
}
.pb--20 {
padding-bottom: 20px !important;
}
.pb--30 {
padding-bottom: 30px !important;
}
.pb--40 {
padding-bottom: 40px !important;
}
.pb--50 {
padding-bottom: 50px !important;
}
.pb--60 {
padding-bottom: 60px !important;
}
.pb--70 {
padding-bottom: 70px !important;
}
.pb--80 {
padding-bottom: 80px !important;
}
.pb--90 {
padding-bottom: 90px !important;
}
.pb--100 {
padding-bottom: 100px !important;
}
.pb--110 {
padding-bottom: 110px !important;
}
.pb--120 {
padding-bottom: 120px !important;
}
.pb--130 {
padding-bottom: 130px !important;
}
.pb--140 {
padding-bottom: 140px !important;
}
.pb--150 {
padding-bottom: 150px !important;
}
.pb--160 {
padding-bottom: 160px !important;
}
.pb--170 {
padding-bottom: 170px !important;
}
.pb--180 {
padding-bottom: 180px !important;
}
.pb--190 {
padding-bottom: 190px !important;
}
/*---------------
Page section padding
----------------*/
.ptb--0 {
padding: 0;
}
.ptb--10 {
padding: 10px 0;
}
.ptb--20 {
padding: 20px 0;
}
.ptb--30 {
padding: 30px 0;
}
.ptb--40 {
padding: 40px 0;
}
.ptb--50 {
padding: 50px 0;
}
.ptb--60 {
padding: 60px 0;
}
.ptb--70 {
padding: 70px 0;
}
.ptb--80 {
padding: 80px 0;
}
.ptb--90 {
padding: 90px 0;
}
.ptb--100 {
padding: 100px 0;
}
.ptb--110 {
padding: 110px 0;
}
.ptb--120 {
padding: 120px 0;
}
.ptb--130 {
padding: 130px 0;
}
.ptb--140 {
padding: 140px 0;
}
.ptb--150 {
padding: 150px 0;
}
.ptb--160 {
padding: 160px 0;
}
.ptb--170 {
padding: 170px 0;
}
.ptb--180 {
padding: 180px 0;
}
/*---------------
Page section padding left
----------------*/
.pl--0 {
padding-left: 0px !important;
}
.pl--5 {
padding-left: 5px !important;
}
.pl--10 {
padding-left: 10px !important;
}
.pl--15 {
padding-left: 15px !important;
}
.pl--25 {
padding-left: 25px !important;
}
.pl--20 {
padding-left: 20px !important;
}
.pl--30 {
padding-left: 30px !important;
}
.pl--40 {
padding-left: 40px !important;
}
.pl--50 {
padding-left: 50px !important;
}
.pl--60 {
padding-left: 60px !important;
}
.pl--70 {
padding-left: 70px !important;
}
.pl--80 {
padding-left: 80px !important;
}
.pl--90 {
padding-left: 90px !important;
}
.pl--100 {
padding-left: 100px !important;
}
.pl--110 {
padding-left: 110px !important;
}
/*---------------
Page section padding right
----------------*/
.pr--0 {
padding-right: 0px !important;
}
.pr--5 {
padding-right: 5px !important;
}
.pr--10 {
padding-right: 10px !important;
}
.pr--15 {
padding-right: 15px !important;
}
.pr--20 {
padding-right: 20px !important;
}
.pr--25 {
padding-right: 25px !important;
}
.pr--30 {
padding-right: 30px !important;
}
.pr--40 {
padding-right: 40px !important;
}
.pr--50 {
padding-right: 50px !important;
}
.pr--60 {
padding-right: 60px !important;
}
.pr--70 {
padding-right: 70px !important;
}
.pr--80 {
padding-right: 80px !important;
}
.pr--90 {
padding-right: 90px !important;
}
.pr--100 {
padding-right: 100px !important;
}
.pr--110 {
padding-right: 110px !important;
}
/*-------------
margin
--------------*/
.m--0 {
margin: 0px
}
.m--2 {
margin: 2px
}
.m--3 {
margin: 3px
}
.m--1 {
margin: 1px
}
.m--5 {
margin: 5px
}
.m--10 {
margin: 10px !important;
}
.m--15 {
margin: 15px !important;
}
.m--20 {
margin: 20px !important;
}
.m--30 {
margin: 30px !important;
}
.m--40 {
margin: 40px !important;
}
.m--50 {
margin: 50px !important;
}
.mt--0 {
margin-top: 0;
}
.mt--5 {
margin-top: 5px !important;
}
.mt--10 {
margin-top: 10px !important;
}
.mt--15 {
margin-top: 15px !important;
}
.mt--20 {
margin-top: 20px !important;
}
.mt--30 {
margin-top: 30px !important;
}
.mt--40 {
margin-top: 40px !important;
}
.mt--50 {
/* margin-top: 50px !important; */
}
.mt--60 {
margin-top: 60px !important;
}
.mt--70 {
margin-top: 70px !important;
}
.mt--80 {
margin-top: 80px !important;
}
.mt--90 {
margin-top: 90px !important;
}
.mt--100 {
margin-top: 100px !important;
}
.mt--110 {
margin-top: 110px !important;
}
.mt--120 {
margin-top: 120px !important;
}
.mt--130 {
margin-top: 130px !important;
}
.mt--140 {
margin-top: 140px !important;
}
.mt--150 {
margin-top: 150px !important;
}
.mt--160 {
margin-top: 160px !important;
}
.mt--170 {
margin-top: 170px !important;
}
.mt--180 {
margin-top: 180px !important;
}
.mt--190 {
margin-top: 190px !important;
}
/*------------
margin bottom
--------------*/
.mb--0 {
margin-bottom: 0 !important;
}
.mb--1 {
margin-bottom: 1px !important;
}
.mb--2 {
margin-bottom: 2px !important;
}
.mb--3 {
margin-bottom: 3px !important;
}
.mb--4 {
margin-bottom: 4px !important;
}
.mb--5 {
margin-bottom: 5px !important;
}
.mb--10 {
margin-bottom: 10px !important;
}
.mb--15 {
margin-bottom: 15px !important;
}
.mb--20 {
margin-bottom: 20px !important;
}
.mb--30 {
margin-bottom: 30px !important;
}
.mb--40 {
margin-bottom: 40px !important;
}
.mb--50 {
margin-bottom: 50px !important;
}
.mb--60 {
margin-bottom: 60px !important;
}
.mb--70 {
margin-bottom: 70px !important;
}
.mb--80 {
margin-bottom: 80px !important;
}
.mb--90 {
margin-bottom: 90px !important;
}
.mb--100 {
margin-bottom: 100px !important;
}
.mb--110 {
margin-bottom: 110px !important;
}
.mb--120 {
margin-bottom: 120px !important;
}
.mb--130 {
margin-bottom: 130px !important;
}
.mb--140 {
margin-bottom: 140px !important;
}
.mb--150 {
margin-bottom: 150px !important;
}
.mb--160 {
margin-bottom: 160px !important;
}
.mb--170 {
margin-bottom: 170px !important;
}
.mb--180 {
margin-bottom: 180px !important;
}
.mb--190 {
margin-bottom: 190px !important;
}
/*---------------
Page section margin
----------------*/
.mtb--0 {
margin: 0;
}
.mtb--10 {
margin: 10px 0;
}
.mtb--20 {
margin: 20px 0;
}
.mtb--30 {
margin: 30px 0;
}
.mtb--40 {
margin: 40px 0;
}
.mtb--50 {
margin: 50px 0;
}
.mtb--60 {
margin: 60px 0;
}
.mtb--70 {
margin: 70px 0;
}
.mtb--80 {
margin: 80px 0;
}
.mtb--90 {
margin: 90px 0;
}
.mtb--100 {
margin: 100px 0;
}
.mtb--110 {
margin: 110px 0;
}
.mtb--120 {
margin: 120px 0;
}
.mtb--130 {
margin: 130px 0;
}
.mtb--140 {
margin: 140px 0;
}
.mtb--150 {
margin: 150px 0;
}
.mtb--160 {
margin: 160px 0;
}
.mtb--170 {
margin: 170px 0;
}
.mtb--180 {
margin: 180px 0;
}
/*---------------
Page section margin left
----------------*/
.ml--0 {
margin-left: 0px !important;
}
.ml--5 {
margin-left: 5px !important;
}
.ml--10 {
margin-left: 10px !important;
}
.ml--15 {
margin-left: 15px !important;
}
.ml--20 {
margin-left: 20px !important;
}
.ml--30 {
margin-left: 30px !important;
}
.ml--35 {
margin-left: 35px !important;
}
.ml--40 {
margin-left: 40px !important;
}
.ml--50 {
margin-left: 50px !important;
}
.ml--60 {
margin-left: 60px !important;
}
.ml--70 {
margin-left: 70px !important;
}
.ml--80 {
margin-left: 80px !important;
}
.ml--90 {
margin-left: 90px !important;
}
.ml--100 {
margin-left: 100px !important;
}
.ml--110 {
margin-left: 110px !important;
}
/*---------------
Page section margin right
----------------*/
.mr--0 {
margin-right: 0px !important;
}
.mr--1 {
margin-right: 1px !important;
}
.mr--5 {
margin-right: 5px !important;
}
.mr--10 {
margin-right: 10px !important;
}
.mr--15 {
margin-right: 15px !important;
}
.mr--20 {
margin-right: 20px !important;
}
.mr--30 {
margin-right: 30px !important;
}
.mr--40 {
margin-right: 40px !important;
}
.mr--50 {
margin-right: 50px !important;
}
.mr--60 {
margin-right: 60px !important;
}
.mr--70 {
margin-right: 70px !important;
}
.mr--80 {
margin-right: 80px !important;
}
.mr--90 {
margin-right: 90px !important;
}
.mr--100 {
margin-right: 100px !important;
}
.mr--110 {
margin-right: 110px !important;
}
/**==============================================================================================**/
.border--1 {
border: 1px solid #E2E8EE !important;
}
.border--left-1 {
border-left: 1px solid #E2E8EE !important;
}
.border--left-1 {
border-left: 1px solid #E2E8EE !important;
}
.border--right-1 {
border-right: 1px solid #E2E8EE !important;
}
.border--right-1 {
border-right: 1px solid #E2E8EE !important;
}
.border--top-1 {
border-top: 1px solid #E2E8EE !important;
}
.border--top-1 {
border-top: 1px solid #E2E8EE !important;
}
.border--bottom-1 {
border-bottom: 1px solid #E2E8EE !important;
}
.border--2 {
border: 2px solid #E2E8EE !important;
}
.border--left-2 {
border-left: 2px solid #E2E8EE !important;
}
.border--left-2 {
border-left: 2px solid #E2E8EE !important;
}
.border--right-2 {
border-right: 2px solid #E2E8EE !important;
}
.border--right-2 {
border-right: 2px solid #E2E8EE !important;
}
.border--top-2 {
border-top: 2px solid #E2E8EE !important;
}
.border--top-2 {
border-top: 2px solid #E2E8EE !important;
}
.border--bottom-2 {
border-bottom: 2px solid #E2E8EE !important;
}
.border--bottom-2 {
border-bottom: 2px solid #E2E8EE !important;
}
.border--3 {
border: 3px solid #E2E8EE !important;
}
.border--left-3 {
border-left: 3px solid #E2E8EE !important;
}
.border--left-3 {
border-left: 3px solid #E2E8EE !important;
}
.border--right-3 {
border-right: 3px solid #E2E8EE !important;
}
.border--right-3 {
border-right: 3px solid #E2E8EE !important;
}
.border--top-3 {
border-top: 3px solid #E2E8EE !important;
}
.border--top-3 {
border-top: 3px solid #E2E8EE !important;
}
.border--bottom-3 {
border-bottom: 3px solid #E2E8EE !important;
}
.border--bottom-3 {
border-bottom: 3px solid #E2E8EE !important;
}
.border--4 {
border: 4px solid #E2E8EE !important;
}
.border--left-4 {
border-left: 4px solid #E2E8EE !important;
}
.border--left-4 {
border-left: 4px solid #E2E8EE !important;
}
.border--right-4 {
border-right: 4px solid #E2E8EE !important;
}
.border--right-4 {
border-right: 4px solid #E2E8EE !important;
}
.border--top-4 {
border-top: 4px solid #E2E8EE !important;
}
.border--top-4 {
border-top: 4px solid #E2E8EE !important;
}
.border--bottom-4 {
border-bottom: 4px solid #E2E8EE !important;
}
.border--bottom-4 {
border-bottom: 4px solid #E2E8EE !important;
}
.border--5 {
border: 5px solid #E2E8EE !important;
}
.border--left-5 {
border-left: 5px solid #E2E8EE !important;
}
.border--left-5 {
border-left: 5px solid #E2E8EE !important;
}
.border--right-5 {
border-right: 5px solid #E2E8EE !important;
}
.border--right-5 {
border-right: 5px solid #E2E8EE !important;
}
.border--top-5 {
border-top: 5px solid #E2E8EE !important;
}
.border--top-5 {
border-top: 5px solid #E2E8EE !important;
}
.border--bottom-5 {
border-bottom: 5px solid #E2E8EE !important;
}
.border {
border: 1px solid #E2E8EE !important;
}
.border--top {
border-top: 1px solid #E2E8EE !important;
}
.border--right {
border-right: 1px solid #E2E8EE !important;
}
.border--bottom {
border-bottom: 1px solid #E2E8EE !important;
}
.border--left {
border-left: 1px solid #E2E8EE !important;
}
.border--0 {
border: 0;
}
.border--top-0 {
border-top: 0 !important;
}
.border--right-0 {
border-right: 0 !important;
}
.border--bottom-0 {
border-bottom: 0 !important;
}
.border--left-0 {
border-left: 0 !important;
}
/**==============================================================================================**/
.fw--100 {
font-weight: 100 !important;
}
.fw--200 {
font-weight: 200 !important;
}
.fw--300 {
font-weight: 300 !important;
}
.fw--400 {
font-weight: 400 !important;
}
.fw--500 {
font-weight: 500 !important;
}
.fw--600 {
font-weight: 600 !important;
}
.fw--700 {
font-weight: 700 !important;
}
.fw--800 {
font-weight: 800 !important;
}
.fw--900 {
font-weight: 900 !important;
}
/**==============================================================================================**/
.fs--0 {
font-size: 0 !important;
}
.fs--8 {
font-size: 8px !important;
}
.fs--9 {
font-size: 9px !important;
}
.fs--10 {
font-size: 10px !important;
}
.fs--11 {
font-size: 11px !important;
}
.fs--12 {
font-size: 12px !important;
}
.fs--13 {
font-size: 13px !important;
}
.fs--14 {
font-size: 14px !important;
}
.fs--16 {
font-size: 16px !important;
}
.fs--18 {
font-size: 18px !important;
}
.fs--20 {
font-size: 20px !important;
}
.fs--22 {
font-size: 22px !important;
}
.fs--24 {
font-size: 24px !important;
}
.fs--26 {
font-size: 26px !important;
}
.fs--28 {
font-size: 28px !important;
}
.fs--30 {
font-size: 30px !important;
}
.fs--32 {
font-size: 32px !important;
}
.fs--36 {
font-size: 36px !important;
}
.fs--40 {
font-size: 40px !important;
}
.fs--48 {
font-size: 48px !important;
}
.fs--50 {
font-size: 50px !important;
}
.fs--60 {
font-size: 60px !important;
}
.fs--70 {
font-size: 70px !important;
}
.fs--80px {
font-size: 80px !important;
}
/**==============================================================================================**/
.border--1 {
border: 1px solid #E2E8EE !important;
}
.border--left-1 {
border-left: 1px solid #E2E8EE !important;
}
.border--left-1 {
border-left: 1px solid #E2E8EE !important;
}
.border--right-1 {
border-right: 1px solid #E2E8EE !important;
}
.border--right-1 {
border-right: 1px solid #E2E8EE !important;
}
.border--top-1 {
border-top: 1px solid #E2E8EE !important;
}
.border--top-1 {
border-top: 1px solid #E2E8EE !important;
}
.border--bottom-1 {
border-bottom: 1px solid #E2E8EE !important;
}
.border--2 {
border: 2px solid #E2E8EE !important;
}
.border--left-2 {
border-left: 2px solid #E2E8EE !important;
}
.border--left-2 {
border-left: 2px solid #E2E8EE !important;
}
.border--right-2 {
border-right: 2px solid #E2E8EE !important;
}
.border--right-2 {
border-right: 2px solid #E2E8EE !important;
}
.border--top-2 {
border-top: 2px solid #E2E8EE !important;
}
.border--top-2 {
border-top: 2px solid #E2E8EE !important;
}
.border--bottom-2 {
border-bottom: 2px solid #E2E8EE !important;
}
.border--bottom-2 {
border-bottom: 2px solid #E2E8EE !important;
}
.border--3 {
border: 3px solid #E2E8EE !important;
}
.border--left-3 {
border-left: 3px solid #E2E8EE !important;
}
.border--left-3 {
border-left: 3px solid #E2E8EE !important;
}
.border--right-3 {
border-right: 3px solid #E2E8EE !important;
}
.border--right-3 {
border-right: 3px solid #E2E8EE !important;
}
.border--top-3 {
border-top: 3px solid #E2E8EE !important;
}
.border--top-3 {
border-top: 3px solid #E2E8EE !important;
}
.border--bottom-3 {
border-bottom: 3px solid #E2E8EE !important;
}
.border--bottom-3 {
border-bottom: 3px solid #E2E8EE !important;
}
.border--4 {
border: 4px solid #E2E8EE !important;
}
.border--left-4 {
border-left: 4px solid #E2E8EE !important;
}
.border--left-4 {
border-left: 4px solid #E2E8EE !important;
}
.border--right-4 {
border-right: 4px solid #E2E8EE !important;
}
.border--right-4 {
border-right: 4px solid #E2E8EE !important;
}
.border--top-4 {
border-top: 4px solid #E2E8EE !important;
}
.border--top-4 {
border-top: 4px solid #E2E8EE !important;
}
.border--bottom-4 {
border-bottom: 4px solid #E2E8EE !important;
}
.border--bottom-4 {
border-bottom: 4px solid #E2E8EE !important;
}
.border--5 {
border: 5px solid #E2E8EE !important;
}
.border--left-5 {
border-left: 5px solid #E2E8EE !important;
}
.border--left-5 {
border-left: 5px solid #E2E8EE !important;
}
.border--right-5 {
border-right: 5px solid #E2E8EE !important;
}
.border--right-5 {
border-right: 5px solid #E2E8EE !important;
}
.border--top-5 {
border-top: 5px solid #E2E8EE !important;
}
.border--top-5 {
border-top: 5px solid #E2E8EE !important;
}
.border--bottom-5 {
border-bottom: 5px solid #E2E8EE !important;
}
.border {
border: 1px solid #E2E8EE !important;
}
.border--top {
border-top: 1px solid #E2E8EE !important;
}
.border--right {
border-right: 1px solid #E2E8EE !important;
}
.border--bottom {
border-bottom: 1px solid #E2E8EE !important;
}
.border--left {
border-left: 1px solid #E2E8EE !important;
}
.border--0 {
border: 0;
}
.border--top-0 {
border-top: 0 !important;
}
.border--right-0 {
border-right: 0 !important;
}
.border--bottom-0 {
border-bottom: 0 !important;
}
.border--left-0 {
border-left: 0 !important;
}
/**==============================================================================================**/
.fw--100 {
font-weight: 100 !important;
}
.fw--200 {
font-weight: 200 !important;
}
.fw--300 {
font-weight: 300 !important;
}
.fw--400 {
font-weight: 400 !important;
}
.fw--500 {
font-weight: 500 !important;
}
.fw--600 {
font-weight: 600 !important;
}
.fw--700 {
font-weight: 700 !important;
}
.fw--800 {
font-weight: 800 !important;
}
.fw--900 {
font-weight: 900 !important;
}
/**==============================================================================================**/
.fs--0 {
font-size: 0 !important;
}
.fs--8 {
font-size: 8px !important;
}
.fs--9 {
font-size: 9px !important;
}
.fs--10 {
font-size: 10px !important;
}
.fs--11 {
font-size: 11px !important;
}
.fs--12 {
font-size: 12px !important;
}
.fs--13 {
font-size: 13px !important;
}
.fs--14 {
font-size: 14px !important;
}
.fs--16 {
font-size: 16px !important;
}
.fs--18 {
font-size: 18px !important;
}
.fs--20 {
font-size: 20px !important;
}
.fs--22 {
font-size: 22px !important;
}
.fs--24 {
font-size: 24px !important;
}
.fs--26 {
font-size: 26px !important;
}
.fs--28 {
font-size: 28px !important;
}
.fs--30 {
font-size: 30px !important;
}
.fs--32 {
font-size: 32px !important;
}
.fs--36 {
font-size: 36px !important;
}
.fs--40 {
font-size: 40px !important;
}
.fs--48 {
font-size: 48px !important;
}
.fs--50 {
font-size: 50px !important;
}
.fs--60 {
font-size: 60px !important;
}
.fs--70 {
font-size: 70px !important;
}
.fs--80px {
font-size: 80px !important;
}
/**==============================================================================================**/
.blue-grey-100 {
color: #f2f2f2 !important;
}
.blue-grey-200 {
color: #e4eaec !important;
}
.blue-grey-300 {
color: #ccd5db !important;
}
.blue-grey-400 {
color: #a3afb7 !important;
}
.blue-grey-500 {
color: #76838f !important;
}
.blue-grey-600 {
color: #526069 !important;
}
.blue-grey-700 {
color: #37474f !important;
}
.blue-grey-800 {
color: #333645 !important;
}
.bg-primary-100 {
background-color: #e8f1f8 !important;
}
.bg-primary-200 {
background-color: #d5e4f1 !important;
}
.bg-primary-300 {
background-color: #bcd8f1 !important;
}
.bg-primary-400 {
background-color: #a2caee !important;
}
.bg-primary-500 {
background-color: #89bceb !important;
}
.bg-primary-600 {
background-color: #62a8ea !important;
}
.bg-primary-700 {
background-color: #4e97d9 !important;
}
.bg-primary-800 {
background-color: #3583ca !important;
}
.bg-red-100 {
background-color: #ffeaea !important;
}
.bg-red-200 {
background-color: #fad3d3 !important;
}
.bg-red-300 {
background-color: #fab4b4 !important;
}
.bg-red-400 {
background-color: #fa9898 !important;
}
.bg-red-500 {
background-color: #fa7a7a !important;
}
.bg-red-600 {
background-color: #f96868 !important;
}
.bg-red-700 {
background-color: #e9595b !important;
}
.bg-red-800 {
background-color: #d6494b !important;
}
.bg-pink-100 {
background-color: #fce4ec !important;
}
.bg-pink-200 {
background-color: #ffccde !important;
}
.bg-pink-300 {
background-color: #fba9c6 !important;
}
.bg-pink-400 {
background-color: #fb8db4 !important;
}
.bg-pink-500 {
background-color: #f978a6 !important;
}
.bg-pink-600 {
background-color: #f96197 !important;
}
.bg-pink-700 {
background-color: #f44c87 !important;
}
.bg-pink-800 {
background-color: #e53b75 !important;
}
.bg-purple-100 {
background-color: #f6f2ff !important;
}
.bg-purple-200 {
background-color: #e3dbf4 !important;
}
.bg-purple-300 {
background-color: #d2c5ec !important;
}
.bg-purple-400 {
background-color: #bba7e4 !important;
}
.bg-purple-500 {
background-color: #a58add !important;
}
.bg-purple-600 {
background-color: #926dde !important;
}
.bg-purple-700 {
background-color: #7c51d1 !important;
}
.bg-purple-800 {
background-color: #6d45bc !important;
}
.bg-indigo-100 {
background-color: #edeff9 !important;
}
.bg-indigo-200 {
background-color: #dadef5 !important;
}
.bg-indigo-300 {
background-color: #bcc5f4 !important;
}
.bg-indigo-400 {
background-color: #9daaf3 !important;
}
.bg-indigo-500 {
background-color: #8897ec !important;
}
.bg-indigo-600 {
background-color: #677ae4 !important;
}
.bg-indigo-700 {
background-color: #5166d6 !important;
}
.bg-indigo-800 {
background-color: #465bd4 !important;
}
.bg-black-100 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-200 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-300 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-400 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-500 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-600 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-700 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-800 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-blue-100 {
background-color: #e8f1f8;
}
.bg-blue-200 {
background-color: #d5e4f1 !important;
}
.bg-blue-300 {
background-color: #bcd8f1 !important;
}
.bg-blue-400 {
background-color: #a2caee !important;
}
.bg-blue-500 {
background-color: #89bceb !important;
}
.bg-blue-600 {
background-color: #62a8ea !important;
}
.bg-blue-700 {
background-color: #4e97d9 !important;
}
.bg-blue-800 {
background-color: #3583ca !important;
}
.bg-blue-900 {
background-color: #007bff !important;
}
.bg-cyan-100 {
background-color: #ecf9fa !important;
}
.bg-cyan-200 {
background-color: #d3eff2 !important;
}
.bg-cyan-300 {
background-color: #baeaef !important;
}
.bg-cyan-400 {
background-color: #9ae1e9 !important;
}
.bg-cyan-500 {
background-color: #77d6e1 !important;
}
.bg-cyan-600 {
background-color: #57c7d4 !important;
}
.bg-cyan-700 {
background-color: #47b8c6 !important;
}
.bg-cyan-800 {
background-color: #37a9b7 !important;
}
.bg-teal-100 {
background-color: #ecfdfc !important;
}
.bg-teal-200 {
background-color: #cdf4f1;
}
.bg-teal-300 {
background-color: #99e1da !important;
}
.bg-teal-400 {
background-color: #79d1c9 !important;
}
.bg-teal-500 {
background-color: #56bfb5 !important;
}
.bg-teal-600 {
background-color: #3aa99e !important;
}
.bg-teal-700 {
background-color: #269b8f !important;
}
.bg-teal-800 {
background-color: #178d81 !important;
}
.bg-green-100 {
background-color: #e7faf2 !important;
}
.bg-green-200 {
background-color: #bfedd8 !important;
}
.bg-green-300 {
background-color: #9fe5c5 !important;
}
.bg-green-400 {
background-color: #7dd3ae !important;
}
.bg-green-500 {
background-color: #5cd29d !important;
}
.bg-green-600 {
background-color: #46be8a !important;
}
.bg-green-700 {
background-color: #36ab7a !important;
}
.bg-green-800 {
background-color: #279566 !important;
}
.bg-light-green-100 {
background-color: #f1f7ea !important;
}
.bg-light-green-200 {
background-color: #e0ecd1 !important;
}
.bg-light-green-300 {
background-color: #cadfb1 !important;
}
.bg-light-green-400 {
background-color: #bad896 !important;
}
.bg-light-green-500 {
background-color: #acd57c !important;
}
.bg-light-green-600 {
background-color: #9ece67 !important;
}
.bg-light-green-700 {
background-color: #83b944 !important;
}
.bg-light-green-800 {
background-color: #70a532 !important;
}
.bg-yellow-100 {
background-color: #fffae7 !important;
}
.bg-yellow-200 {
background-color: #f9eec1 !important;
}
.bg-yellow-300 {
background-color: #f6e7a9 !important;
}
.bg-yellow-400 {
background-color: #f8e59b !important;
}
.bg-yellow-500 {
background-color: #f7e083 !important;
}
.bg-yellow-600 {
background-color: #f7da64 !important;
}
.bg-yellow-700 {
background-color: #f9cd48 !important;
}
.bg-yellow-800 {
background-color: #fbc02d !important;
}
.bg-orange-100 {
background-color: #fff3e6 !important;
}
.bg-orange-200 {
background-color: #ffddb9 !important;
}
.bg-orange-300 {
background-color: #fbce9d !important;
}
.bg-orange-400 {
background-color: #f6be80 !important;
}
.bg-orange-500 {
background-color: #f4b066 !important;
}
.bg-orange-600 {
background-color: #f2a654 !important;
}
.bg-orange-700 {
background-color: #ec9940 !important;
}
.bg-orange-800 {
background-color: #e98f2e !important;
}
.bg-brown-100 {
background-color: #fae6df !important;
}
.bg-brown-200 {
background-color: #e2bdaf !important;
}
.bg-brown-300 {
background-color: #d3aa9c !important;
}
.bg-brown-400 {
background-color: #b98e7e !important;
}
.bg-brown-500 {
background-color: #a17768 !important;
}
.bg-brown-600 {
background-color: #8d6658 !important;
}
.bg-brown-700 {
background-color: #7d5b4f !important;
}
.bg-brown-800 {
background-color: #715146 !important;
}
.bg-grey-20 {
background-color: #FeFeFe !important;
}
.bg-grey-20 {
background-color: #FaFaFa !important;
}
.bg-grey-30 {
background-color: #F2F2F2 !important;
}
.bg-grey-40 {
background-color: #F4F4F4 !important;
}
.bg-grey-50 {
background-color: #F5F5F5 !important;
}
.bg-grey-60 {
background-color: #F6F6F6 !important;
}
.bg-grey-70 {
background-color: #F9F9F9 !important;
}
.bg-grey-80 {
background-color: #e5e5e5 !important;
}
.bg-grey-90 {
background-color: #e9e9e9 !important;
}
.bg-grey-100 {
background-color: #eee !important;
}
.bg-grey-200 {
background-color: #eee !important;
}
.bg-grey-300 {
background-color: #e0e0e0 !important;
}
.bg-grey-400 {
background-color: #bdbdbd !important;
}
.bg-grey-500 {
background-color: #9e9e9e !important;
}
.bg-grey-600 {
background-color: #757575 !important;
}
.bg-grey-700 {
background-color: #616161 !important;
}
.bg-grey-800 {
background-color: #424242 !important;
}
.bg-grey-900 {
background-color: #333 !important;
}
.bg-grey-1000 {
background-color: #202020 !important;
}
.bg-blue-grey-100 {
background-color: #f3f7f9 !important;
}
.bg-blue-grey-200 {
background-color: #e4eaec !important;
}
.bg-blue-grey-300 {
background-color: #d7dde1 !important;
}
.bg-blue-grey-400 {
background-color: #a3afb7 !important;
}
.bg-blue-grey-500 {
background-color: #76838f !important;
}
.bg-blue-grey-600 {
background-color: #526069 !important;
}
.bg-blue-grey-700 {
background-color: #37474f !important;
}
.bg-blue-grey-800 {
background-color: #333645 !important;
}
.font-weight-100 {
font-weight: 100 !important;
}
.font-weight-200 {
font-weight: 200 !important;
}
.font-weight-300 {
font-weight: 300 !important;
}
.font-weight-400 {
font-weight: 400 !important;
}
.font-weight-500 {
font-weight: 500 !important;
}
.font-weight-600 {
font-weight: 600 !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.font-weight-800 {
font-weight: 800 !important;
}
.font-weight-900 {
font-weight: 900 !important;
}
.font-size-0 {
font-size: 0 !important;
}
.font-size-10 {
font-size: 10px !important;
}
.font-size-12 {
font-size: 12px !important;
}
.font-size-14 {
font-size: 14px !important;
}
.font-size-16 {
font-size: 16px !important;
}
.font-size-18 {
font-size: 18px !important;
}
.font-size-20 {
font-size: 20px !important;
}
.font-size-24 {
font-size: 24px !important;
}
.font-size-26 {
font-size: 26px !important;
}
.font-size-30 {
font-size: 30px !important;
}
.font-size-40 {
font-size: 40px !important;
}
.font-size-50 {
font-size: 50px !important;
}
.font-size-60 {
font-size: 60px !important;
}
.font-size-70 {
font-size: 70px !important;
}
.font-size-80 {
font-size: 80px !important;
}
.primary-100 {
color: #e8f1f8 !important;
}
.primary-200 {
color: #d5e4f1 !important;
}
.primary-300 {
color: #bcd8f1 !important;
}
.primary-400 {
color: #a2caee !important;
}
.primary-500 {
color: #89bceb !important;
}
.primary-600 {
color: #62a8ea !important;
}
.primary-700 {
color: #4e97d9 !important;
}
.primary-800 {
color: #3583ca !important;
}
.red-100 {
color: #ffeaea !important;
}
.red-200 {
color: #fad3d3 !important;
}
.red-300 {
color: #fab4b4 !important;
}
.red-400 {
color: #fa9898 !important;
}
.red-500 {
color: #fa7a7a !important;
}
.red-600 {
color: #f96868 !important;
}
.red-700 {
color: #e9595b !important;
}
.red-800 {
color: #d6494b !important;
}
.pink-100 {
color: #fce4ec !important;
}
.pink-200 {
color: #ffccde !important;
}
.pink-300 {
color: #fba9c6 !important;
}
.pink-400 {
color: #fb8db4 !important;
}
.pink-500 {
color: #f978a6 !important;
}
.pink-600 {
color: #f96197 !important;
}
.pink-700 {
color: #f44c87 !important;
}
.pink-800 {
color: #e53b75 !important;
}
.purple-100 {
color: #f6f2ff !important;
}
.purple-200 {
color: #e3dbf4 !important;
}
.purple-300 {
color: #d2c5ec !important;
}
.purple-400 {
color: #bba7e4 !important;
}
.purple-500 {
color: #a58add !important;
}
.purple-600 {
color: #926dde !important;
}
.purple-700 {
color: #7c51d1 !important;
}
.purple-800 {
color: #9939e3 !important;
}
.indigo-100 {
color: #edeff9 !important;
}
.indigo-200 {
color: #dadef5 !important;
}
.indigo-300 {
color: #bcc5f4 !important;
}
.indigo-400 {
color: #9daaf3 !important;
}
.indigo-500 {
color: #8897ec !important;
}
.indigo-600 {
color: #677ae4 !important;
}
.indigo-700 {
color: #5166d6 !important;
}
.indigo-800 {
color: #465bd4 !important;
}
.blue-100 {
color: #e8f1f8 !important;
}
.blue-200 {
color: #d5e4f1 !important;
}
.blue-300 {
color: #bcd8f1 !important;
}
.blue-400 {
color: #a2caee !important;
}
.blue-500 {
color: #89bceb !important;
}
.blue-600 {
color: #62a8ea !important;
}
.blue-700 {
color: #4e97d9 !important;
}
.blue-800 {
color: #3583ca !important;
}
.blue-900 {
color: #007bff !important;
}
.cyan-100 {
color: #ecf9fa !important;
}
.cyan-200 {
color: #d3eff2 !important;
}
.cyan-300 {
color: #baeaef !important;
}
.cyan-400 {
color: #9ae1e9 !important;
}
.cyan-500 {
color: #77d6e1 !important;
}
.cyan-600 {
color: #57c7d4 !important;
}
.cyan-700 {
color: #47b8c6 !important;
}
.cyan-800 {
color: #37a9b7 !important;
}
.teal-100 {
color: #ecfdfc !important;
}
.teal-200 {
color: #cdf4f1 !important;
}
.teal-300 {
color: #99e1da !important;
}
.teal-400 {
color: #79d1c9 !important;
}
.teal-500 {
color: #56bfb5 !important;
}
.teal-600 {
color: #3aa99e !important;
}
.teal-700 {
color: #269b8f !important;
}
.teal-800 {
color: #178d81 !important;
}
.green-100 {
color: #e7faf2 !important;
}
.green-200 {
color: #bfedd8 !important;
}
.green-300 {
color: #9fe5c5 !important;
}
.green-400 {
color: #7dd3ae !important;
}
.green-500 {
color: #5cd29d !important;
}
.green-600 {
color: #46be8a !important;
}
.green-700 {
color: #36ab7a !important;
}
.green-800 {
color: #279566 !important;
}
.light-green-100 {
color: #f1f7ea !important;
}
.light-green-200 {
color: #e0ecd1 !important;
}
.light-green-300 {
color: #cadfb1 !important;
}
.light-green-400 {
color: #bad896 !important;
}
.light-green-500 {
color: #acd57c !important;
}
.light-green-600 {
color: #9ece67 !important;
}
.light-green-700 {
color: #83b944 !important;
}
.light-green-800 {
color: #70a532 !important;
}
.yellow-100 {
color: #fffae7 !important;
}
.yellow-200 {
color: #f9eec1 !important;
}
.yellow-300 {
color: #f6e7a9 !important;
}
.yellow-400 {
color: #f8e59b !important;
}
.yellow-500 {
color: #f7e083 !important;
}
.yellow-600 {
color: #f7da64 !important;
}
.yellow-700 {
color: #f9cd48 !important;
}
.yellow-800 {
color: #fbc02d !important;
}
.orange-100 {
color: #fff3e6 !important;
}
.orange-200 {
color: #ffddb9 !important;
}
.orange-300 {
color: #fbce9d !important;
}
.orange-400 {
color: #f6be80 !important;
}
.orange-500 {
color: #f4b066 !important;
}
.orange-600 {
color: #f2a654 !important;
}
.orange-700 {
color: #ec9940 !important;
}
.orange-800 {
color: #e98f2e !important;
}
.brown-100 {
color: #fae6df !important;
}
.brown-200 {
color: #e2bdaf !important;
}
.brown-300 {
color: #d3aa9c !important;
}
.brown-400 {
color: #b98e7e !important;
}
.brown-500 {
color: #a17768 !important;
}
.brown-600 {
color: #8d6658 !important;
}
.brown-700 {
color: #7d5b4f !important;
}
.brown-800 {
color: #715146 !important;
}
.grey-100 {
color: #fafafa !important;
}
.grey-200 {
color: #eee !important;
}
.grey-300 {
color: #e0e0e0 !important;
}
.grey-400 {
color: #bdbdbd !important;
}
.grey-500 {
color: #9e9e9e;
}
.grey-600 {
color: #757575 !important;
}
.grey-700 {
color: #616161 !important;
}
.grey-800 {
color: #424242 !important;
}
.grey-900 {
color: #333 !important;
}
.grey-1000 {
color: #202020 !important;
}
/**==============================================================================================**/
.h--full {
height: 100%;
}
.h--100 {
height: 100px !important;
}
.h--150 {
height: 150px !important;
}
.h--200 {
height: 200px !important;
}
/**==============================================================================================**/
.w--full {
width: 100%;
}
/**==============================================================================================**/
.tooltip-inner {
background-color: #202020;
font-size: 11px !important;
}
.tooltip.bs-tooltip-right .arrow:before {
border-right-color: #202020 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
border-left-color: #202020 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-bottom-color: #202020 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
border-top-color: #202020 !important;
}
/**==============================================================================================**/
.edge {
background: #fff;
position: relative;
}
.edge:before {
content: '';
position: absolute;
top: 0;
right: 0;
border-top: 30px solid white;
border-left: 30px solid transparent;
width: 0;
}
/**==============================================================================================**/
.row.no-space {
margin-right: 0;
margin-left: 0;
}
.row.no-space>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
/**==============================================================================================**/
.ht-100v {
height: 100vh;
}
/**==============================================================================================**/
.rounded-pill,
.round,
.circle,
.rounded,
.btn-rounded,
.btn-round {
border-radius: 50rem !important;
}
.round-10 {
border-radius: 10px;
}
/**==============================================================================================**/
.opacity-10 {
opacity: 10%;
}
.opacity-20 {
opacity: 20%;
}
.opacity-30 {
opacity: 30%;
}
.opacity-40 {
opacity: 40%;
}
.opacity-50 {
opacity: 50%;
}
.opacity-60 {
opacity: 60%;
}
.opacity-70 {
opacity: 70%;
}
.opacity-80 {
opacity: 80%;
}
.opacity-90 {
opacity: 90%;
}
.opacity-100 {
opacity: 100%;
}
/**==============================================================================================**/
/**==============================================================================================**/
.page-heading {
font-size: 20px;
margin: 0;
font-weight: bold;
color: #202020;
}
.export-main-title {
font-size: 24px;
margin: 0;
font-weight: bold;
color: #202020;
}
.export-heading {
font-size: 20px;
margin: 0;
font-weight: bold;
/* color: #202020; */
}
.export-heading h2 {
font-size: 16px;
margin: 0;
font-weight: bold;
/* color: #202020; */
}
/**==============================================================================================**/
.color-fair {
color: #EC6F60 !important;
}
.color-good {
color: #F3974D !important;
}
.bg-good {
background-color: #F3974D !important;
}
.color-excellent {
color: #FFCA28 !important;
}
.color-exceptional {
color: #28C2E2 !important;
}
/**==============================================================================================**/
.donut-chart {
--percentage: 0;
/* Default percentage value */
position: relative;
width: 160px;
height: 160px;
border-radius: 50%;
background: conic-gradient(#4caf50 calc(var(--percentage) * 1%),
/* Green fill based on percentage */
#ddd calc(var(--percentage) * 1%)
/* Grey remainder */
);
}
.inner-circle {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 80%;
background: white;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.rating-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
z-index: 2;
text-align: center;
line-height: normal;
}
.rating-text .percent {
font-weight: bold;
font-size: 24px;
width: 120px;
color: #202020;
}
.rating-text .range {
font-weight: normal;
font-size: 20px;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**=====================================================**/
.share-link {
display: flex;
gap: 15px;
align-items: center;
font-size: 20px;
padding-right: 5px;
}
.share-link .lbl {
font-size: 16px;
font-weight: 500;
/* color: #5aa1ff; */
}
.share-link>a {
color: #5aa1ff;
color: #888;
}
/**=====================================================**/
.user-indicator {
position: absolute;
bottom: -3px;
right: -1px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
border: 6px solid #fff;
background: #fff;
box-sizing: border-box;
width: 18px;
height: 18px;
}
.user-indicator i {
/* color: white; */
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 0;
}
.online-indicator {
color: #56d28e;
}
.offline-indicator {
color: #ccc;
}
.away-indicator {
color: orange;
}
/**==============================================================================================**/
.ql-snow .ql-editor {
font-family: 'Roboto' !important;
color: initial !important;
font-size: inherit !important;
}
.ql-editor ol {
padding-left: 0 !important;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin-bottom: 10px !important;
}
.ql-toolbar.ql-snow {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
.ql-container.ql-snow {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
.details-area ol li[data-list="ordered"],
.message-content ol li[data-list="ordered"] {
list-style: decimal;
}
.details-area ol li[data-list="bullet"],
.message-content ol li[data-list="bullet"] {
list-style: disc;
}
span.select2.select2-container.select2-container--bootstrap-5 {
width: inherit;
}
/**==============================================================================================**/
.dashboard-plans {
background: #fff;
margin: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
border-radius: 8px;
width: 100%;
margin-bottom: 30px;
overflow: hidden;
display: flex;
gap: 30px;
border: 1px solid #e5e9f2;
border-color: #1e6def;
/* border-left-width: 5px; */
background: rgb(30 109 239 / 5%);
padding: 20px;
}
.dashboard-plans .name {
align-items: center;
gap: 20px;
color: #202020;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
/* padding: 30px; */
display: flex;
min-width: 300px;
/* background: rgb(30 109 239 / 5%); */
/* justify-content: center; */
font-size: 14px;
margin-right: auto;
align-items: center;
width: 100%;
}
.dashboard-plans .name p {
margin-bottom: 0;
}
.dashboard-plans .name .icon {
font-size: 40px;
color: #fff;
padding: 15px;
}
.dashboard-plans .name .icon span {
font-size: 40px;
}
.dashboard-plans .info {
width: 100%;
display: flex;
align-items: center;
/* padding: 20px; */
max-width: 600px;
/* background: rgb(30 109 239 / 5%); */
}
.dashboard-plans .info .table {
background-color: #fff;
}
.dashboard-plans .info .table td b {
margin-right: 10px;
}
.dashboard-plans .info .hint {
font-style: italic;
font-size: 12px;
color: mediumseagreen;
font-weight: 300;
display: inline-block;
/* padding: 5px; */
/* border: 1px solid #f3f3f3; */
/* background: #ebeff3; */
line-height: normal;
}
.dashboard-plans .button {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 15px 10px;
font-size: 14px;
}
.dashboard-plans .button .btn {
white-space: nowrap;
}
.dashboard-plans .button .auto {
display: flex;
gap: 5px;
align-items: center;
}
/**==============================================================================================**/
.list-new {
background: #fff;
/* border-radius: 5px; */
/* box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px; */
/* padding: 20px; */
/* border: 1px solid #e9e9e9; */
/* color: #999; */
display: flex;
/* gap: 10px 0; */
width: 100%;
/* height: 100%; */
justify-content: center;
}
.list-new .list-group-item {
color: inherit;
display: flex;
margin-bottom: 0;
font-size: 16px;
justify-content: left;
align-items: center;
flex-wrap: wrap;
gap: 0px 10px;
padding: 5px 10px;
font-size: 16px;
line-height: normal;
/* padding-bottom: 10px; */
}
.list-new .list-group-item label {
width: 100px;
}
.list-new .list-group-item .amount {
color: #202020;
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
gap: 3px 10px;
max-width: 280px;
flex-wrap: wrap;
/* justify-content: center; */
}
.list-new .list-group-item .hint {
font-style: italic;
font-size: 12px;
line-height: normal;
color: mediumseagreen;
font-weight: 400;
}
.list-group-sm .list-group-item {
padding: 5px 10px;
font-size: 14px;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/
@media only screen and (max-width: 1400px) {
.main-bg {
background-size: 1400px;
}
.email-app .messages .subject .text {
max-width: 360px;
}
.white-section {
padding-left: 0;
padding-right: 0;
}
.related-section,
.related-section2 {
padding-left: 0;
padding-right: 0;
padding-bottom: 35px;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 1280px) {
.main-bg {
background-size: 1280px;
background-position: right 50px top 30px;
}
.container {
max-width: 1200px;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 1199px) {
.top-menu .navbar-collapse {
z-index: 11;
position: relative;
}
.top-menu .navbar-collapse .navbar-nav {
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #eee;
padding: 0;
}
.top-menu .navbar-collapse .buttons {
margin-left: 0 !important;
}
.top-menu .navbar .navbar-brand {
text-decoration: none;
}
.top-menu .navbar .navbar-nav .nav-link {
padding-left: 0 !important;
padding-right: 0;
}
.top-menu .button-learn.desktop {
display: none;
}
.top-menu .button-learn.mobile {
display: block;
}
.top-menu .button-learn2.desktop {
display: none;
}
.top-menu .button-learn2.mobile {
display: block;
}
.second-menu .navbar-collapse {
z-index: 11;
position: relative;
margin: 0 0 0px 0;
border: 0px solid #eee;
order: 2;
background: #0000002e;
margin-top: 10px;
padding: 10px;
}
.second-menu .navbar-collapse .navbar-nav {
margin-top: 0;
margin-bottom: 0;
border: 0px solid #eee;
gap: 10px;
}
.second-menu .navbar-collapse .buttons {
margin-left: 0 !important;
}
.second-menu .navbar .navbar-brand {
text-decoration: none;
}
.second-menu .navbar .navbar-nav .nav-link {
padding-left: 0 !important;
padding-right: 0;
}
.user-dropdown {
order: 1;
margin-right: 0;
}
.notification-dropdown {
order: 1;
}
.search-panel {
padding-left: 0;
padding-right: 0;
}
.search-panel .inner {
padding: 15px;
display: block;
}
.search-panel .inner .fields {
box-shadow: none;
}
.search-panel .inner .floating-label {
border: 1px solid #999 !important;
background: #fff;
border-radius: 5px;
margin-bottom: 15px !important;
padding: 0 10px;
}
.search-panel .inner .fields .col-xl-6:first-child {
border-right: 0px !important;
}
.search-panel .inner .button {
margin: 0;
padding: 7px;
}
.new-box article .options {
width: 100%;
justify-content: start;
}
.new-box article .details {
width: 100%;
gap: 5px 15px;
}
.new-box article .options {
width: 100%;
justify-content: start;
gap: 10px;
justify-content: flex-start !important;
}
.new-box article .options>ul {
justify-content: start;
/* justify-content: flex-start !important; */
}
.new-box article {
gap: 10px 15px;
}
.featured-section .new-box {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 15px;
}
.new-box article .options .button .job-report,
.send-msg-button .job-report {
order: 0;
text-decoration: none;
}
.recommended-section2 .new-box {
margin-bottom: 10px;
}
.related-section .new-box {
margin-bottom: 15px;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 1024px) {
.admin-leftnav {
outline: 1px solid #ccc;
width: 70px;
margin: 0;
}
.admin-leftnav.open {
margin-left: 0;
}
.admin-content {
width: 100%;
}
.admin-content.active {
width: calc(100% - 270px);
margin: 0;
}
.icons .admin-leftnav-btn {
display: none;
}
.icons .admin-content {
border: 0px solid red;
}
.icons .admin-leftnav li>a span {
display: none;
}
.icons .admin-leftnav .inner {
padding: 10px;
}
.icons .admin-leftnav li a i {
display: block;
margin: 0;
font-size: 24px;
}
.icons .admin-leftnav ul li a {
padding: 10px;
display: block;
}
.icons .admin-leftnav .submenu {
background-color: #294b7e;
position: absolute;
left: 55px;
z-index: 99;
min-width: 200px;
top: 0;
border-radius: 0;
padding: 10px;
}
/**==============================================================================================**/
.container {
border: 0;
}
.top-menu .navbar-brand .small {
display: none;
}
.aaa-heading {
text-decoration: none;
}
.aaa-heading .options>ul {
justify-content: start;
}
.aaa-heading .options .button {
display: flex;
}
.aaa-heading .options {
justify-content: initial;
margin: 0;
gap: 5px;
margin-top: 10px;
}
.filters-bar aside {
display: inline-flex;
margin-bottom: 0;
}
.details-area {
padding-right: 0;
}
.details-area .buttons {
margin-bottom: 30px;
}
.app-info li {
flex: 0 0 50%;
margin-bottom: 30px;
}
/**==============================================================================================**/
.email-app-new .messages table tr {
border: 1px solid #202020;
display: flex;
align-items: stretch;
}
.email-app-new .messages .check {
background-color: #0df033;
}
.email-app-new .messages .from {
background-color: #2d943e;
order: 0;
}
.email-app-new .messages .subject {
background-color: #16c08a;
width: 100%;
text-overflow: ellipsis;
}
.email-app-new .messages .date {
background-color: #0dcaf0;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.featured-section .new-box article aside h2 {
display: block;
}
.pricing-plans2 .pricebox .description {
min-height: auto;
}
.package-plans .pricebox .description {
min-height: auto;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 991px) {
.main-bg {
background-size: 990px;
background-position: right 30px top 30px;
}
}
@media only screen and (max-width: 992px) {
.related-section2 .new-box {
margin-bottom: 25px;
}
.package-plans .pricebox .wrap1 {
flex-wrap: wrap;
}
.package-plans .pricebox .name {
max-width: 100%;
width: 100%;
gap: 0;
}
.package-plans .pricebox .price {
max-width: 100%;
width: 100%;
}
.dashboard-plans {
flex-wrap: wrap;
}
.dashboard-plans .info {
max-width: 100%;
}
.theme-int .home-tabs-wrap .new-box {
margin-right: 0 !important;
}
.theme-int .home-tabs-wrap .selected .new-box {
border-radius: 15px !important;
border-right-color: #aaaaaa !important;
}
.theme-int .new-detail-area {
display: none;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 768px) {
.newsletter-area {
padding: 15px 0px;
}
.footer-area {
padding: 15px 0px;
}
.form-details {
padding: 15px;
}
.breadcrumb-space .breadcrumb {
text-decoration: none;
}
.white-section.mt-5 {
margin-top: 15px !important;
}
.newsletter-area h2 {
font-size: 24px;
}
.newsletter-area p {
font-size: 16px;
}
.form-section,
.content-page {
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.container {
border: 0;
}
.banner-area {
margin-top: 15px;
}
.banner-area .text {
margin-bottom: 30px;
}
.partners-section {
margin-bottom: 30px;
}
.white-section {
padding: 15px 0;
}
.text-content {
margin-top: 0px;
}
.premium-section {
margin-bottom: 0;
}
.premium-section .button {
margin-top: 5px;
}
.search-home-new .searchbox {
margin-top: 30px;
margin-bottom: 30px;
}
.featured-section {
text-decoration: none;
}
.featured-section .button {
margin-top: 0;
}
.new-box {
padding: 15px;
}
.new-box .thumbnail .text,
.new-box .thumbnail span {
/* width: 50px !important; */
/* height: 50px !important; */
text-decoration: none;
}
.new-box.premium .ribbon span,
.new-box.featured .ribbon span {
/* transform: rotate(-45deg) scale(0.8); */
/* left: -50px; */
/* top: 14px; */
text-decoration: none;
}
.twitter-feeds-wrapper {
padding-top: 15px;
padding-bottom: 15px;
}
.banner-area .text article {
margin: 0;
padding-right: 0;
max-width: 100%;
}
.banner-area .text article h1 {
font-size: 30px !important;
}
.banner-area .text article h2 {
font-size: 30px;
}
.banner-area .text article p {
font-size: 18px;
line-height: 30px;
}
.banner-area .text {
padding: 20px;
margin-right: 0;
}
.banner-area .tagline {
position: static;
writing-mode: inherit;
text-align: center;
margin-top: 20px;
}
.banner-area .social {
position: static;
text-align: center;
}
.banner-area .social a {
display: inline-block;
}
.banner-area .text article .buttons {
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
margin-top: 20px;
}
.cardbox {
display: block;
}
.cardbox .creditcard {
width: 300px;
margin-bottom: 30px;
}
.support-bar .label {
display: none;
}
.support-bar a {
padding-left: 10px;
padding-right: 10px;
}
.job-levels .segments li {
margin-bottom: 10px;
display: block;
}
.job-levels .segments .service-type {
margin-left: 0;
}
.premium-section .text {
margin-bottom: 5px;
}
.featured-section .text {
margin-bottom: 15px;
}
.premium-section .text h2::before {
width: 30px;
height: 30px;
}
.featured-section .text h2,
.premium-section .text h2 {
font-size: 24px;
}
.recommended-section3 .new-box {
margin-bottom: 10px;
}
.recommended-section3 .button {
margin-top: 5px;
}
.recommended-section2 .button {
margin-top: 5px;
}
.recommended-section .button {
margin-top: 15px;
}
.related-section2 {
padding-bottom: 35px;
}
.related-section2 .new-box {
margin-bottom: 15px;
}
.popular-section .button {
margin-top: 15px;
margin-bottom: 0;
}
.latest-section .button {
margin-top: 15px;
margin-bottom: 0;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 640px) {
.main-bg {
background-size: 800px;
background-position: right 30px top 60px;
}
.container {
border: 0;
outline: 0px solid blue;
}
.top-menu .navbar-brand {
margin-right: 0 !important;
}
.top-menu .navbar-brand img {
max-height: 36px;
}
.user-dropdown .user .name {
display: none;
}
.filters-bar aside .dropdown {
display: grid;
margin-bottom: 5px;
}
.new-box article .options .button {
margin-top: 0;
flex-wrap: wrap;
/* flex-direction: row-reverse; */
}
.white-section {
padding-left: 0 !important;
padding-right: 0 !important;
}
.page-head-dashboard {
padding: 15px;
}
.admin-page {
padding: 15px;
}
.job-levels .box .price {
margin-top: 20px;
text-align: left;
justify-content: flex-start;
}
.job-levels .box .title {
display: block;
}
.billing-summary .summary h6 .hint {
margin-top: 0;
}
.premium-section-v7a .owl-carousel {
padding: 0 20px;
}
.premium-section .owl-carousel {
padding: 0 20px;
}
.email-app .details .head {
flex-wrap: wrap;
gap: 5px;
}
.questions-area .answers {
margin-left: 0;
}
.resume-outer .items .box .title-box {
display: block;
width: 100%;
}
.resume-outer .items .box .edit-btns {
position: absolute;
top: 0;
}
.resume-outer .items .box .dates {
text-align: left;
margin-top: 10px;
}
.resume-outer .items .box .info-box {
padding-right: 30px;
}
.ad-banner figure.desktop {
display: none;
}
.ad-banner figure.mobile {
display: block;
max-width: 400px;
margin: auto;
}
.ad-banner.top {
margin-bottom: 15px;
}
.ad-banner.bottom {
text-decoration: none;
}
.related-section {
padding: 15px 0;
padding-bottom: 0;
}
.related-section,
.related-section2 {
padding: 15px 0;
padding-bottom: 0;
}
.nav-tabs-line {
display: block;
}
.nav-tabs-line .nav-item {
display: block;
}
.nav-tabs-line .nav-item .nav-link {
display: block;
width: 100%;
text-align: center;
}
.theme-int .home-tabs {
margin-top: -47px !important;
}
.theme-int .home-tabs .nav .nav-item .nav-link {
padding: 10px 20px !important;
font-size: 18px !important;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 480px) {
.container {
max-width: 100%;
border: 0;
outline: 0px solid blue;
}
.top-menu .navbar-brand img {
max-height: 28px !important;
}
.user-dropdown .user .thumbnail img {
max-width: 36px;
}
.user-dropdown .user .thumbnail {
width: 30px;
height: 30px;
}
.banner-area .text article .buttons .row {
width: 100%;
display: block;
margin: 0;
}
.banner-area .text article .buttons .col {
width: 100%;
display: block;
margin-bottom: 5px;
padding: 0;
}
.new-box article .details .info {
flex-wrap: wrap;
gap: 5px 10px;
}
.new-box article .options .count {
flex-wrap: wrap;
gap: 5px 15px;
}
.new-box article .options .date {
text-decoration: none;
}
.new-box .thumbnail {
margin-bottom: 10px;
}
.new-box .thumbnail span.logo {
width: 60px;
height: 60px;
}
.aaa-heading .options>ul {
display: flow-root;
}
.new-box article .details h2 .partner {
margin-top: 5px;
}
.app-info li {
flex: 0 0 100%;
margin-bottom: 30px;
}
.form-section,
.content-page {
padding: 20px;
}
.new-box article .details .info .tagline {
width: 100%;
max-width: 100%;
}
.payment-methods .box .icon {
margin-top: 0;
}
.payment-methods .box .icon span {
font-size: 24px;
width: 40px;
height: 40px;
}
.email-app .tab-pane .details .head {
display: block !important;
}
.email-app .details .head .right {
margin-top: 10px;
}
.new-box {
/* display: block; */
padding: 15px;
}
.detail-panel .list.inline dl {
display: block;
}
.detail-panel .list.inline dt {
display: block;
}
.disounts-box {
padding: 20px;
}
.topup-area .inner {
padding: 20px;
border-left: 0px solid #DBDBDB;
border-top: 1px solid #DBDBDB;
}
.notification-dropdown {
position: static;
}
.notification-dropdown .dropdown-menu {
position: absolute;
min-width: auto;
}
}
/**==============================================================================================**/
@media only screen and (max-width: 360px) {
.top-menu .navbar-brand img {
max-height: 20px !important;
}
.cardbox .creditcard {
max-width: 100%;
width: 100%;
}
.billing-summary .summary .list-group-item .amount,
.total-summary .list-group-item .amount {
min-width: 160px;
}
.steps .step .step-icon {
width: 40px;
height: 40px;
}
.steps .step .step-title {
font-size: 13px;
}
.steps .step-icon i {
font-size: 18px;
}
}
/**=====================================================**/
/**=====================================================**/
/**=====================================================**/
/**=====================================================**/
/**=====================================================**/
/**==CJ INTERNATIONAL ===========================================================================**/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/**=====================================================**/
.theme-int {
font-family: 'Roboto', sans-serif;
background-color: #f7f7f7;
background-image: none;
}
/**=====================================================**/
.theme-int .btn {
border-radius: 40px;
}
.theme-int .btn-main {
background-color: #02af52;
border-color: #02af52;
color: #fff;
}
.theme-int .btn-main:hover {
background-color: #02af52;
border-color: #02af52;
color: #fff;
}
.theme-int .btn-main-outline {
color: #02af52;
border-color: #02af52;
}
.theme-int .btn-main-outline:hover {
color: #02af52;
border-color: #02af52;
}
.theme-int .btn-default {
background-color: #e4e2e0;
}
.theme-int .btn-link-outline {
color: #02af52;
border-radius: 50px;
}
/**=====================================================**/
.theme-int .banner-area {
background-image: url(../images/cj-international-banner-1.jpg);
margin-top: 0;
position: relative;
background-size: cover;
/* text-align: left; */
padding-bottom: 110px;
padding-top: 110px;
}
.theme-int .banner-area:before {
content: "";
position: absolute;
background: #000000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
}
.theme-int .banner-area .text article h1 {
color: #ffffff;
margin-bottom: 20px;
font-size: 60px;
font-weight: 600;
line-height: normal;
}
.theme-int .banner-area .text article h2 {
color: #ffffff;
font-size: 20px;
font-weight: 300;
line-height: inherit;
}
.theme-int .banner-area .social a {
color: #656565;
}
.theme-int .banner-area .social a:hover {
color: #02af52;
}
.theme-int .search-home-new .text {
background-color: #ffffff00;
color: #fff;
padding: 0;
box-shadow: none !important;
}
.theme-int .search-home-new .text article p {
color: #FFF;
}
.theme-int .search-panel .inner .floating-label .btn{color: #000;}
.theme-int .search-home-new .searchbox {
margin-bottom: 0;
background: rgba(255, 255, 255, 0.2);
padding: 15px;
border-radius: 45px;
margin-bottom: 20px;
}
.theme-int .search-panel .inner {
margin: 0;
border-radius: 30px;
}
.theme-int .search-panel {
margin-bottom: 0;
}
/**=====================================================**/
.theme-int .footer-area {
background-color: #072e59;
}
.theme-int .footer-area .social a {
color: #02af52;
font-size: 36px;
margin-top: 10px;
text-decoration: none;
}
.theme-int .footer-area .social a:hover {
color: #02af52;
}
.theme-int .footer-area .links li>a:hover {
color: #02af52;
}
.theme-intcopy-area {
background-color: #636464;
}
/**=====================================================**/
.theme-int .newsletter-area {
padding: 50px 0;
background-color: cadetblue;
text-align: center;
/* margin-top: 50px; */
margin-bottom: 50px;
border-radius: 15px;
position: relative;
background-image: url(../images/cj-international-newsletter.png);
position: relative;
background-size: cover;
overflow: hidden;
}
.theme-int .newsletter-area:before {
content: "";
position: absolute;
background: #000000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
}
.theme-int .newsletter-area .floating-label {
margin-bottom: 0;
}
.theme-int .newsletter-area .floating-label h2 {
margin-bottom: 10px;
}
.theme-int .newsletter-area .input-group .form-control {
/* border-radius: 50px; */
}
.theme-int .newsletter-area p {
margin-bottom: 20px;
}
/**=====================================================**/
.theme-int .support-bar {
background: #02af52;
}
/**=====================================================**/
.theme-int .top-menu .navbar-nav .nav-link {
color: #656565;
font-weight: 500;
padding-left: 15px;
padding-right: 15px;
}
.theme-int .top-menu .navbar-nav .nav-link:hover {
color: #02af52;
}
/**=====================================================**/
.theme-int .new-box article .details .info li b,
.theme-int .new-box article .details .info li b a,
.theme-int .new-box article .details .info li a b {
color: #656565;
}
.theme-int .new-box article .details h2 a {
color: #202020;
}
.theme-int .new-box article .details h2 a:hover {
color: #02af52;
}
.theme-int .new-box.premium .ribbon span,
.theme-int .new-box .ribbon.premium span {
background-color: #2e9b5f;
}
.theme-int .new-box.premium {
border: 1px solid #2e9b5f52;
background: #2e9b5f1c;
}
.theme-int .new-box .thumbnail span {
/* background: #979797; */
width: 50px;
height: 50px;
/* border: 0; */
border-radius: 4px;
padding: 5px;
}
/**=====================================================**/
.theme-int .search-tags .tags li a.selected {
border: 1px solid #02af52 !important;
}
/**=====================================================**/
.theme-int .user-dropdown .balance {
background-color: #02af5229;
}
/**=====================================================**/
.theme-int .pager li a:hover,
.theme-int .pager li a.current-page {
background: #02af52;
}
/**=====================================================**/
.theme-int .new-box {
border-radius: 15px;
box-shadow: none;
/* border-left: 5px solid #02af5200; */
background: rgb(255 255 255);
/* border: 0; */
padding: 20px;
box-shadow: #0000 5px 0px 0px inset;
}
.theme-int .new-box:hover {
box-shadow: rgb(0 0 0 / 0%) 0px 0px 10px !important;
}
.theme-int .home-tabs-wrap .new-box {
/* padding: 0; */
margin-right: 15px;
}
.theme-int .home-tabs-wrap .selected .new-box {
background: #FFF;
/* padding: 15px; */
border-color: #aaaaaa;
border-left-color: #02af52;
border-right-color: transparent;
box-shadow: #02af52 5px 0px 0px inset !important;
border-radius: 15px 0 0 15px;
margin-right: 0;
box-shadow: #02af52 5px 0px 0px inset !important;
}
.theme-int .home-tabs-wrap .new-box article .details h2 {
display: block;
font-size: 18px;
margin-bottom: 5px;
}
.theme-int .home-tabs-wrap .new-box article .details {
width: 100%;
gap: 5px 15px;
}
.theme-int .home-tabs-wrap .new-box article .options {
width: 100%;
justify-content: start;
gap: 5px;
justify-content: flex-start !important;
}
.theme-int .home-tabs-wrap .new-box article .options>ul {
justify-content: start;
flex-direction: row-reverse;
}
/**=====================================================**/
.theme-int .new-detail-area {
margin-bottom: 15px;
box-shadow: none;
border-radius: 0 20px 20px 0px;
background: rgb(255 255 255 / 100%);
position: relative;
border: 0;
margin-left: 0px;
border: 1px solid #aaa;
padding: 20px;
}
.theme-int .new-detail-area .new-box {
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
border: 0;
padding: 0;
margin-bottom: 50px;
}
.theme-int .new-detail-area .wrap1 {
padding: 0;
position: relative;
}
/**==============================================================================================**/
.theme-int .home-tabs {
padding: 0;
margin-top: -70px;
position: relative;
}
.theme-int .home-tabs .nav {
padding: 0;
gap: 5px;
}
.theme-int .home-tabs .nav .nav-item {
/* width: 100%; */
}
.theme-int .home-tabs .nav .nav-item .nav-link {
padding: 10px;
color: #fff;
background: #6a6a6aa8;
border: 0;
border-radius: 10px 10px 0 0;
padding: 20px 80px;
font-size: 20px;
display: block;
width: 100%;
}
.theme-int .home-tabs .nav .nav-item .nav-link.active {
color: #ffffff;
background: #02af52;
}
.theme-int .home-tabs .home-tabs-wrap {
border-radius: 10px;
margin-bottom: 50px;
padding-top: 50px;
}
/**==============================================================================================**/
.theme-int .white-section {
background-color: transparent;
box-shadow: none;
}
.theme-int .form-details {
border-radius: 15px;
box-shadow: none;
padding: 20px;
}
.theme-int .ad-banner figure {
border-radius: 15px;
}
/**==============================================================================================**/
.theme-int .content-page,
.theme-int .form-section,
.theme-int .text-box {
box-shadow: none;
border-radius: 0px;
}
.theme-int .steps .step.completed .step-icon {
border-color: #58999b;
background-color: #58999b;
}
.theme-int .steps .step.completed .step-icon-wrap::before,
.theme-int .steps .step.completed .step-icon-wrap::after {
background-color: #58999b;
}
.theme-int .related-section2 {
margin-bottom: 50px !important;
}
/**==============================================================================================**/
.theme-int .text-blue {
color: #02af52 !important;
}
/**==============================================================================================**/
/**==============================================================================================**/
/**==============================================================================================**/