:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #78d5ef;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}
::-webkit-scrollbar{
  width: 5px;  /* for vertical scrollbars */
}
  
::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);
}
  
::-webkit-scrollbar-thumb{
  background: var(--blue);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(75, 75, 75); 
}

@-ms-viewport {
  width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 400; 
  margin: 0;
  color: #252525;
  text-align: left;
}

.bodycolor{
  background-color: rgb(248, 248, 248);
}


.bg-light{
background-color: #ebebeb19;
}
.bg-lightcolor{
background-color: #defdff2c;
}
.ftco-counterback{
background-color: rgba(222, 253, 255, 0.234);
}
.bg-white{
background-color: rgb(255, 255, 255);
}
[tabindex="-1"]:focus {
  outline: 0 !important; }
:focus{
outline: 0;
}  
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

a{
  text-decoration: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }


img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }


input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

  button{
    outline: none;
  }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }


.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

 @media(max-width: 599px)   {
  .container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px; }

 }  

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }


@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }


@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } 
  }
  #ftco-loader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 2px 24px 64px rgba(0, 68, 255, 0.185);
    box-shadow: 2px 24px 64px rgba(0, 68, 255, 0.185);
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 1000; }
  
  #ftco-loader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  #ftco-loader.show {
    -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
    -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
    transition: opacity .4s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1; 
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #ftco-loader .circular {
    -webkit-animation: loader-rotate 2s linear infinite;
    animation: loader-rotate 2s linear infinite;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  
  #ftco-loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loader-dash 1.5s ease-in-out infinite;
    animation: loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round; 
  }
  #ftco-loader img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
  }
  
  @-webkit-keyframes loader-rotate {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes loader-rotate {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @-webkit-keyframes loader-dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0; }
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px; }
    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -136px; } }
  
  @keyframes loader-dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0; }
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px; }
    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -136px; } }
.ftco-navbar-light {
position: fixed;
background: rgb(255, 255, 255) !important;
height: 45px;
top: 0;
left: 0;
right: 0;
z-index: 9;
box-shadow: 0px 0.5px 0px 0.5px rgba(47, 102, 255, 0.131); 
}
.navbar-brand {
display: inline-block;
left: 7%;
position: absolute;
line-height: inherit;
white-space: nowrap; 
height: 100%;
text-align: center;
align-items: center;
justify-content: center;
display: flex;
}
.navbar-brand img{
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
  height: 40px;
  width: 100%;
}

.ftco-navbar-light.scrolled {
position: fixed;
background: #ffffff !important;
height: 45px;
top: 0;
left: 0;
right: 0;
z-index: 3; 
box-shadow: 1px 1px 7px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  0px 0px 7px rgba(0, 68, 255, 0.185);  
}

.navbar-nav{
display: flex;
padding-top: 13px;
padding-bottom: 13px;
right: 7%;
position: absolute;
}
.navbar-nav li{
list-style-type:none;
margin-left: 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
cursor: pointer;
}
.nav-link{
color: #383838;
padding: 14px 12px;
}
.nav-link:hover{
color: #0059ff;
border-radius: 1px;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}
.iconnotidiv{
display: flex;
padding-top: 1px;
padding-bottom: 1px;
right: 8%;
position: absolute;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; 
}
.dropdown {
position: relative;
display: inline-block;
cursor: pointer;
}

.notidiv a{
padding: 14px;
display: flex;
border-bottom: 1px solid rgb(204, 204, 204);
font-weight: 500;
cursor: pointer;
}
.notidiv a:hover{
background-color: var(--blue);
color: white;
box-shadow: 2px 2px 15px rgba(11, 157, 255, 0.144);
-moz-box-shadow: 2px 2px 15px rgba(11, 157, 255, 0.144);
-webkit-box-shadow:  1px 1px 5px rgba(11, 157, 255, 0.144); 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
border-left: 3px solid var(--blue);
display: none;
position: absolute;
background-color: #f1f1f1;
width: 180px;
box-shadow: 1px 1px 10px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  2px 2px 5px rgba(0, 68, 255, 0.185); 
border-radius: 1px;
}

/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 10px 15px;
display: block;
position: relative;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
color: var(--blue);
background-color: rgba(233, 233, 233, 0.534);
}

.topspanjobs{
  display: none;
  position: absolute;
  width: 350px;
  border: 1px solid #88888813;
  box-shadow: 1px 1px 4px #8888883c;
  -moz-box-shadow: 1px 1px 4px #8888883c;
  -webkit-box-shadow:  1px 1px 4px #8888883c;
  top: 33px;
  background-color: rgb(240, 240, 240);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.topspanjobs a{
padding: 3px;
text-align: left;
display: block;
margin: 0%;
font-weight: 500;
color: rgb(16, 16, 16);
}

.topspanjobs a:hover{
color: #0059ff;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.topspanjobs .col-md-6{
padding: 10px;
}
.topspanjobs:pseudo-class .nav-link{
  background-color: rgba(240, 240, 240);
  color: #0059ff;
  border-radius: 1px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
}
.topspancomp{
display: none;
position: absolute;
width: 200px;
border: 1px solid #88888813;
box-shadow: 1px 1px 4px #8888883c;
-moz-box-shadow: 1px 1px 4px #8888883c;
-webkit-box-shadow:  1px 1px 4px #8888883c;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: rgb(240, 240, 240);
top: 33px;
padding: 10px 0;
}

.topspancomp a{
padding: 2px;
display: block;
margin: 2px 10px;
font-weight: 500;
color: rgb(16, 16, 16);
}

.topspancomp a:hover{
color: #0059ff;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}


.dropdown:hover .dropdown-content{
display: block;
background-color: white;
}

.dropdown:hover .topspanjobs{
display: block;
}

.dropdown:hover .topspancomp{
display: block;
}

.topdiv6{
padding: 10px;
}

.topdiv6 a{
padding: 15px 25px;
position: relative;
}
.notification {
padding: 17px 17px;
position: relative;
display: inline-block;
border-radius: 5px;
cursor: pointer;
font-size: 17px;
font-weight: 600;
}

.notification:hover::before{
  color: darkblue;
  }

.notification:before {
color: rgb(109, 109, 109);
}   
                            

.notification .badge {
position: absolute;
top: 5px;
right: -5px;
padding: 5px 5px;
border-radius: 50%;
color: white;
background: darkblue;
font-size: 12px;
}
#dropdown-content-notification {
display: none;
right: 2%;
position: absolute;
background-color: white;
width: 350px;
height: 280px;
top: 46px;
border: 0.5px solid rgba(11, 157, 255, 0.144);
border-radius: 3px;
background-color: rgb(242, 242, 242);
overflow-y: scroll;
}

.dropdown:hover #dropdown-content-notification{
display: block;
background-color: white;
}
.ml-auto,
.mx-auto {
margin-left: auto !important; 
}
.ftco-animatea {
opacity: 0;
visibility: hidden; 
}
.ftco-section{
padding: 75px 0;
}
.ftco-section-ajsr{
  padding: 65px 0;
}
.ftco-section-jbs{
  padding: 75px 0;
}
.ftco-sectiontop{
position: relative;
margin-top: 7px;
}
.ftco-sectionjd{
padding: 75px 0;
}
.ftco-sectionindex{
  padding: 75px 0;
}
.ftco-section-jbc{
  padding: 120px 0;
}
.indexcolboxtop{
background-color:#dfdfdf6b;
padding: 20px;
border-radius: 5px;
width: 100%;
position: relative;
}
.indextopsearchcol{
background-color:#dfdfdf6b;
padding: 20px;
border-radius: 5px;
}
.center{
display: flex;
justify-content: center;
align-items: center;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; 
}
.indexicons{
background-color: white;
padding: 15px;
border-left: 5px solid #0177B5;
border-radius: 3px;
width: 100%;
max-width: 100%;
min-height: 180px;
box-shadow: 1px 1px 3px #8888883c;
-moz-box-shadow: 1px 1px 3px #8888883c;
-webkit-box-shadow:  1px 1px 3px #8888883c;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.indexicons:hover {
box-shadow: 1px 1px 15px rgba(0, 27, 102, 0.152);
-moz-box-shadow: 0px 0px 15px rgba(0, 27, 102, 0.152);
-webkit-box-shadow:  1px 1px 15px rgba(0, 27, 102, 0.152);
border-left: 5px solid #0058b1;
}
.indexiconsspan {
padding: 5px;
margin-top: 2%;
}
.indexiconsspan span{
font-size: 15px;
font-weight: 700;
}
.indexiconsspan p{
font-size: 14px;
font-weight: 500;
}
.indexiconsspan a{
font-size: 14px;
border: 2px solid #0177B5;
padding: 7px 16px;
border-radius: 3px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background-color: #0177B5;
color: whitesmoke;
font-weight: 700;
text-transform: uppercase;
}
.indexiconsspan a:hover{
background-color: #047adb15;
color: #0177B5;
}
.indextopsearchdiv{
height: 50%;
border-bottom: 1px solid rgb(0, 187, 255);
}
.indextopsearchdiv a{
display: flex;
font-weight: 500;
}
.indextopsearchdiv input{
width: 100%;
height: 40px;
padding: 7px;
border: 2px solid rgba(118, 118, 118, 0.645);
border-radius: 2px;
}
.indextopsearchdiv input:hover{
  border: 2px dashed #047adb93;
}
.indextopuploaddiv{
margin-top: 4%;
}
.indextopuploaddiv span{
display: flex;
font-weight: 500;
}
.indextopuploaddivdiv{
border: 2px dashed black;
height: 40px;
width: 100%;
margin-top: 1%;
cursor: pointer;
font-size: 16px;
}
.indextopuploaddivdiv:hover{
border: 2px solid #0177B5;
background-color: #047adb15;
color: #0177B5;
}
.services {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.services .icon {
  line-height: 1;
  position: relative;
  padding: 15px 0; }
  .services .icon span {
    font-size: 50px;
    color: #161616; }
.services .media-body h3 {
  font-size: 18px;
  font-weight: 500; 
}
#section-counter {
  position: relative;
  z-index: 0; }
  #section-counter:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: -1;
    opacity: .5;
    background: #000000; 
}

  @media (max-width: 1199.98px) {
    .ftco-counter {
      background-position: center center !important; } }
  .ftco-counter .text strong.number {
    font-weight: 600;
    font-size: 34px;
    color: #fff; }
  .ftco-counter .text span {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7); }
  @media (max-width: 767.98px) {
    .ftco-counter .counter-wrap {
      margin-bottom: 20px; } }
  .ftco-counter .ftco-number {
    display: block;
    font-size: 72px;
    font-weight: bold;
    color: #157efb; }
  .ftco-counter .ftco-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em; 
  }
  .heading-section .subheading {
    font-size: 18px;
    display: block;
    margin-bottom: 10px; }
  
  .heading-section h2 {
    font-size: 40px;
    font-weight: 700; }
    .heading-section h2 span {
      font-weight: 400; }
    @media (max-width: 767.98px) {
      .heading-section h2 {
        font-size: 28px; } }
  
  .heading-section.heading-section-white .subheading {
    color: rgba(255, 255, 255, 0.9); }
  
  .heading-section.heading-section-white h2 {
    font-size: 40px;
    color: #fff; }
  
  .heading-section.heading-section-white p {
    color: rgba(255, 255, 255, 0.9); 
}
.category {
padding: 0;
}
.category li {
  list-style: none;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600; }
  .category li a {
    display: block;
    color: #1a1a1a;
    padding: 12px;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
    background-color: white;
    width: 100%;
    border: 1px solid #88888813;
    box-shadow: 1px 1px 3px #8888883c;
    -moz-box-shadow: 1px 1px 3px #8888883c;
    -webkit-box-shadow:  1px 1px 3px #8888883c;
    transition: all 0.1s ease-in-out;
    transition-duration: 0.1s ease-in-out;
  }
    .category li a span.number {
      font-size: 16px;
      background: #eaedff;
      color: #3b4fff;
      padding: 2px 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
    .category li a:hover, .category li a:focus {
      color: #4964ff;
      background: #f7f9ff;
      border-left: 2px solid #4964ff;
    }
.text-center {
text-align: center !important; 
}
.job-post-item {
  margin-bottom: 8px;
  padding: 15px;
  border-radius: 4px;
  background-color: white;
  width: 100%;
  border: 1px solid #0859810d;
  box-shadow: 2px 2px 2px #2b2b2b21;
  -moz-box-shadow: 2px 2px 2px #2b2b2b21;
  -webkit-box-shadow: 2px 2px 2px #2b2b2b21;
  border-left: 3px solid #0859810d;
  transition: all 0.1s ease-in-out;
  transition-duration: 0.1s ease-in-out;
}

.job-post-item:hover{
  box-shadow: 2px 2px 7px #2b2b2b21;
  -moz-box-shadow: 2px 2px 7px #2b2b2b21;
  -webkit-box-shadow: 1px 2px 7px #2b2b2b21;
  cursor: pointer; 
  border-left-color: #01516a;
}
.job-post-item h3{
  font-weight: bold;
  font-size: 15px;
  padding: 7px 0 0 0;
  color: #01516a;
}
.job-post-item h4{
  font-weight: 500;
  font-size: 14px;
  padding: 0 5px 0 0;
  color: var(--dark);
}

.job-post-item-adjs {
  margin-bottom: 8px;
  padding: 15px;
  border-radius: 4px;
  background-color: white;
  width: 100%;
  border: 1px solid #0859810d;
  box-shadow: 2px 2px 2px #2b2b2b21;
  -moz-box-shadow: 2px 2px 2px #2b2b2b21;
  -webkit-box-shadow: 2px 2px 2px #2b2b2b21;
  border-left: 3px solid #0859810d;
  transition: all 0.1s ease-in-out;
  transition-duration: 0.1s ease-in-out;
}

.job-post-item-adjs:hover{
  box-shadow: 2px 2px 7px #2b2b2b21;
  -moz-box-shadow: 2px 2px 7px #2b2b2b21;
  -webkit-box-shadow: 1px 2px 7px #2b2b2b21;
  cursor: pointer; 
  border-left-color: #01516a;
}
.job-post-item-adjs h3{
  font-weight: bold;
  font-size: 15px;
  padding: 7px 0 0 0;
  color: #01516a;
}
.job-post-item-adjs h4{
  font-weight: 500;
  font-size: 14px;
  padding: 0 5px 0 0;
  color: var(--dark);
}
.width100{
 width: 100%;
}
.new-pro {
border: 1px solid #92a8d13d;
border-radius: 3px;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
}
.new-pro:hover {
box-shadow: 1px 1px 5px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  3px 3px 10px rgba(0, 68, 255, 0.185); 
}
.divcur{
cursor: pointer;
}
.veriicondiv i{
padding: 5px;
background-color: rgba(0, 128, 0, 0.063);
color: rgb(13, 87, 13);
border-radius: 3px;
font-size: 13px;
}

.veriicondiv i span{
font-weight: 600;
font-size: 13px;
margin-left: 1%;
color: rgb(13, 87, 13);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.veriicondivnone{
display: none;
}
.sidetextbold{
font-size: 15px;
font-weight: bold;
}

.icontypet{
left: 0%;
position: relative;
}

.icontypet span{
font-size: 13px;
font-weight: 500;
color: #444444;
text-transform: uppercase;
}

.icontypet span i{
  font-size: 14px;
  font-weight: 400;
  color: rgb(90, 90, 90);
}
.icontypet .leftpad{
  padding: 0px 10px;
}
.brandldiv img{
background-repeat: no-repeat;
height: 70px;
width: 70px;
background: rgb(255, 255, 255);
border-radius: 3px;
border: 0.5px solid rgb(245, 245, 245);
} 
.brandldiv-p img{
  background-repeat: no-repeat;
height: 70px;
width: 70px;
background: rgb(255, 255, 255);
border-radius: 3px;
border: 0.5px solid rgb(245, 245, 245);
}
.jda span{
color: rgb(90, 90, 90);
font-size: 13px;
font-weight: 500;
}
.cb{
  border: 1px solid red;
}
.hjddown{
  padding: 3px 0 0 0;
}
.hjddown span{
font-size: 11px;
padding: 4px 6px;
background-color: rgb(233, 233, 233);
border-radius: 3px;
font-weight: 500;
color: #000000;
}

.hjddown span i{
font-size: 11px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.services-section{
padding: 50px;
}
.citysbg{
height: 170px;
width: 170px;
margin: 2px auto;
border: 0.5px solid #92a8d13d;
border-radius: 2px;
box-shadow: 2px 2px 10px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 2px rgba(0, 68, 255, 0.185); 
background-color: white;
cursor: pointer;
}

.citysbg:hover{
background-color: #314ce415;;
-webkit-transition-duration: 0.2s; /* Safari */
transition: all 0.1s ease-in-out;
transition-duration: 0.1s ease-in-out;
color: var(--blue);
}
.citysbgdiv{
left: 0%;
top: 17%;
position: relative;
}

.citysbg a{
margin-top: 20%;
font-size: 40px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.citysbg span{
font-size: 15px;
font-weight: 500;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.noresults{
position: relative;
padding: 40px 0;
}

.noresults a{
color: var(--red);
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
.divdisnon{
display: none;
}
.jdborder{
border: 0.5px solid #92a8d13d;
border-radius: 3px;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
background-color: rgb(255, 255, 255);
margin-bottom: 1%;
}
.jdtextpadding{
padding: 15px;
}

.jdtextpadding .col-md-4 img{
position: absolute;
right: 10%;
}
.textjdremove{
font-size: 14px;
font-weight: 500;
color: black;
}

.textjdremove:hover{
color: var(--blue);
}
.jdjobtitle a{
font-size: 17px;
font-weight: 700;
display: flex;
}

.jdjobtitle span{
font-size: 15px;
font-weight: 450;
}

.jddesdivpad{
padding: 15px;
overflow: hidden;
}

.recomjobs{
padding: 10px;
border: 0.1px solid rgba(0, 139, 139, 0.159);
}

.recomjobs a{
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
font-weight: 500;
color: rgb(0, 184, 184);
}

.jdinfodiv{
position: fixed;
left: 0;
top: 50px;
width: 55px;
height: 100%;
background-color: #ffffff;
box-shadow: 4px 4px 12px rgba(57, 65, 88, 0.185);
-moz-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  2px 2px 5px rgba(0, 68, 255, 0.185); 
}

.jdinfodiv a{
position: relative;
font-size: 25px;
padding: 15px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
color: black;
}

.jdinfodiv a:hover{
background-color: #0059ffcb;
color: white;
width: 100%;
}

.jdinfodivahover{
background-color: #0059ffcb;
color: white;
width: 100%;
}
.jdtopicon a{
font-size: 15px;
font-weight: 500;
color: rgb(90, 90, 90);
display: flex;
margin-top: 2%;
margin-bottom: 1%;
}

.jdtopicon span{
margin-left: 1%;
font-size: 15px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.savejobfont1{
font-size: 17px;
font-weight: 500; 
color: darkcyan;
}
.jddesdivpad{
padding: 15px;
overflow: hidden;
}
.jdheadertext{
font-size: 14px;
font-weight: 500;
}
.jobslogojdimg{
background-repeat: no-repeat;
height: 90px;
width: 90px;
background-image: url('company.png');
margin-right: 5px;
border-radius: 3px;
border: 0.5px solid rgb(245, 245, 245);
}

.button4{
padding: 4px 15px;
border: 1px solid rgba(130, 224, 255, 0.528);
background-color: rgba(130, 224, 255, 0.528);
color: white;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
border-radius: 4px;
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
}
.button4:hover{
background-color: white;
color:  rgba(95, 214, 253, 0.734);
}
.button5{
padding: 6px 15px;
border: 1px solid var(--blue);
background-color: var(--blue);
color: white;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
border-radius: 4px;
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
cursor: pointer;
} 
.button5:hover{
background-color: white;
color: var(--blue);
}
#getFixed{
top: 0%;
width: 100%;
height: 100px;
display: none;
overflow: hidden;
background-color: white;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  2px 2px 5px rgba(0, 68, 255, 0.185); 
}

#getFixed .ftco-animate{
  position: relative;
  height: 100%;
  padding: 15px;
  background-image: linear-gradient(to right, rgba(173, 216, 230, 0.528), rgba(130, 224, 255, 0.528));
}

.middhedivjd{
  width: 100%;
  height: 100%;
  height: 75px;
  background-color: white;
  border-radius: 4px;
}

.divpaddingtop{
  padding: 8px;
  position: relative;
  left: 2%;
}

.divpaddingtop a{
  display: flex;
  font-size: 17px;
  font-weight: 700;
}

.divpaddingtop span{
  font-size: 15px;
  font-weight: 450;
}

.divpaddingtop2{
  padding: 25px;
  left: 2%;
  position: relative;
}

.divpaddingtop2 a{
  padding: 6px 15px;
  border: 1px solid rgba(70, 208, 253, 0.789);
  background-color: rgba(70, 208, 253, 0.789);
  color: white;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  transition-duration: 0.3s ease-in-out;
}

.divpaddingtop2 a:hover{
  background-color: white;
  color:rgba(70, 208, 253, 0.789);
}

.divpaddingtop2 span{
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  margin-left: 2%;
  color: var(--blue);
}

.divpaddingtop2 span:hover{
  color: rgb(33, 33, 235);
}
.morerighttop{
  top: 52px;
}
.morejobsbtn{
  display: flex;
  left: 82%;
  position: absolute;
}

.morejobsbtn a{
    padding: 7px 15px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 3px;
    background-color: rgb(0, 184, 184);
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
    transition-duration: 0.3s ease-in-out;
}

.morejobsbtn a:hover{
  color: rgb(0, 184, 184);
  background-color: white;
  border: 1px solid rgb(0, 184, 184);
  box-shadow: 2px 2px 12px rgba(0, 184, 184, 0.501);
  -moz-box-shadow: 0px 0px 12px rgba(0, 184, 184, 0.501);
  -webkit-box-shadow:  1px 1px 4px rgba(0, 184, 184, 0.501); 
} 
.background{
  background: #FFFFFF;
  box-shadow: 1px 1px 10px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  0px 0px 7px rgba(0, 68, 255, 0.185);
  padding: 15px; 
  border-radius: 3px;
}
.jdjobalerdivact{
padding: 10px;
}  
.jdjobalerdivact span{
font-size: 13px;
}
.emailpadding{
padding: 10px;
}
.emailpadding input{
height: 45px;
width: 100%;
padding: 5px;
margin: 5% 0;
}
.buttonactivate{
height: 35px;
padding: 8px 15px;
color: rgb(0, 184, 184);
background-color: white;
border: 1px solid rgb(0, 184, 184);
border-radius: 3px;
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
cursor: pointer;
}
.buttonactivate:hover{
background-color:  rgb(0, 184, 184);
color: white;
}
.jdjobalerdiv{
margin-top: 2%;
padding: 10px;
background-color: white;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
border-radius: 3px;
width: 99%;
}

.jdjobalerdiv a{
padding: 4px;
font-weight: 400px;
cursor: pointer;
display: flex;
color: rgb(53, 53, 53);
margin-left: 4px;
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
}

.jdjobalerdiv a:hover{
font-weight: 550;
color: var(--blue);
border-left: 5px solid var(--blue);
}
.jvjobalerdiv{
  background-color: rgba(55, 55, 55, 0.063);
  padding: 15px;
}
.jvjobalerdiv a{
  display: flex;
  color: #1a1a1a;
  padding: 2px 0;
  font-weight: 500;
  font-size: 14px;
}
.jvjobalerdiv a:hover{
  font-weight: 550;
  color: #003994;
  border-left: 2px solid #003994;
  padding: 2px 3px;
  transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
}
.jdjobsby{
padding: 10px;
background-color: white;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
border-radius: 3px;
border: 1px solid rgba(0, 68, 255, 0.185);
width: 99%;
}

.jdjobsby a{
font-size: 15px;
font-weight: 450;
}
.categorydivsco{
height: 100%;
margin-top: 2%;
}
.categorydivscoc{
margin-top: 2%;
}
.cr_error span {
width: 100%;
height: 35px;
margin: 0%; 
font-size: 14px;
color: var(--red);
}
.cr_error input{
height: 45px;
width: 100%;
padding: 5px;
border: 1px solid  var(--red);
}
.successcolor{
color: var(--green);
}
.failcolor{
color: var(--red);
}  
.jalertmsgdiv{
padding: 10px;
}
#emaildivshowbtn{
margin-top: 5%;
margin-left: 3%;
height: 40px;
padding: 10px;
border-radius: 3px;
width: 50%;
background-color: #0058b1;
border: 1px solid #0058b1;
color: white;
cursor: pointer;
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
}
#emaildivshowbtn:hover{
background-color: white;
color: #0058b1;
}
#emaildivshow{
display: none;
}
.homesearch{
padding: 20px;
background-color: white;
border: 0.5px solid #92a8d13d;
border-radius: 3px;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
position: relative;
}     

.homesearcha{
font-size: 15px;
font-weight: 500;
margin-bottom: 2%;
position: relative;
}
form.search button {
color: white;
background-color: #0059ff;
padding: 11px 18px;
outline: none;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid rgba(0, 68, 255, 0.185);
cursor:pointer;
-webkit-transition: 0.1s;
transition: 0.1s;

}

form.search button i{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-transform: uppercase !important;
font-size: 17px;
font-weight: 600;
}

form.search button:hover {
background: rgb(23, 104, 255);
color: white;
}


form.search input[type=text] {
width: 100%;
padding: 12px 20px;
box-sizing: border-box;
border: 1px solid rgba(0, 68, 255, 0.185);
border-radius: 3px;
outline: none;

}

form.search input[type=text]:focus {
border: 1px solid rgba(99, 99, 99, 0.679);
}

.searchadvance{
padding: 10px;
color: darkblue;
}
.searchadvance:hover{
text-decoration : underline;
color: #003994;
}
.js-sugd{
padding: 50px 0;
}
.js-sugd h2{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  padding: 20px 0;
}
.js-sugd a{
  border: 1px solid #999;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: rgb(133, 133, 133);
  -webkit-transition-duration: 0.4s;
  transition: all 0.5s;
  transition-duration: 0.4s;
  margin: 4px 4px;
  display: inline-block;
  text-align: center;
  justify-content: center;
}
.js-sugd a:hover{
  border-color: #07143a;
  color: #07143a;
  background-color: #07143a04;
}
.resultscountdiv{
  margin-top: 2%;
  margin-bottom: 2%;
  width: 100%;
  border-radius: 8px;
  background-color: white;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid #88888813;
  box-shadow: 1px 1px 3px #8888883c;
  -moz-box-shadow: 1px 1px 3px #8888883c;
  -webkit-box-shadow:  1px 1px 3px #8888883c;
}

.resultscountdiv a{
  color: darkcyan;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.backgroundsidediv{
top: 0%;
left: 0%;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.726);
}
#lefthomefdivhidebtn{
position: fixed;
right: 2%;
top: 2%;
background-color: rgb(255, 255, 255);
border-radius: 3px;
padding: 2px 12px;
cursor: pointer;
display: none;
}

#lefthomefdivhidebtn a{
color: var(--red);
font-weight: 400;
font-size: 20px;
}
.collg3homeleft{
left: 3%;
top: 9%;
position: fixed;
width: 330px;
height: 100%;
overflow: scroll;
}

.collg3homeleft::-webkit-scrollbar{
display: none;
}
.lefthomefdivjobs{
padding: 10px;
background-color: white;
box-shadow: 2px 2px 12px rgba(0, 68, 255, 0.185);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 5px rgba(0, 68, 255, 0.185); 
border: 1px solid rgba(0, 68, 255, 0.185);
border-radius: 3px;
position: relative;
}

.lefthomefdivjobs a{
font-size: 15px;
}
.collg3homerightjobs{
right: 2%;
top: 10%;
position: fixed;
width: 334px;
height: 100%;
overflow: scroll;
}

.collg3homerightjobs::-webkit-scrollbar{
display: none; /* for vertical scrollbars */
}
.locdivjobs{
width: 371px;
position: fixed;
left: 12px;
margin-top: 1%;
height: 100%;
}
.js-bodycolor{
  background-color: rgb(250, 250, 250);
}
.jobsearchtopdiv{
height: 150px;
width: 100%;
background-image: linear-gradient(to top, #1498ac, #117a8b);
display: flex;
justify-content: center;
align-items: center;
margin: 45px 0;
}

.jobsearchtopdiva{
background-color: white;
height: 100px;
width: 80%;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}

.jobsearchtopdiva a{
padding: 20px;
font-weight: bolder;
font-size: 30px;
color: #117a8b;
}

.jobsearchmiddiv{
  height: 200px;
  width: 100%;
  position: relative;
}
.js-di-p{
  padding: 50px 0;
}
.js-di-p form .searchdiv{
  display: inline;
}
.js-di-p form .searchdiv label{
  position: relative;
  font-weight: 600;
  margin: -5px 0;
}
.js-di-p form .searchdiv input{
  width: 100%;
  height: 45px;
  padding: 7px;
  background-color: rgb(252, 252, 252);
}
.js-di-p-input{
  border: 1px solid #b2b2b2;
  border-radius: 2px;
}
.js-di-p-input-error input{
  border: 1px solid var(--red);
}
.js-di-p-input-error span{
  color:  var(--red);
}
.js-di-p form button{
  height: 45px;
  width: 100%;
  color: white;
  background-color: #0177B5;
  outline: none;
  border-radius: 3px;
  border: 1px solid #0177B5;
  cursor:pointer;

}
.js-di-p form button i{
  font-weight: 600;
  font-size: 17px;
}


.js-di-fj{
  padding: 25px 0;
}
.js-di-fj form .searchdiv{
  display: inline;
}
.js-di-fj form .searchdiv label{
  position: relative;
  font-weight: 600;
  margin: -5px 0;
}
.js-di-fj form .searchdiv input{
  width: 100%;
  height: 40px;
  padding: 7px;
  background-color: rgb(252, 252, 252);
}
.js-di-fj-input{
  border: 1px solid #b2b2b2;
  border-radius: 2px;
}
.js-di-fj-input-error input{
  border: 1px solid var(--red);
}
.js-di-fj-input-error span{
  color:  var(--red);
}
.js-di-fj form button{
  height: 40px;
  width: 100%;
  color: white;
  background-color: #0177B5;
  outline: none;
  border-radius: 3px;
  border: 1px solid #0177B5;
  cursor:pointer;

}
.js-di-fj form button i{
  font-weight: 600;
  font-size: 17px;
}


.js-jobtitle{
  position: relative;
  top: 5px;
  width: 100%;
  max-width: 100%;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  z-index: 9;
  }
.js-jobtitle p{
    margin: 0;
    padding: 10px;
    cursor: pointer;
    color: black;
    font-weight: 600;
    font-size: 16px;
}
.js-jobtitle p:hover{
    background: #04aaa719;
    box-shadow: 1px 1px 2px rgba(0, 68, 255, 0.185);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  1px 1px 2px rgba(0, 68, 255, 0.185); 
}
.js-location{
  position: relative;
  top: 5px;
  width: 100%;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  z-index: 9;
  }
.js-location p{
    margin: 0;
    padding: 10px;
    cursor: pointer;
    color: black;
    font-weight: 600;
    font-size: 16px;
}
.js-location p:hover{
    background: #04aaa719;
    box-shadow: 1px 1px 2px rgba(0, 68, 255, 0.185);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  1px 1px 2px rgba(0, 68, 255, 0.185); 
}
.searchdivl{
  opacity: 0;
}
.jbbylltodivbg{
  position: fixed;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(to top, #1498ac, #117a8b);
  top: 0%;
  left: 0%;
}
.jbsb-body-bg{
  background-color: #eefeff5d;
}
.baj-body-bg{
  background-color: #f5f5f5;
}
.mobdivpadd{
position: relative;
margin-top: 8%;
}
.col12ctoptext{
margin-bottom: 12px;
padding: 15px;
border-radius: 8px;
background-color: white;
width: 100%;
border: 1px solid #88888813;
box-shadow: 1px 1px 3px #8888883c;
-moz-box-shadow: 1px 1px 3px #8888883c;
-webkit-box-shadow:  1px 1px 3px #8888883c;
}

.tohedjobsbla{
background-color: rgb(242, 242, 242);
border-bottom: 1px solid rgb(226, 226, 226);
padding: 10px;
border-radius: 8px;
box-shadow: 1px 1px 2px rgba(57, 65, 88, 0.185);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  1px 1px 2px rgba(0, 68, 255, 0.185);
}

.tohedjobsbla a{
font-size: 17px;
font-weight: 600;
color: #0d1f30;
position: relative;
padding: 0px 5px;
display: flex;
text-transform: uppercase;
}

.tohedjobsbladiv{
padding: 12px;
}

.tohedjobsbladiv a{
padding: 5px 2px; 
display: flex;
color: black;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-webkit-transition-duration: 0.2s; /* Safari */
transition: all 0.3s ease-in-out;
transition-duration: 0.3s ease-in-out;
font-size: 14px;
}

.tohedjobsbladiv a:hover{
color: #0041aa;
}
.col12ctoptext .jbsco-secom{
  position: relative;
  padding: 15px 0;
}
.col12ctoptext .jbsco-secom button{
  font-size: 14px;
  border: 2px solid #0177B5;
  padding: 8px 16px;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  background-color: #0177B5;
  color: whitesmoke;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.browsjbsdiv{
  font-size: 18px;
  font-weight: 500;
  color: var(--blue);
  padding: 15px;
  margin-bottom: 0%;
  margin-top: 1%;
  position: relative;
  }
.termsdiv{
left: 7.5%;      
}

.tdheader{
font-size: 16px;
font-weight: bold;
padding: 10px;
}

.tdheader2{
font-size: 15px;
font-weight: bold;
padding: 10px;
}

.tdheader3{
padding: 10px;
}

.termsdiv p{
padding: 20px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 14px;
}  
.citypadding{
width: 100%;
padding: 20px;
left: 0%;
position: relative;
}
.citysbghome{
height: 150px;
margin: 2px auto;
cursor: pointer;
border-radius: 4px;
background-color: white;
width: 100%;
margin: 8px 0px;
border: 1px solid #88888813;
box-shadow: 1px 1px 3px #8888883c;
-moz-box-shadow: 1px 1px 3px #8888883c;
-webkit-box-shadow:  1px 1px 3px #8888883c;
display: flex;
justify-content: center;
align-items: center;
}

.citysbghome:hover{
background-color: #314ce415;;
-webkit-transition-duration: 0.2s; /* Safari */
transition: all 0.1s ease-in-out;
transition-duration: 0.1s ease-in-out;
color: var(--blue);
}

.citysbghome span{
font-size: 25px;
color: var(--dark);
}
.citysbghome:hover span{
  color: #216CAD;
}

.jbl_pad{
  padding: 17px 0;
}
.neprebtnsdiv{
margin-left: 2%;
}
.textare{
font-size: 40px;
font-weight: 500;
color:rgba(58, 114, 107, 0.796);
}
.textreborder{
border: 1px solid rgba(97, 208, 193, 0.57);
min-height: 200px;
background-color: white;
border-radius: 12px;
}
.textare2{
font-size: 17px;
color: rgba(58, 114, 107, 0.796);
font-weight: 600;
text-transform: uppercase;
}
.textare3{
font-size: 14px;
color: rgba(58, 114, 107, 0.796);
}
.textare4{
font-size: 15px;
color: rgba(58, 114, 107, 0.796);
}
.iconcolorre a{
font-size: 350px;
color: #000000;
}
.flaticon1backc{
background-image: linear-gradient(to bottom left, rgba(173, 216, 230, 0.068), rgba(130, 224, 255, 0.104));
}
.iconcolorre2{
font-size: 350px;
color:  #0054da7c;
}
.bg-dark{
background-color: #545454e3;
}
.textare5{
color: whitesmoke;
font-size: 45px;
text-transform: uppercase;
}
.textdownb{
padding: 10px;
}
.rebtn{
padding: 10px 15px;
border: 1px solid whitesmoke;
background-color: whitesmoke;
color: #000000e3;
text-transform: uppercase;
font-weight: 500;
border-radius: 3px;
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.rebtn:hover{
background-color: #545454e3;
color: whitesmoke;
}
.jobsearchadacolor{
color: darkblue;
font-weight: 500;
}
.jobtitleshare{
color: darkblue;
font-weight: 500;
}
.newtext{
color: var(--red);
}
.jdtopdivcolor{
height: 180px;
background-image: linear-gradient(to top, #1498ac, #117a8b);
position: absolute;
width: 100%;
}
.samprescol8{
margin-top: 2%;
}

.samprescol8 img{
width: 100%;
box-shadow: 2px 2px 10px rgba(57, 65, 88, 0.185);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  2px 2px 5px rgba(0, 68, 255, 0.185);
border-radius: 10px;
background-color: white;
border: 0.5px solid rgba(57, 65, 88, 0.07);
}

.samprescol41{
margin-top: 20%;
position: relative;
}

.samprescol42{
box-shadow: 4px 4px 10px rgba(57, 65, 88, 0.185);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:  4px 4px 5px rgba(0, 68, 255, 0.185);
border-radius: 3px;
min-height: 51%;
max-width: auto;
background-image: linear-gradient(to bottom left, rgba(173, 216, 230, 0.357), rgba(130, 224, 255, 0.522));
padding: 10px;
}

.samprescol42 h1{
font-size: 22px;
font-weight: 700;
padding: 20px 0;
}

.samprescol42 a{
font-weight: 500;
position: relative;
}

.samprescol42 p{
font-weight: 600;
padding: 10px;
}
.re-sa-img{
  z-index: -99;
  border: 1px solid red;
}

.sampresleftbdiv{
background-image: linear-gradient(to bottom left, rgba(72, 200, 243, 0.357), rgba(48, 198, 248, 0.522));
border-radius: 3px;
height: 105px;
position: absolute;
margin-top: 0%;
left: -30%;
width: 600px;
opacity: 0.9;
background-color: white;
display: flex;
}

.bg-lights{
background-color: rgb(248, 248, 248);
position: relative;
height: 100%;
width: 100%;
}

.sampcolmixdivbtm{
height: 100%;
width: 105px;
background-image: linear-gradient(to bottom left, rgba(72, 200, 243, 0.357), rgba(48, 198, 248, 0.522));
position: absolute;
left: 70%;
border-radius: 3px;
}

.button2 {
background-color: #1289ff0e; 
color: #1288ff; 
border: 1px solid #1288ff;
padding: 5px;
cursor: pointer;
border-radius: 3px;
outline: none;
font-weight: 500;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}

.button2:hover {
background-color: #1288ff;
color: white;
}

.result{
  position: relative;        
  top: 0%;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  }

  .result p{
      margin: 0;
      padding: 10px;
      cursor: pointer;
      color: black;
      font-weight: 600;
      font-size: 16px;
  }
  .result p:hover{
      background: #04aaa719;
  }
  .uploadresumediv{
    position: relative;
  }
  .location{
    z-index: 999;
    top:1%;
    position: relative;        
    width: 100%;
    background: white;
    box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
    border-radius: 3px;
  }

  .location p{
      margin: 0;
      padding: 10px;
      cursor: pointer;
      color: black;
      font-weight: 600;
      font-size: 16px;
  }
  .location p:hover{
      background: #04aaa719;
  }

  .jobtitle{
  position: relative;        
  top: 1%;
  z-index: 999;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  }

  .jobtitle p{
      margin: 0;
      padding: 10px;
      cursor: pointer;
      color: black;
      font-weight: 600;
      font-size: 16px;
  }
  .jobtitle p:hover{
      background: #04aaa719;
  }
  .bodypadding{
    padding: 50px 0;
  }
  .find-wwd-lf-view{
    padding: 30px 0;
    border-bottom: 1px solid #01b5701e;
  }
  .find-wwd-lf-view h4{
    border-left: 5px solid #216CAD;
    padding: 10px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #216CAD;
  }
  .find-wwd-lf-view p{
    font-size: 15px;
    font-weight: 500;
    color: rgb(31, 31, 31);
  }
  .find-wwd-lf-view button{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 6px 30px;
    border-radius: 4px;
    border: 3px solid #216CAD;
    color: #ffffff;
    background-color: #216CAD;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    cursor: pointer;
  }
  .find-wwd-lf-view button:hover{
    background-color: #216cad12;
    color: #216CAD;
  }
  .jsvhtit{
    padding: 15px 0;
  }
  .jsvhtit a{
    color: #0177B5;
  }
  .jsvhtit a:hover{
  text-decoration: underline;
  }
  .pjvidit .title h1{
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-left: -10px;
    color: #0f5c48;
  }
  .pjvidit .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
  }
  .pjvidit .jvlogo img{
    height: 100px;
    width: 100px;
  }
  .pjvidit .jdescription{
    padding: 10px 0;
  }
  .pjvidit .jdescription p{
    font-size: 15px;
    font-weight: 450;
    color: #0d1f30;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .pjvidit .jprskill{
    padding: 15px 0;
    border-bottom: 1px solid #0176b520;
  }
  .pjvidit .jprskill label{
    font-size: 16px;
    font-weight: 500;
    color: #0177B5;
  } 
  .pjvidit .jprskill p{
    font-size: 15px;
    font-weight: 450;
    color: #0d1f30;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .pjvidit .jprodet{
    padding: 15px 0;
    border-bottom: 1px solid #0176b520;
    display: flex;
  }
  .pjvidit .jprodet p{
    font-size: 15px;
    font-weight: 500;
    color: #0d1f30;
    padding: 0;
    margin: 0 0 10px 0;
    margin-right: 30px;
    text-transform: uppercase;
  }
  .pjvidit .jpdati{
    padding: 20px 0;
  }
  .pjvidit .jpdati i{
    font-size: 17px;
    font-weight: 450;
    color: #0d1f30;
  }
  .pjvidit .bidbutton{
    padding: 20px 0;
  }
  .pjvidit .bidbutton a{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 9px 30px;
    border-radius: 3px;
    border: 3px solid #0177B5;
    color: #ffffff;
    background-color: #0177B5;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
  }
  .pjvidit .bidbutton a:hover{
    background-color: #0176b513;
    color: #0177B5;
  }
  .jvsidedsearch{
    background-color: #00427b29;
    padding: 15px;
  }
  .jvsidedsearch h5{
    font-weight: 550;
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .jvsidedsearch form input{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #00427b5f;
    background-color: #ffffff;
    margin: 10px 0;
    padding: 10px;
    outline: none;
  }
  .jvsidedsearch form button{
    font-family: "Montserrat", sans-serif;
    font-weight: 550;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 3px solid #125a8a;
    color: #ffffff;
    background-color: #125a8a;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    width: 100%;
    height: 35px;
    cursor: pointer;
  }
  .jvsided{
    background-color: rgba(89, 182, 136, 0.234);
    padding: 15px;
    margin: 20px 0;
  }
  .jvsided .jvsidedsignup h5{
    font-weight: 550;
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .jvsided .jvsidedsignup form input{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #009d6156;
    background-color: #ffffff;
    margin: 10px 0;
    padding: 10px;
    outline: none;
  }
  .jvsided .jvsidedsignup form span{
    margin: 10px 0;
    padding: 10px;
  }
  .jvsided .jvsidedsignup form button{
    font-family: "Montserrat", sans-serif;
    font-weight: 550;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 3px solid #009d61;
    color: #ffffff;
    background-color: #009d61;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    width: 100%;
    height: 35px;
    cursor: pointer;
  }
  .jvsided a{
    width: 100%;
    padding: 15px 0;
    border: 2px solid #125a8a;
    position: absolute;
  }
  .jvsided-baj{
    background-color: rgba(89, 182, 136, 0.234);
    padding: 15px;
    margin-top: 2px;
    margin-bottom: 20px;
  }
  .jvsided-baj .jvsidedsignup-baj h5{
    font-weight: 550;
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .jvsided-baj .jvsidedsignup-baj form input{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
  }
  .jvsided-baj .jvsidedsignup-baj form button{
    font-family: "Montserrat", sans-serif;
    font-weight: 550;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 3px solid #009d61;
    color: #ffffff;
    background-color: #009d61;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    width: 100%;
    height: 35px;
    cursor: pointer;
    margin-top: 10px;
  }
  .jvsided-baj a{
    width: 100%;
    padding: 15px 0;
    border: 2px solid #125a8a;
    position: absolute;
  }
  .jvsided-baj-fi{
    border: 1px solid #009d6156;
    background-color: #ffffff;
    outline: none;
  }
  .jvsided-form-error input{
    border: 1px solid #b3271d;
  }
  .jvsided-form-error span{
    font-size: 14px;
    color: #b3271d;
    padding: 5px 0;
  }

  .fjafd{
    background-color: rgba(89, 182, 136, 0.234);
    padding: 15px;
    margin-top: 2px;
    margin-bottom: 20px;
  }
  .fjafd .fjafdt h5{
    font-weight: 550;
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .fjafd .fjafdt form input{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
  }
  .fjafd .fjafdt form button{
    font-family: "Montserrat", sans-serif;
    font-weight: 550;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 3px solid #009d61;
    color: #ffffff;
    background-color: #009d61;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    width: 100%;
    height: 35px;
    cursor: pointer;
    margin-top: 10px;
  }
  .fjafd a{
    width: 100%;
    padding: 15px 0;
    border: 2px solid #125a8a;
    position: absolute;
  }
  .fjafd-fi{
    border: 1px solid #009d6156;
    background-color: #ffffff;
    outline: none;
  }
  .fjafd-form-error input{
    border: 1px solid #b3271d;
  }
  .fjafd-form-error span{
    font-size: 14px;
    color: #b3271d;
    padding: 5px 0;
  }


  .jvsidedpost{
    background-color: rgba(255, 99, 185, 0.185);
    padding: 15px;
    margin: 20px 0;
  }
  .jvsidedpost h5{
    font-weight: 550;
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .jvsidedpost button{
    font-family: "Montserrat", sans-serif;
    font-weight: 550;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 3px solid rgba(130, 0, 72, 0.103);
    color: #ffffff;
    background-color: rgba(130, 0, 72, 0.837);
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    width: 100%;
    height: 35px;
    cursor: pointer;
  }
  .jvsided-padajsr{
    margin-top: 40px;
  }
  .sign-login-btn .signup button{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 6px 30px;
    border-radius: 3px;
    border: 3px solid #0177B5;
    color: #ffffff;
    background-color: #0177B5;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    cursor: pointer;
  }
  .sign-login-btn .signup button:hover{
    background-color: #0176b513;
    color: #0177B5;
  }
  .sign-login-btn .login button{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 6px 30px;
    border-radius: 3px;
    border: 3px solid #00a566;
    color: #ffffff;
    background-color: #00a566;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    cursor: pointer;
  }
  .sign-login-btn .login button:hover{
    background-color: #00a56610;
    color: #00a566;
  }
  .fiwocl{
    border-bottom: 1px solid #0176b523;
    padding: 40px 0;
  }
  .fiwocl h1{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 700;
    color: #0177B5;
  }
  .fiwocl p{
  font-size: 15px;
  }
  .fiwocl .singupbutton{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 9px 30px;
    border-radius: 3px;
    border: 3px solid #0177B5;
    color: #ffffff;
    background-color: #0177B5;
    text-transform: uppercase;
    margin: 10px 0;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
  }
  .fiwocl .singupbutton:hover{
    background-color: #0176b513;
    color: #0177B5;
  }
  .findivcla{
    padding: 40px 0;
  }
  .findivcla .typwdcl label{
    font-size: 20px;
    font-weight: 600;
    padding: 0px 5px;
  }
  .findivcla .typwdcl2 label{
    font-size: 20px;
    font-weight: 600;
  }
  .postradiodiv{
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
  }
  .postradiodiv:hover{
    background-color: #0176b513;
  }
  .postradiodiv input{
    font-size: 20px;
    height: 14px;
    width: 14px;
  }
  .postradiodiv span{
    margin: 0px 5px;
    font-size: 17px;
    font-weight: 400;
    padding: 0;
  }
  .typwdclpad{
    padding: 20px 0;

  }
  .typwdclpad-2{
    padding-bottom: 25px;
  }
  .typwdclpad-2 span{
    font-size: 18px;
    font-weight: 600;
    color: #0177B5;
  }
  #worksearchf{
    display: flex;
    padding: 10px 0;
  }
  #worksearchf input{
    width: 90%;
    height: 40px;
    padding: 10px;
    border: 1px solid rgb(213, 213, 213);
    font-size: 17px;
    font-weight: 500;
  }
  #worksearchf input:hover{
    border: 1px solid #0177B5;
  }
  #worksearchf input:focus{
    border: 1px solid #0177B5;
    outline: none;
  }
  #worksearchf button{
  width: 10%;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  border: 4px solid #0177B5;
  color: #ffffff;
  background-color: #0177B5;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  cursor: pointer;
  }
  .expjodc h4{
    margin-top: 30px;
  }
  .expjodc a{
    color: #354352;
    font-size: 15px;
    font-weight: 450;
    display: flex;
    margin: 5px 6px;
    transition: all 0.1s ease-in-out;
  }
  .expjodc a:hover{
    color: #0177B5;
    font-weight: 550;
  }
  #developmentjdiv, #designjdiv, #financejdiv, #salesjdiv, #writingjdiv{
    display: none;
  }
  .jvsdij h2{
    padding: 20px 0;
  }

  .jvsdij h4{
    margin-top: 30px;
    font-size: 27px;
    font-weight: 700;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  }
  .jvsdij a{
    color: #354352;
    font-size: 15px;
    font-weight: 450;
    display: flex;
    margin: 3px 6px;
  }
  .jvsdij a:hover{
    color: #0177B5;
    font-weight: 550;
  }
  #call-to-action {
    background-size: cover;
    padding: 20px 0;
    background-color: #0177B5;
  }
  
  #call-to-action .cta-title {
    color: #fcfcfc;
    font-size: 28px;
    font-weight: 700;
    padding: 20px 0;
  }
  
  #call-to-action .cta-text {
    color: #fcfcfc;
  }
  
  #call-to-action .cta-btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 26px;
    border-radius: 3px;
    transition: 0.5s;
    margin: 10px;
    border: 3px solid #fcfcfc;
    color: #fcfcfc;
    text-transform: uppercase;
  }
  
  #call-to-action .cta-btn:hover {
    background: #fcfcfc;
    color: #0177B5;
  }
  .in-hi-h4 h4{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-color: #01b57012;
    color: rgb(22, 22, 22);
    font-weight: 600;
    text-transform: capitalize;
  }
  #features {
    padding: 40px 0;
  }
  
  #features h4 {
    font-weight: 600;
    font-size: 30px;
    margin: 0px 4px;
    color: #2e2e2e;
  }
  #features a{
    border: 2px solid #999;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #999;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition: all 0.5s;
    transition-duration: 0.4s;
    margin: 4px 4px;
    display: inline-block;
    text-align: center;
  }
  #features a:hover{
    border-color: #0177B5;
    color: #0177B5;
    background-color: #047adb09;
  }
  #features p{
    margin: 0px 4px;
    font-weight: 500;
    color: rgb(73, 73, 73);
  }
  #features .col-lg-6 img{
    width: 100%;
  }
  .find-ro-padding{
    padding: 30px 0;
  }
  .js-box{

    border: 1px solid red;
  }
  .js-box input{
    width: 100%;
    border: 1px solid blue;
  }
  .jsband{
    padding: 15px 0;
  }
  .jsband .jsbanda{
    background-color: #0c865d12;
    border-radius: 8px;
    padding: 20px;
  }
  
  .jsbanda1 h1{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 800;
    color: #0177B5;
    font-size: 38px
  }
  .jsbanda1 p{
    font-size: 15px;
    font-weight: 600;
  }
  
  .jsbanda1 button{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 6px 30px;
    border-radius: 3px;
    border: 3px solid #0177B5;
    color: #ffffff;
    background-color: #0177B5;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    cursor: pointer;
  }
  .jsbanda1 button:hover{
    background-color: #0176b513;
    color: #0177B5;
  }
  .jsbandheaderh5 h5{
    font-weight: 550;
    font-family: "Montserrat", sans-serif;
    padding: 10px 0;
    font-size: 25px;
  }
  .jsbandheaderh5 h5 a{
    color: #0177B5;
    
  }
  .jsbandheaderh5 h5 a:hover{
    text-decoration: none;
  }
  .jsbandheaderh5 a{
    color: #0177B5;
    padding: 0 0 20px 0;
    display: inline-block;
  }
  .jsbandheaderh5 a:hover{
    text-decoration: underline;
  }
  .jsbanda .jsbanda2{
    background-color: #09405e;
    border-radius: 8px;
    padding: 20px;

  }
  .jsbanda2 h1{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 35px
  }
  .jsbanda2 p{
    font-size: 18px;
    color: white;
    font-weight: 600;
  } 
  .jsbanda2 p i{
    margin: 0px 2px;
    color: var(--green);
  }
  .jsbanda2 a{
    font-size: 16px;
    font-weight: 500;
    color: white;
  }
  .find-wwd-lma{
    padding: 20px 0;
  }
  .find-wwd-lma a{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 9px 30px;
    border-radius: 3px;
    border: 3px solid #0177B5;
    color: #ffffff;
    background-color: #0177B5;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
  }
  .find-wwd-lma a:hover{
    background-color: #0176b513;
    color: #0177B5;
  }
  .find-wwd-lf{
    padding: 30px 0;
    border-top: 1px solid #01b5701e;
    border-bottom: 1px solid #01b5701e;
    width: 50%;
  }
  .find-wwd-lf h4{
    border-left: 5px solid #01b570c7;
    padding: 10px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #01b570f7;
  }
  .find-wwd-lf p{
    font-size: 15px;
    font-weight: 500;
    color: rgb(31, 31, 31);
  }
  .find-wwd-lf button{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 6px 30px;
    border-radius: 4px;
    border: 3px solid #01b570f7;
    color: #ffffff;
    background-color: #01b570f7;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    outline: none;
    cursor: pointer;
  }
  .find-wwd-lf button:hover{
    background-color: #01b5701c;
    color: #01b570f7;
  }
  .sug-in-d h3 a{
    color: #0177B5;
  }
.sug-jbl{
  padding: 35px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.sug-jbl h4{
  border-left: 5px solid #0177B5;
  padding: 10px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: #0177B5;
  margin-bottom: 30px;
}
.sug-jbl .sug-jbl-img{
  border-radius: 8px;
  background-color: white;
  border: 1px solid #b2b2b21b;
  box-shadow: 1px 1px 2px #08598123;
  -moz-box-shadow: 1px 1px 2px #08598123;
  -webkit-box-shadow:  1px 1px 2px #08598123;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 0;
}
.sug-jbl .sug-jbl-img label{
  display: none;
  font-size: 24px;
  color: #004d76;
  font-weight: 700;
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s ease-in-out;
}
.sug-jbl .sug-jbl-img:hover label{
  display: block;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.sug-jbl .sug-jbl-img:hover img{
  opacity: 0.1;
}
.sug-jbl .sug-jbl-img:hover{
  box-shadow: 1px 1px 7px #8888883c;
  -moz-box-shadow: 1px 1px 7px #8888883c;
  -webkit-box-shadow:  1px 1px 7px #8888883c;
  cursor: pointer; 
}

.sug-jbc{
  padding: 5px 0 30px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.sug-jbc h4{
  border-left: 5px solid #0177B5;
  padding: 10px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: #363636;
  margin-bottom: 30px;
}
.sug-jbc h4 a{
  color: #0177B5;
}
.sug-jbc .sug-jbc-img{
  border-radius: 8px;
  background-color: white;
  border: 1px solid #b2b2b21b;
  box-shadow: 1px 1px 2px #08598123;
  -moz-box-shadow: 1px 1px 2px #08598123;
  -webkit-box-shadow:  1px 1px 2px #08598123;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 0;
}
.sug-jbc .sug-jbc-img label{
  display: none;
  font-size: 24px;
  color: #004d76;
  font-weight: 700;
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s ease-in-out;
}
.sug-jbc .sug-jbc-img:hover label{
  display: block;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.sug-jbc .sug-jbc-img:hover img{
  opacity: 0.1;
}
.sug-jbc .sug-jbc-img:hover{
  box-shadow: 1px 1px 7px #8888883c;
  -moz-box-shadow: 1px 1px 7px #8888883c;
  -webkit-box-shadow:  1px 1px 7px #8888883c;
  cursor: pointer; 
}
.expjodca-vie{
  padding: 30px 0;
}
.expjodca-vie .row{
  padding: 5px;
}
.expjodca-vie h4{
 padding: 10px;
 border-left: 5px solid #01b570f7; 
 color: #01b570f7;
 font-weight: 500;
 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.expjodca-vie a{
  color: #354352;
  font-size: 15px;
  font-weight: 450;
  display: flex;
  padding: 3px 0;
  -webkit-transition-duration: 0.2s;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s ease-in-out;
}
.expjodca-vie a:hover{
  color: #01b570f7;
  font-weight: 550;
}

.expjodc-vie{
  padding: 30px 0;
}
.expjodc-vie h3{
 padding: 10px;
 border-left: 5px solid #0177B5; 
 color: #0177B5;
 font-weight: 500;
 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.expjodc-vie h4{
  color: #0177B5;
}
.expjodc-vie .row{
  padding: 5px;
}
.expjodc-vie a{
  color: #354352;
  font-size: 15px;
  font-weight: 450;
  display: flex;
  padding: 3px 0;
  -webkit-transition-duration: 0.2s;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s ease-in-out;
}
.expjodc-vie a:hover{
  color: #0177B5;
  font-weight: 550;
}
#footer{
  padding: 50px 0;
}
#footer .copyright {
  text-align: center;
  padding-top: 30px;
  color: #535074;
  font-size: 15px;
}
#footer .copyright strong a{
  font-size: 18px;
  font-weight: 600;
  color: #0059ff;
}
#footer .copyright a{
  font-size: 14px;
  font-weight: 500;
  color: #0059ff;
}
.mobbtns{
  height: 50px;
  position: fixed;
  bottom: 0%;
  width: 100%;
  left: 0%;
  right: 0%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.mobbtns .signup button{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 6px 30px;
  border-radius: 3px;
  border: 3px solid #0177B5;
  color: #ffffff;
  background-color: #0177B5;
  text-transform: uppercase;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  outline: none;
  cursor: pointer;
  margin: 0px 5px;
}

.mobbtns .login button{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 6px 30px;
  border-radius: 3px;
  border: 3px solid #00a566;
  color: #ffffff;
  background-color: #00a566;
  text-transform: uppercase;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  outline: none;
  cursor: pointer;
  margin: 0px 5px;
}
.adsearchform{
  width: 100%;
  padding: 15px;
}
.adsearchform input{
  width: 100%;
  height: 45px;
  border: 2px solid #828282;
  padding: 10px;
  border-radius: 3px;
  background-color: rgb(250, 250, 250);
}
.adsearchform select{
  width: 100%;
  height: 45px;
  border: 2px solid #828282;
  padding: 10px;
  border-radius: 3px;
  background-color: rgb(250, 250, 250);
}
.adsearchform label{
  width: 100%;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  color: #4f4f4f;
}
.adsearchform button{
  width: 100%;
  height: 40px;
  border: 2px solid #1f5e80;
  background-color: #1f5e80;
  color: white;
  cursor: pointer;
  border-radius: 3px;

}
.adsearchform button a{
  font-weight: 600;
  font-size: 16px;
}
.adsearchmargin{
  margin-top: 20px;
}
.adsearchdiv1{
  border: 1px solid #88888813;
  box-shadow: 1px 1px 3px #8888883c;
  -moz-box-shadow: 1px 1px 3px #8888883c;
  -webkit-box-shadow:  1px 1px 3px #8888883c;
  background-color: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 5px;
}
.adsearchdivtop{
  display: flex;
}
.adsearchinput{
  width: 350px;
  margin-right: 12px;
}
.adsearchinput input{
  width: 100%;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #4f4f4f;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
}
.adsearchdivtop button{
  background-color: #2e487e;
  border-radius: 3px;
  border: 1px solid #2e487e;
  color: aliceblue;
  font-weight: 600;
  font-size: 15px;
  padding: 8px 30px;
  cursor: pointer;
  height: 45px;
  text-transform: uppercase;
}
.adsearchdivtop button:hover{
  background-color: #253963;
}
.adsearchinput select{
  height: 45px;
  border-radius: 3px;
  border: 1px solid #4f4f4f;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  width: 100%;

}
.adsearchinputoption{
  cursor: pointer;
}
.jobsearcherror input{
  border: 2px solid var(--red);
  width: 100%;
  box-sizing: border-box;
}
.jobsearcherror{
  color: var(--red);
}
.ad-location{
  position: relative;        
  z-index: 1;
  margin-top: 4px;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  }

  .ad-location p{
      margin: 0;
      padding: 10px;
      cursor: pointer;
      color: black;
      font-weight: 600;
      font-size: 16px;
  }
  .ad-location p:hover{
      background: #04aaa719;
  }

  .ad-jobtitle{
  position: relative;        
  z-index: 1;
  margin-top: 4px;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 15px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  1px 1px 15px rgba(0, 68, 255, 0.185); 
  border-radius: 3px;
  }

  .ad-jobtitle p{
      margin: 0;
      padding: 10px;
      cursor: pointer;
      color: black;
      font-weight: 600;
      font-size: 16px;
  }
  .ad-jobtitle p:hover{
      background: #04aaa719;
  }
.displaynone{
  display: none;
}
.paginationdiv{
  width: 100%;
  height: 50px;
  position: relative;
}
.paginationdiv .previous{
  position: absolute;
  left: 1%;
  top: 0%;
}
.paginationdiv .next{
  position: absolute;
  right: 1%;
  top: 0%;
}
.paginationdiv span{
  color: rgb(44, 44, 44);
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  margin: 7px 0;
  cursor: pointer;
  border-radius: 4px;
}
.paginationdiv span:hover{
  background-color: rgba(79, 79, 79, 0.104);
}
.paginationdiv i{
  font-size: 12px;
  margin-left: 2px;
  margin-right: 2px;
}
.pagesdiv{
  width: 100%;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: rgba(252, 242, 108, 0.705);
  color: rgb(31, 31, 31);
}

#previous2, #next2, #pagesubmit{
  display: none;
}
.yespre{
  cursor: pointer;
}

.div1{
  height: 100px; 
  width: 100px; 
  background-color: red;
}

.upbodycolorgreen{
  background-color: #f0fcff29;
}
.upgradedivtop{
  height: 220px;
  background-image: linear-gradient(to right, lightblue, rgb(130, 224, 255));
  width: 100%;
}
.upheardertext{
  top: 20px;
  position: relative;

}
.upheardertext a{
  font-size: 50px;
  font-weight: 400px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upheardertext span{
  color: rgb(49, 49, 49);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 0;
}
.classcenter{
  display: flex;
  justify-content: center;
  align-items: center;
}

.upicondivwidth{
  width: 100%;
  position: absolute;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -4%;
}

.upicondiv{
  width: 80%;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 4px;
  position: relative;
  border-bottom: 4px solid darkcyan;
  padding: 20px 0;
}
.ftco-sectionup{
  padding: 90px 0;
  position: relative;
}

.iconsize{
  font-size: 35px;
  padding: 10px;
  color: darkcyan;
}

.icondtext{
  font-weight: bold;
  color: black;
  font-size: 16px;
  padding: 15px;
}
.jobheader{
  color: var(--blue);
  font-weight: bold;
  font-size: 22px;
}

.jobheader2{
  color: rgb(24, 24, 24);
  font-weight: bolder;
  font-size: 27px;
  padding: 5px 0;
}
.card-ribbon {
  position: absolute;
  overflow: hidden;
  top: -15px;
  left: -17px;
  width: 114px;
  height: 112px;
}
.card-ribbon span {
  position: absolute;
  display: block;
  width: 160px;
  padding: 10px 0;
  background-color: #3498db;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  left: -35px;
  top: 20px;
  transform: rotate(-45deg);
}
.card-ribbon::before, .card-ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #2980b9;
  border-top-color: transparent;
  border-left-color: transparent;
}
.card-ribbon::before {
  top: 0;
  right: 0;
}
.card-ribbon::after {
  bottom: 0;
  left: 0;
}
.jobpostupdiv{
  border-radius: 8px;
  background-color: white;
  width: 100%;
  border: 1px solid #88888813;
  box-shadow: 1px 1px 3px #8888883c;
  -moz-box-shadow: 1px 1px 3px #8888883c;
  -webkit-box-shadow:  1px 1px 3px #8888883c;
  padding: 10px;
}
.postingselectdiv{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  max-width: 49%;
  border-right: 1px solid rgb(165, 165, 165);
}
.postingselectdivh6{
  position: relative;
  margin: 0px 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1%;
}
.postingselectdivh6 h6{
  font-size: 18px;
  font-weight: 600;
  color: #00417b;
}
.updedescdiv{
  margin-top: 8%;
  height: 280px;
}
.updedescdiv i{
  display: flex;
  margin: 10px 5%;
  font-size: 14px;
  font-weight: 500;
  color: var(--green);
  font-size: 16px;
}
.updedescdiv .icon-cancel{
  color: var(--red);
}
.updedescdiv i span{
  margin-left: 2%;
  color: rgb(48, 48, 48);
  font-size: 14px;
}

.postingunlimiteddiv{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  max-width: 49%;
}

.postingunlimiteddiv h6{
  font-weight: 600;
  position: relative;
}
.iconpriceup{
  margin-top: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upprice{
  font-size: 35px;
  font-weight: 500px;
}
#upselectform{
  width: 100%;
  height: 45%;
  padding: 15px;
}
#upselectform label{
  font-weight: 500;
}
#upselectform select{
  width: 20%;
  height: 30px;
  border: 1px solid rgb(191, 191, 191);
  border-radius: 3px;
}
#upselectform span{
  position: relative;
  margin-left: 20%;
  font-size: 16px;
  font-weight: 600;
  background-color: #00427b0e;
  padding: 5px 15px;
  border-radius: 5px;
}
.uppaybordernone{
  padding: 10px 0;
  margin-top: 10%;
}
.uppayborder{
  border-top: 1px dashed rgb(196, 196, 196);
  border-bottom: 1px dashed rgb(196, 196, 196);
  padding: 10px 0;
}
#upselectform button{
  width: 80%;
  margin-top: 5%;
  height: 35px;
  border: 1px solid #00417b;
  background-color: #00417b;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}
#upselectform button:hover{
  background-color: #00427bec;
}

.pricingdivwidth{
  box-shadow: 1px 1px 10px rgba(0, 68, 255, 0.185);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow:  0px 0px 7px rgba(0, 68, 255, 0.185); 
}

.pricingdivborder{
  margin: 7px;
  border-left: 2px solid  var(--blue);
  border-radius: 8px;
  background-color: white;
  width: 80%;
  border: 1px solid #88888813;
  box-shadow: 1px 1px 3px #8888883c;
  -moz-box-shadow: 1px 1px 3px #8888883c;
  -webkit-box-shadow:  1px 1px 3px #8888883c;
  padding: 10px;
}

.pricingdivborder:hover{
  box-shadow: 1px 1px 10px #8888883c;
  -moz-box-shadow: 1px 1px 10px #8888883c;
  -webkit-box-shadow:  1px 1px 10px #8888883c;
}
.updivtextpadding i{
  display: flex;
  margin: 5% 0;
}
.updivtextpadding i span{
  margin: 0 2%;
}
.descriptioneditdiv{
height: 50px;
background-color: rgb(238, 238, 238);
padding: 10px;
margin-bottom: 10px;
-moz-user-select: none;  
-webkit-user-select: none;  
-ms-user-select: none;  
-o-user-select: none;  
user-select: none;
}

.descriptioneditdiv a{
  padding: 25px;
  cursor: pointer;
  position: relative;
}

.descriptioneditdiv a:hover{
  color: #0058fc;
}
.upbuttonclass{
  top: 86%;
  position: absolute;
  width: 100%;
  left: 0%;
}
.upbuttonclass button{
  width: 80%;
  height: 35px;
  border: 1px solid #00417b;
  background-color: #00417b;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}
.upbuttonclass button:hover{
  background-color: #00427bec;
}
.uppriceheader{
  color: var(--blue);
  font-weight: 800;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricedivwidth{
  height: 400px;
  position: relative;
}
.ajsr-table{
  margin-top: 0px;
  position: relative;
  width: 100%;
}
.ajsr-rc{
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0px 4px;
}
.ajsr-rc h5{
  font-size: 15px;
}
.header-pafj{
  font-size: 14px;
  border: 2px solid #0177B5;
  padding: 6px 16px;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  background-color: #0177B5;
  color: whitesmoke;
  font-weight: 700;
  text-transform: uppercase;
}
.mp-jobsug{
  padding: 4px;
  margin: 10px 0;
}
.sww{
  margin-bottom: 8px;
  padding: 15px;
  border-radius: 4px;
  background-color: white;
  width: 100%;
  border: 1px solid #0859810d;
  box-shadow: 2px 2px 2px #2b2b2b21;
  -moz-box-shadow: 2px 2px 2px #2b2b2b21;
  -webkit-box-shadow: 2px 2px 2px #2b2b2b21;
}
.sww label{
  color: var(--danger);
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.sww img{
  width: 100%;
  height: 50%;
}
@media (max-width: 576px) {
  .ftco-navbar-light{
    display: none;
   }
   .jvsidedsearch{
    margin-top: 20px;
  }

  .bodypadding{
    padding: 0px 0;
  }
.find-wwd-lf{
  width: 100%;
}
.sug-jbl{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.sug-jbc{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.brandldiv{
  display: none;
}
.brandldiv-p{
  display: none;
}
.jobsearchtopdiv{
  margin: 0 0;
}  
.jobsearchtopdiva a{
  font-size: 20px;
}
.js-di-p{
  background-color: #ffffff;
  position: relative;
}
.js-sugd{
  position: relative;
}
.js-di-p form .searchdiv{
  margin: 5px 0;
}
.jobsearchmiddiv{
  height: auto;
  position: relative;
}
.ftco-counter .container{
  padding: 10px;
}
#call-to-action{
  padding: 15px;
}
#features{
  padding: 15px;
}
.jbl_pad{
  padding: 15px;
}
.indexcolboxtop{
  padding: 20px;
}
.mob-pad-in .container{
  padding: 5px;
}
.ftco-sectionindex{
  padding: 35px 0;
}
.ftco-sectionindex .container{
 padding: 10px;
}
.indexicons{
  margin: 5px 0;
}
.samprescol8{
  margin-top: 0%;
  padding: 25px;
}
.samprescol41{
  margin-top: 0%;
  position: relative;
  padding: 25px;
  }
.adsearchdivtop{
  display: block;
}
  .adsearchinput{
    width: 100%;
    margin-right: 0;
    display: flex;
  }
  .adsearchinput input{
    width: 100%;
    height: 45px;
    margin: 2px 0;
  }
  .adsearchinput select{
    width: 100%;
    height: 45px;
    margin: 2px 0;
  }
  .adsearchdivtop button{
    height: 40px;
    width: 100%;
    margin: 5px 0;
  }
  .adsearchdiv1{
    padding: 15px;
  }
  .ftco-section-ajsr{
    padding: 5px 0;
  }
  .ftco-section-jbs{
    padding: 30px 0;
  }
}

@media (max-width: 786px) {
  .jsbanda .jsbanda2{
    margin: 20px 0;
  }
}

@media (min-width: 576px) {
  .ftco-navbar-light{
    display: none;
   }
   .jvsidedsearch{
    margin-top: 20px;
  }
  .find-wwd-lf{
    width: 100%;
  }
  .sug-jbl{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sug-jbc{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .jobsearchtopdiv{
    margin: 0 0;
  }  
  .jobsearchtopdiva a{
    font-size: 20px;
  }
  .js-di-p{
    position: relative;
  }
  .js-sugd{
    position: relative;
  }
  .js-di-p form .searchdiv{
    margin: 5px 0;
  }
  .jobsearchmiddiv{
    height: auto;
    position: relative;
  }
  .indexicons{
    margin: 5px 0;
  }
  .ftco-section-ajsr{
    padding: 5px 0;
  }
  .brandldiv-p img{
    height: 70px;
    width: 70px;
  }
  .ftco-section-jbs{
    padding: 45px 0;
  }
}
@media (min-width: 768px){
  .ftco-navbar-light{
    display: flex;
   }
   .jvsidedsearch{
    margin-top: 0;
  }
  .mobbtns{
    display: none;
  }
  .find-wwd-lf{
    width: 100%;
  }
  .brandldiv img{
    height: 40px;
    width: 40px;
  }
  .brandldiv-p img{
    height: 70px;
    width: 70px;
  }
  .jobsearchtopdiv{
    margin: 45px 0;
  }
  .jobsearchtopdiva a{
    font-size: 25px;
  }
  .ftco-section-ajsr{
    padding: 55px 0;
  }
  .ftco-section-jbs{
    padding: 75px 0;
  }
}
@media (min-width: 992px){
  .find-wwd-lf{
    width: 50%;
  }
  .sug-jbl{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sug-jbc{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brandldiv img{
    height: 60px;
    width: 60px;
  }
  .brandldiv-p img{
    height: 60px;
    width: 60px;
  }
  .jobsearchmiddiv{
    height: 200px;
    width: 100%;
    position: relative;
  }
  .jobsearchtopdiv{
    margin: 45px 0;
    }
  .jobsearchtopdiva a{
    font-size: 30px;
  }
  .ftco-section-ajsr{
    padding: 65px 0;
  }
}
@media (min-width: 1200px){
  .brandldiv img{
    height: 75px;
    width: 75px;
    }
    .brandldiv-p img{
      height: 75px;
      width: 75px;
    } 
}
.border{
  border: 1px solid red;
}
.container-small{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.container-small{max-width:540px}
@media(min-width: 768px){
  .container-small-md,.container-small-sm,.container-small{max-width:720px}
}
  @media(min-width: 992px){.container-small-lg,.container-small-md,.container-small-sm,.container-small{max-width:960px}}
  @media(min-width: 1200px){.container-small-xl,.container-small-lg,.container-small-md,.container-small-sm,.container-small{max-width:1216px}}
  .respmsg_error{
    background-color: #ff84842a;
    display: flex;
    font-size: 14px;
    color: #dc3545;
    padding: 10px;
    font-weight: 500;
    border-radius: 3px;
    margin: 7px 0;
  }
  .respmsg_success{
    background-color: #84ff9d17;
    display: flex;
    font-size: 14px;
    color: #28a745;
    padding: 10px;
    font-weight: 500;
    border-radius: 3px;
    margin: 7px 0;
}