@keyframes animateSiteName {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}
body, html {
  overflow-x: hidden;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Madimi+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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&family=Changa+One:ital@0;1&display=swap');
.animate-text-01,
#header.animate-name-01 a.site-name-link,
#page-title.animate-title-01 .page-title,
#page-title.animate-title-01 .page-title span {
  background: linear-gradient(
    45deg,
    #5f2879,
    #00418d,
    #00c2de,
    #fad717,
    #00ba71,
    #fa8901,
    #f43545,
    #ccc,
    #f43545,
    #fa8901,
    #00ba71,
    #fad717,
    #00c2de,
    #00418d,
    #5f2879
  );
}

.animate-text-02,
#header.animate-name-02 a.site-name-link,
#page-title.animate-title-02 .page-title,
#page-title.animate-title-02 .page-title span {
  background: linear-gradient(
    45deg,
    #095fab,
    #25abe8,
    #57d75b,
    #ccc,
    #57d75b,
    #25abe8,
    #095fab
  );
}

.animate-text-03,
#header.animate-name-03 a.site-name-link,
#page-title.animate-title-03 .page-title,
#page-title.animate-title-03 .page-title span {
  background: linear-gradient(
    45deg,
    #d0e4f7,
    #73b1e7,
    #e2d40b,
    #539fe1,
    #87bcea,
    #539fe1,
    #e2d40b,
    #73b1e7,
    #d0e4f7
  );
}

.animate-text-04,
#header.animate-name-04 a.site-name-link,
#page-title.animate-title-04 .page-title,
#page-title.animate-title-04 .page-title span {
  background: linear-gradient(
    45deg,
    #f44336,
    #e91e63,
    #9c27b0,
    #673ab7,
    #3f51b5,
    #2196f3,
    #87ceeb,
    #00bcd4,
    #00ffff,
    #009688,
    #4caf50,
    #8bc34a,
    #8bc34a,
    #8bc34a,
    #8bc34a,
    #4caf50,
    #009688,
    #00ffff,
    #00bcd4,
    #87ceeb,
    #2196f3,
    #3f51b5,
    #673ab7,
    #9c27b0,
    #e91e63,
    #f44336
  );
}

.animate-text-05,
#header.animate-name-05 a.site-name-link,
#page-title.animate-title-05 .page-title,
#page-title.animate-title-05 .page-title span {
  background: linear-gradient(
    45deg,
    #009688,
    #2196f3,
    #ffeb3b,
    #ff9800,
    #f44336,
    #9c27b0,
    #9c27b0,
    #f44336,
    #ff9800,
    #ffeb3b,
    #2196f3,
    #009688
  );
}

.animate-text-06,
#header.animate-name-06 a.site-name-link,
#page-title.animate-title-06 .page-title,
#page-title.animate-title-06 .page-title span {
  background: linear-gradient(
    45deg,
    #f44336,
    #9c27b0,
    #2196f3,
    #4caf50,
    #ff9800,
    #ff9800,
    #4caf50,
    #2196f3,
    #9c27b0,
    #f44336
  );
}

.animate-text-07,
#header.animate-name-07 a.site-name-link,
#page-title.animate-title-07 .page-title,
#page-title.animate-title-07 .page-title span {
  background: linear-gradient(
    45deg,
    #ffb5ba,
    #ff796c,
    #ce4676,
    #87ceeb,
    #00bcd4,
    #2196f3,
    #00bcd4,
    #87ceeb,
    #ce4676,
    #ff796c,
    #ffb5ba
  );
}

.animate-text-08,
#header.animate-name-08 a.site-name-link,
#page-title.animate-title-08 .page-title,
#page-title.animate-title-08 .page-title span {
  background: linear-gradient(
    45deg,
    #8db600,
    #27a64c,
    #008882,
    #0085a1,
    #0085a1,
    #008882,
    #27a64c,
    #8db600
  );
}

.animate-text-09,
#header.animate-name-09 a.site-name-link,
#page-title.animate-title-09 .page-title,
#page-title.animate-title-09 .page-title span {
  background: linear-gradient(
    45deg,
    #ffb7a5,
    #e25822,
    #f6a600,
    #dcd300,
    #dcd300,
    #f6a600,
    #e25822,
    #ffb7a5
  );
}

.animate-text-10,
#header.animate-name-10 a.site-name-link,
#page-title.animate-title-10 .page-title,
#page-title.animate-title-10 .page-title span {
  background: linear-gradient(
    45deg,
    #008856,
    #00a1c2,
    #9065ca,
    #9a4eae,
    #9a4eae,
    #9065ca,
    #00a1c2,
    #008856
  );
}

.animate-text-11,
#header.animate-name-11 a.site-name-link,
#page-title.animate-title-11 .page-title,
#page-title.animate-title-11 .page-title span {
  background: linear-gradient(
    45deg,
    #ffb5ba,
    #be0032,
    #f38400,
    #f3c300,
    #f3c300,
    #f38400,
    #be0032,
    #ffb5ba
  );
}

.animate-text-12,
#header.animate-name-12 a.site-name-link,
#page-title.animate-title-12 .page-title,
#page-title.animate-title-12 .page-title span {
  background: linear-gradient(
    45deg,
    #bd1e24,
    #e97600,
    #f6c700,
    #007256,
    #0067a7,
    #964f8e,
    #964f8e,
    #0067a7,
    #007256,
    #f6c700,
    #e97600,
    #bd1e24
  );
}

.animate-text-13,
#header.animate-name-13 a.site-name-link,
#page-title.animate-title-13 .page-title,
#page-title.animate-title-13 .page-title span {
  background: linear-gradient(
    45deg,
    #5f2879,
    #00418d,
    #00c2de,
    #fad717,
    #00ba71,
    #fa8901,
    #f43545,
    #fa8901,
    #00ba71,
    #fad717,
    #00c2de,
    #00418d,
    #5f2879
  );
}

.animate-text-14,
#header.animate-name-14 a.site-name-link,
#page-title.animate-title-14 .page-title,
#page-title.animate-title-14 .page-title span {
  background: linear-gradient(
    45deg,
    #fad717,
    #fa8901,
    #f43545,
    #fa8901,
    #fad717
  );
}

.animate-text-15,
#header.animate-name-15 a.site-name-link,
#page-title.animate-title-15 .page-title,
#page-title.animate-title-15 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #cefc00,
    #ccc,
    #444,
    #ccc,
    #cefc00,
    #6e7774,
    #aebcbf
  );
}

.animate-text-16,
#header.animate-name-16 a.site-name-link,
#page-title.animate-title-16 .page-title,
#page-title.animate-title-16 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #ff6a00,
    #ccc,
    #444,
    #ccc,
    #ff6a00,
    #6e7774,
    #aebcbf
  );
}

.animate-text-17,
#header.animate-name-17 a.site-name-link,
#page-title.animate-title-17 .page-title,
#page-title.animate-title-17 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #ffee00,
    #ccc,
    #444,
    #ccc,
    #ffee00,
    #6e7774,
    #aebcbf
  );
}

.animate-text-18,
#header.animate-name-18 a.site-name-link,
#page-title.animate-title-18 .page-title,
#page-title.animate-title-18 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #46f900,
    #ccc,
    #444,
    #ccc,
    #46f900,
    #6e7774,
    #aebcbf
  );
}

.animate-text-19,
#header.animate-name-19 a.site-name-link,
#page-title.animate-title-19 .page-title,
#page-title.animate-title-19 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #00fcde,
    #ccc,
    #444,
    #ccc,
    #00fcde,
    #6e7774,
    #aebcbf
  );
}

.animate-text-20,
#header.animate-name-20 a.site-name-link,
#page-title.animate-title-20 .page-title,
#page-title.animate-title-20 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #00c9fc,
    #ccc,
    #444,
    #ccc,
    #00c9fc,
    #6e7774,
    #aebcbf
  );
}

.animate-text-21,
#header.animate-name-21 a.site-name-link,
#page-title.animate-title-21 .page-title,
#page-title.animate-title-21 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #e000f4,
    #ccc,
    #444,
    #ccc,
    #e000f4,
    #6e7774,
    #aebcbf
  );
}

.animate-text-22,
#header.animate-name-22 a.site-name-link,
#page-title.animate-title-22 .page-title,
#page-title.animate-title-22 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #f7001c,
    #ccc,
    #444,
    #ccc,
    #f7001c,
    #6e7774,
    #aebcbf
  );
}

.animate-text-23,
#header.animate-name-23 a.site-name-link,
#page-title.animate-title-23 .page-title,
#page-title.animate-title-23 .page-title span {
  background: linear-gradient(
    45deg,
    #aebcbf,
    #6e7774,
    #e50095,
    #ccc,
    #444,
    #ccc,
    #e50095,
    #6e7774,
    #aebcbf
  );
}

.animate-text-24,
#header.animate-name-24 a.site-name-link,
#page-title.animate-title-24 .page-title,
#page-title.animate-title-24 .page-title span {
  background: linear-gradient(
    45deg,
    #30267a,
    #0085a1,
    #870074,
    #ce4676,
    #ce4676,
    #870074,
    #0085a1,
    #30267a
  );
}

.animate-text-01,
.animate-text-02,
.animate-text-03,
.animate-text-04,
.animate-text-05,
.animate-text-06,
.animate-text-07,
.animate-text-08,
.animate-text-09,
.animate-text-10,
.animate-text-11,
.animate-text-12,
.animate-text-13,
.animate-text-14,
.animate-text-15,
.animate-text-16,
.animate-text-17,
.animate-text-18,
.animate-text-19,
.animate-text-20,
.animate-text-21,
.animate-text-22,
.animate-text-23,
.animate-text-24,
#header.animate-name-01 a.site-name-link,
#header.animate-name-02 a.site-name-link,
#header.animate-name-03 a.site-name-link,
#header.animate-name-04 a.site-name-link,
#header.animate-name-05 a.site-name-link,
#header.animate-name-06 a.site-name-link,
#header.animate-name-07 a.site-name-link,
#header.animate-name-08 a.site-name-link,
#header.animate-name-09 a.site-name-link,
#header.animate-name-10 a.site-name-link,
#header.animate-name-11 a.site-name-link,
#header.animate-name-12 a.site-name-link,
#header.animate-name-13 a.site-name-link,
#header.animate-name-14 a.site-name-link,
#header.animate-name-15 a.site-name-link,
#header.animate-name-16 a.site-name-link,
#header.animate-name-17 a.site-name-link,
#header.animate-name-18 a.site-name-link,
#header.animate-name-19 a.site-name-link,
#header.animate-name-20 a.site-name-link,
#header.animate-name-21 a.site-name-link,
#header.animate-name-22 a.site-name-link,
#header.animate-name-23 a.site-name-link,
#header.animate-name-24 a.site-name-link,
#page-title.animate-title-01 .page-title,
#page-title.animate-title-02 .page-title,
#page-title.animate-title-03 .page-title,
#page-title.animate-title-04 .page-title,
#page-title.animate-title-05 .page-title,
#page-title.animate-title-06 .page-title,
#page-title.animate-title-07 .page-title,
#page-title.animate-title-08 .page-title,
#page-title.animate-title-09 .page-title,
#page-title.animate-title-10 .page-title,
#page-title.animate-title-11 .page-title,
#page-title.animate-title-12 .page-title,
#page-title.animate-title-13 .page-title,
#page-title.animate-title-14 .page-title,
#page-title.animate-title-15 .page-title,
#page-title.animate-title-16 .page-title,
#page-title.animate-title-17 .page-title,
#page-title.animate-title-18 .page-title,
#page-title.animate-title-19 .page-title,
#page-title.animate-title-20 .page-title,
#page-title.animate-title-21 .page-title,
#page-title.animate-title-22 .page-title,
#page-title.animate-title-23 .page-title,
#page-title.animate-title-24 .page-title,
#page-title.animate-title-01 .page-title span,
#page-title.animate-title-02 .page-title span,
#page-title.animate-title-03 .page-title span,
#page-title.animate-title-04 .page-title span,
#page-title.animate-title-05 .page-title span,
#page-title.animate-title-06 .page-title span,
#page-title.animate-title-07 .page-title span,
#page-title.animate-title-08 .page-title span,
#page-title.animate-title-09 .page-title span,
#page-title.animate-title-10 .page-title span,
#page-title.animate-title-11 .page-title span,
#page-title.animate-title-12 .page-title span,
#page-title.animate-title-13 .page-title span,
#page-title.animate-title-14 .page-title span,
#page-title.animate-title-15 .page-title span,
#page-title.animate-title-16 .page-title span,
#page-title.animate-title-17 .page-title span,
#page-title.animate-title-18 .page-title span,
#page-title.animate-title-19 .page-title span,
#page-title.animate-title-20 .page-title span,
#page-title.animate-title-21 .page-title span,
#page-title.animate-title-22 .page-title span,
#page-title.animate-title-23 .page-title span,
#page-title.animate-title-24 .page-title span {
  background-size: 200% 200%;
  animation: animateSiteName 10s linear infinite;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
}
#header {
  background-color: #6c6c6c29;
}
.site-name a {
  text-transform: uppercase;
  line-height: 148%;
  font-size: 35px;
  color: #615EFC !important;
  margin-top: 3%;
  font-family: Exotc350 Bd BT;
  position: relative;
  right: 8%;
}
.site-logo {
  width: 60px;
}
.page-node-type-figover-jobs{
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
}
.ul-parent {
  background-color: #615EFC !important;
}
.ul-parent-account:has(.cv-modal-open) {
  background: white;
}
.cv-login,
.cv-modal-open {
  background:#615EFC;
  color: #fff;
  margin-left: 10px;
  padding: 5px;
  border-radius: 5px;
}
.cv-modal-open:hover,
.cv-login:hover {
  text-decoration: underline;
}
.views-field-title {
  font-weight: bolder;
  font-size: 22px;
  font-family: arial;

}
.item-list.w3-ul li {
  background-color: #8c818126;
  border-radius: 48px;
  font-size: 16px;
  line-height: 27px;
  padding: 26px;
  margin-bottom: 45px;
}
button {
  background: #6fa7c7;
  border-radius: 17px;
  padding: 9px;
  font-family: Exotc350 Bd BT;
  color: aliceblue;
  border: none;
}
.field-content img {
  bottom: 99px;
  width: 61px;
}
#bottom-container .views-field-title a {
  position: relative;
  line-height: 1;
}
.w3-block.form--inline.clearfix {
  display: inline-flex;
  padding-bottom: 4%;
}
.form-text.w3-input.w3-border.w3-theme-border {
  height: 44px;
  width: 99%;
}
#edit-submit-job-view {
  height: 48px;
  border-radius: 20px;
  position: relative;
  top: 28px;
  margin-left: 6%;
}
.form-item-field-search-by-title-target-id {
  margin-left: 2%;
}
#edit-field-search-by-title-target-id {
  background: transparent;
}
.w3-block-title {
  font-size: 18px;
  font-family: "Poppins ",serif;
  text-decoration: underline;
}
.w3-row.field.field--name-body.field--type-text-with-summary.field--label-hidden.w3-bar-item.field__item
  p {
  font-size: 16px;
}
.field--name-field-image-1 .field__label {
  display: none;
}
.w3-row.views-row {
  padding: 3%;
  border-radius: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}
.field--name-field-image-1 img {
  width: 21%;
}
ul.links li a {
  padding: 7px 14px !important;
  color: aliceblue !important;
}
.node__title {
  font-family: poppins;
  font-size: 28px;
  color: #615EFC;
}
#edit-submit-frontpage {
  position: relative;
  top: 32.5px;
  height: 45px;
  background: #615EFC;
  color: white;
  font-family: Aria;
  padding: 5px 16px;
}
#edit-reset {
  margin-left: 70%;
  position: relative;
  bottom: 44px;
  height: 45px;
  background: #504c4c;
  color: white !important;
  font-family: Aria;
}
label[for="edit-title"] {
  font-family: Aria;
  font-weight: bold;
}
label[for="edit-field-select-category-target-id"] {
  font-family: Aria;
  font-weight: bold;
  margin-left: 2%;
}
.node__content a {
  /* background-color: #615EFC; */
  border-radius: 9px;
  color: #666;
  padding: 6px 14px;
}
.node__content a:hover {
  text-decoration: underline;
  opacity: 1;
}
.feed-icons {
  display: none;
}
.w3-bar.pager__items.js-pager__items.ul-0 {
  background: #615EFC;
  border-radius: 23%;
  color: white;
}
.li-item.li-item-main.li-0 {
  color: white;
}
#bottom-container
  .w3-row.field.field--name-body.field--type-text-with-summary.field--label-hidden.w3-bar-item.field__item
  p:hover {
  text-decoration: underline;
  font-weight: bold;
}
.page-title {
  padding: 24px 32px;
  font-size: 25px !important;
  background: #edf2f4;
  color: #615EFC;
}
.field__label {
  visibility: hidden;
}
.w3-row.field.field--name-field-apply-at-job.field--type-webform.field--label-above {
  background-color: #edf2f4;
  border-radius: 15px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-top: 5%;
  padding: 5%;
    padding-top: 5% !important;
    padding-right: 5% !important;
    padding-bottom: 0% !important;
    padding-left: 5% !important;
  border-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);
  border-bottom: none;  
}
.w3-section.js-form-item.form-item {
  color: #615EFC;
  margin: 0 !important;
}
.field--type-webform input {
  height: 44px;
  border-radius: 10px;
}
.form-textarea-wrapper textarea {
  border-radius: 10px; 
}
.field--type-webform {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.field--type-webform .field__label {
  display: none;
}
.webform-button--submit {
  margin: 15px 7px !important;
  background: #635c5c;
  color: aliceblue;
  font-family: Bodoni Bd BT;
}
label[for="edit-apply-at-figover-jobs"] {
  display: block;
  text-align: center;
  font-size: 31px;
  font-family: Aria;
  font-weight: bolder;
  color: #615EFC;
}
.field--type-webform .fieldset-wrapper label {
  font-family: Aria;
  font-weight: bolder;
}
label[for="edit-email"] {
  font-family: Aria;
  font-weight: bolder;
}
label[for="edit-whatsapp-number"] {
  font-family: Aria;
  font-weight: bolder;
}
.js-form-type-textarea label {
  font-family: Aria;
  font-weight: bolder;
  font-size: 16px;
}
.field--name-field-select-category .field__label {
  display: none;
}
#edit-job {
  background: transparent;
  color: #000;
}
#edit-city {
  background: transparent;
  box-shadow: rgb(213, 0, 0) 0px 0px 1px inset !important;
  color: #000;
}
#edit-title {
  box-shadow: inset 0 0 5px rgba(51, 44, 51, 1) !important;
}
#edit-upload-cv--description {
  display: none;
}
#edit-upload-cv-upload {
  width: 100% !important;
  background: white;
  padding-bottom: 13% !important;
}
#edit-upload-cv--label {
  font-family: Aria;
  font-weight: bold;
}

#search-block-form  #edit-actions--2 {
  height: 48px;
  background: #ef233cbd;
  color: #fff;
}
#search-block-form  #edit-actions--2 #edit-submit {
  height: 100%;
  background-color: #615EFC !important;
  color: white !important;
} 

.bottom-region .views-field-title a {
  position: inherit;
  line-height: inherit;
}
.bottom-region .views-field-title {
  font-weight: inherit;
  font-size: inherit;
}
.bottom-region .w3-row.views-row {
  background: none;
  padding: inherit;
  margin-bottom: inherit;
  font-size: 15px;
}
.bottom-region .w3-row.views-row:hover {
  text-decoration: underline;
  font-weight: bold;
}
#block-applyatjob .w3-block-title {
  font-size: 18px;
  font-family: Aria;
  padding: 6px 6px;
  text-align: center;
  background: #ef233c;
  border-radius: 10px;
  color: white;
  text-decoration: inherit;
}
#block-applyatjob .field__item {
  text-align: left;
  background: #ef233c;
  border-radius: 10px;
  padding: 5%;
  margin-bottom: 9%;
}
.w3-sidebar-second img {
  width: 36%;
  margin-left: 28%;
  margin-bottom: 6%;
}
.bottom-region .view-header {
  font-size: 17px;
  font-family: poppins;
  text-decoration: underline;
  font-weight: bold;
  position: relative;
  right: 7%;
}
.node--view-mode-full .field--type-entity-reference .field__item:first-child a {
  padding-left: 12px !important;
}
.field--name-field-sub-category .field__item {
  padding-bottom: 2%;
}
.w3-block.form--inline.clearfix label {
  font-weight: bold;
  font-family: Aria;
  color: #615EFC;
}
.js-form-item-email-1 {
  display: none;
}
.js-form-item-email-2 {
  display: none;
}
.js-form-item-email-3 {
  display: none;
}
.js-form-item-email-4 {
  display: none;
}
.js-form-item-email-5 {
  display: none;
}
.js-form-item-email-6 {
  display: none;
}
.js-form-item-contact-person {
  display: none;
}
.js-form-item-job-node-id {
  display: none;
}
.form-item-job-title {
  display: none;
}
.form-item-job {
  margin-right: 5px;
}
.js-form-item-apply-for-job {
  display: none;
}
.block-layout-builder .field--type-email {
  display: none;
}
.view-nodeid-view {
  display: none;
}
@media (min-width: 320px) and (max-width: 480px) {
  .webinar-section-view{
    margin: 15px 10px 15px 5px !important;
    width: 97%;
  }
  .webinar-explore-page .webinar-section-view{
    margin: 0 !important;
  }
  .webinar-explore-page .webinar-section-view .views-row{
    padding: 0 !important;
  }
  .webinar-section-view .views-col {
    width: 100% !important;
  }
  .webinar-section-view .views-row {
    padding: 3% !important;
    border-radius: 0.2rem !important;
  }
  .webinar-explore-page h2 {
    margin: 0 0 12px 0 !important;
    font-size: 28px !important;
  }
  .webinar-section-view header h1{
    font-size: 31px !important;
    line-height: 2.5rem !important;
  }
  .webinar-section-view header h4{
    font-size: 22px !important;
    line-height: 2rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }
  .webinar-section-view .views-col .views-field-title {
    font-size: 16px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar {
    margin-top: 7px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar time {
    font-size: 13px !important;
  }
  .webinar-section-view .views-col .views-field-body .field-content {
    max-height: 6em !important;
  }
  .webinar-section-view .views-col .views-field-body p {
    padding-top: 0 !important;
  }
  .webinar-section-view .more-link {
    margin-top: 5px !important;
    margin-right: 10px !important;
  }
  .webinar-section .webinar-date .field--label-above {
    margin-left: 50px !important;
  }
  .webinar-section .webinar-image .field__item img{
    margin: 37px auto 20px 40px !important;
  }
  .webinar-section .block-field-blocknodewebinarbody, .webinar-section .block-field-blocknodewebinarfield-video, .webinar-section .block-field-blocknodewebinarfield-video-feild{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  .webinar-section .webinar-blur-image {
    top: 50px !important;
  }
  .webinar-section .webinar-image{
    padding: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    padding: 15px 8px !important;
    margin-top: 35px !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video label{
    display: none;
  }
  .webinar-section .block-field-blocknodewebinarfield-video p iframe {
    width: 100% !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-eve , .webinar-section .block-field-blocknodewebinarfield-event-types {
    margin-left: 0px !important;
    display: block !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-eve h2 , .webinar-section .block-field-blocknodewebinarfield-event-types h2 {
   font-size: 25px !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-eve .field--label-above div, .webinar-section .block-field-blocknodewebinarfield-event-types .field--label-above div{
    font-size: 26px !important;
    margin-left: 0 !important;
  }
  .path-webform #page-title h1{
    padding: 0;
    margin: 5px 10px;
    line-height: 1.2;
    font-size: 20px !important;
  }
  #webform-submission-job-ad-form-ajax select{
    width: 100%;
    border-radius: 12px !important;
    font-size: 16px;
    transition: all 0.3s ease;
    height: 60px !important;
    padding: 7px !important;
    background: #ffffff;
    border: 2px solid #192775 !important;
  }
  .path-webform #block-drupal8-w3css-theme-account-menu ul,
  .path-webform .breadcrumb, 
  .path-webform #main-container-inner .w3-breadcrumb,
  .path-webform #block-drupal8-w3css-theme-languageswitcher, .page-node-type-page #page-title, .page-node-type-page #main-container #main-container-inner .w3-breadcrumb {
    display: none !important;
  }
  .welcome-to-interview {
    margin-top: 0 !important;
  }
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section {
    padding: 2em 1em 4em 1em !important;
  }
  .main-jobs-ads .banner-section {
    padding: 1em 1em !important;
  }
  /* Webform Ad */
  #webform-submission-job-ad-add-form .form-header{
    display: none;
  }
  #webform-submission-job-ad-add-form .form-item-contact-information , #webform-submission-job-ad-add-form .form-item-job-information{
    padding: 0;
  }
  #webform-submission-job-ad-add-form .form-item-contact-information label, #webform-submission-job-ad-add-form .form-item-job-information label{
    margin: 15px auto 20px;
  }
  #webform-submission-job-ad-add-form label[for="edit-contact-information"], #webform-submission-job-ad-add-form label[for="edit-job-information"]{
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 1.3em !important;
  }
  .block-webform-block .webform-submission-job-ad-add-form {
    margin: 2em 0em 1em 0em !important;
    padding: 1em 1em !important;
  }
  #webform-submission-job-ad-add-form, .webform-submission-job-ad-add-form {
    padding: 5px 10px !important;
    margin: 0px auto auto auto !important;
  }
  .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 35px !important;
    line-height: 3rem !important;
  }
  .webform-submission-job-ad-add-form .js-form-item label {
    font-size: 22px !important;
  }
  .webform-submission-job-ad-form .js-form-item input, .webform-submission-job-ad-add-form .js-form-item .select2 .select2-selection {
    padding: 10px 10px !important;
  }
  .webform-submission-job-ad-form .w3-section .select2 .select2-selection .select2-selection__rendered {
    font-size: 19px !important;
    line-height: 33px !important;
  }
  .webform-submission-job-ad-form .w3-section .select2 .select2-selection .select2-selection__arrow {
    top: 18px !important;
  }
  .webform-submission-job-ad-form .form-actions input , .webform-submission-job-ad-form .form-actions .webform-button--next, .block-webform-block .webform-submission-job-ad-add-form .form-actions input[value="< Previous"], .block-webform-block .webform-submission-job-ad-add-form .form-actions input[value="Continue to Publish"]{
    padding: 15px 5px !important;
    font-size: 22px !important;
  }
  .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
    line-height: 2rem !important;
    padding: 0 !important;
  }
  .webform-submission-job-ad-form .form-actions {
    margin-top: 5px !important;
  }
  .webform-submission-job-ad-form .webform-element--title-inline input {
    width: 15% !important;
    margin-right: 2% !important;
  }
    .webform-submission-job-ad-add-form .webform-element--title-inline .option {
     width: 83%; 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-radius: 10px;
    line-height: 2em !important;
  }
  /* ----------------- */
  .webform-confirmation {
    padding: 20px !important;
    text-align: center !important;
  }
  .webform-confirmation__back {
    width: 80% !important;
  }
  .view-detail-header .views-field-field-employment-type {
    margin-right: 4% !important;
    margin-left: 2% !important;
  }
  .custom-popup-body{
    width: 100px !important;
  }
  .jobboard-page .view-header{
    padding: 0px !important;
  }
  .jobboard-page .submission-jobboard .views-field-webform-submission-value-2,  .reference-job-applicants .view-content .views-row .views-field-title{
    font-size: 30px !important;
    color: black !important;
    line-height: 2rem !important;
    padding-left:16px !important;
    width: 100% !important;
    margin-bottom: 6% !important;
  }
  .jobboard-page .views-field-webform-submission-value-2::before{
    width: 75px !important;
    height: 75px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .submission-jobboard .views-field-nothing img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img{
    margin-left: 0px !important;
  }
  .jobboard-page nav{
    width: 90% !important;
  }
  .jobboard-page nav ul{
    margin-left: 10% !important;
  }
  .video-media-embedded-job iframe.media-oembed-content{
    max-width: 280px !important;
    height: 200px !important;
  }
  .video-media-embedded-job input[type="text"], .video-media-embedded-job .ck-reset .ck-editor__main, .video-media-embedded-job select {
    font-size: 18px !important;
  }
  .mock-interview {
    margin: 0 -6% !important;
    padding: 1% !important;
    line-height: 4rem !important;
  }
  .mock-interview h2 {
    font-size: 35px !important;
    margin-top: 1% !important;
    margin-bottom: 25% !important;
    padding: 0 2% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form {
    margin-top: -22% !important;
    padding: 12px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label {
    font-size: 21px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label {
    font-size: 30px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form input[type="text"], .welcome-to-interview .webform-submission-user-information-form-add-form input[type="email"], .welcome-to-interview .webform-submission-user-information-form-add-form input[type="tel"], .welcome-to-interview .webform-submission-user-information-form-add-form select {
    height: 45px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form input[type="submit"] {
    width: 45% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .form-type-webform-document-file .webform-document-file input[value="Remove"]{
    width: 75px !important;
  }
  .ai-interview-block .ai-banner {
    flex-direction: column;
    padding: 10px 10px 5px 10px !important;
    margin: 0 !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text {
    width: 100% !important;
    padding-left: 3% !important;
  }
  .ai-interview-block .ai-banner .ai-banner-image {
    width: 100% !important;
    text-align: center;
  }
  .ai-interview-block .ai-banner .ai-banner-image img{
    width: 90%;
  }
  .ai-interview-block .ai-banner .ai-banner-text h2 {
    font-size: 30px !important;
    line-height: 2rem !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text p {
    font-size: 18px !important;
    word-break: break-all;
  }
  .ai-tools-section h1 {
    font-size: 27px !important;
    word-break: break-all;
  }
  .ai-tools-section p {
    font-size: 19px !important;
    margin-bottom: 2rem !important;
    padding: 0 !important;
    word-break: break-all;
  }
  .ai-tools-section .ai-icons {
    margin-bottom: 0 !important;
  }
  .ai-tools-section .ai-icons img{
    width: 50% !important;
    margin-bottom: 20%;
  }
  .ai-interview-prep-view .ai-interview h1{
    font-size: 28px !important;
  }
  .ai-interview-prep-view .ai-interview h4{
    font-size: 20px !important;
    padding: 0 14px !important;
    word-break: break-all;
  }
  .ai-interview-prep-view .view-content .item-list .item-list{
    grid-template-columns: 1fr !important;
    display: grid !important;
    background: none !important; 
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .ai-interview-prep-view footer .see-more-ai img{
    width: 70%;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel{
    width: 100% !important;
    margin-bottom: 0.5rem !important;
    padding: 1rem 0.5rem 0.2rem 0.5rem !important;
    margin-right: 0 !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-title .field-content {
    word-break: break-all;
    line-height: 2.1rem;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-ai-job-tags .field-content a{
    font-size: 16px !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-3 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-6 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-7 .field-content{
    width: 100% !important;
  }
  .ai-interview h1 {
    font-size: 31px !important;
  }
  .ai-interview .ai-description {
    font-size: 22px !important;
    line-height: 2rem !important;
    word-break: break-all !important;
    padding: 0 1rem !important;
  }
  .ai-interview .illustration img{
    width: 95% !important;
  }
  .ai-interview .see-more-btn a{
    padding: 0 !important;
  }
  .ai-interview .see-more-btn a img{
    width: 220px !important;
  }
  .jobboard-header {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  .jobboard-page table tbody tr .views-field-title {
    width: 100% !important;
    font-size: 30px !important;
    color: black !important;
    line-height: 2rem !important;
  }
  .jobboard-page table .views-field-nothing {
    width: 100% !important;
  }
  .view-detail-of-applicant .view-filters #views-exposed-form-view-applicant-detail-page-1, .view-detail-of-applicant #views-exposed-form-view-applicants-detail-page-1 .form--inline{
    display: none !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content {
    font-size: 23px !important;
    padding: 5% !important;
    width: 100% !important;
  }
  .view-detail-of-applicant .views-row .views-field {
    font-size: 24px !important;
    word-break: break-all;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 1% !important;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a{
    width: 100% !important;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a::before{
    margin-top: -5% !important;
  }
  .view-detail-header .view-content .views-row, .view-detail-of-applicant .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 3% !important;
  }
  .view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1 {
    font-size: 30px !important;
    word-break: break-all !important;
    padding: 5px 10px !important;
    line-height: 2.5rem !important;
  }
  .view-detail-header .view-content .views-row .views-field-nothing .verified-by-applyatjob{
    margin-left: 5px !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .jobboard-page .view-content .cols-4 tbody tr{
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 5% !important;
  }
  .jobboard-page .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 200px !important;
    margin-top: 0.2rem;
  }
  .site-logo img {
    width: 100px;
    margin-left: 38vw;
  }
  .w3-block.form--inline.clearfix {
    display: block;
  }
  .site-name a {
    text-transform: uppercase;
    line-height: 148%;
    font-size: 35px;
    color: #121270ad;
    margin-top: 2%;
    font-family: Exotc350 Bd BT;
    position: inherit;
  }
  #edit-submit-job-view {
    height: 48px;
    border-radius: 20px;
    position: inherit;
    margin-left: inherit;
  }
  .node__title {
    font-size: 26px !important;
    padding: 2%;
  }
  h3 {
    font-size: 20px !important;
  }
  #edit-submit-frontpage {
    position: inherit;
  }
  .node--type-jobs {
    background: #8c818126;
    padding: 3%;
    border-radius: 42px;
    margin-bottom: 22px;
  }
  .node__content img {
    width: 30%;
  }
  .field--type-webform {
    margin-left: inherit !important;
    width: 100%;
  }
  #edit-reset {
    margin-left: inherit;
    position: inherit;
    bottom: inherit;
    height: inherit;
  }
  label[for="edit-field-select-category-target-id"] {
    font-family: Aria;
    font-weight: bold;
    margin-left: inherit;
  }
  #edit-job {
    background: transparent;
    margin-left: inherit;
    box-shadow: inset 0 0 5px #d90429;
  }
  #edit-city {
    background: transparent;
    margin-left: inherit;
    box-shadow: inset 0 0 5px #d90429;
  }
  #edit-submit--2 {
    height: 46px;
  }
  .w3-row.views-row {
    background: #edf2f4;
    padding: 3%;
    border-radius: 0.2rem;
    margin-bottom: 1rem;
  }
  .field--type-webform input {
    height: 52px;
  }
  .bottom-region .view-header {
    position: inherit;
    right: inherit;
    display: table-row-group;
  }
  .field--name-field-nearest-cities .field__item {
    padding-bottom: 3%;
  }
  .field--name-field-sub-category .field__item {
    padding: 2%;
  }
  .field--name-field-sub-category .field__item:nth-child(1) {
    margin-left: 2% !important;
  }
  .mobile-nav {
    background-color: #615EFC;
    color: #ecf2ff;
  }
  #header-inner {
    background-color: #fff !important;
  }
  /***********************Information Technology Job********************************/
  .block-field-blocknodefigover-jobsfield-image1 .field--name-field-image1 img{
    width: 100% !important;
  }
  .actual-city-of-job-node{
    display: grid !important;
  }
  .actual-city-of-job-node h2{
    padding: 0px !important;
    font-size: 26px !important;
  } 
 .actual-city-of-job-node .field--name-field-main-cities{
    padding-top: 0px !important;
 }
 .actual-city-of-job-node .field--name-field-main-cities div{
    margin-top: -15px !important;
 }
 .actual-city-of-job-node .field--name-field-main-cities div a{
   font-size: 22px !important;
 }
 .actual-job-category-job-node .view-job-actual-category{
    display: grid !important;
 }
 .actual-job-category-job-node .view-job-actual-category .view-header{
    padding: 0px !important;
 }
 .actual-job-category-job-node .view-job-actual-category .view-content{
    width: 100% !important;
 }
 .actual-job-category-job-node .view-job-actual-category .view-content .views-row{
    background-color: transparent !important;
 }
 .actual-job-category-job-node .view-job-actual-category .view-content .views-row a{
    font-size: 21px !important;
 }
 .employment-type-job-node{
    width: 45% !important;
    display: inline-block !important;
    vertical-align: top !important;
    padding-left: 0px !important;
 }
 .location-job-node{
    width: 45% !important;
    display: inline-block !important;
    vertical-align: top !important;
 }
 /******* Thankyou page******/
 .checkout-page .thankyou-message-checkout {
  padding: 0px 0px !important;
  margin: 40px 20px !important;
  background-image: none !important;
 }
 .checkout-page .thankyou-message-checkout {
  box-shadow: 0 0 0 1.2rem #839095 !important;
  outline-offset: 0.3rem !important;
  outline: 0.4rem solid #e7c950 !important;
}
 .checkout-page .thankyou-message-checkout h1 {
  font-size: 36px !important;
  line-height: 1.4em; 
  padding-top: 6%;
 }
 .checkout-page .thankyou-message-checkout p {
  font-size: 25px !important;
  padding: 0px 30px !important;
 }
 .apply-now-image h3{
  font-size: 24px !important;
 }
 .apply-now-image a img {
  height: 140px !important;
  width: 75% !important;
  margin-bottom: 6% !important;
 }
 /********** aside job applicant ********/
 .job-page-applicants {
  width: 100% !important;
  padding: 0px 5px !important;
 }
 .job-page-applicants .view-header{
  padding: 0 !important;
 } 
 .job-page-applicants .jobboard-header{
  font-size: 23px !important;
 }
 .job-page-applicants tr{
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 5% !important;
 }
 .job-page-applicants tr td{
  width: 100% !important;
  padding: 0 !important;
 }
  .job-page-applicants .views-field-title {
    font-size: 27px !important;
    color: black !important;
    line-height: 2rem !important;
  }
  .job-page-applicants .views-field-title::before {
    width: 70px !important;
    height: 70px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .job-page-applicants table .views-field-nothing img {
    width: 215px !important;
    margin-top: 0.2rem;
  }
  /*========= jobboard submission header =======*/
  .view-detail-header{
    margin: 0 3px !important;
  }
  .submission-jobboard .view-content .views-row, .reference-job-applicants  .view-content .views-row{
    flex-direction: column !important;
    background: none !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing, .reference-job-applicants .view-content .views-row .views-field-nothing{
    width: 100% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing .field-content img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img {
    width: 200px !important;
    margin-right: 0% !important;
  }
  /* ========= search jobs by ======== */
  .search-job-by {
    padding: 5px 10px !important;
    margin: 1.5em 0 !important;
  }
  .search-job-by .layout__region--first .block-home-page-search-job-by{
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .home-page-search-job-by h2 {
    font-size: 45px !important;
  }
  .block-views-blocksearch-job-sweden-block-1 {
    margin-top: inherit !important;
  }
  .search-job-by .views-element-container h2 {
    font-size: 35px !important;
    text-align: center !important;
  }
  .search-job-by .views-element-container .views-row {
    padding: 0 !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image {
    width: 38% !important;
    margin-right: 2% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image .field-content a img {
    height: 75px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links {
    width: 60% !important;
    line-height: 1.8rem !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a {
    font-size: 22px !important;
    padding: 0 !important;
      text-decoration: 1px solid underline #3865ea !important;
  }
  /*============== GRADUATE JOBS ===============*/
  .graduate-jobs {
    margin: 0 -15px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 {
    width: 90% !important;
    margin: 15px 5px 20px 25px !important;
    padding: 2px 15px !important;
    height: auto !important;
  }
  .graduate-jobs-content .graduate-jobs-button img {
    width: 200px !important;
    margin: 10px auto 20px auto !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title {
    font-size: 35px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    background: none !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a {
    font-size: 24px !important;
    text-decoration: underline !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before {
    width: 25px !important;
    height: 30px !important;
    margin-right: 3px !important;
    margin-left: -45px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities {
    font-size: 21px !important;
  }
  .views-field-field-contact-person .field-content {
    margin-left: -5px !important;
  }
  .view-display-id-block_1 .view-content .views-row .views-field-title{
    word-break: break-all !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    margin-bottom: 4% !important;
  }
  /*======= Internship form ========*/
  .webform-submission-apply-for-internship-student-for-form {
    padding: 16px !important;
  }
  .webform-submission-apply-for-internship-student-for-form label {
    font-size: 22px !important;
  }
  .webform-submission-apply-for-internship-student-for-form input[type="text"], .webform-submission-apply-for-internship-student-for-form input[type="email"], .webform-submission-apply-for-internship-student-for-form input[type="tel"], .webform-submission-apply-for-internship-student-for-form input[type="file"], .webform-submission-apply-for-internship-student-for-form select {
    padding: 10px 16px !important;
    font-size: 16px !important;
    height: 50px !important;
  }
  .webform-submission-apply-for-internship-student-for-form input[type="submit"] {
    font-size: 25px !important;
    height: 65px !important;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 50% !important;
    padding: 6px !important;
    margin-bottom: 5px !important;
  }
  #block-views-block-frontpage-block-1 .view-filters {
    display: none;
  }
  #views-exposed-form-frontpage-page-1 {
    top: 40%;
  }
  #search-block-form #edit-actions {
    display: none;
  }
  #search-block-form #edit-actions--2 {
    display: none;
  }
  #search-block-form #edit-actions--3 {
    display: none;
  }
  #search-block-form #edit-actions--4 {
    display: none;
  }
  #search-block-form #edit-keys {
    font-weight: bold;
    height: 100% !important;
  }
  #search-block-form .w3-section.js-form-item.form-item {
    border: 1px black solid;
    width: 100%;
  }
  .w3-search-block-form .form-item {
    width: 100%;
    box-shadow: inset 0 0 5px #d90429;
  }
  .w3-search-block-form .form-actions {
    display: none;
  }
  .ai-training-dashboard-card .content-right{
    display: none;
  }
  /************************Jobboard Cv Page******************************/
  .view-detail-of-applicant .views-field-webform-submission-value-4 .field-content .file--application-pdf a{
    width: 100% !important;
    max-width: 80%;
    height: auto !important;
    aspect-ratio: 5 / 4;
    margin-left: 10% !important;
  }
  /******************Dashboard category popup*************/
  #job-category-block-popup{
    width: 89% !important;
  }
  #job-category-block-popup h3{
    font-size: 22px;
  }
  #job-category-select{
    font-size: 16px !important;
  }
  /*******************Show popup on myad page***********************/
  .premium-content-myad{
    padding: 17px 22px !important;
  }
  .premium-content-myad h2{
    font-size: 29px !important;
  }
  .premium-content-myad{
    width: 377px !important;
  }
  .premium-content-myad p{
    font-size: 20px !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .site-logo img {
    width: 100px;
    margin-left: inherit;
  }
  /****************CV Home page****************/
 .cv-block .cv-builder-home-page h1{
    font-size: 39px !important;
  }
  .cv-block .cv-builder-home-page h3{
      font-size: 28px !important;
   }
  .cv-block .cv-builder-home-page .cv-builder-img img{
     width: 63% !important;
  } 
  /**************CV For Login User*********************/
  .cv-block .cv-builder-login-home-page .cv-builder-img img{
    width: 63% !important;
  } 
   /******* Thankyou page******/
   .checkout-page .thankyou-message-checkout {
    padding: 0px 0px !important;
    margin: 40px 20px !important;
    background-image: none !important;
  }
  .checkout-page .thankyou-message-checkout {
    box-shadow: 0 0 0 1.2rem #839095 !important;
    outline-offset: 0.3rem !important;
    outline: 0.4rem solid #e7c950 !important;
  }
  .checkout-page .thankyou-message-checkout h1 {
    font-size: 36px !important;
    line-height: 1.4em;
    padding: 6% 1.1% 0 1.1%;
  }
  .checkout-page .thankyou-message-checkout p {
    font-size: 25px !important;
    padding: 0px 30px !important;
  }
  .apply-now-image h3{
    font-size: 27px !important;
  }
  .apply-now-image a img {
    height: 140px !important;
    width: 40% !important;
    margin-bottom: 6% !important;
  }
  /*******************Employer Job view responsive************************/
 .myad-next-job-container{
    display: block !important; 
    padding: 0 !important;
    margin: 0 !important;
 }  
  .myad-next-job-container .next-job-left-side{
   width: 100% !important;
 }
  .myad-next-job-container .next-job-left-side h1{
   font-size: 52px !important;
   padding-top: 10px;
 }
  .myad-next-job-container .next-job-left-side h6{
   font-size: 32px !important;
    padding: 0px 7px;
 }
  .myad-next-job-container .next-job-img{
    width: 100% !important;
    text-align: center;
  }
  .myad-next-job-container .next-job-img img{
    padding: 14px 0 11px 0 !important;
    width: 59% !important;
  }
   .green-buttons-myad{
    margin-top: 18px;
    gap: 1% !important;
  }
  .green-buttons-myad .green-arrows-myad{
    width: 30% !important;
  }
  .green-buttons-myad .green-arrows-myad img{
    width: 78%;
  }
  .green-buttons-myad .green-button-myad{
    width: 55% !important;
  }
    /********** aside job applicant ********/
  .job-page-applicants {
    width: 100% !important;
    padding: 0px 5px !important;
    padding-bottom: 3% !important;
  }
  .job-page-applicants .view-header{
    padding: 0 !important;
  } 
  .job-page-applicants .jobboard-header{
    font-size: 38px !important;
  }
  .job-page-applicants tr .views-field-title{
    width: 90% !important;
    padding: 0 !important;
    font-size: 29px !important;
  }
  .job-page-applicants tr .views-field-nothing{
    width: 40% !important;
  }
  .job-page-applicants .views-field-title {
    font-size: 30px !important;
    color: black !important;
    line-height: 2rem !important;
  }
  .job-page-applicants .views-field-title::before {
    width: 80px !important;
    height: 80px !important;
    font-size: 35px !important;
    margin-right: 15px !important;
  }
  .job-page-applicants table .views-field-nothing img {
    width: 250px !important;
  }
}
@media (min-width: 480px) and (max-width: 600px) {
  .webinar-section-view{
    margin: 15px 10px 15px 10px !important;
    width: 97%;
  }
  .webinar-explore-page .webinar-section-view{
    margin: 0 !important;
  }
  .webinar-explore-page .webinar-section-view .views-row{
    padding: 0 !important;
  }
  .webinar-section-view .views-col {
    width: 100% !important;
  }
  .webinar-section-view .views-row {
    padding: 3% !important;
    border-radius: 0.2rem !important;
  }
  .webinar-explore-page h2 {
    margin: 0 0 10px 0 !important;
    font-size: 28px !important;
  }
  .webinar-section-view header h1{
    font-size: 31px !important;
    line-height: 2.5rem !important;
  }
  .webinar-section-view header h4{
    font-size: 22px !important;
    line-height: 2rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }
  .webinar-section-view .views-col .views-field-title {
    font-size: 18px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar {
    margin-top: 7px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar time {
    font-size: 13px !important;
  }
  .webinar-section-view .views-col .views-field-body .field-content {
    max-height: 6em !important;
  }
  .webinar-section-view .views-col .views-field-body p {
    padding-top: 0 !important;
  }
  .webinar-section-view .more-link {
    margin-top: 5px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
  }
 .webinar-section .webinar-image .field__item img{
    margin: 50px auto 15px 65px !important;
  }
  .webinar-section .block-field-blocknodewebinarbody, .webinar-section .block-field-blocknodewebinarfield-video{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  .webinar-section .webinar-blur-image {
    top: 50px !important;
  }
  .webinar-section .webinar-image{
    padding: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    padding: 15px 8px !important;
    margin-top: 35px !important;
  } 
  .webinar-section .block-field-blocknodewebinarfield-video label{
    display: none;
  }
  .webinar-section .block-field-blocknodewebinarfield-video p iframe {
    width: 100% !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-eve , .webinar-section .block-field-blocknodewebinarfield-event-types{
    margin-left: 0 !important;
  }
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section {
    padding: 1em 1em 4em 1em !important;
  }
  .main-jobs-ads .banner-section {
    padding: 1em 1em !important;
  }
  /* Webform Ad */
  .block-webform-block .webform-submission-job-ad-add-form {
    margin: 2em 0em 1em 0em !important;
    padding: 1em 2em !important;
  }
  #webform-submission-job-ad-add-form, .webform-submission-job-ad-add-form {
    padding: 20px 20px !important;
    margin: -60px auto auto auto !important;
  }
  .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 42px !important;
    line-height: 3.5rem !important;
  }
  .webform-submission-job-ad-add-form .js-form-item label {
    font-size: 22px !important;
  }
  #webform-submission-job-ad-add-form label[for="edit-contact-information"], #webform-submission-job-ad-add-form label[for="edit-job-information"]{
    font-size: 35px !important;
    font-weight: bold !important;
    line-height: 1.3em !important;
  }
  .webform-submission-job-ad-form .js-form-item input, .webform-submission-job-ad-add-form .js-form-item .select2 .select2-selection {
    padding: 10px 10px !important;
  }
  .webform-submission-job-ad-form .w3-section .select2 .select2-selection .select2-selection__rendered {
    font-size: 19px !important;
    line-height: 33px !important;
  }
  .webform-submission-job-ad-form .w3-section .select2 .select2-selection .select2-selection__arrow {
    top: 18px !important;
  }
  .webform-submission-job-ad-form .form-actions input , .webform-submission-job-ad-form .form-actions .webform-button--next, .block-webform-block .webform-submission-job-ad-add-form .form-actions input[value="< Previous"], .block-webform-block .webform-submission-job-ad-add-form .form-actions input[value="Continue to Publish"]{
    padding: 15px 5px !important;
    font-size: 22px !important;
  }
  .webform-submission-job-ad-add-form .form-header p {
    font-size: 22px !important;
    line-height: 2rem !important;
    padding: 0 !important;
  }
  .webform-submission-job-ad-form .form-actions {
    margin-top: 5px !important;
  }
  .webform-submission-job-ad-form .webform-element--title-inline input {
    width: 15% !important;
    margin-right: 2% !important;
  }
  .webform-submission-job-ad-add-form .webform-element--title-inline .option {
    width: 83%; 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-radius: 10px;
    line-height: 2em !important;
  }
  .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 20px !important;
  }
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text .progress-title{
    font-size: 20px !important;
  }
  .webform-submission-job-ad-form .webform-progress {
    margin-bottom: 15px !important;
  }
  .webform-submission-job-ad-form .step-counter {
    font-size: 20px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 38px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 0px 0px !important;
    line-height: 3.5em !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 33px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 29px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span {
    margin: 0px 10px !important;
    padding: 20px 0px !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 19px !important;
  }
  html[lang="de"] .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 15px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 35px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 30px 0px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  /* ----------------- */
  .webform-confirmation {
    padding: 30px !important;
  }
  .webform-confirmation__back {
    width: 70% !important;
  }
  /*============== Home Page 4 boxes ========*/
  .home-page-job-category-blocks .view-content .views-row{
    background: none !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .home-page-job-category-blocks .layout__region--first{
    margin-bottom: 3% !important;
  }
  .home-page-job-category-blocks {
    margin-bottom: 10% !important;
  }
  .home-page-information-technology-jobs, .home-page-marketing-jobs, .home-page-management-jobs, .home-page-medical-jobs {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 3% !important;
    height: auto !important;
  }
  .home-page-information-technology-jobs a h3, .home-page-marketing-jobs a h3, .home-page-management-jobs a h3, .home-page-medical-jobs a h3 {
    font-size: 28px !important;
  }
  .home-page-information-technology-jobs .d8-has-image, .home-page-marketing-jobs .d8-has-image, .home-page-management-jobs .d8-has-image, .home-page-medical-jobs .d8-has-image {
    font-size: 24px !important;
  }
  .home-page-information-technology-jobs .view-footer button, .home-page-marketing-jobs .view-footer button, .home-page-management-jobs .view-footer button, .home-page-medical-jobs .view-footer button {
    font-size: 18px !important;
  }
  .custom-popup-body{
    width: 100px !important;
  }
  .views-field-nothing-2 .field-content .buttons .view-applicant a img {
    width: 70% !important;
    margin: 1% 0 !important;
  }
  .view-content .w3-row .header {
    margin-top: 27% !important;
  }
  .mock-interview {
    margin: 0 -5% !important;
    padding: 1% !important;
    line-height: 3rem !important;
  }
  .mock-interview h2 {
    font-size: 35px !important;
    margin-top: 3% !important;
    margin-bottom: 25% !important;
    padding: 0 5% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form {
    margin-top: -25% !important;
    padding: 20px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label {
    font-size: 21px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label {
    font-size: 30px !important;
  }
  .ai-interview-block .ai-banner {
    flex-direction: column;
    padding: 10px 5px 5px 5px !important;
    margin: 0 !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text {
    width: 100% !important;
    padding-left: 3% !important;
  }
  .ai-interview-block .ai-banner .ai-banner-image {
    width: 100% !important;
    text-align: center;
  }
  .ai-interview-block .ai-banner .ai-banner-image img{
    width: 90%;
  }
  .ai-interview-block .ai-banner .ai-banner-text h2 {
    font-size: 33px !important;
    word-break: break-all;
  }
  .ai-interview-block .ai-banner .ai-banner-text p {
    font-size: 21px !important;
    word-break: break-all;
  }
  .ai-tools-section h1 {
    font-size: 40px !important;
    word-break: break-all;
  }
  .ai-tools-section p {
    font-size: 21px !important;
    margin-bottom: 2rem !important;
    padding: 0 !important;
    word-break: break-all;
  }
  .ai-tools-section .ai-icons {
    margin-bottom: 0 !important;
  }
  .ai-tools-section .ai-icons img{
    width: 35% !important;
    margin-bottom: 8%;
  }
  .ai-interview-prep-view .ai-interview h1{
    font-size: 45px !important;
  }
  .ai-interview-prep-view .ai-interview h4{
    font-size: 23px !important;
    padding: 0 30px !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list{
    grid-template-columns: 1fr;
    display: grid;
    background: none !important; 
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .ai-interview-prep-view footer .see-more-ai img{
    width: 40%;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel{
    width: 100% !important;
    margin-bottom: 0.5rem !important;
    padding: 1rem !important;
    margin-right: 0 !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-title .field-content {
    word-break: break-all;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-ai-job-tags .field-content a{
    font-size: 17px !important;
  }
  .ai-interview h1, .cv-block .cv-builder-login-home-page h1, .quick-job-posting-title h1, .app-download-intro .app-download-title{
    font-size: 35px !important;
    margin: 0 1% !important;
    line-height: 3rem !important;
  }
  .ai-interview .ai-description {
    font-size: 25px !important;
    line-height: 2rem !important;
    padding: 0 1rem !important;
  }
  .ai-interview .illustration img{
    width: 100% !important;
  }
  .ai-interview .see-more-btn a{
    padding: 0 !important;
  }
  .ai-interview .see-more-btn a img{
    width: 250px !important;
  }
  .jobboard-header {
    font-size: 32px !important;
  }
  .jobboard-page table tbody tr .views-field-title {
    width: 100% !important;
  }
  .jobboard-page table .views-field-nothing {
    width: 100% !important;
  }
  .view-detail-of-applicant .view-content .views-row{
    padding: 0% 4% 1% 4%;
  }
  .view-detail-of-applicant .view-filters #views-exposed-form-view-applicant-detail-page-1, .view-detail-of-applicant #views-exposed-form-view-applicants-detail-page-1 .form--inline{
    display: none !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content {
    font-size: 23px !important;
    padding: 5% !important;
    width: 100% !important;
  }
  .view-detail-of-applicant .views-row .views-field {
    margin-bottom: 1% !important;
    display: flex !important;
    flex-direction: column !important;
    font-size: 30px !important;
    word-break: break-all;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a{
    width: 70% !important;
    margin-left: 15% !important;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a::before{
    margin-top: -4% !important;
  }
  .view-detail-header .view-content .views-row, .view-detail-of-applicant .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 3% !important;
    margin: 1% !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .jobboard-page .view-content .cols-4 tbody tr{
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 5% !important;
  }
  .jobboard-page .views-field-title{
    font-size: 30px !important;
    color: black !important;
    word-break: break-all !important;
  }  
  .jobboard-page .views-field-title::before {
    width: 60px !important;
    height: 60px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 75% !important;
  }
  .view-detail-header .view-content .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 0 !important;
    margin: 0 !important;
  }
  .view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1 {
    font-size: 38px !important;
    margin-top: 5% !important;
    line-height: 3rem !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .jobboard-page .view-content .cols-4 tbody tr{
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 5% !important;
  }
  .jobboard-page .views-field-title {
    font-size: 35px !important;
    color: black !important;
    line-height: 2.5rem !important;
  }  
  .jobboard-page .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 35px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 235px !important;
  }
  .site-logo img {
    width: 100px;
    margin-left: 38vw;
  }
 /****************CV Home page****************/
 .cv-block .cv-builder-home-page h1{
    font-size: 33px !important;
  } 
  .cv-block .cv-builder-home-page h3{
    font-size: 24px !important;
  }
  .cv-block .cv-builder-home-page .cv-builder-img img{
    width: 90% !important;
    margin-top: -19px;
  }
  /***************CV login User**********************/
  .cv-block .cv-builder-login-home-page h1{
    font-size: 33px !important;
  }
  .cv-block .cv-builder-login-home-page h4, .quick-job-posting-description h4, .app-download-description{
    font-size: 25px !important;
    line-height: 2rem !important;
    padding: 0 1rem !important;
   }
  .cv-block .cv-builder-login-home-page .cv-builder-img img{
    width: 90% !important;
    margin-top: -19px;
  }
  /*************Information Technology Job*******************/
  .block-field-blocknodefigover-jobsfield-image1 .field--name-field-image1 img {
    width: 98% !important;
  }
  .actual-job-category-job-node .view-job-actual-category .view-header{
    padding: 0% !important;
    width: 32%;
    font-size: 23px;  
  }
  .actual-job-category-job-node  .view-job-actual-category .view-content{
    width: 70%;
  }
  .actual-job-category-job-node  .view-job-actual-category .view-content .views-row{
    background-color: transparent;
  }
  .actual-job-category-job-node  .view-job-actual-category .view-content .views-row a{
    font-size: 21px;
  }
  /************* Download App ***************/
  .app-download-block {
    padding: 15px 15px !important;
    flex-direction: column;
    margin: 0 !important;
  }
  .app-download-left {
    width: 100% !important;
  }
  .app-download-right {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .app-download-right .mockup-phone-container img{
    width: 95% !important;
  }
  .app-download-left-heading h2 {
    font-size: 52px !important;
    line-height: 3.5rem !important; 
  }
  .app-download-left h4 {
    font-size: 26px !important;
    margin-top: 6% !important;
  }
  .app-download-left-img a{
    width: 50% !important;
    padding: 0 !important;
  }
  .app-download-left-img a .download-now-app{
    width: 100% !important;
  }
  .app-download-left-img .qr-code {
    width: 40% !important;
  }
  .app-download-right .mockup-phone-container a, .illustration a{
    padding: 0 !important;
  }
  /********** aside job applicant ********/
  .job-page-applicants {
    width: 100% !important;
    padding: 0px 5px !important;
  }
  .job-page-applicants .view-header{
    padding: 0 !important;
  } 
  .job-page-applicants .jobboard-header{
    font-size: 35px !important;
  }
  .job-page-applicants tr .views-field-title{ 
    width: 90% !important;
    padding: 0 !important;
    margin-bottom: 5% !important;
    font-size: 28px !important;
  }
  .job-page-applicants tr .views-field-nothing{
    width: 40% !important;
  }
  .job-page-applicants .views-field-title {
    font-size: 30px !important;
    color: black !important;
    line-height: 2rem !important;
  }
  .job-page-applicants .views-field-title::before {
    width: 80px !important;
    height: 80px !important;
    font-size: 35px !important;
    margin-right: 15px !important;
  }
  .job-page-applicants table .views-field-nothing img {
    width: 200px !important;
    margin-top: 0.2rem;
  }
   /*========= jobboard submission header =======*/
  .submission-jobboard .view-content .views-row, .reference-job-applicants .view-content .views-row{
    flex-direction: column !important;
    background: none !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2, .reference-job-applicants .view-content .views-row .views-field-title {
    width: 100% !important;
    margin-bottom: 6% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2::before, .reference-job-applicants .view-content .views-row .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 35px !important;
    margin-right: 15px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing, .reference-job-applicants .view-content .views-row .views-field-nothing{
    width: 100% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing .field-content img,  .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img{
    width: 235px !important;
    margin-right: 0% !important;
  } 
  /* ========= search jobs by ========= */
  .search-job-by {
    padding: 5px 10px !important;
    margin: 1.5em 0 !important;
    flex-wrap: nowrap !important;
  }
  .search-job-by .layout__region--first, .search-job-by .layout__region--second{
    flex: 0 1 50% !important;
  }
  .search-job-by .layout__region--first .block-home-page-search-job-by{
    width: 200% !important;
    margin-bottom: 10px !important;
  } 
  .search-job-by .views-element-container h2 {
    text-align: center !important;
  }
  .search-job-by .views-element-container .views-row {
    flex-direction: column !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image {
    width: 98% !important;
    margin-right: 0 !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links {
    width: 100% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a {
    font-size: 23px !important;
    padding: 0 !important;
    margin-left: 5px !important;
  }
  .block-views-blocksearch-job-sweden-block-1 {
    margin-top: 105px !important;
  }
  /*============== GRADUATE JOBS ===============*/
  .graduate-jobs {
    margin: 0 -16px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 {
    width: 90% !important;
    margin: 15px 5px 20px 35px !important;
    padding: 2px 15px !important;
    height: auto !important;
  }
  .graduate-jobs-content .graduate-jobs-button img {
    width: 200px !important;
    margin: 10px auto 20px auto !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title {
    font-size: 35px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    background: none !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a {
    font-size: 24px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before {
    width: 25px !important;
    height: 30px !important;
    margin-right: 3px !important;
    margin-left: -45px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities {
    font-size: 21px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    margin-bottom: 4% !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person{
    margin-left: -15px !important;
  }
    /*======= Internship form ========*/
  .webform-submission-apply-for-internship-student-for-form {
    padding: 25px !important;
  }
  .webform-submission-apply-for-internship-student-for-form input[type="text"], .webform-submission-apply-for-internship-student-for-form input[type="email"], .webform-submission-apply-for-internship-student-for-form input[type="tel"], .webform-submission-apply-for-internship-student-for-form input[type="file"], .webform-submission-apply-for-internship-student-for-form select {
    padding: 10px 16px !important;
    font-size: 16px !important;
    height: 50px !important;
  }
  .webform-submission-apply-for-internship-student-for-form input[type="submit"] {
    padding: 10px 30px !important;
    font-size: 25px !important;
    margin: 5px 10px 0 10px !important;
    height: 65px !important;
  }
}
@media (min-width: 480px) and (max-width: 685px) {
  .field--name-field-nearest-cities .field__item {
    padding-bottom: 3%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .payment img {
    width: 300px !important;
  }
  .w3-block.form--inline.clearfix {
    display: block;
  }
  .site-name a {
    text-transform: uppercase;
    line-height: 148%;
    font-size: 35px;
    color: #121270ad;
    margin-top: 2%;
    font-family: Exotc350 Bd BT;
    position: inherit;
  }
  #edit-submit-job-view {
    height: 48px;
    border-radius: 20px;
    position: inherit;
    margin-left: inherit;
  }
  .node__title {
    font-size: 26px !important;
    padding: 2%;
  }
  h3 {
    font-size: 20px !important;
  }
  #edit-submit-frontpage {
    position: inherit;
    /*height: inherit;*/
    background: #ef233c;
    /* margin-left: 39%; */
  }
  .node--type-jobs {
    background: #8c818126;
    padding: 3%;
    border-radius: 42px;
    margin-bottom: 22px;
  }
  .node__content img {
    width: 30%;
  }
  .field--type-webform {
    margin-left: inherit !important;
    width: 100%;
  }
  #edit-reset {
    margin-left: inherit;
    position: inherit;
    bottom: inherit;
    height: inherit;
  }
  label[for="edit-field-select-category-target-id"] {
    font-family: Aria;
    font-weight: bold;
    margin-left: inherit;
  }
  #edit-job {
    background: transparent;
    margin-left: inherit;
    box-shadow: inset 0 0 5px #d90429;
  }
  #edit-city {
    background: transparent;
    margin-left: inherit;
    box-shadow: inset 0 0 5px #d90429;
  }
  #edit-submit--2 {
    height: 46px;
  }
  .w3-row.views-row {
    background: #edf2f4;
    padding: 8%;
    border-radius: 42px;
    margin-bottom: 22px;
  }
  .bottom-region .view-header {
    position: inherit;
    right: inherit;
    display: table-row-group;
  }
  .mobile-nav {
    background-color: #615EFC;
    color: #ecf2ff;
  }
  /****************************Information Technology Job**************************/
  .location-job-node{
    width: 30% !important;
  }
  .employment-type-job-node{
    width: 30% !important;
  }
  /*********************myad Page*******************/
  .green-buttons-myad .green-arrows-myad{
    width: 20% !important;
  }
  .green-buttons-myad .green-arrows-myad img{
    width: 92% !important;
  }
 .green-buttons-myad .green-button-myad{
    width: 70% !important;
  }
  .myad-job-applied-preview .green-buttons-myad .green-button-myad .add-more-jobs{
    font-size: 30px !important;
  }
}
@media (min-width: 685px) and (max-width: 750px) {
  .field--name-field-nearest-cities .field__item {
    padding-bottom: 3%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
   /******* Thankyou page******/
  .checkout-page .thankyou-message-checkout {
    padding: 0px 0px !important;
    margin: 40px 20px !important;
    background-image: none !important;
  }
  .checkout-page .thankyou-message-checkout {
    box-shadow: 0 0 0 1.2rem #839095 !important;
    outline-offset: 0.3rem !important;
    outline: 0.4rem solid #e7c950 !important;
  }
  .checkout-page .thankyou-message-checkout h1 {
    font-size: 36px !important;
    line-height: 1.4em;
    padding: 6% 1.1% 0 1.1%;
  }
  .checkout-page .thankyou-message-checkout p {
    font-size: 25px !important;
    padding: 0px 30px !important;
  }
  .apply-now-image h3{
    font-size: 27px !important;
  }
  .apply-now-image a img {
    height: 140px !important;
    width: 35% !important;
    margin-bottom: 6% !important;
  }
  .bottom-region .view-header {
    position: inherit;
    right: inherit;
    display: table-row-group;
  }
  .mobile-nav {
    background-color: #615EFC;
    color: #ecf2ff;
  }
    /****************************Information Technology Job**************************/
  .location-job-node{
    width: 30% !important;
  }
  .employment-type-job-node{
    width: 30% !important;
  }
  /******************************myad page********************/
  .green-buttons-myad .green-arrows-myad{
    width: 19% !important;
  }
 .green-buttons-myad .green-button-myad{
     width: 40% !important;
  }
  .myad-job-applied-preview .green-buttons-myad .green-button-myad .add-more-jobs{
    font-size: 36px !important;
  }
  /*********************Interiew page*************/
  .interview-user-session-2 .block-block-content{
    display: none;
  }
  .interview-message-block-2 .view-content .views-field-field-user-name-{
    width: 30% !important;
  }
  .interview-user-session-2 .layout__region--first{
    flex: 0 1 99% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .webinar-section-view .views-col .views-field-title a{
    font-size: 18px !important;
  }
  .webinar-section-view .views-col .views-field-title {
    max-height: 1em !important;
  }
  .webinar-section-view {
    margin: 25px 0 25px 45px !important;
  }
  .webinar-explore-page .webinar-section-view{
    margin: 0 !important;
  }
  .webinar-explore-page .webinar-section-view .views-row{
    padding: 2% !important;
  } 
  .webinar-section .webinar-image .field__item img{
    margin: 0px auto 15px 120px !important;
    height: 310px;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    width: 60%;
    float: left;
    padding: 20px;
    margin-left: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video{
    width: 39%;
    float: right;
    margin-left: 1%; 
  }
  .webinar-section .webinar-blur-image {
    top: 95px !important;
  }
  .webinar-section .webinar-image{
    padding: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    padding: 15px 8px !important;
  } 
  .webinar-section .block-field-blocknodewebinarfield-video{
    margin-top: 30px !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video label{
    display: none;
  }
  .webinar-section .block-field-blocknodewebinarfield-video p iframe {
    width: 100% !important;
  } 
  .myad-job-applied-preview .account-details {
    top: 23rem !important;
  }
  .myad-job-applied-preview .account-details .account-heading {
    line-height: 1.5rem !important;
  }
  .myad-job-applied-preview .account-details .account-heading strong {
    line-height: 2rem !important;
  }
  .myad-job-applied-preview .account-details .login-pass {
    padding: 0.3rem 0.5rem !important;
    line-height: 1rem !important;
  }
   /******* Thankyou page******/
   .checkout-page .thankyou-message-checkout {
    padding: 0px 0px !important;
    margin: 20px 20px !important;
   }
   .checkout-page .thankyou-message-checkout h1 {
    font-size: 36px !important;
    line-height: 1.4em;
    padding: 6% 1.1% 0 1.1%;
   }
   .checkout-page .thankyou-message-checkout p {
    font-size: 25px !important;
    padding: 0px 120px !important;
   }
   .apply-now-image h3{
    font-size: 27px !important;
   }
   .apply-now-image a img {
    height: 140px !important;
    width: 25% !important;
    margin-bottom: 6% !important;
  }
  .mobile-nav {
    background-color: #615EFC;
    color: #ecf2ff;
  }
  .field--name-field-nearest-cities .field__item {
    padding-bottom: 3%;
  }
  /******************************myad page********************/
  .green-buttons-myad .green-arrows-myad{
    width: 18% !important;
  }
 .green-buttons-myad .green-button-myad{
    width: 37% !important;
  }
  .myad-job-applied-preview .green-buttons-myad .green-button-myad .add-more-jobs{
    font-size: 39px !important;
  }
  /******************************download app*******************/
  .app-download-left-heading h2{
    font-size: 39px !important;
  }
  .app-download-left h4{
    font-size: 25px !important;
    line-height: 2rem !important;
  }
  .app-download-left-img a{
    width: 56% !important;
  }
  .app-download-left .qr-code{
    width: 34% !important;
  }
    /*********** aside jobboard *************/
  .job-page-applicants td{
    padding: 0 !important;
    padding-bottom: 25px !important;
  }
  .job-page-applicants td a{
    padding: 0 !important;
  }
  .jobboard-header {
    font-size: 33px !important;
  }
  .job-page-applicants table tbody tr .views-field-title {
    width: 90% !important;
    font-size: 28px !important;
  }
  .job-page-applicants .views-field-title {
    font-size: 30px !important;
    line-height: 2rem !important;
  }
  .job-page-applicants .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 30px !important;
  }
  .job-page-applicants table tbody tr .views-field-nothing {
    width: 30% !important;
    padding-left: 3% !important;
  }
  .job-page-applicants table tbody tr .views-field-nothing img{
    width: 220px !important;
  }
  /***********************************Interview messages**********************************/
  .interview-message-block-2 .views-row:first-child .views-label{
    font-size: 20px !important;
  }
  .interview-message-block-2 .view-content .field-content{
    font-size: 17px !important;
  }
  .interview-message-block-2 .view-content .views-row .views-field-field-user-name- .initial-avatar{
    width: 80px !important;
  }
  .interview-message-block-2 .view-content .views-field-field-user-name-{
      width: 27% !important;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  #search-block-form {
    display: none;
  }
  #block-drupal8-w3css-theme-branding {
    width: 100% !important;
  }
  /*******************Employer Job view responsive************************/
  .verified_by_applyatjob{
    width: 98% !important;
  }
  .verified-by-applyatjob h4{
    font-size: 19px !important;
    margin-left: 21px !important;
    word-break: break-all;
  } 
  .view-detail-of-applicant .views-field-field-employment-type span, .view-detail-of-applicant .views-field-field-location-type span, .jobboard-page .views-field-field-employment-type span, .jobboard-page .views-field-field-location-type span {
    font-size: 19px !important;
  }
  .actual_city_of_job, .employment_type{
    width: 98% !important;
    margin-right: 0px !important;
  }
  .actual_city_of_job a{
    margin-left: 7px !important;
    font-size: 19px !important;
  }
  .employment_type .field--name-field-employment-type .w3-bar-item{
    font-size: 19px !important;
    margin-top: 6px !important;
    margin-left: 21px !important;
  }
  .location_type{
    width: 98% !important;
   margin-right: 0px !important;
  }
  .employer_dashboard .layout__region--first .location_type .field--name-field-location-type .field__item{
    font-size: 20px;
    margin: 9px 0px 18px 18px !important;
  }
  .employer_dashboard .layout__region--first .body_job_preview .field__item{
    margin: 10px 15px;
  }
  .employer_dashboard .view-content  .w3-row.views-row{
    border-radius: 20px;
  }
  .block-views-blockjob-show-to-employeer-block-5 .view-job-show-to-employeer .views-row .views-field{
    padding-left: 0 !important;
  }
  .block-views-blockjob-show-to-employeer-block-4{
    width: 47% !important;
    margin-right: 0 !important;
  }
  .block-views-blockjob-show-to-employeer-block-5{
    width: 47% !important;
    margin-right: 0 !important;
  }
  .block-views-blockjob-show-to-employeer-block-4 span img{
    width: 91% !important;
  }
  .layout__region--second .employer-account-details{
    margin-left: 0 !important;
  }
  .employer-account-details .view-content .views-row .views-field-mail .views-label-mail{
    font-size: 24px;
  }
  .employer-account-details .view-content .views-row .views-field-mail .field-content{
    font-size: 19px !important;
  }
  .employer-account-details .view-content .views-row .views-label-field-temp-password{
    font-size: 24px;
  }
  .view-job-show-to-employeer .view-content .w3-row.views-row{
    background-color: transparent !important;
    padding: 0%;
  }
   .view-job-show-to-employeer .employer-account-details .view-content .w3-row.views-row{
     padding: 5%;
   }
}
@media (min-width: 601px) and (max-width: 844px) {
    /* =========== home page 4 boxes ============ */
  .home-page-job-category-blocks .layout__region{
    display: flex;
  }
  .home-page-job-category-blocks .view-content .views-row {
    background: none !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .home-page-information-technology-jobs, .home-page-management-jobs  {
    width: 99% !important;
    margin-right: 1% !important;
    margin-left: 0 !important;
    height: auto !important;
  }
  .home-page-marketing-jobs, .home-page-medical-jobs {
    width: 99% !important;
    margin-left: 1% !important;
    margin-bottom: 3% !important;
    margin-right: 0 !important;
    height: auto !important;
  }
  .home-page-information-technology-jobs a h3, .home-page-marketing-jobs a h3, .home-page-management-jobs a h3, .home-page-medical-jobs a h3 {
    font-size: 25px !important;
  }
  html[lang="sv"] .home-page-information-technology-jobs a h3, html[lang="sv"] .home-page-marketing-jobs a h3, html[lang="sv"] .home-page-management-jobs a h3, html[lang="sv"] .home-page-medical-jobs a h3, html[lang="de"] .home-page-information-technology-jobs a h3, html[lang="de"] .home-page-marketing-jobs a h3, html[lang="de"] .home-page-management-jobs a h3, html[lang="de"] .home-page-medical-jobs a h3{ 
    word-break: break-all !important;
  }
  .home-page-information-technology-jobs .d8-has-image, .home-page-marketing-jobs .d8-has-image, .home-page-management-jobs .d8-has-image, .home-page-medical-jobs .d8-has-image {
    font-size: 23px !important;
  }
  /*********************Employer job view page responsive**************************/
  .view-content .w3-row .layout__region--first{
    flex: 0 1 100% !important;
  }
  .view-job-show-to-employeer .view-content .w3-row.views-row{
    background-color: transparent !important;
    padding: 0%;
  }
  .view-job-show-to-employeer .employer-account-details .view-content .w3-row.views-row{
     padding: 5%;
  }
 .view-content .w3-row .header h3{
   font-size: 30px !important;
 }
 .block-views-blockjob-show-to-employeer-block-5 .view-job-show-to-employeer .views-row .views-field{
    padding-left: 35% !important;
 }
 .verified_by_applyatjob{
    width: 90% !important;
 }
 .verified-by-applyatjob h4{
    font-size: 27px !important;
 }
 .actual_city_of_job, .employment_type{
  width: 47% !important;
  margin-right: 0px !important;
 }
 .actual_city_of_job a{
  font-size: 27px !important;
  margin-left: 14px !important;
 }
 .employment_type .w3-bar-item{
  margin-top: 0px !important;
  margin-left: 34px !important;
  font-size: 27px !important;
 }
 .location_type{
   width: 92% !important;
 }
 .employer_dashboard .layout__region--first .location_type .field--name-field-location-type .field__item{
    font-size: 27px !important;
    margin: 14px 0px 27px 19px !important;
 }
 .layout__region--second .employer-account-details .view-header{
  font-size: 26px;
 }
 .view-job-show-to-employeer h2{
   font-size: 34px;
 }
 .layout--twocol-section > .layout__region{
    flex: 0 1 100% !important;
  }
  /*******************Dashboard category popup****************/
  #job-category-block-popup h3{
    font-size: 35px;
  }
} 
@media (min-width: 845px) and (max-width: 1200px) {
  /* =============== home page 4 boxes =============== */
  .home-page-job-category-blocks .layout__region{
    flex: 0 1 100% !important;
  }
  .home-page-information-technology-jobs, .home-page-management-jobs {
    width: 49% !important;
    margin-right: 1% !important;
    margin-left: 0 !important;
    float: left !important;
    height: 97% !important;
  }
  .home-page-marketing-jobs, .home-page-medical-jobs {
    width: 49% !important;
    margin-left: 1% !important;
    margin-right: 0 !important;
    float: right !important;
    margin-bottom: 3% !important;
    height: 97% !important;
  }
   /*********************Employer job view page responsive**************************/
  .aside-ad {
    margin-top: 1% !important;
  }
 .view-content .w3-row .header h1{
   font-size: 42px !important;
 }
 .block-views-blockjob-show-to-employeer-block-5 .view-job-show-to-employeer .views-row .views-field{
   padding-left: 28% !important;
 }
 .verified_by_applyatjob{
   width: 91% !important;
 }
  .actual_city_of_job, .employment_type{
  width: 47% !important;
  margin-right: 0px !important;
 }
 .actual_city_of_job a{
    margin-left: 9px !important;
 }
 .location_type{
    width: 85% !important;
 }
 .employer_dashboard .layout__region--first .location_type .field--name-field-location-type .field__item{
    margin: 10px 0px 20px 27px !important;
 }
 .save_and_easy_apply .easy-apply img{
    width: 70%  !important;
    height: auto;
  }
  .save_and_easy_apply .save img{
    width: 80% !important; 
    height: auto;
  }
 .layout__region--second .employer-account-details .view-header{
  font-size: 18px !important;
 }
 .employer-account-details .view-content .views-row .views-field-mail .views-label-mail, .employer-account-details .view-content .views-row .views-label-field-temp-password{
   font-size: 24px !important;
 }
 .employer-account-details .view-content .views-row .views-field-mail .field-content{
   font-size: 19px;
 }
}

@media (min-width: 601px) and (max-width: 992px) {
  #block-drupal8-w3css-theme-branding {
    float: left;
    width: 57%;
  }
  /********************************ad webform submit button**************************/
  .webform-submission-job-ad-add-form .button--primary{
    margin: auto 42px !important;
  }
}
@media (min-width: 601px) and (max-width: 844px) {
  /*********************Information Technology Job************************/
  .block-field-blocknodefigover-jobsfield-image1 .field--name-field-image1 img {
    width: 99% !important;
  }
  .actual-job-category-job-node .view-job-actual-category header{
    width: 32%;
  }
  .views-blockjob-actual-category-block-1 .view-job-actual-category .view-content{
    width: 75%;
  }
  .actual-job-category-job-node .view-job-actual-category .view-content .views-row{
    background-color: transparent;
    padding: 0% !important;
  }

}
@media (min-width: 601px) and (max-width: 1500px) {

  input#edit-keys.form-autocomplete.form-search.w3-border.w3-theme-border.ui-autocomplete-input {
    border-right: none !important;
    text-indent: 20px;
    color: #2b2d42;
    background-color: transparent;
    background: transparent;
    box-shadow: inset 0 0 2px #8d99ae;
    height: 48px;
  }
  .header-inner #edit-actions {
    background: #3e54ac;
    box-shadow: inset 0 0 5px #3e54ac;
  }
  #search-block-form--2 {
    display: none;
  }
}
#block-drupal8-w3css-theme-branding {
  float: left;
  width: 50%;
}
.w3-search-block-form {
  width: auto;
  visibility: hidden;
}
@media (min-width: 993px) and (max-width: 1500px) {
  #search-block-form {
    width: 25%;
    float: right;
    margin-top: 20px;
  }
  .webform-submission-job-ad-add-form .button--primary{
      margin: auto 71px !important;
  }
}
#header-inner {
  background-color: #fff;
}
.webform-submission-form .form-actions > input {
  background-color: #615EFC;
  padding: 0px 5px !important;
}
#bottom-container .first-bottom > div {
  background-color: #edf2f4;
  color: #615EFC;
}
#bottom-container .second-bottom > div {
  background-color: #edf2f4;
  color: #615EFC;
}
#bottom-container .third-bottom > div {
  background-color: #edf2f4;
  color: #615EFC;
}
#bottom-container .forth-bottom > div {
  background-color: #edf2f4;
  color: #615EFC;
}
#bottom-container-inner {
  background-color: #615EFC;
}
#copyright {
  color: #615EFC;
  font-weight: bold;
  background-color: #edf2f4;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.w3-col.m6,
.w3-half {
  width: auto;
}
#footer-menu {
  background-color: #615EFC;
}
#footer-menu-inner > div {
  background-color: #edf2f4;
}
.w3-button:hover {
  color: white !important;
  background-color: #4C3BCF !important;
}
.ul-child.ul-child-main {
  background-color: #615EFC !important;
}
.page-node-type-figover-jobs .block-field-blocknodefigover-jobsbody, .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-body {
  background-color: #edf2f4;
  color: #615EFC;
  padding: 3%;
  margin-top: 3%;
  border-radius: 15px;
}
h3 {
  font-size: 24px;
  color: #2b2d42;
}
#edit-actions {
  text-align: center;
}
[id^="edit-actions"]{
  text-align: center;
}

#page-title {
  background-color: #edf2f4;
}
#block-views-block-frontpage-block-1 .view-content {
  display: none;
}
.ui-accordion .ui-accordion-content {
  height: auto !important;
  padding: inherit;
  padding-top: 10px;
}
.ui-state-default {
  border: 1px solid #c5c5c5;
  background: transparent;
  font-weight: bold;
  color: #3e54ac;
  box-shadow: inset 0 0 2px #8d99ae;
}
.ui-state-active {
  border: 1px solid #ef233c;
  background: #ef233c;
  font-weight: bold;
  color: aliceblue;
}
.ui-state-hover {
  border: 1px solid #8d99ae;
  background: #8d99ae;
  font-weight: bold;
  color: aliceblue;
}
.ui-state-default a {
  color: #ef233c !important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link {
  color: aliceblue !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: aliceblue !important;
}
@media (min-width: 320px) and (max-width: 600px) {
  .ui-accordion .ui-accordion-content {
    padding: 0px !important;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .page-node-type-cv .cv-wrapper-tem table tbody tr{
    width: 100%;
    display: flex;
  }
  .page-node-type-cv .cv-wrapper-tem table tr td:first-child{
    width: 45%;
    padding: 10px;
  }
  .page-node-type-cv .cv-wrapper-tem table tr td:last-child{
    width: 55%;
    padding: 10px;
  }
  .ui-accordion .ui-accordion-header {
    padding: 3px 6px 9px 6px;
    margin: 2px 0 7px 0;
  }
  .ui-state-default a {
    font-size: 12px;
  }
  .ui-icon-triangle-1-e {
    background-position: -33px -13px;
  }
  .ui-state-hover {
    background-position: -65px -12px;
  }
}
.ui-icon-triangle-1-s {
  background-position: -65px -13px;
}
@media (min-width: 481px) and (max-width: 1200px) {
  .ui-accordion .ui-accordion-header {
    margin: 2px 0 10px 0;
  }
}

.block-field-blocknodefigover-jobsfield-nearest-cities
  .field__item.w3-bar-item.field__item {
  margin-bottom: 10px;
}
.block-field-blocknodefigover-jobsfield-sub-category
  .field__item.w3-bar-item.field__item {
  margin-bottom: 10px;
}
.ui-widget-content {
  background: white;
  color: #d90429;
}
.ui-widget-content a {
  color: #ef233c;
  bottom: 10px;
}
.ui-widget-content a:hover {
  bottom: 10px;
}
.ui-widget-content:hover {
  background-color: rgb(255, 255, 255);
}
.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover {
  padding: 0px;
  line-height: 0px;
  position: inherit;
  display: inline-block;
  color: #3e54ac !important;
}
.ui-widget-content .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: none;
}
.ui-menu-item.ui-menu-item {
  padding-left: 10px;
}

.w3-row.view.view-frontpage {
  position: relative;
}
.applyjoblog {
  width: 70px;
  height: 70px;
  margin-left: 42%;
}

.mui-style-919eu4 {
  position: fixed;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
}
.js-form-type-select {
  width: 100% !important;
}
#edit-job,
#edit-city {
  padding-left: 10px;
}
.w3-row .w3-ul .w3-panel {
  background: #edf2f4;
  border-radius: 42px;
}
.w3-row .w3-ul .w3-panel .search-result__title,
.search-result__snippet-info {
  color: #615EFC;
}
.field--name-field-image-1 .field__item {
  text-align: center;
}
.node--type-figover .block-field-blocknodefigovertitle {
  font-size: 25px;
  font-weight: bold;
  color: #615EFC;
}
.block-field-blocknodefigover-jobsfield-contact-person {
  display: none;
}
#views-exposed-form-frontpage-page-1 .applyjob {
  font-weight: bold;
  text-align: center;
  color: #615EFC;
}

.block-field-blocknodefigover-jobsfield-select-category,
.form-item-actual-category {
  display: none;
}

.cross {
  cursor: pointer;
  color: #615EFC;
  text-align: end;
}
.w3-bar-item .js-form-type-textarea {
  display: none;
}
.webform-submission-information-technology-form .js-form-item-what-current-certifications-do-you-have-, .webform-submission-management-add-form .js-form-item-what-are-qualities-of-a-successful-manager-, .webform-submission-marketing-add-form .js-form-item-tell-me-something-about-yourself-, .webform-submission-medical-add-form .js-form-item-why-should-we-hire-you-{
  display: block;
  padding-left: 3%;
  padding-right: 4%;
}
.field--name-body p {
  color: #2b2d42;
}
#block-applyatjob .field--name-body p {
  color: #fff;
}
.d8-fade.w3-mobile h2 {
  color: #333;
}
#views-exposed-form-frontpage-page-1 {
  display: block !important;
  border: 2px solid #615EFC;
  margin-top: 2%;
  margin-bottom: 2%;
}
.field--type-text-with-summary {
  color: #2b2d42;
}
@media (min-width: 300px) and (max-width: 768px) {
  .w3-block.form--inline.clearfix {
    display: inherit !important;
  }
  #edit-submit-frontpage {
    width: 50% !important;
  }
}
#main-container-inner {
  background: #fff;
}
.js-form-item-pdf-link {
  display: none;
}
.view-header .vocabulary-cities {
  display: none;
}
#block-socialauthlogin {
  display: none;
}
.fill-resume {
  text-align: center;
}
.form-item-resume-sample,
.form-item-build-resume {
  text-align: center !important;
}
.form-item-resume-sample img {
  width: 70%;
}
.view-cv {
  margin-left: 10px;
}
.cv-wrapper-tem {
  font-family: "Montserrat", sans-serif;
}
.cv-wrapper-tem td {
  vertical-align: top;
  line-height: 23px;
}
.cv-wrapper-tem .name-email-cell {
  line-height: inherit;
}
.cv-wrapper-tem p {
  font-size: 14px;
}
.cv-wrapper-tem table {
  border-collapse: separate;
  border-spacing: 0;
}
.page-node-type-cv .cv-wrapper-tem table tr td p:empty{
  display: none;
}
.cv-wrapper-tem table tr td:first-child {
  background: #b9dee4;
  padding: 20px;
  border-bottom: 2px dashed #184759 !important;
  vertical-align: middle;
}
.cv-wrapper-tem table tr td:last-child {
  padding-left: 2%;
  vertical-align: middle;
  border-radius: 1px 57px 1px;
}
.name-email-cell {
  background: rgb(24, 71, 89);
  color: #fff;
}
.cv-wrapper-tem .header-row-images img {
  width: 150px;
  height: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 3px solid #184759;
}
.cv-wrapper-tem .cv-img {
  width: 25%;
  text-align: center;
}
.cv-wrapper-tem .address,
.cv-wrapper-tem .cv-img {
  border: none !important;
}
.cv-wrapper-tem .header-row-images h1 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.cv-wrapper-tem .mail-icon {
  width: 18px !important;
  margin-left: 0 !important;
  margin-right: 5px;
  margin-bottom: 0 !important;
  vertical-align: sub;
}

.cv-wrapper-tem .headline p {
  font-size: 14px !important;
}
.exp-wrapper {
  padding-bottom: 3%;
}
.exp-wrapper span {
  display: inline-block;
  width: 22%;
  vertical-align: top;
}

.exp-wrapper.education span {
  width: 30%;
}
.exp-wrapper p,
.achievements,
.references {
  font-size: 14px !important;
}
.curve-background {
  background: #74909b70;
}
.curve-background-light {
  background: #e7ecee;
}
.sample-cv-image {
  position: relative;
  width: 400px;
  z-index: 1000;
  margin-top: -400px;
  margin-left: 200px;
  display: none;
}
.sample-cv-image img {
  border: 3px solid;
}
@media (min-width: 320px) and (max-width: 768px) {
  .search-job-by .views-element-container .views-row{
    background: none !important;
  }
  .aside-ad img{
    width: 90% !important;
  }
  .own-job-ad a img {
    margin: 7% 0 !important;
  }
  .own-job-ad{
    text-align: center;
  }
  .page-node-type-figover-jobs #block-userregistrationform {
    width: 100% !important;
  }
  #block-socialauthlogin-2 {
    text-align: center;
  }
  #block-socialauthlogin-2 h2 {
    margin: 0;
    text-decoration: none;
  }
  .sample-cv-image {
    width: 100%;
    margin: 0;
  }
  .sample-cv-image img {
    width: 100%;
  }

  /*Madam G Points*/
  .career-page {
    display: inherit !important;
  }
  .career-page .field--name-body {
    width: auto !important;
  }
  .career-page .field--name-field-image-1 {
    width: auto !important;
  }
  .career-page .field--name-field-image-1 img {
    width: 30% !important;
  }
  .page-node-type-cv .w3-small.breadcrumb {
    display: none;
  }

  /******************************jobs Page*********************/
  .page-node-type-figover-jobs .node--type-figover-jobs  .node__content .layout__region--content{
    display: grid;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-apply-at-job{
    order: 1;
  }
  .page-node-type-figover-jobs .block-views-blockduplicate-of-jobboard-view-applicants-block-1{
    order: 2;
  }
  .page-node-type-figover-jobs .aside-ad{
    order: 3;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-image1{
    order: 4;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-main-cities{
    order: 5;
  }
  .page-node-type-figover-jobs .block-views-blockjob-actual-category-block-1{
    order: 6;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-employment-type{
    order: 7;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-location-type{
    order: 8;
  }
  .block-views-blockvideo-media-job-block-1{
    order: 9;
  }
  .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-body, .page-node-type-figover-jobs .block-field-blocknodefigover-jobsbody{
    order: 10;
  }
}
#block-currentuser {
  display: none;
}
/***************************Madam G Points******************************/
.ui-accordion-header:hover {
  background: #4C3BCF;
}
.ui-accordion-header span a:hover {
  color: #fff;
}
.social-media a > i {
  filter: grayscale(0);
  opacity: 1;
}
.w3-opacity {
  opacity: 1;
}

.career-page {
  display: flex;
}
.career-page .field--name-body {
  width: 50%;
  text-align: justify;
}
.career-page .field--name-field-image-1 {
  width: 50%;
}
.career-page .field--name-field-image-1 img {
  width: auto;
}
#header-inner .block-system-branding-block a.site-logo {
  margin: 0 !important;
  padding: 0 !important;
}
#header-inner .block-system-branding-block .site-name-slogan {
  margin-top: 0 !important;
}
@keyframes pulseAttention {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 5px #F05A7E;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px #F05A7E;
  }
}
@keyframes colorFlash {
  0%, 100% {
    background-color:#F05A7E;
    color: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color:#F05A7E;
  }
}
#header-inner .block-system-branding-block .site-name-slogan a img {
  animation: pulseAttention 1.5s infinite, colorFlash 1.5s infinite;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}
#header-inner .block-system-branding-block .site-name-slogan h1{
  display: inline-block !important;
}
#header-inner .block-system-branding-block .site-name-slogan h1 a,
#header-inner .w3-search-block-form {
  margin: 5px !important;
}
#header-inner .block-system-branding-block .site-name-slogan a img{
  width: 155px;
  height: 60px;
}
@media screen and (min-width: 320px) and (max-width:767px){
  #header-inner .block-system-branding-block .site-name-slogan h1{
    display: block !important ;
  }
  #header-inner .block-system-branding-block .site-name-slogan{
    text-align: center;
  }
  #header-inner .block-system-branding-block .site-name-slogan a img{
    width: 200px;
    height: 90px;
  }
}
.cv-popup {
  background: yellow;
  /*  width: 450px;  */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #615EFC;
  border-radius: 5px;
}
.cv-popup div {
  text-align: end;
}
.cv-popup span {
  padding: 10px;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
}
.cv-popup h4 {
  text-align: center;
}

.node-id-user,
.login-link {
  display: none;
}

.ul-parent-account {
  color: white;
  padding: 10px;
  padding-top: 7px;
  padding-bottom: 3px;
  margin-top: 2px;
  border: 3px solid white;
  text-align: center;
  border-radius: 13px;
  color: white;
  font-weight: bold;
}
.messages--status {
  width: 50% !important;
  position: fixed !important;
  z-index: 100 !important;
  background: white !important;
  border: 5px solid #615EFC !important;
  box-shadow: none !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #615EFC !important;
}
.messages--status .close-message {
  background: #615EFC;
  padding: 5px;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}
.w3-search-block-form .form-actions {
  width: 20%;
  float: left;
}
.ui-dialog-buttonpane {
  text-align: center !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
  float: inherit !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .login-popup {
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .login-popup a {
  text-decoration: underline;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button {
  background: #615EFC;
  color: #fff;
}
.google-icon-custom {
  width: auto !important;
}
#block-cookiesui .cookiesjsr-banner {
  background: #615EFC;
}
#block-cookiesui .cookiesjsr-banner button {
  color: #615EFC;
  font-weight: bold;
}
.path-user-register #edit-mail--description {
  display: none;
}
.main-navigation-wrapper {
  background: inherit;
}
.form-item-user-profile-title,
.form-item-user-profile-url,
.admin-context.user-logged-in.path-user .form-item-field-google-connect-0-value,
.admin-context.user-logged-in.path-user .form-item-preferred-langcode,
.admin-context.user-logged-in.path-user #edit-google-analytics,
.admin-context.user-logged-in.path-user #edit-timezone {
  display: none;
}
#edit-full-name--wrapper {
  padding-left: 3%;
  padding-right: 3%;
}
.form-item-email,
.js-form-item-whatsapp-number {
  padding-left: 3%;
  padding-right: 4%;
}

#webform-submission-hiring-employee-form-node-21600-add-form .form-item-email{
  padding-left: 0;
  padding-right: 0;
}
#webform-submission-hiring-employee-form-node-21600-add-form label[for="edit-email"]{
  font-weight: normal;
  font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.path-user form#views-exposed-form-frontpage-block-1 {
  display: none;
}
body.admin-context.user-logged-in div.form-item-mail {
  display: none;
}
.page-node-type-figover-jobs #block-userregistrationform {
  box-shadow: 1px 4px 14px 5px grey;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.page-node-type-figover-jobs #block-userregistrationform h2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: #615EFC;
  text-align: center;
  font-size: 32px;
  padding-top: 15px;
}
.page-node-type-figover-jobs
  #block-userregistrationform
  #edit-field-google-connect-wrapper,
.page-node-type-figover-jobs #block-userregistrationform #edit-account {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.page-node-type-figover-jobs .field--name-field-google-connect {
  border: 1px solid #615EFC;
  border-radius: 33px;
  padding: 3px 0px 5px 13px;
  display: flex;
  align-items: center;
}
.page-node-type-figover-jobs .field--name-field-google-connect:hover {
  background: #4C3BCF;
}
.page-node-type-figover-jobs .doodle {
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
}
.page-node-type-figover-jobs .doodle span {
  text-align: center;
  flex: 1;
  color: #4C3BCF;
}
.page-node-type-figover-jobs .doodle span:hover {
  color: #fff;
}
.page-node-type-figover-jobs .google-icon-custom-job-page {
  width: 1.5em;
}
.page-node-type-figover-jobs .line-container {
  display: flex;
  align-items: center;
  gap: 10px; /* Adjust this as needed */
}
.page-node-type-figover-jobs .line {
  flex-grow: 1;
  height: 1px; 
  background-color: #ef233c3d; 
}
.page-node-type-figover-jobs .registor-form-or {
  padding: 0 10px; 
  font-weight: bold; 
}
.page-node-type-figover-jobs #block-userregistrationform {
  display: none !important;
}
.form-item-upload-cv{
  width: 320px;
  padding-left: 20px;
}
.fieldset-wrapper .form-item-cv-pdf-link-title,
.form-item-cv-pdf-link-url {
  display: none;
}
/* i have change 1391 line to show Upload CV in Form */

/* Hide Fields From User EDIT Page */
body.path-user-register div.field--name-field-temp-password {
  display: none !important;
}
body.path-user-register div.field--name-field-user-cv {
  display: none !important;
}
body.path-user-register div.field--name-field-auto-check {
  display: none !important;
}
body.path-user-register div.field--name-field-last-name {
  margin-bottom: 20px;
}
body.user-logged-in.path-user div.field--name-field-first-name {
  display: none !important;
}
body.user-logged-in.path-user div.field--name-field-last-name {
  display: none !important;
}
body.user-logged-in.path-user div.field--name-field-temp-password {
  display: none !important;
}
body.user-logged-in.path-user div.field--name-field-user-cv {
  display: none !important;
}
body.user-logged-in.path-user div.field--name-field-auto-check {
  display: none !important;
}
/* Hide Fields From User EDIT Page  while User Change Their Password*/
body.path-view-my-dashboard
  div.ui-dialog
  div.ui-dialog-titlebar
  span.ui-dialog-title {
  opacity: 0 !important;
}
body.path-view-my-dashboard
  div.ui-dialog
  div.form-item-field-google-connect-0-value {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.form-type-email {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.form-item-preferred-langcode {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.field--name-field-first-name {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.field--name-field-last-name {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.field--name-field-temp-password {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.field--name-field-user-cv {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog div.field--name-field-auto-check {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog details.js-form-wrapper {
  display: none !important;
}
body.path-view-my-dashboard div.ui-dialog {
  top: 10px !important;
}
body.page-node-type-figover-jobs
  form.webform-submission-add-form
  span.messages__text {
  padding: 30px !important;
}
body.page-node-type-figover-jobs
  form.webform-submission-add-form
  p.user_login_tag {
  width: 30% !important;
  float: left !important;
  text-align: center !important;
  margin-top: 50px;
}
@media (min-width: 320px) and (max-width: 1250px) {
  body.page-node-type-figover-jobs
    form.webform-submission-add-form
    p.user_login_tag {
    width: 100% !important;
    margin-top: 0;
  }
}  
.ul-parent-account .li-item-account .li-link-account {
  padding: 0 16px;
}
form.webform-submission-add-form span.between_p_tag {
  color: #4C3BCF !important;
  font-weight: bold;
}
body.user-logged-in
  form.webform-submission-add-form
  div.form-type-email.form-item-email {
  pointer-events: none !important;
}
/* body.path-view-my-dashboard div.ui-dialog div. */

.d8-fade #block-userregistrationform {
  display: none;
}
.node-detail-more-jobs-figover table thead tr #view-title-table-column {
  font-size: 18px;
}
.node-detail-more-jobs-figover table tbody tr .views-field.views-field-title a {
  background: inherit;
  color: #615EFC;
  font-weight: lighter;
  font-size: 18px;
  padding: 0;
}
.node-detail-more-jobs-figover header {
  text-align: center;
}
.node-detail-more-jobs-figover header h3 b {
  color: #615EFC;
  border-bottom: 2px solid #615EFC;
  padding: 0px 15px;
  font-size: 30px;
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
  .node-detail-more-jobs-figover table tbody tr .views-field.views-field-title,
  .node-detail-more-jobs-figover
    tbody
    .views-field.views-field-field-main-cities,
  .node-detail-more-jobs-figover
    tbody
    .views-field.views-field-field-contact-person {
    font-size: 12px;
    line-height: 16px;
  }
  .node-detail-more-jobs-figover
    table
    tbody
    tr
    .views-field.views-field-title
    a {
    font-size: 12px;
  }
  .node-detail-more-jobs-figover table thead tr th {
    font-size: 14px;
  }
}

body.path-my-dashboard-page div.field-content {
  display: inline;
}

body.path-my-dashboard-page .views-field-view-node {
  text-align: right;
  padding-top: 5px;
}

body.path-my-dashboard-page div.views-field-title span.field-content {
 color: #4C3BCF;
}
body.path-my-dashboard-page div.views-field span.views-label {
  font-weight: bolder;
  margin-right: 1rem;
  font-size: 18px !important;
  font-family: initial;
  color: #555555;
}
body.path-my-dashboard-page div.views-field-title span.views-label-title {
  font-weight: bold !important;
}
/* Optional: Add some padding or margin for better spacing */
body.path-my-dashboard-page .views-field-view-node a {
  padding: 0.5rem 0.7rem;
  background-color: #615EFC;
  color: white;
  border-radius: 0.2rem;
}
body.path-my-dashboard-page .views-field-view-node a:hover {
  background-color: #4C3BCF;
}

/* ------------------------------------Mobile Media Query Start ------------------ */
@media (min-width: 320px) and (max-width: 600px) {
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text{
    display: inline-flex;
    line-height: 1.5rem;
  }
  body.path-my-dashboard-page div.views-field-title {
    font-size: 16px;
  }
  body.path-my-dashboard-page div.views-field span.views-label {
    font-weight: bolder;
    margin-right: 0.5rem;
    font-size: 14px !important;
    font-family: initial;
    color: #555555;
  }
  body {
    font-size: 14px !important;
  }
  body.path-my-dashboard-page .views-field-view-node {
    text-align: center;
    margin-top: 0.3rem;
  }
  body.path-my-dashboard-page .views-field-view-node a {
    padding: 0.3rem 0.8rem;
    background-color: #615EFC;
    color: white;
    border-radius: 0.2rem;
  }
  body.path-my-dashboard-page
    section#block-views-block-more-related-jobs-block-1
    h2 {
    font-size: 20px !important;
  }
  .dashboard-msg {
    margin-bottom: 0px !important;
  }
  body.path-my-dashboard-page .w3-row.views-row {
    padding-bottom: 5%;
  }
  body.path-my-dashboard-page .views-field-field-select-category {
    display: block !important;
  }
  body.path-my-dashboard-page .views-field-field-select-category-1 {
    display: block !important;
  }
  body.path-my-dashboard-page .views-field-view-node {
    float: unset !important;
  }
  /* -------------------on this page other component styling --------------- */
  body.path-my-dashboard-page .block-system-branding-block {
    margin: 0px !important;
  }
  body.path-my-dashboard-page .site-name-slogan {
    display: inline-block;
    margin: 0px !important;
  }
  body.path-my-dashboard-page .page-title {
    font-size: 14px !important;
  }
  body.path-my-dashboard-page .w3-section {
    margin: 0px 0 !important;
  }
  body.path-my-dashboard-page .dashboard-msg {
    margin-top: 0px !important;
  }
  body.path-my-dashboard-page div.d8-fade.w3-mobile {
    padding-top: 0px !important;
  }
  body.path-my-dashboard-page .site-logo {
    width: 50px !important;
  }
  body.path-my-dashboard-page .site-name a {
    font-size: 25px !important;
  }
   /*******************Employer Job view responsive************************/
  .myad-next-job-container{
    display: block !important; 
    padding: 0 !important;
    margin: 0 !important;
 }  
  .myad-next-job-container .next-job-left-side{
   width: 100% !important;
 }
  .myad-next-job-container .next-job-left-side h1{
   font-size: 32px !important;
   padding-top: 10px;
 }
  .myad-next-job-container .next-job-left-side h6{
    font-size: 20px !important;
    padding: 0px 7px;
 }
 .myad-next-job-container .next-job-img{
    width: 100% !important;
    text-align: center;
  }
   .myad-next-job-container .next-job-img img{
    padding: 0 0 11px 0 !important;
    width: 60% !important;
  }
  .green-buttons-myad{
    margin-top: 18px;
    gap: 1% !important;
  }
  .myad-job-applied-preview .views-row .views-field-nothing{
    width: 100% !important;
    padding: 10px !important;
  }
  .views-field-nothing .field-content .header h1{
    font-size: 30px !important;
  }
  .views-row .views-field-nothing  span .header h3{
    font-size: 30px !important;
  }
  .myad-job-applied-preview .views-row .views-field-title{
    width: 100% !important;
    padding: 0 20px !important;
  }
  .myad-job-applied-preview .views-row .views-field-title span{
    font-size: 25px !important;
    text-align: center !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node{
    width: 45% !important;
    padding-bottom: 0 !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node span{
    padding-left: 15px !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node img{
    width: 90% !important;
  }
  .myad-job-applied-preview .views-row .views-field-view-node{
    width: 55% !important; 
    padding-bottom: 0 !important;
  } 
  .myad-job-applied-preview .views-row .views-field-field-main-cities{
    width: 50% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type{
    width: 50% !important;
    clear: right;
  }
  .myad-job-applied-preview .views-row .views-field-field-location-type, .myad-job-applied-preview .views-row .views-field-nothing-2,   .myad-job-applied-preview .views-row .views-field-field-image1, .myad-job-applied-preview .views-row .views-field-nothing-1, .myad-job-applied-preview .views-row .views-field-view-node img{
    width: 100% !important;
  }
  .myad-job-applied-preview .account-details{
    position: inherit !important;
    width: 100% !important;
  }
  .myad-job-applied-preview .account-details .account-heading{
    width: 100% !important;
  }
  .verified-by-applyatjob h4{
    margin: 0 !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-main-cities{
    padding: 0 !important;
    width: 100% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-main-cities .field-content a{
    font-size: 18px !important;
    margin-left: 12px !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type{
    padding-left: 14px !important;
    width: 100% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type .field-content{
    font-size: 18px !important;
    margin-left: 0 !important;
  } 
  .myad-job-applied-preview .views-row .views-field-field-location-type .field-content{
    margin-left: 0px !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-location-type .field-content span{
    width: 45% !important;
  }
  .view-job-show-to-employeer .view-content .w3-row.views-row{
    background-color: transparent !important;
    padding: 0%;
    margin-top: 15px;
  }
  .myad-job-applied-preview .views-row .views-field-body, .myad-job-applied-preview .views-row .views-field-field-body{
    width: 100% !important;
    padding: 20px !important;
  }
}
 /* -------------------------------Mobile Media Query End ---------*/

body.path-my-dashboard-page .w3-row.views-row {
  background: #edf4ef5c;
  padding: 3%;
  border-radius: 0.2rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #edeff4;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 5px 9px;
}
body.path-my-dashboard-page .views-field-field-select-category {
  display: inline;
}
body.path-my-dashboard-page .views-field-field-select-category-1 {
  display: inline;
}
body.path-my-dashboard-page .views-field-view-node {
  float: right;
}
body.path-my-dashboard-page
  div.views-field-webform-submission-value-1
  span.field-content {
  color: #615EFC;
  font-weight: bold;
}
body.path-my-dashboard-page div.views-field-nothing .field-content {
  color: #006600;
  font-weight: bold;
}
body.path-my-dashboard-page div.views-field-nothing-1 .field-content {
  color: #006600;
  font-weight: bold;
  float: right;
}
body.path-my-dashboard-page
  div.views-field-nothing-1
  .field-content
  span::before {
  content: "\2713";
  color: green;
  font-size: 10px;
  margin-right: 4px;
}
body.path-my-dashboard-page .my-custom-load-more-div,
.my-custom-load-more-related-div {
  text-align: center;
}
body.path-my-dashboard-page span.my-custom-load-more-span,
.my-custom-load-more-related-span {
  color: #fdfff5;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  background: #615EFC;
  padding: 8px 10px;
  border-radius: 0.2rem;
  font-family: Helvetica;
}
body.path-my-dashboard-page span.my-custom-load-more-span::before,
.my-custom-load-more-related-span::before {
  content: "\27F3";
  margin-right: 10px;
  font-size: 1.3rem;
}
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 
.element-container-wrapper .view-content{
  display: none;
}
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header{
  justify-content: center;
  margin: auto;
}
.view-header .main-page-header img{
  width: 130px;
}
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div img,
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div h2
{
  font-size: 45px;
  font-weight: bold; 
  display: none;
} 
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories input{
  width: 30%;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #ccc;
  padding-left: 15px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline{
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 0;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job{
  position: relative;
  flex-basis: 25%;
  display: none;
}
/* jobs and location form customization again  */
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job input{
  width: 100%;
  padding: 10px;
  outline: none;
  border: none;
  background-color: white;
  padding-left: 35px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job .autocomplete-list{
  width: 100%;
  height: 200px;
  overflow: hidden;
  list-style: none;
  padding: 0 5px;
  background-color: white;
  color: gray;
  box-shadow: 1px 1px 2px white;
  position: absolute;
  top: 40px;
  z-index: 1;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .autocomplete-list li{
 cursor: pointer;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location{
  position: relative;
  flex-basis: 25%;
  display: none;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location .autocomplete-list{
  width: 100%;
  overflow: hidden;
  list-style: none;
  padding: 0 5px;
  background-color: white;
  color: gray;
  box-shadow: 1px 1px 2px white;
  position: absolute;
  top: 40px;
  z-index: 1;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .form-item-location input{
  padding: 10px;
  width: 100%;
  outline: none;
  border: none;
  padding-left: 35px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .form-actions{
  margin-top: 10px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .fieldgroup{
  justify-content: center;
}
 #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .fieldgroup legend{
  display: none;
}
 #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .fieldgroup .fieldset-wrapper .form-radios{
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
 #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 
.form--inline .fieldgroup .fieldset-wrapper .form-radios .form-item label{
  color: white;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .ui-menu{
  list-style: none;
  padding: 0;
}  
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .ui-menu li{
  list-style-image: none;
    
} 
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .ui-menu li a{
  background: none;
  padding: 0px 0px;
}  
@media screen and (min-width: 320px) and (max-width:480px) {
  .green-buttons-myad .green-arrows-myad{
    width: 30% !important;
  }
  .green-buttons-myad .green-arrows-myad img{
    width: 80% !important;
  }
 .green-buttons-myad .green-button-myad{
    width: 64% !important;
  }
  .myad-job-applied-preview .green-buttons-myad .green-button-myad .add-more-jobs{
    font-size: 20px !important;
   font-weight: 500 !important;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header{
    justify-content: center;
    padding: 0;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div img{
    width: 50px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div h2{
    font-size: 20px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories input{
    width: 100%;
    padding: 10px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories input:nth-child(2){
    margin-top: 10px;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline{
    justify-content: start;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job{
    flex-basis: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job::before{
    top: 50%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job .form-text{
    width: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location{
    flex-basis: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location::before{
    top: 50%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location .form-text{
    width: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-actions{
    width: 100%;
    order: 4;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-actions input{
    background-color: none;
    padding: 10px 20px !important;
    font-size: 20px !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup{
      justify-content: center;
      order: 3;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup .fieldset-wrapper{
    margin: 0;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup .fieldset-wrapper .form-radios{
    flex-direction: column;
    gap: 0;
  }
 #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline{
  justify-content: start;
  }
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job{
  width: 100%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job::before{
  top: 50%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-job .form-text{
  width: 100%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location{
  width: 100%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location::before{
  top: 50%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-item-location .form-text{
  width: 100%;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-actions{
  order: 4;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .form-actions input{
  font-size: 20px;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup{
    justify-content: center;
    order: 3;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup .fieldset-wrapper{
 margin: 0;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1  .form--inline .fieldgroup .fieldset-wrapper .form-radios{
  flex-direction: column;
  align-items: center;
  gap: 0;
 }
}

@media screen and (min-width: 481px) and (max-width:768px) {
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header {
    padding:0;
  }
  
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div img {
    width: 70px;
  }
  
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div h2 {
    font-size: 30px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories input{
    width: 100%;
    padding: 10px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories input:nth-child(2){
    margin-top: 10px;
  }

  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline {
    justify-content: center !important;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job::before {
    top: 50% !important;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job {
    flex-basis: 45%;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job .form-text {
    width: 100% !important;
    border-radius: 10px;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location::before {
    top: 50% !important;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location {
    flex-basis: 45%;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location .form-text {
    width: 100% !important;
    border-radius: 10px;
    box-shadow: rgb(213, 0, 0) 0px 0px 1px inset !important;
  }
  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-actions {
    order: 4 !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-actions input{
    font-size: 20px;
    border: none !important;
  }  
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup {
    justify-content: center;
    order: 3 !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup .fieldset-wrapper {
    margin: 0;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup .fieldset-wrapper .form-radios {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup {
    justify-content: center;
  }  
} 
@media screen and (min-width: 769px) and (max-width:848px) {
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header{
    padding-right: 0;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div img{
    width: 80px;
  }
  .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header div h2{
    font-size: 30px;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline{
    justify-content: center !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job{
    flex-basis: 45%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-job .form-text{
    width: 100% !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location{
    flex-basis: 45%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-item-location .form-text{
    width: 100% !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .form-actions{
    order: 4 !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup{
    justify-content: center;
    order: 3 !important;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup .fieldset-wrapper{
    margin: 0;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-block-1 .form--inline .fieldgroup .fieldset-wrapper  .form-radios{
    flex-direction: row;
    justify-content: center;
    gap: 0;
  }
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .form-group #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1{
  border-bottom: 1px solid #b2b2b2;
}
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline{
      display: flex !important;
      justify-content: center;
      align-items: center;
      gap: 15px;
  }
    .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job{
      position: relative;
    }
    .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job::before{
      content:'';
      background-image: url('/sites/default/files/2024-03/search-icon.png');         
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #555; 
      width: 16px;
      height: 16px;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-color: transparent;
      left: 10px;
    }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job .form-text{
      width: 250px;
      outline: none;
      background-color: white !important;
      padding-left: 35px !important;
      border-radius: 10px;
      box-shadow: none !important;
      border: 2px solid #b2b2b2;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location{
    position: relative;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .form-item-location::before{
    content: '';
    background-image: url('/sites/default/files/2024-03/location-icon.png');
    font-weight: 900; 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #555; 
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    left: 10px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .form-item-location .form-text{
    width: 250px;
    outline: none;
    border: none;
    padding-left: 35px;
    border-radius: 10px;
    box-shadow: none;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .form-actions{
    order: 4;
    margin-top: 15px;
  }
  #edit-submit-display-jobs-by-categories-and-city-using-taxonomy{
    color: white;
    background-color:#615EFC;
    border: none !important;
    outline: none;
    border-radius: 15px;
    padding: 10px 20px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .fieldgroup{
    order: 3;
    justify-content: center;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .fieldgroup legend{
    display: none;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .fieldgroup .fieldset-wrapper .form-radios{
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1
  .form--inline .fieldgroup .fieldset-wrapper .form-radios .form-item label{
  color: white;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .ui-menu-item{
    list-style-image: none;
  }
@media screen and (min-width: 320px) and (max-width:480px) {
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline{
    display: flex !important;
    justify-content: start;
    gap: 5px !important;
    flex-wrap: wrap;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .form-item-job{
    width: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1 .form--inline .form-item-job input{
    width: 95%;
    margin: auto;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .form-item-job::before{
    top: 50%;
    left: 20px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location{
    width: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1 .form--inline .form-item-location input{
    width: 95%;
    margin: auto;
    margin-top: 10px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location::before{
    top: 50%;
    left: 20px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .form-actions{
    width: 100%;
    order: 4;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .form-actions input{
    padding: 10px 20px;
    font-size: 20px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .fieldgroup{
    justify-content: center;
    order: 3;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1  .form--inline .fieldgroup .fieldset-wrapper{
    margin: 0;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup .fieldset-wrapper .form-radios{
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
@media screen and (min-width: 481px) and (max-width:768px) {
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline {
    justify-content: start;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job{
    width: 100%;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1 .form--inline .form-item-job input{
    width: 95%;
    margin: auto;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job::before {
    top: 50% !important;
    left: 25px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location::before {
    top: 50% !important;
    left: 25px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location{
    width: 100%;
    margin-top: 10px;
  }
  #views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1 .form--inline .form-item-location input{
    width: 95%;
    margin: auto;
    margin-top: 10px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-actions {
    order: 4 !important;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup {
    justify-content: center;
    order: 3 !important;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup .fieldset-wrapper {
    margin: 0;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup .fieldset-wrapper .form-radios {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup {
    justify-content: center;
  }
} 
@media screen and (min-width: 769px) and (max-width:1147px) {
  #header .header-inner #block-drupal8-w3css-theme-languageswitcher {
    width: 11% !important;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline{
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job{
    flex-basis: 30%;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-job .form-text{
    width: 100% !important;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location{
    flex-basis: 30%;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .form-item-location .form-text{
    width: 100% !important;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup{
    justify-content: start;
    flex-basis: 100%;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup .fieldset-wrapper{
    margin: 0;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .form--inline .fieldgroup .fieldset-wrapper  .form-radios{
    flex-direction: row;
    justify-content: center;
    gap: 0;
  }
}

/* language dropdown */

#block-drupal8-w3css-theme-branding{
  width: 47%; 
}
#block-drupal8-w3css-theme-languageswitcher {
  position: relative;
  width: 50%;
  float: right;
}
#block-drupal8-w3css-theme-languageswitcher .w3-block-title{
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline !important;
  color:#fff;
  position: relative;
  font-weight: normal;
}
#block-drupal8-w3css-theme-languageswitcher .w3-block-title::after{
  content: '';
  background-image: url('/sites/default/files/2024-03/baseline_arrow_drop_down_black_24dp.png');
  font-weight: 900; 
  position: absolute;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-size: 22px 25px;
  background-repeat: no-repeat;
  background-color: transparent;
  left: 100%;
  top: 7px;
}
#block-drupal8-w3css-theme-languageswitcher .links{
  display: none;
  position: absolute;
  z-index: 1;
  background-color: white;
  width: 20%;
  top: 45px;
  left: 0;
}
#block-drupal8-w3css-theme-languageswitcher .links li:hover {
  background-color: #615EFC !important;
}
#block-drupal8-w3css-theme-languageswitcher .links li{
  border-bottom: 1px solid #615EFC !important;
  width: 100%;
  padding: 0;
}
#block-drupal8-w3css-theme-languageswitcher .links li a{
  padding: 7px 3px !important;
  color: #615EFC !important;
}
#block-drupal8-w3css-theme-languageswitcher .links li:hover a{
  color: #fff !important;
}

/* header start */
#header .header-inner{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
#header .header-inner #block-drupal8-w3css-theme-branding{
  width: 50%;
}
#header .header-inner #block-drupal8-w3css-theme-languageswitcher{
  order: 4;
  width: 10%;
  background: #615EFC;
  padding: 6px 15px;
  text-align: center;
  border-radius: 13px;
}
#header .header-inner #block-drupal8-w3css-theme-languageswitcher .links{
  width: 100%;
  z-index: 2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#block-drupal8-w3css-theme-createcvblock,
#block-drupal8-w3css-theme-createcvblock-2{
  width: 12%;
  order: 4;
}
.field--name-field-cv-link label,
.field--name-field-cv-link- label{
  display: none !important;
}
.field--name-field-cv-link a,
.field--name-field-cv-link- a{
  background: #615EFC;
  padding: 10px 20px;
  border-radius: 15px;
  color: #fff;
}
#header .header-inner #block-drupal8-w3css-theme-account-menu{
  order: 3;
  max-width: 22% !important;
  position: sticky;
}
#header .header-inner #block-drupal8-w3css-theme-account-menu ul{
  width: 98% !important;
  display: flex;
  padding: 10px;
  border: none;
  margin: 0 1%;
}
#header .header-inner  #search-block-form{
  width: 20% !important; 
}
 #header .header-inner  #search-block-form .form-type-search{
  width: 80% !important;
  height: 48px;
}
#search-block-form .form-type-search{
  height: 48px;
}
#search-block-form .form-type-search #edit-keys{
  height: 100%;
}
#header .header-inner  #search-block-form .form-actions{
  height: 48px;
  }
#header .header-inner  #search-block-form .form-actions #edit-submit{
  height: 100%;
  background-color:  #615EFC;
}
#header .header-inner #block-drupal8-w3css-theme-dashboardbtn{
  order: 2;
  width: 10%;
  background: #615EFC;
  padding: 0px 0px;
  text-align: center;
  border-radius: 13px;
}
#header .header-inner #block-drupal8-w3css-theme-dashboardbtn p{
  margin-top: 0;
  display: inline-flex;
  padding: 10px;
  margin-bottom: 0;
}
#header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a{
  color: #FFFFFF;
  padding: 0 16px;
  font-size: 16px;
  font-weight: bold;
}
html[lang="et"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a {
  padding: 0 8px;
}
html[lang="de"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a {
  padding: 0 0px;
}
html[lang="sv"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a {
  padding: 0 0px;
}
html[lang="de"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
  width: 11%;
}
html[lang="sv"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
  width: 11%;
}
#header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a:hover{
  color: white !important;
  background-color: #4C3BCF !important;
}
@media screen and (min-width: 600px) and (max-width: 766px) {
  .site-name-slogan {
    margin: inherit;
  }
}
@media screen and (min-width: 320px) and (max-width:1000px) {
  #header .header-inner #search-block-form{
    display: none;
  }
  #header .header-inner{
    align-items: center;
    flex-direction: column;
  }
  #header .header-inner #block-drupal8-w3css-theme-branding{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #header .header-inner #block-drupal8-w3css-theme-branding .site-logo img{
    margin-left: 0;
  }
  #header .header-inner #block-drupal8-w3css-theme-languageswitcher{
    width: 20% !important;
    height: 70px;
    padding-top: 20px;
    background: #fff;
  }
  #block-drupal8-w3css-theme-languageswitcher .w3-block-title{
    color: #615EFC;
  }
  #header .header-inner #block-drupal8-w3css-theme-languageswitcher ul{
    left: 51%;
    top: 60px;
    transform: translateX(-50%);
  }
  #header .header-inner #block-drupal8-w3css-theme-languageswitcher ul li:last-child:hover{
    border-bottom: 1px solid black;
  }
  
  #header .header-inner  #search-block-form{
    width: 100% !important;
 }
 #header .header-inner  #search-block-form .form-type-search{
  width: 80% !important;
}
#header .header-inner #block-drupal8-w3css-theme-account-menu{
  max-width: 100% !important;
}
#header .header-inner #block-drupal8-w3css-theme-account-menu ul{
  display: flex;
  justify-content: center;
}
}

@media screen and (min-width: 480px) and (max-width:1000px){
  #header .header-inner  #search-block-form{
    width: 50% !important;
 }
}
/* header end  */


/* home page slider start here */
.home-page-slider-class .lp_swiper_cycle_main {
  padding-bottom: 30px;
  border-bottom: 5px solid #fff;
}
.home-page-slider-class .view-header{
  color: #666;
}
.home-page-slider-class .lp_swiper_cycle_teaser_section .views-field-field-slider-image img{
  position: static !important;
  width: 75px !important;
}
.home-page-slider-class .lp_swiper_cycle_teaser_section .views-field-field-slider-link a{
  text-decoration: underline;
  font-size: 1rem;
}
.home-page-slider-class .lp-swiper-pager-bullets .swiper-paginationb-bullet{
  border: none;
  background-color: #ffff;
}
.home-page-slider-class .lp-swiper-controls-bottom{
  margin-top: 30px;
}
.home-page-slider-class .views-row{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 320px) and (max-width:480px) {
  .home-page-slider-class .lp_swiper_cycle_teaser_section .views-field-field-slider-link a{
    font-weight: bold;
  }
  .home-page-slider-class header{
    text-align: center;
  }
}
@media screen and (min-width: 480px) and (max-width:991px) {
  .home-page-slider-class header{
    text-align: center;
  }
}
.path-node-10258 .layout--threecol-section .block-block-content .w3-block-title{
  text-align: center;
  font-size: 2.5rem;
  color: white;
  text-decoration: none;
}
.path-node-10258 .layout--threecol-section .block-block-content .field--type-text-with-summary{
  text-align: center;
}
/* After home page Searched job page  */

 /* header */

 .path-view-display-jobs-by-categories-and-city-using-taxonomy .messages--error{
  display: none;
 }
 .display-jobs-by-categories-and-city-using-taxonomy-page1 #views-exposed-form-search-keywords-by-title-block-1{
  display: none;
 }
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content{
  padding-left: 30px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .w3-padding{
  border-radius: 15px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .w3-row .views-row{
  background-color: white;
  padding: 0;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-field{
  padding-top: 10px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-title{
  font-weight: bolder;
  font-size: 20px !important;
  font-family: arial;
  line-height: 1.8; 
}
.path-view-display-jobs-by-categories-and-city-using-taxonomy .w3-padding .views-field-view-node .field-content{
  padding: 15px 30px;
  border-radius: 30px;
  background-color: #615EFC;
  color: white;
}

.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-field-main-cities{
  font-weight: normal !important;
  padding-top: 15px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-field-main-cities .views-label-field-main-cities,
.node-detail-more-jobs-figover .view-content .views-row .views-field-field-main-cities .views-label-field-main-cities{
  display: inline;
  font-weight: bold;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-field-main-cities .field-content,
.node-detail-more-jobs-figover .view-content .views-row .views-field-field-main-cities .field-content
{
  display: inline;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-nothing-1{
  margin-bottom: 15px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-nothing-1

.node-detail-more-jobs-figover .view-content .views-row .views-field-nothing-1{
  padding-bottom: 15px;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-nothing-1 img,
.node-detail-more-jobs-figover .view-content .views-row .views-field-nothing-1 img
{
  position: inherit;
  width: 170px;
}
.node-detail-more-jobs-figover .views-field-nothing-1 .field-content a{
  background: none;
  padding: 0;
}
.views-field-nothing-1 .field-content a{
  background-color: #615EFC;
  padding: 8px 20px;
  color: #fff;
  border-radius: 15px;
}
.views-field-nothing-1 .field-content a:hover{
  background-color: #4C3BCF;
}
@keyframes pulseAttention {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 5px #615EFC;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px #615EFC;
  }
}
@keyframes colorFlash {
  0%, 100% {
    background-color:#615EFC;
    color: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color:#615EFC;
  }
}
 .view-content .views-row .views-field-nothing-1 img{
  animation: pulseAttention 1.5s infinite, colorFlash 1.5s infinite;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}

.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-body p{
  font-weight: normal !important;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-body strong{
  font-weight: bolder;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .w3-padding{
  width: 30% !important;
  background: #edf2f4;
  margin-left: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
} 
.path-view-display-jobs-by-categories-and-city-using-taxonomy .w3-f-display{
  display: block;
}
.views-field-field-contact-person .views-label-field-contact-person{
  display: inline;
  font-weight: bold;
}
.views-field-field-contact-person .field-content{
  display: inline;
}
@media screen and (min-width: 320px) and (max-width:767px){
  #block-drupal8-w3css-theme-createcvblock,
  #block-drupal8-w3css-theme-createcvblock-2{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .field--name-field-cv-link,
  .field--name-field-cv-link-
   {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .field--name-field-cv-link a,
  .field--name-field-cv-link- a{
    font-size: 23px;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content{
    padding-left: 0;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .w3-row .w3-padding{
    width: 100% !important;
    margin-top: 10px;
    margin-left: 0;
    align-items: center;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-body{
    text-align: center;
  }
  .display-jobs-by-categories-and-city-using-taxonomy-page1 .view-content .views-row .views-field-title{
    text-align: center;
  }
  .node-detail-more-jobs-figover .views-row{
    flex-direction: column;
    text-align: center;
  }
}  
@media screen and (min-width: 767px) {
  .path-view-display-jobs-by-categories-and-city-using-taxonomy .w3-padding .views-field-view-node .field-content{
    padding: 5px 15px;
  }
}
/* Latest jobs and top jobs section start  */
.path-node-10258 .layout--threecol-section{
  margin-top: 10px;
  flex-wrap: nowrap;
  gap: 20px;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-1{
  padding: 15px;
  box-shadow: 5px 10px 8px #615EFC;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-2{
  padding: 15px;
  box-shadow: 5px 10px 8px #615EFC;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-1 h2{
  color: white;
  font-size: 2.5rem;
  text-decoration: none;
}

.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-2 h2{
  color: white;
  font-size: 2.5rem;
  text-decoration: none;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-1 .views-field-field-main-cities{
  padding-left: 5px;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-1 .views-field-view-node{
  padding-left: 5px;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-2 .views-field-field-main-cities{
  padding-left: 5px;
}
.path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-2 .views-field-view-node{
  padding-left: 5px;
}
.path-node-10258 .field--type-text-with-summary p:first-child{
  color: #fff;
  font-size: 2.5rem !important;
  margin-bottom: 0;
}
.path-node-10258 .field--type-text-with-summary p:nth-child(2){
  color: #fff;
  font-size: 18px !important;
  line-height: 1;
}
.path-node-10258 .field--type-text-with-summary p:last-child a{
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px;
}
.path-node-10258  .view-content .views-field-view-node{
  display: block;
}
.path-node-10258  .block-views-blockhome-page-top-and-latest-block-1 .more-link{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 15px;
}
.path-node-10258  .block-views-blockhome-page-top-and-latest-block-1 .more-link a{
  padding: 10px 10px;
  border: 1px solid;
}
.path-node-10258  .block-views-blockhome-page-top-and-latest-block-2 .more-link{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 15px;
}
.path-node-10258  .block-views-blockhome-page-top-and-latest-block-2 .more-link a{
  padding: 10px 10px;
  border: 1px solid;
}
.path-node-10258 .layout--threecol-section .home-page-ads .views-row{
  background: #615EFC;
}
.path-node-10258 .layout--threecol-section .home-page-ads .views-row a{
  background: #615EFC;
  margin-top: 25px;
}

@media screen and (min-width: 320px) and (max-width:767px){
  .path-node-10258 .layout--threecol-section{
    flex-direction: column;
  }
  .path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-1 h2{
    text-align: center;
  }
  .path-node-10258 .layout--threecol-section  .block-views-blockhome-page-top-and-latest-block-2 h2{
    text-align: center;
  }
  .path-node-10258 .field--type-text-with-summary p:first-child{
    font-size: 2rem;
    line-height: 1.2;
  }
  .path-node-10258 .field--type-text-with-summary{
    text-align: center;
  }
  .path-node-10258  .view-content .views-field-view-node{
    text-align: center;
  }
  .path-node-10258 .layout--threecol-section .home-page-ads .views-row{
    padding: 0;
    margin-bottom: 0;
  }
  .path-node-10258 .layout--threecol-section .home-page-ads .views-row a{
    padding: 0;
  }
  .path-node-10258 .layout--threecol-section .home-page-ads .views-row a img{
    position: static;
  }
}
/* Latest jobs and top jobs section end  */

/* background color changing start */
.path-node-10258 #main-container{
  background-color: #fff;
 }
.path-node-10258 #bottom-container{
 background-color: #615EFC;
}
/* background color changing end  */

/* play store button styling start */
.block-views-blockplay-store-view-block-1{
  display: flex;
  position: static;
}
.block-views-blockplay-store-view-block-1 .w3-block-title{
  display: none;
}
.path-node-10258 .view-play-store-view .view-content .views-row{
  width: 230px;
  background:none;
  padding: 0;
}
.path-node-10258 .view-play-store-view .view-content .views-row .field-content a{
  background: none;
}
.path-node-10258 .view-play-store-view .view-content .views-row .field-content img{
  position: static;
  border-radius: 15px;
}

@media screen and (min-width: 320px) and (max-width:767px){
  .block-views-blockplay-store-view-block-1{
    justify-content: center;
    align-items: center;
  }
}
/* play store button styling end */

/* hirring-an-employee */
.path-node-21600 .block-views-blockhiring-employee-banner-view-block-1 img{
  width: 100%;
}
.path-node-21600 .block-views-blockhiring-employee-banner-view-block-1 .views-row{
  background: #fff;
  padding: 0;
}
.path-node-10258 .view-home-page-slider .view-header a{
  padding: 0;
}
.path-node-21600 .layout--twocol-section--50-50{
  flex-wrap: nowrap;
  gap: 10px;
}
.path-node-21600 .layout--twocol-section--50-50 .layout__region{
  width: 50%;
}
.path-node-21600 .block-webform-block #webform-submission-hiring-employee-form-node-21600-add-form #edit-job-description-format{
  display: none;
}
.path-node-21600 .block-views-blockhiring-employee-description-view-block-1 .view-content .views-row{
  background-color: #fff;
}
.path-node-21600 .layout--twocol-section--50-50 .layout__region--first h2{
  font-size: 22px;
  color: white;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.webform-submission-hiring-employee-form-form{
  background: #615EFC;
  padding: 20px;
  border-radius: 10px;
  margin-top: 20px;
}
.path-node-21600 .webform-submission-hiring-employee-form-form .form-item label{
  color: #fff;
}
.path-node-21600 .block-views-blockhiring-employee-description-view-block-1 .view-content .views-row{
padding-top: 0;

}
.path-node-21600 .block-views-blockhiring-employee-description-view-block-1 .view-content .views-row .field--type-text-with-summary{
  background:  #615EFC;
  color: #fff;
  border-radius: 10px;
  padding: 7px 10px;
  margin-top: 20px;
}
.path-node-21600 .block-views-blockhiring-employee-description-view-block-1 .view-content .views-row .field--type-text-with-summary p{
  color: #fff;
}
.path-node-21600 .webform-submission-hiring-employee-form-form .form-actions #edit-submit{
  border-radius: 5px;
}

@media screen and (min-width: 320px) and (max-width:767px){
  .path-node-21600 .layout--twocol-section--50-50{
    flex-wrap: nowrap;
    gap: 10px;
    flex-direction: column;
  }
  .path-node-21600 .layout--twocol-section--50-50 .layout__region{
    width: 100%;
  }
  .path-node-21600 .layout--twocol-section--50-50 .view-content{
    background:  #615EFC;
    border-radius: 10px;
  }
  .path-node-21600 .layout--twocol-section--50-50 .view-content .views-row{
    background:  #615EFC;
  }
}
/* hirring-an-employee end  */

.view-display-jobs-by-categories-and-city-using-taxonomy .pager{
  display: none;
}

/* cv builder page start */
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .w3-block-title{
  display:none;
}
.block-views-blockshow-cv-builder-banner-block-1 .view-show-cv-builder-banner .view-content .views-row{
  width: 350px;
  background: none;
}
.block-views-blockshow-cv-builder-banner-block-1 .field-content img{
  position: static;
}
.block-field-blocknodefigover-jobsfield-apply-at-job{
  width: 60%;
  float: left;
}
.block-field-blocknodefigover-jobsfield-apply-at-job .field--type-webform{
  margin-top: 0 !important;
  width: 100%;
}
.page-node-type-figover-jobs .block-block-content{
  width: 35%;
  float: right;
}
.block-field-blocknodefigover-jobsbody , .block-field-blocknodefigover-jobsfield-body{
  float: left;
  clear: left;
}
.block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1 .view-header .home-page-job-categories{
  padding: 0 15px;
}

/* cv builder page end */

/* dropdown when user click on home page input Box start */
.main-page-header{
  display: none;
}
.home-page-job-categories{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
html[lang="sv"] .home-page-job-categories{
  gap: 2%;
}
html[lang="de"] .home-page-job-categories{
  gap: 2%;
}
.main-job-class{
  width: 30%;
 position: relative;
}
.main-location-class{
  width: 30%; 
  position: relative;
}
.main-job-class input{
  width: 95% !important;
  padding: 10px;
  padding-left: 10px;
  border-radius: 15px;
  border: 1px solid #808080;
  padding-left: 15px;  
  outline: none;
}
.main-location-class input{
  width: 95% !important;
  padding: 10px;
  padding-left: 10px;
  border-radius: 15px;
  border: 1px solid #808080;
  padding-left: 15px;
  outline: none;
}
.main-job-allData, .main-location-allData {
    display: none; 
    position: absolute;
    background: white;
    width: 95%;
    border-radius: 10px;
    top: calc(100% + 5px);
    z-index: 2;
    max-height: 200px;
    overflow-y: auto; 
    padding-bottom: 5px;
}
.main-job-allData ul, .main-location-allData ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.main-job-allData ul li, .main-location-allData ul li {
padding: 5px;
cursor: pointer;
}
.main-job-allData ul li:hover, .main-location-allData ul li:hover {
  background-color:#615EFC; /* Red background color */
  color: #ffffff; /* White text color for high contrast */
}
@media screen and (min-width: 320px) and (max-width:767px){
  .home-page-job-categories{
    display: block;
  }
  .main-location-class{
    margin-top: 10px;
  }
  .main-job-class{
    width: 100%;
  }
  .main-location-class{
    width: 100%; 
  }
  .block-field-blocknodefigover-jobsfield-apply-at-job{
    width: 100%;
    float: inherit;
  }
  .page-node-type-figover-jobs .block-block-content{
    width: 100%;
    float: inherit;
  }
}

/* dropdown when user click on home page input Box end */

/* search-job-page start  */

.display-jobs-by-categories-and-city-using-taxonomy-page1 header .view-job-categories{
  display: none;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 header .view-search-job-cities{
  display: none;
}
#views-exposed-form-display-jobs-by-categories-and-city-using-taxonomy-page-1 .form-item-job{
  display: none;
}
.display-jobs-by-categories-and-city-using-taxonomy-page1 .form-item-location{
  display: none;
}
/* search-job-page-end */
.more-jobs-home-page-job-categories{
  display: flex;
  justify-content: center;
  gap: 30px;
}
.more-jobs-main-job-class{
  width: 30%;
 position: relative;
}
.more-jobs-main-location-class{
  width: 30%; 
  position: relative;
}
.more-jobs-main-job-class input{
  width: 95%;
  padding: 10px;
  padding-left: 10px;
  border-radius: 15px;
  border: none;
  padding-left: 15px;  
  outline: none;
}
.more-jobs-main-location-class input{
  width: 95%;
  padding: 10px;
  padding-left: 10px;
  border-radius: 15px;
  border: none;
  padding-left: 15px;
  outline: none;
}
.more-jobs-main-job-allData, .more-jobs-main-location-allData {
display: none;
position: absolute;
background: white;
width: 100%;
border-radius: 10px;
top: calc(100% + 5px); 
z-index: 1; 
max-height: 200px; 
overflow-y: auto; 
}

.more-jobs-main-job-allData ul, .more-jobs-main-location-allData ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.more-jobs-main-job-allData ul li, .more-jobs-main-location-allData ul li {
padding: 5px;
cursor: pointer;
}
.more-jobs-main-job-allData ul li:hover, .more-jobs-main-location-allData ul li:hover {
  background-color: #4C3BCF; 
  color: #333;
}
/* search-page-more-jobs */

#views-exposed-form-more-jobs-figover-block-2 .form--inline{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.block-views-blockmore-jobs-figover-block-2 .w3-block-title{
  display: none;
}
.main-job-allData ul, .main-location-allData ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
*, ::before, ::after {
  box-sizing: border-box;
  outline: none;
}
*, ::before, ::after {
  box-sizing: inherit;
}
.node-detail-more-jobs-figover header ul{
  text-align: start;
}
@media screen and (min-width: 320px) and (max-width:767px){
  .block-views-blockmore-jobs-figover-block-2 .node-detail-more-jobs-figover .views-row  .views-col{
    width: 100% !important;
  }
  .block-views-blockmore-jobs-figover-block-2 .node-detail-more-jobs-figover .views-row{
    background: none;
    
  }
  .block-views-blockmore-jobs-figover-block-2 .node-detail-more-jobs-figover .views-row  .views-col{
    background: #edf2f4;
  }
}
/* search-job-page end  */

/* more jobs  */
#views-exposed-form-more-jobs-figover-block-2 .form--inline {
  gap: 15px;
}
#views-exposed-form-more-jobs-figover-block-2 .form--inline .form-item{
  width: 30% !important;
}
#views-exposed-form-more-jobs-figover-block-2 .form--inline .form-actions input{
  margin-top: 32px;
  padding: 5px 16px;
}
.block-views-blockmore-jobs-figover-block-1 header h3{
  display: none;
}
@media screen and (min-width: 320px) and (max-width:767px){
  #views-exposed-form-more-jobs-figover-block-2 .form--inline{
    display: block;
  }
  #views-exposed-form-more-jobs-figover-block-2 .form--inline .form-item{
    width: 100% !important;
  }

  #views-exposed-form-more-jobs-figover-block-2 .form--inline .form-actions{
    margin-top: 0;
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  .block-views-blockmore-jobs-figover-block-1 .view-content .views-view-grid .views-row{
    padding: 0;
    background: none;
  }
  .block-views-blockmore-jobs-figover-block-1 .view-content .views-view-grid .views-row .views-col{
    width: 100% !important;
    background: #edf2f4;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
 
  .block-views-blockmore-jobs-figover-block-2 .view-content .views-row{
    background: none;
    padding: 0;
  }
  .block-views-blockmore-jobs-figover-block-2 .view-content .views-row .views-col{
    background: #edf2f4;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  } 
  .block-views-blockshow-cv-builder-banner-block-1 .view-show-cv-builder-banner .view-content .views-row{
    width: 290px;
  }
}
#views-exposed-form-more-jobs-figover-block-2 select{
  border-radius: 10px;
  padding-left: 10px;
}
#views-exposed-form-more-jobs-figover-block-2 #edit-actions--2 input{
  background-color: #615EFC !important;
  color: #ffffff;
  outline: none;
  border: none;
}
#views-exposed-form-more-jobs-figover-block-2 #edit-actions--2 input:hover{
  background: #4C3BCF !important;

  border-radius: 10px;
}
/* more jobs  */

/* hiring-employee start  */
.path-node-21600  .layout--threecol-section{
  padding-left: 75px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #ccc;
  gap: 15px;
  margin-top: 15px;
  border-radius: 15px;
}
.path-node-21600 .layout--threecol-section .layout__region{
  flex-basis: 30%;
}
.path-node-21600 .layout--threecol-section .field--type-text-with-summary img{
  width: 200px;
}
.path-node-21600 .layout--threecol-section .layout__region--second img{
  padding-bottom: 18px;
}
.path-node-21600 .layout--threecol-section .layout__region--third img{
  padding-bottom: 9px;
}

.path-node-21600 .layout--threecol-section table tr:nth-child(2) p,.path-node-21600 .layout--twocol-section table tr:nth-child(2) p{
  text-align: center;
}
/* .path-node-21600 .layout--threecol-section table tr:nth-child(2) td{
  vertical-align: inherit !important;
} */
.path-node-21600 .layout--threecol-section table tr td,.path-node-21600 .layout--twocol-section table tr td{
  vertical-align: inherit !important;
}
.path-node-21600 .layout--threecol-section table tr:nth-child(1) p{
  text-align: center;
}
.path-node-21600 .layout--twocol-section table tr:nth-child(6) p{
  text-align: center;
}
.path-node-21600 .layout--twocol-section table tr:nth-child(6) p span:not(:last-child) {
 display: none;
}
.path-node-21600 .layout--threecol-section table ul,.path-node-21600 .layout--twocol-section table ul{
  text-align: center;
  padding: 0;
}
.path-node-21600 .layout--threecol-section  table td ul li div,.path-node-21600 .layout--twocol-section table td ul li div{
  text-indent: inherit !important;
}
.path-node-21600 .layout--threecol-section strong,.path-node-21600 .layout--twocol-section strong{
  font-size: 30px;
  font-family:sans-serif;
  white-space: collapse;
}
.path-node-21600 .layout--threecol-section table tbody tr:not(:first-child) strong, .path-node-21600 .layout--twocol-section table tbody tr:not(:first-child) strong{
  color: #444; 
  font-weight: normal;
  font-size: 24px;
}
.path-node-21600 .layout--threecol-section table tbody tr:not(:first-child) span, .path-node-21600 .layout--twocol-section table tbody tr:not(:first-child) span{
  font-size: 24px !important;
  font-weight: normal;
  color: #444 !important;
  font-family: sans-serif !important;
}

.path-node-21600 .layout--twocol-section  .layout__region--second table tr td p{
  text-align: center;
}
.path-node-21600 .layout--twocol-section{
  padding: 15px 75px;
  border: 1px solid #ccc;
  margin-top: 15px;
  border-radius: 15px;
}
.layout--onecol .field--type-text-with-summary p span{
  color:#444 !important;
  font-size: 24px !important;
}
.layout--onecol .webform-submission-hiring-employee-form-node-21600-add-form select{
  border-radius: 15px;
  padding-left: 15px;
}
.layout--onecol .webform-submission-hiring-employee-form-node-21600-add-form .form-text,
.layout--onecol .webform-submission-hiring-employee-form-node-21600-add-form .form-tel,
.layout--onecol .webform-submission-hiring-employee-form-node-21600-add-form .form-email
{
  width: 100% !important;
  border-radius: 15px;
  padding-left: 15px;
  color: #333;
}
.path-node-21600  .layout--onecol .field--type-text-with-summary table{
  width: 100% !important;
}
#webform-submission-hiring-employee-form-node-21600-add-form #edit-markup h2{
  color: #fff;
}
.path-node-21600 .webform-submission-hiring-employee-form-node-21600-add-form .form-required::after{
  content: '*';
  background-image: none;
  color: #615EFC;
}
.path-node-21600 .webform-submission-hiring-employee-form-node-21600-add-form{
  background: #052F61;
}
#webform-submission-hiring-employee-form-node-21600-add-form .webform-button--submit{
  background-color: #052F61;
}
#webform-submission-hiring-employee-form-node-21600-add-form .webform-button--submit:hover{
  background-color: #043b7d !important;
}
.path-node-21600 .layout--threecol-section table a,
.path-node-21600 .layout--twocol-section table a{
  background: none;
}
.path-node-21600 .layout--threecol-section  table a:hover,
.path-node-21600 .layout--twocol-section table a:hover{
    background: #ffa800b0;
   animation:slidebg 5s linear infinite;
   text-decoration: none;
}
@media screen and (min-width: 320px) and (max-width:767px){
  .path-node-21600 .layout--onecol .field--type-text-with-summary img{
    width: 100%;
  }
  .path-node-21600 .layout--threecol-section{
    padding: 15px 15px;
  }
  .path-node-21600 .layout--threecol-section .layout__region{
    flex-basis: 100%;
  }
  .path-node-21600 .layout--twocol-section{
    padding: 15px 15px;
  }
  .path-node-21600 .layout--twocol-section .layout__region{
    flex-basis: 100%;
  }
}

/* blog and organization page  */
.path-view-blog  .form-group,
.path-view-organization .form-group{
  padding-left: 3%;
}
.path-view-blog .view-blog .views-row,
.path-view-organization .view-organization .views-row
{
  background: #fff;
}
.path-view-blog .view-blog .view-header,
.path-view-organization .view-organization{
  padding-left: 4%;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline{
  padding-bottom: 0;
  gap: 15px;
  padding-left: 15px;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline .form-item,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline .form-item
{
  flex-basis: 28%;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline .form-actions,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline .form-actions{
  margin-top: 32px;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline .form-actions .form-submit,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline .form-actions .form-submit{
  border-radius: 15px;
  border: 1px solid #ccc !important;
  background: #615EFC;
  border: none !important;
  color: #fff;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline select,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline select{
  padding: 12px 10px;
  background:none;
  border: 1px solid #ccc !important;
  border-radius: 15px;
}
.path-view-blog #views-exposed-form-blog-page-1 .form--inline .form-text,
.path-view-organization #views-exposed-form-organization-page-1 .form--inline .form-text{
  background:none;
  border: 1px solid #ccc !important;
  box-shadow: none;
  padding: 8px;
  height: inherit;
  border-radius: 15px;
}
.path-view-blog .view-content .views-row,
.path-view-organization .view-content .views-row{
  padding-top: 8px;
  display: flex;
  gap: 15px;
  padding-right: 6%;
}
.path-view-blog .view-content .views-row .views-col,
.path-view-organization .view-content .views-row .views-col{
  border-top: 5px solid #615EFC;
  padding: 0 !important;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-image,
.path-view-organization .view-content .views-col .views-field-field-logo-image{
  width: 50%;
  float: left;
  padding-right: 5px;
  background: #ccc;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-image img,
.path-view-organization .view-content .views-col .views-field-field-logo-image img{
  position: inherit;
  height: auto;
}
.path-view-blog .view-content .views-row .views-col .views-field-title,
.path-view-organization .view-content .views-row .views-col .views-field-title{
  line-height: 1.3;
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
  padding-top: 5px;
}
.path-view-blog .view-content .views-row .views-col .views-field-title a,
.path-view-organization .view-content .views-row .views-col .views-field-title a{
  color: #06C;
}
.path-view-blog .view-content .views-row .views-col .views-field-title a:hover,
.path-view-organization .view-content .views-row .views-col .views-field-title a:hover{
  text-decoration: underline;

}
.path-view-blog .view-content .views-row .views-col .views-field-field-sub-category{
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
  padding-top: 5px;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-sub-category span{
  display: inline;
  font-weight: bold;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-sub-category .field-content{
  display: inline;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-nearest-cities{
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
  padding-top: 5px;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-nearest-cities span{
  display: inline;
  font-weight: bold;
}
.path-view-blog .view-content .views-row .views-col .views-field-field-nearest-cities .field-content{
  display: inline;
}
.path-view-blog .view-content .views-row .views-col .views-field-body,
.path-view-organization .view-content .views-row .views-col .views-field-body{
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
  max-height: 6em;
  overflow: hidden;
}
.path-view-blog .view-content .views-row .views-col .views-field-body p,
.path-view-organization  .view-content .views-row .views-col .views-field-body p{
  font-size: 14px;
  color: #666 ;
}
.path-view-organization .view-content .views-row .views-col .views-field-field-website-of-organization{
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
}
.path-view-organization .view-content .views-row .views-col .views-field-field-website-of-organization a::after{
  content: '';
  background-image: url(/sites/default/files/2024-08/forward-icon-for-organization.png);
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
}
.path-view-blog .view-blog nav ul,
.path-view-organization .view-organization nav ul{
  border-radius: 15px !important;
}
.path-view-blog .view-blog nav ul li:hover
.path-view-organization .view-organization nav ul li:hover{
  background-color: #fff !important;
  color: #666 !important;
}

@media screen and (min-width: 320px) and (max-width:767px){
  .path-view-blog .form-group,
  .path-view-organization .form-group{
    padding-left: 0;
  }
  .path-view-blog .view-blog .view-header,
  .path-view-organization .view-organization,
  .path-view-organization .view-organization .view-header{
    padding-left: 0;
  }
  .path-view-blog #views-exposed-form-blog-page-1 .form--inline,
  .path-view-organization #views-exposed-form-organization-page-1 .form--inline{
    padding: 0;
  }
  .path-view-blog #views-exposed-form-blog-page-1 .form--inline .form-actions #edit-submit-blog,
  .path-view-organization #views-exposed-form-organization-page-1 .form--inline .form-actions #edit-submit-organization{
   width: 100%;
  }
  .path-view-blog .view-content .views-row,
  .path-view-organization .view-content .views-row{
    display: block;
    gap: 5px;
    padding: 0;
  }
  .path-view-blog .view-content .views-row .views-col,
  .path-view-organization .view-content .views-row .views-col
  {
    width: 100% !important;
  }
  .path-view-blog .view-content .views-row .views-col{
    margin-bottom: 15px;
  }
  .path-view-blog .view-content .views-row .views-col .views-field{
    width: 100%;
    padding-left: 0;
  }
  .path-view-blog .view-content .views-row .views-col .views-field-field-image img,
  .path-view-organization .view-content .views-col .views-field-field-logo-image img{
    height: auto;
  }
}
/* page after click on apply button of any job  */
.block-views-blockorganization-of-job-block-1 .w3-block-title{
  font-size: 30px;
  text-decoration: none;
}
.block-views-blockorganization-of-job-block-1 .views-row{
  background: none;
  border: 1px solid #ccc;
}
.block-views-blockorganization-of-job-block-1 a{
  background:none;
  color: #666;
  display: inline-block;
}
.block-views-blockorganization-of-job-block-1 a:hover{
  background:none;
}
.block-views-blockorganization-of-job-block-1 .views-field{
  width: 50%;
}
.block-views-blockorganization-of-job-block-1 .views-field-field-logo-image{
  float: left;
  padding-right: 15px;
}
.block-views-blockorganization-of-job-block-1 .views-field-field-logo-image img{
  position: inherit;
}
.block-views-blockorganization-of-job-block-1 .views-field-title,
.block-views-blockorganization-of-job-block-1 .views-field-body,
.block-views-blockorganization-of-job-block-1 .views-field-field-sub-category,
.block-views-blockorganization-of-job-block-1 .views-field-field-nearest-cities,
.block-views-blockorganization-of-job-block-1 .views-field-field-website-of-organization{
  float: right;
  clear: right;
}
.block-views-blockorganization-of-job-block-1 .views-field-title a{
  color: #06C;
}
.block-views-blockorganization-of-job-block-1 .views-field-field-website-of-organization a{
  color: #06C;
}

@media screen and (min-width: 320px) and (max-width:767px){
  #webform-submission-online-webinars-add-form{
    width: 100%;
  }
  .path-view-webinar-view .views-row{
    width: 100%;
  }
  #webform-submission-online-webinar-form-add-form{
    width: 100%;
  }
  .online-webinar-form{
    width: 100%;
  }
  .block-views-blockorganization-of-job-block-1 .views-row{
    padding: 0;
    border: none;
  }
  .block-views-blockorganization-of-job-block-1 .views-field{
    width: 100%;
    padding: 0;
  }
  .block-views-blockorganization-of-job-block-1 .views-field-field-logo-image a{
    padding: 0;
  }
  .block-views-blockorganization-of-job-block-1 .views-field-title a,
  .block-views-blockorganization-of-job-block-1 .views-field-field-sub-category a,
  .block-views-blockorganization-of-job-block-1 .views-field-field-nearest-cities a,
  .block-views-blockorganization-of-job-block-1 .views-field-field-website-of-organization a{
    text-decoration: underline;
  }
  
}
.path-user #edit-submit{
  background-color:#615EFC;
  color: #fff;
  border-radius: 15px;
}
.path-user #edit-submit:hover{
  background-color:#4C3BCF;
  color: #fff;
  border-radius: 15px;
}

/* Webinar styling */

.path-view-webinar-view  .views-field-field-image-of-webinar img{
  position: inherit;
}
.path-view-webinar-view .views-row{
  background: none;
  padding: 0;
  width: 48%;
  margin-left:10px;
  border-top: 5px solid #ef233c;
  border-radius: inherit;
  float: left;
}
.path-view-webinar-view .views-row .views-field{
  width: 50%;
}
.path-view-webinar-view .views-row .views-field-field-image-of-webinar{
  float: left;
  padding-right: 15px;
}
.path-view-webinar-view .views-row .views-field-field-image-of-webinar img{
  width: 100%;
}
.path-view-webinar-view .views-row .views-field-title,
.path-view-webinar-view .views-row .views-field-field-date-of-webinar,
.path-view-webinar-view .views-row .views-field-body{
  float: right;
  clear: right;
  padding-left: 15px;
  padding-right: 15px;
}
.path-view-webinar-view .views-row .views-field-title{
  line-height: normal;
  margin-top: 5px;
}
.path-view-webinar-view .views-row .views-field-title a{
  color: #06c; 
  font-size: 18px;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
}
.path-view-webinar-view .views-row .views-field-title a:hover{
  text-decoration: underline;
}
.path-view-webinar-view .views-row .views-field-field-date-of-webinar{
  font-size: 13px;
  color: #333;
}
.path-view-webinar-view .views-row .views-field-field-date-of-webinar .field-content{
  display: inline;
}
.path-view-webinar-view .views-row .views-field-field-date-of-webinar::before{
  content: "";
  padding: 0 3px 3px;
  background-image: url(/sites/default/files/2024-08/calender.png);
  height: 16px;
  width: 16px;
  display: inline-block;
  background-size: cover;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.path-view-webinar-view .views-row .views-field-body{
  max-height: 6.6em;
  overflow: hidden;
  color: #666;
  font-size: 13px;
}
#webform-submission-online-webinar-form-add-form{
  padding: 20px;
  background-color:#CDFAD5;
  width: 50%;
  margin: auto;
  border-radius: 15px;
  box-shadow: 10px;
}
#webform-submission-online-webinar-form-add-form .form-text,
#webform-submission-online-webinar-form-add-form .form-email,
#webform-submission-online-webinar-form-add-form .form-tel,
#webform-submission-online-webinar-form-add-form .form-select{
  width: 100%;
  border-radius: 15px;
  border: 1px solid #ccc;
  border-radius: 1.3em;
  color: #666;
  background-color: #fff;
}
#webform-submission-online-webinar-form-add-form .form-text{
  padding: 2px 12px;
}
#webform-submission-online-webinar-form-add-form .form-email,
#webform-submission-online-webinar-form-add-form .form-tel{
  padding: 5px 12px;
}
#webform-submission-online-webinar-form-add-form .form-select{
  padding: 9px 12px;
}
#webform-submission-online-webinar-form-add-form .form-submit{
  border-radius: 15px;
}
#webform-submission-online-webinar-form-add-form label{
  color: #d90429;
}
.webform-confirmation{
  background-color: #8C88FF;
  padding: 52px;
  border-radius: 19px;
  border: 4px solid #615EFC;
}
.webform-confirmation .webform-confirmation__message{
  font-size: 20px;
}
.online-webinar-form{
  padding: 20px 5px;
  width: 50%;
  margin: auto;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
}
.online-webinar-form .zoom-meeting{
  font-size: 24px;
}
.online-webinar-form .zoom-link{
  color: #06C;
}
.online-webinar-form .zoom-link:hover{
  text-decoration: underline;
}
.webform-confirmation__back{
  width: 50%;
  margin: auto;
  text-align: center;
  background: #5A54FF;
  color: #fff;
  border-radius: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 23px;
}
.webform-confirmation__back:hover{
  background-color: #4640F4;
}
/* Online-webinars styling */

#webform-submission-online-webinars-add-form{
  padding: 20px;
  width: 50%;
  margin: auto;
  border-radius: 15px;
  box-shadow: 10px;
  background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}
#webform-submission-online-webinars-add-form .form-textarea-wrapper{
  display: none;
}
#webform-submission-online-webinars-add-form #edit-registeration-form-format{
  display: none;
}
#webform-submission-online-webinars-add-form .form-type-textarea label{
  font-size: 30px;
  padding-bottom: 15px;
}
#webform-submission-online-webinars-add-form .form-type-textarea{
  text-align: center;
}
#webform-submission-online-webinars-add-form .form-item{
  padding: 0;
}
#webform-submission-online-webinars-add-form .form-text,
#webform-submission-online-webinars-add-form .form-email,
#webform-submission-online-webinars-add-form .form-tel{
  width: 100%;
  border-radius: 15px;
  border: 1px solid #ccc;
  border-radius: 1.3em;
  color: #666;
  background-color: #fff;
}
#webform-submission-online-webinars-add-form .form-text:focus,
#webform-submission-online-webinars-add-form .form-email:focus,
#webform-submission-online-webinars-add-form .form-tel:focus{
   color: #666;
  background-color: #fff;
}
#webform-submission-online-webinars-add-form .form-text{
  padding: 2px 12px;
}
#webform-submission-online-webinars-add-form .form-email,
#webform-submission-online-webinars-add-form .form-tel{
  padding: 5px 12px;
}
#webform-submission-online-webinars-add-form label{
  color: #d90429 !important;
  font-weight: 700;
} 
#webform-submission-online-webinars-add-form  .form-submit{
  border-radius: 15px;
}

/* Community page styling */
.view-community-organization-block-view .views-row{
  background: none;
}
.view-community-organization-block-view .views-field-field-logo-image{
  width: 50%;
  float: left;
  padding-right: 5px;
  background: #ccc;
}
.view-community-organization-block-view .views-field-field-logo-image img{
  width: 100%;
  position: inherit;
  height: auto;
}
.view-community-organization-block-view .views-field-title{
  width: 50%;
  float: right;
  clear: right;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
}
.view-community-organization-block-view .views-field-title a{
  color: #06c; 
  font-size: 18px;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  background: none;
}
.view-community-organization-block-view  .views-field-field-website-of-organization{
  width: 50%;
  padding-left: 15px;
  float: right;
  clear: right;
}
.view-community-organization-block-view  .views-field-field-website-of-organization a{
  background: none;
  color: #333;
  text-decoration: underline;
  display: inline;
}
.view-community-organization-block-view  .views-field-field-website-of-organization a:hover{
  color: #06c;
}
.view-community-organization-block-view  .views-field-field-website-of-organization a::after{
  content: '';
  background-image: url(/sites/default/files/2024-08/forward-icon-for-organization.png);
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
}
  /* blog node page style  */
.page-node-type-blog .field--name-field-image{
  width: 100%;
}
.page-node-type-blog .field--name-field-image img{
  width: 100%;
}
#load-more-btn{
  font-weight: bold;
  cursor: pointer;
  background-color: #615EFC !important;
}
#load-more-btn:hover{
  background-color: #4C3BCF !important;
}
.node-detail-more-jobs-figover .views-view-grid .views-row{
  background: none;
  display: flex;
  gap: 15px;
}
.node-detail-more-jobs-figover .views-view-grid .views-row .views-col{
  background: #615EFC;
}
.page-node-type-figover-jobs .view-display-jobs-by-categories-and-city-using-taxonomy{
  background-color:#615EFC;
}
.page-node-type-figover-jobs .block-views-blockdisplay-jobs-by-categories-and-city-using-taxonomy-block-1{
  background-color: transparent;
}
/* .page-node-type-figover-jobs .block-field-blocknodefigover-jobsfield-apply-at-job{
  border-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ccc;
  border-bottom: none;
}*/
.field--name-field-floating-cv-button a{
  background:#615EFC;
  color: #fff;
  padding: 10px 20px;
  border-radius: 15px;
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 1;
}
.path-user #block-drupal8-w3css-theme-local-tasks nav li:hover{
  background-color: #4C3BCF;
}
.path-user #block-drupal8-w3css-theme-local-tasks nav .is-active{
  background-color:#615EFC;
  color:#fff;
}
.path-user #block-drupal8-w3css-theme-local-tasks nav .is-active:hover{
  background-color: #4C3BCF;
}
.path-user #block-drupal8-w3css-theme-local-tasks nav ul{
  display: flex;
  gap: 10px;
}

@media (min-width: 320px) and (max-width: 768px) {
  .webform-submission-form #edit-processed-text{
    width: 100% !important;
    float: inherit !important;
    padding-top:0 !important;
    padding-left:0 !important;
  }
  .free-cv-image-btn-webform{
    flex-direction: column;
  }
  .free-cv-image-btn-webform{
    margin: 5px;
    gap: 0;
  }
  .free-cv-image-btn-webform img{
    width: 100%;
  }
  .path-user #block-drupal8-w3css-theme-local-tasks nav ul{
    flex-direction: column;
  }
}
.webform-submission-form [data-drupal-states]{
  width: 50%;
  float: left;
}
.webform-submission-form #edit-cv-builder-image{
  width: 50%;
  float: left;
}
.webform-submission-form #edit-processed-text{
  width: 50%;
  float: right;
  padding-top: 85px;
  padding-left: 60px;
}
.free-cv-image-btn-webform{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 15px;
}
.free-cv-image-btn-webform img{
  width: 200px;
  cursor: pointer;
}
.form-item-premium-submission{
  display: none;
}
.form-item-premium-submission-for-no{
  display: none;
}
.build-cv-label{
  padding: 0 !important;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  color: #06C !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  #edit-upload-cv-upload{
    max-width: 70%;
  }
  /*********** aside jobboard *************/
  .aside-ad {
    margin-top: 1% !important; 
  }
  .job-page-applicants td{
    padding: 0 !important;
    padding-bottom: 15px !important;
  }
  .job-page-applicants td a{
    padding: 0 !important;
  }
  .jobboard-header {
    font-size: 33px !important;
  }
  .job-page-applicants table tbody tr .views-field-title {
    width: 90% !important;
    font-size: 27px !important;
  }
  .job-page-applicants .views-field-title {
    font-size: 30px !important;
    line-height: 2rem !important;
  }
  .job-page-applicants .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 29px !important;
  }
  .job-page-applicants table tbody tr .views-field-nothing {
    width: 30% !important;
  }
  .job-page-applicants table tbody tr .views-field-nothing img{
    width: 250px !important;
  }
}
/* job confirmation message  */
.confirmation-message-main-class {
  position: relative;
  padding: 30px 20px;
}
.confirmation-message-main-class .bell-icon{
  position:absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0;
  top: 0;
}
.confirmation-message-main-class .bell-icon img{
  width: 65px;
}
.confirmation-message{
  text-align: center;
  margin: 0;
  font-family: serif;
  color: black;
}
.confirmation-search{
  text-align: center;
  margin: 0;
}
.confirmation-search img{
  width: 50px;
}
.confirmation-text{
  color: #666;
  text-align: center;
  margin: 0;
}
.path-view-my-dashboard  .messages--status{
  padding: 0;
  background: #e5e8e8 !important;
  border: 1px solid #b0adac !important;
  border-radius: 30px;
}
.path-view-my-dashboard  span.close-message{
  display: block;
  text-align: center;
  width: 20%;
  margin: auto;
  border-radius: 15px;
}
.path-view-my-dashboard  span.close-message:hover{
  background:#4C3BCF;
}
.path-product .button--add-to-cart{
  background-color: blue;
  color: #fff;
}
.path-checkout #edit-actions-next{
  background-color: blue;
  color: #fff;
}

/* premium dashboard css  */
.path-product #commerce-product-add-to-cart-form  .form-required{
  display: none;
}
.path-product article{
  width: 95%;
  margin: auto;
  padding: 15px;
  border-radius: 15px;
}
.path-product .field--type-commerce-price .field__item{
 text-align: center;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.path-product .field--name-variations  .field__items{
  text-align: center;
}
.path-product .field--name-variations  .field__items  .field__item{
  width: 80%;
}
.path-product .field--name-variations  form select{
  padding-left: 15px;
  border-radius: 15px;
  background-color: #ffd700;
  text-align: center;
}
.path-product .field--name-variations  form select:hover{
  background-color: #ffd700;
}
.path-product .field--name-variations form .form-actions{
  margin-top: 15px;
}
.path-product .field--name-variations form .form-actions .button--add-to-cart{
  width: 95%;
  outline: none;
  border: none !important;
  border-radius: 15px;
  font-size: 20px;
}
.path-product article .field--type-text-with-summary p{
  text-align: justify;
}

  @media (min-width: 320px) and (max-width: 768px) {
    .path-product article{
      width: 100%;
    }
    .path-checkout #edit-actions-next{
      font-size: 25px;
     }
   }
    /* after click on premium user button next form css  */
   .path-checkout #edit-payment-information-add-payment-method-billing-information .w3-section{
    width: 100%;
   }
   .path-checkout #edit-payment-information-add-payment-method-billing-information .w3-section select,.path-checkout #edit-payment-information-add-payment-method-billing-information .w3-section input{
    border-radius: 15px;
    border: 1px solid #ccc !important;
    padding-left: 15px;
    color: #666;
   }
   #commerce-checkout-flow-multistep-default .layout-region-checkout-main{
    border-radius: 15px;
   }
   .path-checkout #edit-payment-information{
    margin-bottom: 20px;
   }
   .path-checkout #edit-actions-next{
    border: none !important;
    border-radius: 15px;
   }
   .path-product .block-commerce-cart{
    display: none;
   }
   /* order complete page  */
   .path-checkout p a[href="javascript:void(0);"]{
    display: none;
   }
    
   /* Refund Webform payment Css  */
   #webform-submission-refund-payment-form-add-form{
    width: 50%;
    padding: 30px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 15px;
   }
   #webform-submission-refund-payment-form-add-form  #edit-processed-text{
      float: none;
   }
   label[data-drupal-selector="edit-payment-refundable-form"] {
    text-align: center;      
    margin: auto;          
    width: 100%;            
    display: block;          
    padding: 10px 0;
    font-size: 25px;
    color: #555;
    font-size: 25px;
  }

  #webform-submission-refund-payment-form-add-form .form-item{
    padding: 0;
    width: 100% !important;
  }
  #webform-submission-refund-payment-form-add-form label{
    color: #000;
    font-weight: normal;
    font-family: sans-serif;
  }
  #webform-submission-refund-payment-form-add-form .form-item input{
    width: 100%;
    border-radius: 15px;
    border: 1px solid #ccc !important;
    padding-left: 15px;
    color: #666;
  }
  #webform-submission-refund-payment-form-add-form #edit-actions-submit{
      border-radius: 15px;
      border: none !important;
  }
  .refund-payment-buttons{
    margin-top: 30px;
    width: 100%;
  }
  .refund-payment-buttons{
    color: #fff;
  }
  @media (min-width:320px) and (max-width:768px) {
    .page-node-type-figover-jobs .block-block-contente51aac0e-2406-4aa2-a41e-e48a50e4715e{
      padding-left: 20px;
      padding-right: 20px;
    }
    #webform-submission-refund-payment-form-add-form{
        width: 100%;
    }
    #webform-submission-refund-payment-form-add-form #edit-actions-submit{
      font-size: 23px;
    }
    #webform-submission-refund-payment-form-add-form #edit-processed-text{
      width: 100%;
    }
    .refund-payment-buttons{
      display: block !important;
    }
    .refund-payment-buttons button{
      margin-bottom: 15px;
      font-size: 20px;
    }
    .webform-submission-form [data-drupal-states]{
      width: 100%;
  }
  .form-item-upload-cv{
     width: 97%;
  }
  .webform-submission-form #edit-processed-text{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
  }
  .free-cv-image-btn-webform{
    gap: 0px;
    text-align: center;
  }
  .free-cv-image-btn-webform img{
    width: 75%;
  }
  #edit-upload-cv-upload {
    padding-bottom: 7% !important;
  }
}
#block-drupal8-w3css-theme-floatinghelpicon-2 h2 ,#block-drupal8-w3css-theme-floatinghelpicon-2 label{
  display: none;
}
#block-drupal8-w3css-theme-floatinghelpicon-2 img{
    width:100px;
    position: fixed;
    right: 8px;
    bottom: 30%;
    z-index: 1;
}

  /* Refund payment page  */
  .refund-policy-page .refund-payment-link{
    padding: 5px 10px;
    background: blue;
    color: white;
    cursor: pointer;
  }

  /* premium user message after get premium role  */
  .page-node-type-figover-jobs .block-block-contente51aac0e-2406-4aa2-a41e-e48a50e4715e{
    display: none;
    float: left;
    width: 100%;
  }
  .page-node-type-figover-jobs .block-block-contente51aac0e-2406-4aa2-a41e-e48a50e4715e p{
    color:#FF0000;
    font-weight: bold;
    font-size: 20px;
  }
  /* premium user message after get premium role  */
  .page-node-type-figover-jobs .block-block-content3eb95221-1e28-4cd8-afda-901c2b8d588f{
    display: none;
    float: left;
    width: 100%;
  }
  .page-node-type-figover-jobs .block-block-content3eb95221-1e28-4cd8-afda-901c2b8d588f p{
    color:#FF0000;
    font-weight: bold;
    font-size: 20px;
  }
  
  @media (min-width:320px) and (max-width:768px){
    .page-node-type-figover-jobs .block-block-content3eb95221-1e28-4cd8-afda-901c2b8d588f{
    padding-left: 20px;
    padding-right: 20px;
    }
  }
/*----------=display none user block------------*/
.block-views-blockfind-user-role-with-id-block-1{
  display: none;
}
/*-------------------checkout page--------------------*/
.checkout-image {
  width: 100%;
  text-align: center;
}
.checkout-text h1{
  font-family: "Poppins ",serif;
  font-size: 60px;
  font-weight: 900;
  margin-top: -1%;
}
.checkoutPage{
  display: flex;
  margin: auto;
}
.servicesContent{
  width: 55%;
  border-radius: 30px;
  border: 5px solid #615EFC;
}
.headingImage{
  display: flex;
  gap: 3%;
  margin: 10px 10px 0 10px;
  padding: 0px 2px 0 6px;
}
.checkoutPage .headingImage h1{
  font-family: "Poppins ",serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.4em;
}
.servicesList{
  margin-top: -3%;
}
.servicesList ul li{
  font-size: 25px;
  font-weight: 900;
  font-family: "Poppins ",serif;
}
.checkoutPage .headingImage .ServicesImage img{
  height: 140px;
  width: 140px;
}
.handImg{
  width: 45%;
}
.handImg img{
  width: 150px;
  height: auto;
  margin-left: 42%;
  margin-top: 6%;
}
.layout-region-checkout-secondary{
  margin-top: -21%;
}
.layout-region-checkout-secondary h3{
  font-family: "Poppins ",serif;
  font-size: 45px;
  font-weight: 700;
}
.layout-region-checkout-main {
  margin-top: 50px;
}
.checkout-order-summary{
  margin-top: -20px;
}
/*--------------Home Page job blocks--------------*/
.home-page-job-category-blocks{
  margin-bottom: 3%;
}
.home-page-information-technology-jobs{
  width: 95%;
  background: #d9dddb;
  border-radius: 15px;
  margin-bottom: 3%;
  margin-left: 2.5%;
  padding: 2%;
  height: 53%;
}
.home-page-marketing-jobs{
  width: 95%;
  background: #d9dddb;
  border-radius: 15px;
  margin-left: 2.5%;
  padding: 2%;
  height: 53%;
}
.home-page-management-jobs{
  width: 95%;
  background: #d9dddb;
  border-radius: 15px;
  margin-bottom: 3%;
  margin-left: 2.5%;
  padding: 2%;
  height: 53%;
}
.home-page-medical-jobs{
  width: 95%;
  background: #d9dddb;
  border-radius: 15px;
  margin-left: 2.5%;
  padding: 2%;
  height: 53%;
}
/* html[lang="et"] .home-page-information-technology-jobs, html[lang="et"] .home-page-marketing-jobs , html[lang="et"] .home-page-management-jobs, html[lang="et"] .home-page-medical-jobs{
  height: 320px;
} */
.home-page-information-technology-jobs img, .home-page-marketing-jobs img, .home-page-management-jobs img, .home-page-medical-jobs img{
  width: 100px !important;
  margin-right: 2%;
}
.home-page-information-technology-jobs a h3, .home-page-marketing-jobs a h3, .home-page-management-jobs a h3, .home-page-medical-jobs a h3{
  font-size: 30px;
  font-weight: 900;
  font-family: "Poppins ",serif;
  color: #000;
}
.home-page-information-technology-jobs .d8-has-image, .home-page-marketing-jobs .d8-has-image, .home-page-management-jobs .d8-has-image, .home-page-medical-jobs .d8-has-image{
  color: #000;
  font-family: "Poppins ",serif;
  font-size: 25px;
}
.home-page-information-technology-jobs .view-footer, .home-page-marketing-jobs .view-footer, .home-page-management-jobs .view-footer, .home-page-medical-jobs .view-footer{
  text-align: center;
}
.home-page-information-technology-jobs .view-footer img, .home-page-marketing-jobs .view-footer img, .home-page-management-jobs .view-footer img, .home-page-medical-jobs .view-footer img{
  cursor: pointer;
  width: 180px !important;
  margin-right: 0 !important;
}
@media (min-width: 300px) and (max-width: 560px){
  #header .header-inner #block-drupal8-w3css-theme-languageswitcher{
    width: 39% !important;
  }
}
/*------------map image--------*/
.map-img-home-page{
  text-align: center;
}
.map-home-page-job-blocks img{
  height: auto;
  width: 100%; 
  display: block;
}
/************ Premium Area ************/
.premium-area{
  display: flex;
  margin-top: 15px;
  font-family: "Poppins ",serif;
}
.premium-area .product-top-left-area{
  margin-right: 20px;
}
.premium-area .product-top-left-area h2{
  font-size: 40px;
  font-family: "RobotoMono",serif;
  font-weight: 900;
}
.premium-area .product-top-left-area p{
  font-size: 25px !important;
  font-weight: 600;
  margin-top: -8px;
}
.left-area .left-area-img{
  text-align: center;
}
.premium-area .layout__region--second{
  background-color: #e5e5e5;
  border-radius: 30px;
  border: 5px solid #808080;
  width: 300px;
  position: relative;
  margin-top: 80px;
}
.product-top-right-main-area-premium .top-right-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 7%;
}
.product-top-right-main-area-premium .top-right-header h1{
  font-size: 50px;
  font-family: "RobotoMono",serif;
  font-weight: 900;
}
.product-top-right-main-area-premium .top-right-header .price p{
  font-size: 25px !important;
  font-family: "RobotoMono",serif;
  color: #333;
  margin-top: -25px;
  font-weight: 600;
}
.product-top-right-main-area-premium .top-right-header .top-right-area-img img {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 200px;
  height: auto;
  border-radius: 30px;
}
.product-right-premium-features{
margin-left: 2%;
}
.product-right-premium-features ul li{
  font-weight: bold;
  font-size: 25px;
}
.product-right-cancellation-note p{
  text-align: center !important;
  font-size: 20px !important;
  font-weight: bold;
}
.product-right-discount-info{
  width: 50%;
  margin-left: auto;
}
.product-right-discount-info p{
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  margin-top: 15px;
}
.block-field-blockcommerce-productresumevariations .field__label{
  display: none;
}
#edit-purchased-entity-wrapper{
  display: none;
}
/* Premium Footer */
.premium-footer{
  margin-top: 30px;
}
.premium-footer img{
  margin-right: 10px;
  cursor: pointer;
}
.payment-area h3, .contact-area h3{
  font-size: 30px;
  font-family: "RobotoMono",serif;
  font-weight: 900;
  margin-bottom: 15px;
}
.contact-area p{
  font-size: 20px !important;
  font-weight: bold;
  margin-top: 5px;
}
.contact-area p a{
  color: #615EFC;
  font-weight: bolder;
}
.contact-area strong{
  font-weight: bold;
}
/***** premium responsive *****/
@media (min-width: 280px) and (max-width: 1246px){
  .product-right-premium-features ul li {
    font-size: 22px;
  }
}
@media (min-width: 280px) and (max-width: 1030px){
  .ul-parent-account .li-item-account .li-link-account {
    padding: 0 10px !important;
  }
  .path-product article {
    width: 97%;
  }
  .premium-area .product-top-left-area h2 {
    font-size: 45px;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 43px;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 23px !important;
  }
}
@media (min-width: 280px) and (max-width: 930px){
  .left-area .left-area-img img{
    height: auto;
    width: 340px;
  }
  .product-top-right-main-area-premium .top-right-header {
    margin-left: 25px;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 20px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 170px;
  }
  .product-right-cancellation-note p {
    font-size: 18px !important;
  }
  .product-right-discount-info p {
    font-size: 16px !important;
  }
  .layout__region--second .contact-premium-section .contact-area{
    text-align: center;
    justify-content: center;
    justify-items: center;
    margin-left: 20px;
  }
  .product-right-premium-features ul li {
    font-size: 22px;
  }
  .premium-footer img {
    margin-right: 5px;
  }
}
@media (min-width: 280px) and (max-width: 880px){
  .layout-region-checkout-secondary{
    margin-top: 0% !important;
    width: 70% !important;
    margin-bottom: 15px;
    float: left;
  }
  .layout-region-checkout-secondary h3{
    font-size: 34px !important;
  }
  .layout-region-checkout-footer{
    width: 100%;
    font-size: 25px !important;
  }
  .handImg img {
    margin-left: 40% !important;
  }
  .path-product article {
    width: 90%;
  }
  .premium-area .layout__region--first{
    width: 100%;
  }
  .premium-area .layout__region--second{
    width: 100% !important;
  }
  .premium-footer .layout__region--first{
    width: 100%;
  }
  .premium-footer .layout__region--second{
    width: 100%;
  }
  .premium-area, .premium-footer {
    flex-direction: column;
  }
  .layout__region--second .contact-premium-section .contact-area {
    text-align: left;
    margin-left: 0;
  }
  .premium-area .product-top-left-area p {
    font-size: 35px !important;
    font-weight: 700;
    margin-top: -20px;
  }
  .left-area .left-area-img img {
    display: none;
  }
  .premium-area .layout__region--second {
    margin-top: 0;
  }
  .product-top-right-main-area-premium .top-right-header {
    margin-left: 40px;
  }
  .product-right-premium-features ul li {
    font-size: 30px;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 70px;
  }
  .product-top-right-main-area-premium .top-right-header .price{
    margin-top: -40px;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 30px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 260px;
  }
 .path-product  .block-layout-builder .field--name-variations .field__items .field__item{
    width: 80%;
  }
  .product-right-cancellation-note p {
    font-size: 25px !important;
  }
  .product-right-discount-info {
    width: 100%;
  }
  .product-right-discount-info p {
    font-size: 25px !important;
  }
  .payment-area h3, .contact-area h3 {
    font-size: 35px;
  }
  .premium-footer img {
    margin-right: 20px;
  }
  .contact-area p strong {
    font-weight: bolder;
    font-size: 25px;
  }
  .contact-area p {
    font-size: 25px !important;
    font-weight: bold;
  }
  .checkoutPage {
    flex-direction: column;
  }
  .servicesContent {
    width: 90%;
    margin-left: 5%;
  }
  .headingImage {
    flex-direction: column;
  }
  .handImg {
    display: none;
  }
  .checkoutPage .headingImage h1 {
    font-size: 65px !important;
    text-align: center;
  }
  .servicesList ul li {
    font-size: 30px !important;
  }
  .headingImage .ServicesImage {
    text-align: center;
  }
  .checkoutPage .headingImage .ServicesImage img {
    height: 225px;
    width: 200px;
  }
  .servicesList ul{
    margin-left: 3%;
  }
  .servicesList ul li {
    font-size: 32px !important;
    font-weight: 700;
  }
} 
@media (min-width: 280px) and (max-width: 768px) {
  .payment-area h3, .contact-area h3 {
    font-size: 34px !important;
  }
}
@media (min-width: 280px) and (max-width: 740px){
  .path-product article {
    width: 95%;
  }
}
@media (min-width: 280px) and (max-width: 700px){
  .product-top-right-main-area-premium .top-right-header {
    margin-left: 30px;
  }
  .premium-footer img {
    margin-right: 10px;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 60px;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 25px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 230px;
  }
  .product-right-premium-features ul li {
    font-size: 27px;
  }
  .product-right-cancellation-note p {
    font-size: 18px !important;
  }
  .product-right-discount-info p {
    font-size: 23px !important;
  }
}
@media (min-width: 280px) and (max-width: 660px) {
  .premium-footer img {
    margin-right: 5px;
  }
  /*-----checkout-----*/
  .checkout-text h1 {
    font-size: 55px !important;
  }
  .checkoutPage .headingImage h1 {
    font-size: 48px !important;
  }
  .servicesList ul li {
    font-size: 28px !important;
  }
}
@media (min-width: 280px) and (max-width: 620px) {
  .site-name-slogan {
    margin: 16px auto 0 auto !important;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 50px;
  }
  .product-top-right-main-area-premium .top-right-header .price {
    margin-top: -30px;
  }
    .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 20px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 200px;
  }
  .product-right-premium-features ul li {
    font-size: 25px;
  }
  .product-right-discount-info p {
    font-size: 21px !important;
  }
  .premium-footer img {
    margin-right: 2px;
  }
}
@media (min-width: 280px) and (max-width: 525px){
  .product-top-right-main-area-premium .top-right-header {
    margin-left: 25px;
  }
  .product-right-discount-info p {
    font-size: 18px !important;
    margin-top: 8px;
  }
  .premium-area .product-top-left-area p {
    font-size: 25px !important;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 40px;
  }
  .product-top-right-main-area-premium .top-right-header .price {
    margin-top: -35px;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 18px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 170px;
  }
  .product-right-premium-features ul li {
    font-size: 22px;
  }
  .product-right-premium-features {
    margin-left: inherit;
  }
  /*--checkout page--*/
  .continue-btn img{
    width: 50%;
  }
  .checkout-text h1 {
    font-size: 45px !important;
  }
  .servicesContent {
    width: 100%;
    margin-left: inherit !important;
  }
  .checkoutPage .headingImage h1 {
    font-size: 40px !important;
  }
  .checkoutPage .headingImage .ServicesImage img {
    height: 200px;
    width: 170px;
  }
  .servicesList ul li {
    font-size: 25px !important;
  }
}
@media (min-width: 880px) and (max-width: 932px) {
  .layout-region-checkout-secondary {
    float: right;
    width: 40% !important;
  }
  .layout-region-checkout-secondary {
    margin-top: -56% !important;
  }
}
@media (min-width: 280px) and (max-width: 480px) {
  .path-product article {
    width: 97%;
  }
}
@media (min-width: 280px) and (max-width: 435px) {
  .product-right-premium-features ul li {
    font-size: 20px;
  }
  .product-right-discount-info p {
    font-size: 18px !important;
  }
  /*----checkout page----*/
  .checkout-text h1 {
    font-size: 40px !important;
  }
  .checkoutPage .headingImage h1 {
    font-size: 35px !important;
  }
  .checkoutPage .headingImage .ServicesImage img {
    height: 180px;
    width: 150px;
  }
  .servicesList ul {
    margin-left: inherit;
  }
  .servicesList ul li {
    font-size: 22px !important;
  }
}
@media (min-width: 280px) and (max-width: 410px) {
  .premium-area .product-top-left-area p {
    font-size: 19px !important;
    text-align: left !important;
  }
  .product-top-right-main-area-premium .top-right-header {
    margin-left: 15px;
  }
  .product-top-right-main-area-premium .top-right-header h1 {
    font-size: 30px;
  }
  .product-right-premium-features ul{
    margin-left: -3% !important;
  }
  .product-top-right-main-area-premium .top-right-header .price {
    margin-top: inherit;
  }
  .product-top-right-main-area-premium .top-right-header .price p {
    font-size: 16px !important;
  }
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 145px;
  }
  .product-right-cancellation-note p {
    margin-left: 8px;
    text-align: left !important;
  }
  /*--checkout page--*/
  .checkout-text h1 {
    font-size: 35px !important;
  }
  .checkoutPage .headingImage h1 {
    font-size: 28px !important;
  }
  .servicesList ul li {
    font-size: 18px !important;
  }
}
@media (min-width: 280px) and (max-width: 353px) {
  .product-top-right-main-area-premium .top-right-header .top-right-area-img img {
    width: 115px;
  }
  .product-right-premium-features ul li {
    font-size: 18px;
  }
}
@media (min-width: 320px) and (max-width: 373px) {
  .main-jobs-ads .ads-heading h1{
    font-size: 32px !important;
  }
}
/********* Job Ads *********/
.field--name-field-basic-block-type{
  display: none;
}
.main-jobs-ads, .job-ads-quick-posting, .job-ad-plan, .high-performance-ads, .job-ads-preview-section, .job-ads-membership-form, .job-ads-membership-directory, .job-ads-contact-info{
  margin-bottom: 3em;
}
/* ********* Job ad banner ************ */
.path-webform #page-title h1{
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
}
.main-jobs-ads .ads-heading h1{
  font-size: 45px;
  font-family: "MadimiOne",sans-serif;
  font-weight: 900;
  color: #615EFC;
  width: 98% !important;
  margin-left: 1%;
  margin-right: 1%;
}
.main-jobs-ads .banner-section{
  background-color: #615EFC;
  padding: 2em 1em;
  margin: 0 -40px;
  display: flex;
  align-items: center;
}
.main-jobs-ads .banner-section .left-text{
  width: 100%;
}
.main-jobs-ads .banner-section .left-text h1{
  font-size: 60px;
  font-weight: 900;
  font-family: "MadimiOne",sans-serif;
  text-align: center;
  color: black;
  width: 100% !important;
}
html[lang="sv"] .main-jobs-ads .banner-section .left-text h1{
  font-size: 45px;
}
html[lang="de"] .main-jobs-ads .banner-section .left-text h1{
  font-size: 45px;
}
html[lang="et"] .main-jobs-ads .banner-section .left-text h1{
  font-size: 50px;
}
.main-jobs-ads .banner-section .left-text h1 span{
  background: url(https://applyatjob.com/sites/default/files/2025-03/job-ads-banner_1.png);
  display: inline-block;
  background-size: cover;
  padding: 15px 10px;
}
html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span{
  margin: 0px 10px;
  padding: 40px 0px;
}
html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span{
  margin: 0px 10px;
  padding: 45px 0px;
}
html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span{
  margin: 0px 10px;
  padding: 45px 0px;
}
.main-jobs-ads .banner-section .ads-banner-img{
  width: 40%;
  float: right;
  clear: right;
  margin-right: 1%;
  padding: 1em 0.5em;
  text-align: center;
}
.main-jobs-ads .banner-section .ads-banner-img img{
  width: 70%;
}

/* *************** Job ads Quick post***************** */
.quick-job-posting-heading .quick-job-posting-description p, .app-download-description, .app-download-subtext{
  color: #000 !important;
}
.quick-job-posting{
  display: flex;
  padding: 10px 25px 10px 25px;
  border-radius: 30px;
  border: 5px solid #ffa827;
  margin: 0.5em 2em;
}
.job-ads-quick-posting .quick-job-posting .job-posting-img{
  width: 38%;
  margin-right: 2%;
  float: left;
  clear: left;
  margin-bottom: 2em;
}
.hire-employee-home-page .quick-job-posting .job-posting-img{
  margin-top: 50px;
}
.job-ads-quick-posting a {
  padding: 0 !important;
}
.job-ads-quick-posting .quick-job-posting .quick-right-description{
  width: 60%;
  float: right;
  clear: right;
  align-content: center;
}
.job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-heading{
  margin-bottom: 2em;
}
.job-ads-quick-posting .quick-job-posting .quick-right-description h3{
  font-size: 35px;
  font-weight: 700;
    font-family: "MadimiOne",sans-serif;
}
.job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns{
  display: flex;
  gap: 3em;
  justify-content: center;
}
.job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns .jobs-ad-now, .learn-more{
  width: 33%;
  cursor: pointer;
}

/* *************** Job ads plan ***************** */
.jobs-ads-plan-heading{
  margin: 0.5em 2em;
}
.jobs-ads-plan-heading .ad-plan-heading h2{
  font-size: 35px;
  font-weight: 800;
  font-family: "MadimiOne",sans-serif;
  margin: 1em 0;
  width: 98%;
}
.job-ads-free, .job-ads-standard, .job-ads-premium{
  width: 96%;
  text-align: center;
}
.job-ad-plan .free-job-ad-plan, .job-ads-standard, .job-ads-premium{
  background-color: #ddd;
  border: 4px solid #b0c4de;
  border-radius: 10px;
  padding: 20px;
  text-align: left;
}
.free-job-ad-plan .job-ad-features{
  margin-bottom: 14%;
}
.most-popular-job-ad-plan .job-ad-features{
  margin-bottom: 13.5%;
}
.job-ad-plan .job-ad-heading h2{                                    
  font-size: 30px;
  font-weight: 800;
  font-family: "MadimiOne",sans-serif;
}
.job-ad-plan .job-ad-price p{
  font-size: 20px;
}                                      
.job-ad-plan .job-ad-price span {
  font-size: 30px;
  font-weight: 700;
  font-family: "MadimiOne",sans-serif;
}
.job-ad-plan ul{
  padding: 0;
  margin: 15px 5px;
}
.job-ad-plan ul li{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bolder;
}
.job-ad-plan .job-ad-btn{
  width: 60%;
  margin-left: 15%;
} 

/************ Job ads high performance ************/

.job-ads-performance{
  margin: 0.5em 2em;
}
.job-ads-high-performance .high-performance-ads {
  display: flex;
}
.job-ads-high-performance .high-performance-ads .high-performance-img{
  float: left;
  clear: left;
  width: 40%;
  margin-left: 2%;
}
.job-ads-high-performance .high-performance-ads .high-performance-img img{
  height: 400px;
}
.job-ad-high-performance {
  float: right;
  clear: right;
  border: 3px solid #ffa827;
  border-radius: 50px;
  padding: 20px;
  width: 58%;
}
.high-performance-title h3{
  font-size: 35px;
  font-weight: 800;
    font-family: "MadimiOne",sans-serif;
  line-height: 1.5em;
}
.high-performance-description{
  text-align: left;
}
.high-performance-description p{
  font-size: 22px !important;
}
.high-performance-btn{
  width: 40%;
  float: right;
  margin-right: 5%;
}

/******************** Job Ad preview ******************/

.job-ads-preview-section{
  margin-top: 3em;
}
.job-ads-preview-section {
  margin: 0.5em 1em;
} 
.main-preview-section{
  display: flex;
}
.main-preview-section .main-right{
  width: 50%;
  margin-right: 2%;
}
.job-ad-card-section{
  width: 48%;
}
.job-ad-card-section .job-ad-card-img img{
  height: 570px;
  width: 95%;
}
.main-preview-section .main-right .job-ad-customization-info{
  border: 3px solid #9afd7f;
  border-radius: 50px;
  margin-bottom: 2em;
}
.job-ad-customization-info .job-ad-customization-title{
  padding: 0 2em;
}
.job-ad-customization-info .job-ad-customization-title h3{
  font-size: 25px;
  font-weight: 800;
  font-family: "MadimiOne",sans-serif;
  margin-bottom: inherit;
}
.job-ad-customization-info .job-ad-customization-description{
  padding: 0 2em;
  margin-top: -0.5em;
}
.job-ad-customization-info .job-ad-customization-description p{
  font-size: 20px !important;
  font-weight: bold;
}
.job-ads-preview .preview-buttons{
  margin-left: 10%;
}
.job-ads-preview .preview-buttons .preview-arrow{
  width: 20%;
}
.job-ads-preview .preview-buttons .ad-for-free{
  width: 55%;
}
#node-cv-form #edit-field-country-wrapper .form-item-field-country-0-value{
  display: none !important;
}
.page-node-type-cv #edit-field-country-wrapper .form-item-field-country-0-value{
  display: none !important;
}

/******************* Membership webform ********************/
.webform-submission-form .form-required::after{
  background-image: none;
}
.webform-submission-form .form-item-ad-subject{
  display: none !important;
}
.block-webform-block .webform-submission-membership-form-form #edit-actions #edit-submit{
  border-radius: 30px;
  background-color: #0e007a;
  font-size: 25px;
  height: 60px !important;
}

.block-webform-block{
  margin: 0.5em 2em;
}
.block-webform-block .webform-submission-membership-form-form{
  background-color: #9afd7f;
  border: 5px solid #5ace37;
  border-radius: 20px;
  width: 90%;
  padding: 10px;
}
.block-webform-block .webform-submission-membership-form-form #edit-markup h4{
  font-size: 45px;
  font-weight: 700;
  font-family: "MadimiOne",sans-serif;
  text-align: center;
  color: #052f61;
}
.block-webform-block .webform-submission-membership-form-form label{
  color: #000;
  font-weight: 900;
  text-align: left;
  font-family: "MadimiOne",sans-serif !important;
  width: 35%;
  line-height: normal;
}
.block-webform-block .webform-submission-membership-form-form .form-text,
.block-webform-block .webform-submission-membership-form-form .form-email,
.block-webform-block .webform-submission-membership-form-form .form-tel,
.block-webform-block .webform-submission-membership-form-form .form-select,
.block-webform-block .webform-submission-membership-form-form .form-textarea{
  border-radius: 11px;
  border: 2px solid gray !important;
  background: transparent;
  height: 46px;
  padding: 5px;
}
.block-webform-block .webform-submission-membership-form-form .form-textarea{
  height: 123px !important;
}
.block-webform-block .webform-submission-membership-form-form .form-item{
  display: flex;
  width: 100% !important;
  padding: 0 15PX;
  margin-bottom: 10px !important;
}
.block-webform-block .webform-submission-membership-form-form .form-item-markup{
  display: inherit !important;
}
.block-webform-block .webform-submission-membership-form-form .form-textarea-wrapper{
  width: 100%;
}

/****************  Benefit ***************/

.job-ads-benefit{
  margin: 0 3em;
}
.job-ads-benefit-section{
  background-color: #e2dcdc;
  padding: 0 3em;
}
.job-ads-benefit-section .benefit-items-title{
  text-align: center;
  margin-bottom: 3em;
}
.job-ads-benefit-section .benefit-items-title h2{
  font-size: 30px;
  font-weight: 900;
  font-family: "MadimiOne",sans-serif !important;
}
.job-ads-benefit .benefits-container{
  display: flex;
  gap: 3em;
  padding-bottom: 1em;
}
.job-ads-benefit .benefits-container .benefit-item-icon{
  text-align: center;
}
.job-ads-benefit .benefits-container .benefit-item-title{
  text-align: center;
    font-family: "MadimiOne",sans-serif;
}
.job-ads-benefit .benefits-container .benefit-item-title h5{
  margin-bottom: inherit;
  font-weight: bolder;
}
.job-ads-benefit .benefits-container .benefit-item-description{
  text-align: center;
}
.job-ads-benefit .benefits-container .benefit-item-description p{
  margin: inherit;
}

/***************** Help & Info ******************/

.contact-info{
  text-align: center;
}
.contact-info-title h3{
  font-size: 37px;
  font-weight: 900;
  font-family: "MadimiOne",sans-serif;
  color: black;
} 
.contact-info-body p{
  font-size: 20px !important;
}
.contact-info-body p a{
  padding: inherit;
  color: #615EFC;
  font-weight: bolder;
}
.contact-info-description{
  max-width: 99%;
}
.contact-info-description p{
  font-size: 20px !important;
}
/*************************CONTACT-US********************************/
.contact-message-feedback-form .field--name-field-any-query{
  display: none;
}
/************Job ad responsive**********/

@media (min-width: 300px) and (max-width: 479px){
  .ad-form{
    display: none;
  }
  .ai-interview {
    margin-bottom: 10% !important;
  }
  .main-jobs-ads, .job-ads-quick-posting, .job-ad-plan, .high-performance-ads, .job-ads-preview-section, .job-ads-membership-form, .job-ads-membership-directory, .job-ads-contact-info {
    margin-bottom: 2em;
  }
  .main-jobs-ads{
    background-color: #615EFC;
    margin: 0 -1.5em;
  }
  .main-jobs-ads .ads-heading h1{
    color: #fff;
    font-size: 23px;
    margin-left: 4%;
    padding-top: 3%;
  }
  .main-jobs-ads .banner-section{
    background-color: transparent; 
    flex-direction: column;
  }
  .main-jobs-ads .banner-section .left-text {
    width: 100%;
  }
  .main-jobs-ads .banner-section .ads-banner-img {
    width: 60%;
    margin-top: 2%;
    margin-right: 0% !important;
    padding: 0 !important;
  }
  .main-jobs-ads .banner-section .left-text h1 {
    font-size: 28px;
    padding: 0 27px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 17px;
  }
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text .progress-title{
    font-size: 15px !important;
  }
  .webform-submission-job-ad-form .webform-progress {
    margin-bottom: 15px !important;
  }
  .webform-submission-job-ad-form .step-counter {
    font-size: 20px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 23px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 15px 0px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 19px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 21px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span {
    margin: 0px 10px;
    padding: 20px 0px;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 25px !important;
    line-height: 2.5rem !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 16px !important;
  }
  html[lang="de"] .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 15px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 23px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 18px 0px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 19px !important;
  }
  .main-jobs-ads .banner-section .ads-banner-img img{
    width: 90%;
  }
  .quick-job-posting img{
    width: 100%;
  }
  .job-ads-quick-posting {
    margin-top: 1em;
  }
  .quick-job-posting {
    margin: inherit;
    padding: 12px;
    flex-direction: column;
  }
  .job-ads-quick-posting .quick-job-posting .job-posting-img {
    margin-top: inherit !important;
    margin-bottom: inherit !important;
    width: 95%;
    margin-left: 2.5%;
  }
  .job-ads-quick-posting a{
    padding: 0 !important;
  }
  .job-ads-quick-posting .quick-job-posting .job-posting-img img {
    width: 100%;
    height: 100%;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description {
    width: 100%;
    align-content: center;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-heading {
    margin-bottom: 1em;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description h3 {
    font-size: 13px !important;
    font-weight: 600;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns {
    gap: 1.5em;
    margin-bottom: inherit;
    display: flex;
    justify-content: center;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns .jobs-ad-now, .learn-more {
    margin-bottom: 0.8em;
    width: 47% !important;
    margin-left: -3% !important;

  }
  .jobs-ads-plan-heading {
    margin: 0.5em 4em;
  }
  .jobs-ads-plan-heading .ad-plan-heading h2 {
    font-size: 24px;
    margin-left: -1.9em;
    margin-bottom: 1em;
    line-height: initial;
    font-weight: 800;
  }
  .job-ad-plan {
    margin: inherit;
    flex-direction: column;
    gap: 1em;
  }
  .job-ad-plan img{
    width: 100%;
  }
  .job-ad-plan .layout__region--first, .layout__region--second, .layout__region--third  {
    width: 100%;
  }
  .job-ads-free, .job-ads-standard, .job-ads-premium {
    width: 100%;
  }
  .job-ad-plan .free-job-ad-plan, .job-ads-standard, .job-ads-premium {
    padding: 0.5em 3em;
  }
  .job-ad-plan .job-ad-heading {
    margin-left: -0.5em;
  }
  .job-ad-plan .job-ad-heading h2 {
    font-size: 26px !important;
  }
  .job-ad-plan .job-ad-price {
    margin-left: -0.5em;
  }
  .job-ad-plan .job-ad-price p {
    padding-bottom: 14px !important;
    font-size: 20px !important;
    margin-top: -0.6em;
  }
  .job-ad-plan .job-ad-price span {
    font-size: 26px !important;
  }
  .job-ad-plan .free-job-ad-plan .job-ad-features {
    margin-bottom: inherit !important;
  }
  .job-ad-features ul {
    margin-top: -15px;
  }
  .job-ad-plan ul li {
    font-size: 15px;
  }
  .job-ad-plan .job-ad-btn {
    margin-left: 10% !important;
    width: 75% !important;
  }
  .job-ad-plan .job-ad-btn a{
    padding: 0 !important;
  }
  .job-ads-performance {
    margin: 0.5em 1em;
  }
  .job-ads-high-performance .high-performance-ads {
    margin: 1.5em 0;
    flex-direction: column;
    border: 3px solid #ffa827;
    border-radius: 50px;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img {
    width: 80%;
    margin-left: 10%;
    margin-top: 1.5em;
    margin-right: 2%;
  }
  .job-ads-high-performance .high-performance-btn a{
    padding: 0 !important;
  }
  .job-ads-high-performance img{
    width: 100%;
    padding: 10px !important;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img img {
    width: auto;
    height: auto;
  }
  .job-ad-high-performance {
    width: 95%;
    margin-left: 1%;
    border: none;
  }
  .high-performance-title h3 {
    display: none;
  }
  .high-performance-description p {
    font-size: 18px !important;
    margin-top: -0.6em;
    margin-bottom: inherit;
  }
  .high-performance-btn {
    margin-right: 20% !important;
    width: 60%;
  }
  .job-ads-preview-section {
    margin: 1.5em 0.5em;
    border: 3px solid #9afd7f;
    border-radius: 50px;
  }
  .main-preview-section {
    flex-direction: column;
  }
  .main-preview-section .main-right {
    width: 100%;
    margin-right: 0%;
  }
  .main-preview-section .main-right .job-ad-customization-info {
    border: none !important;
    margin-bottom: 1.5em;
  }
  .job-ad-customization-info .job-ad-customization-title {
    padding: 0 2em;
  }
  .job-ad-customization-info .job-ad-customization-title h3 {
    font-size: 18px !important;
    margin-top: 1em; 
    line-height: initial;
  }
  .job-ad-customization-info .job-ad-customization-description {
    margin-top: -0.5em;
    padding: 0 2em;
  }
  .job-ad-customization-info .job-ad-customization-description p {
    font-size: 17px !important;
    font-weight: normal;
  }
  .job-ads-preview .preview-buttons {
    margin-left: 12%;
  } 
  .job-ads-preview .preview-buttons .preview-buttons-img a{
    padding: 0 !important;
  }
  .job-ads-preview .preview-buttons .preview-arrow {
    width: 19% !important;
    margin-right: 2% !important;
  }
  .job-ads-preview .preview-buttons .ad-for-free {
    width: 59%;
  }
  .job-ad-card-section {
    width: 90%;
    margin-top: 2em;
  }
  .job-ad-card-section .job-ad-card-img img {
    margin-bottom: 6%;
    height: auto;
    width: auto;
    margin-left: 6%;
  }
  .block-webform-block .webform-submission-membership-form-form #edit-markup h4 {
    font-size: 28px !important;
  }
  .job-ads-benefit {
    margin: 0 1em;
  }
  .job-ads-benefit-section {
    padding: 0 1.5em;
    margin-bottom: 1.5em;
  }
  .job-ads-benefit-section .benefit-items-title {
    margin: 2em -1em 2em -1em;
    padding-top: 1em;
    text-align: center;
  }
  .job-ads-benefit-section .benefit-items-title h2 {
    font-size: 17px;
    padding-top: 1em;
  }
  .job-ads-benefit .benefits-container {
    flex-direction: column;
    gap: 2em;
  }
  .job-ads-benefit-section .benefits-container img {
    width: 30% !important;
  }
  .job-ads-benefit .benefits-container .benefit-item-title h5 {
    font-size: 17px;
  }
  .job-ads-benefit .benefits-container .benefit-item-description {
    margin: 0 1em;
  }
  .benefit-item-description p {
    font-size: 16px !important;
  }
  .contact-info-title h3 {
    font-size: 22px !important;
  }
  .contact-info .contact-info-body p {
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: inherit;
  }
  .contact-info-description {
    font-size: 15px !important;
  }
  .contact-info-description p {
    font-size: 16px !important;
    font-weight: 500;
  }
  .job-corner { 
    flex-direction: column;
  }
  .job-catogries {
    width: 100% !important;
  }
  .footer-job-link{
    flex-direction: column;
    width: 100% !important;
    margin-top: 3%;
  }
  .job-link {
    width: 100% !important;
  }
  .our-company {
    width: 100% !important;
  }
  .footer-main {
    margin: 0 -2em !important;
    padding: 1em 2em !important;
  }
  .job-categories-header h3 {
    font-size: 23px !important;
    font-weight: 800 !important;
  }
  .job-categories-header h4{
    font-size: 19px !important;
    margin-bottom: 4%;
  }
  .social-media-icons img {
    width: 50px !important;
  }
  .job-link ul li {
    font-size: 25px !important;
  }
  .our-company {
    border-left: none !important;
  }
  .our-company h4 {
    font-size: 25px !important;
    margin-left: inherit !important;
  }
  .our-company ul {
    margin-left: -15% !important;
  }
  .copywrite-section {
    margin-top: inherit !important;
  }
  .copywrite-section h4 {
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  .payment h1 {
    font-weight: 800 !important;
    font-size: 25px !important;
  }
  .payment img {
    width: 330px !important;
    margin-left: 1% !important;
  }
  .checkout-pane span{
    font-size: 20px !important;
  }
  .layout-region-checkout-secondary {
    width: 100% !important;
  }
  .layout-region-checkout-secondary h3 {
    font-size: 30px !important;
  }
  .layout-region-checkout-secondary span{
    font-size: 18px !important;
  }
  .layout-region-checkout-secondary table tr td{
    font-size: 16px !important;
  }
  .path-checkout #edit-actions-next {
    font-size: 20px !important;
  }
  .fieldset-wrapper {
    font-size: 16px !important;
  } 
} 
@media (min-width: 479px) and (max-width: 800px){
  .fieldset-wrapper {
    font-size: 20px !important;
  }
  .layout-region-checkout-secondary {
    width: 100% !important;
  }
  .layout-region-checkout-secondary h3 {
    font-size: 30px !important;
  }
  .checkout-pane span{
    font-size: 18px !important;
  }
  .layout-region-checkout-secondary table tr td{
    font-size: 18px !important;
  }
  .payment h1 {
    font-size: 31px !important;
  }
  .main-jobs-ads, .job-ads-quick-posting, .job-ad-plan, .high-performance-ads, .job-ads-preview-section, .job-ads-membership-form, .job-ads-membership-directory, .job-ads-contact-info {
    margin-bottom: 2em;
  }
  .main-jobs-ads{
    background-color: #615EFC;
    margin: 0 -1.5em;
  }
  .main-jobs-ads .ads-heading h1{
    color: #fff;
    font-size: 40px;
    margin-left: 3%;
    padding-top: 3%;
  } 
  .main-jobs-ads .banner-section{
    background-color: transparent; 
    flex-direction: column;
  }
  .main-jobs-ads .banner-section .left-text {
    width: 100%;
  }
  .main-jobs-ads .banner-section .ads-banner-img {
    width: 75%;
    margin-top: 2%;
    margin-right: 0% !important;
  }
  .main-jobs-ads .banner-section .left-text h1 {
    font-size: 45px;
    padding: 0 27px;
    line-height: 4rem;
    margin-top: 25px;
  }
  .main-jobs-ads .banner-section .left-text h1 span {
    padding: 24px 10px;
  }
  #block-drupal8-w3css-theme-jobaddservices  .main-jobs-ads .banner-section .ads-banner-img img{
    margin-bottom: 17px;
  }
  .main-jobs-ads .banner-section .ads-banner-img img{
    width: 100%;
  }
  .quick-job-posting img{
    width: 100%;
  }
  .job-ads-quick-posting {
    margin-top: 2em;
  }
  .quick-job-posting {
    padding: 5px;
    margin: 5px;
  }
  .job-ads-quick-posting .quick-job-posting .job-posting-img img {
    width: auto;
    height: auto;
    margin-left: inherit;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description {
    width: 63%;
    align-content: center;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-heading {
    margin-bottom: 1em;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description h3 {
    font-size: 18px !important;
    font-weight: 600;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns {
    gap: 1.5em;
    margin-bottom: inherit;
    display: flex;
    justify-content: center;
    margin-right: 1%;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns .jobs-ad-now, .learn-more {
    margin-bottom: 0.8em;
    width: 45%;
    margin-left: -4%;
  }
  .jobs-ads-plan-heading {
    margin: 0.5em 4em;
  }
  .jobs-ads-plan-heading .ad-plan-heading h2 {
    font-size: 33px;
    margin-left: -1.9em;
    margin-bottom: 1em;
    line-height: initial;
    font-weight: 800;
  }
  .job-ad-plan {
    margin: inherit;
    flex-direction: column;
    gap: 1em;
  }
  .job-ad-plan img{
    width: 100%;
  }
  .job-ad-plan .layout__region--first, .layout__region--second, .layout__region--third  {
    width: 100%;
  }
  .job-ads-free, .job-ads-standard, .job-ads-premium {
    width: 100%;
  }
  .job-ad-plan .free-job-ad-plan, .job-ads-standard, .job-ads-premium {
    padding: 0.5em 3em;
  }
  .job-ad-plan .job-ad-heading {
    margin-left: -0.5em;
  }
  .job-ad-plan .job-ad-heading h2 {
    font-size: 34px !important;
  }
  .job-ad-plan .job-ad-price {
    margin-left: -0.5em;
  }
  .job-ad-plan .job-ad-price p {
    padding-bottom: 14px !important;
    font-size: 20px !important;
    margin-top: -0.6em;
  }
  .job-ad-plan .job-ad-price span {
    font-size: 26px !important;
  }
  .job-ad-plan .free-job-ad-plan .job-ad-features {
    margin-bottom: inherit !important;
  }
  .job-ad-features ul {
    margin-top: -10px;
  }
  .job-ad-plan ul li {
    font-size: 20px;
  }
  .most-popular-job-ad-plan .job-ad-features {
    margin-bottom: inherit;
  }
  .job-ad-plan .job-ad-btn {
    margin-left: 24%;
    width: 50%;
  }
  .job-ads-performance {
    margin: 0.5em 1em;
  }
  .job-ads-high-performance .high-performance-ads {
    margin: 1.5em 0;
    flex-direction: column;
    border: 3px solid #ffa827;
    border-radius: 50px;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img {
    width: 80%;
    margin-left: 10%;
    margin-top: 1.5em;
    margin-right: 2%;
  }
  .job-ads-high-performance img{
    width: 100%;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img img {
    width: auto;
    height: auto;
  }
  .job-ad-high-performance {
    width: 95%;
    margin-left: 1%;
    border: none;
  }
  .high-performance-title h3 {
    display: block;
    font-size: 30px !important;
  }
  .high-performance-description p {
    font-size: 20px !important;
    margin-top: -0.6em;
    margin-bottom: inherit;
  }
  .high-performance-btn {
    margin-right: 20% !important;
    width: 55%;
  }
  .high-performance-description {
    margin-bottom: 4%;
  }
  .job-ads-preview-section {
    margin: 1.5em 0.5em;
    border: 3px solid #9afd7f;
    border-radius: 50px;
  }
  .main-preview-section {
    flex-direction: column;
  }
  .main-preview-section .main-right {
    width: 100%;
    margin-right: 0%;
  }
  .main-preview-section .main-right .job-ad-customization-info {
    border: none !important;
    margin-bottom: 1.5em;
  }
  .job-ad-customization-info .job-ad-customization-title {
    padding: 0 2em;
  }
  .job-ad-customization-info .job-ad-customization-title h3 {
    font-size: 25px !important;
    margin-top: 1em; 
    line-height: initial;
  }
  .job-ad-customization-info .job-ad-customization-description {
    margin-top: -0.5em;
    padding: 0 2em;
  }
  .job-ad-customization-info .job-ad-customization-description p {
    font-size: 20px !important;
    font-weight: normal;
  }
  .job-ads-preview .preview-buttons {
    margin-left: 12%;
  }
  .job-ads-preview .preview-buttons .preview-arrow {
    width: 20%;
  }
  .job-ads-preview .preview-buttons .ad-for-free {
    width: 60%;
  }
  .job-ad-card-section {
    width: 90%;
    margin-top: 2em;
  }
  .job-ad-card-section .job-ad-card-img img {
    margin-bottom: 6%;
    height: auto;
    width: auto;
    margin-left: 6%;
  }
  .block-webform-block{
    margin: 0 !important;
  }
  .job-ads-benefit {
    margin: 0 1em;
  }
  .job-ads-benefit-section {
    padding: 0 1.5em;
    margin-bottom: 1.5em;
  }
  .job-ads-benefit-section .benefit-items-title {
    margin: 2em -1em 2em -1em;
    padding-top: 1em;
    text-align: center;
  }
  .job-ads-benefit-section .benefit-items-title h2 {
    font-size: 25px;
    padding-top: 1em;
  }
  .job-ads-benefit .benefits-container {
    flex-direction: column;
    gap: 2em;
  }
  .job-ads-benefit-section .benefits-container img {
    width: 20% !important;
  }
  .job-ads-benefit .benefits-container .benefit-item-title h5 {
    font-size: 24px;
  }
  .job-ads-benefit .benefits-container .benefit-item-description {
    margin: 0 1em;
  }
  .benefit-item-description p {
    font-size: 20px !important;
  }
  .contact-info-title h3 {
    font-size: 30px !important;
  }
  .contact-info .contact-info-body p {
    font-size: 20px !important;
    font-weight: 500;
    margin-bottom: inherit;
  }
  .contact-info-description p {
    font-size: 20px !important;
    font-weight: 500;
  }
  .job-corner { 
    flex-direction: column;
  }
  .job-catogries {
    width: 100% !important;
  }
  .footer-job-link {
    width: 100% !important;
  }
  .job-link ul li {
    font-size: 25px !important;
  }
  .our-company {
    width: 100% !important;
  }
  .footer-main {
    margin: 0 -2em !important;
    padding: 1em 2em !important;
  }
  .job-categories-header h3 {
    font-size: 35px !important;
    font-weight: 900 !important;
  }
  .job-categories-header h4{
    font-size: 23px !important;
    margin-bottom: 4%;
  }
  .social-media-icons img {
    width: 65px !important;
  }
  .job-link ul li {
    font-size: 25px !important;
  }
  .our-company {
    border-left: none !important;
  }
  .our-company h4 {
    font-size: 35px !important;
    margin-left: inherit !important;
  }
  .our-company ul {
    margin-left: -5% !important;
  }
  .our-company ul li a {
    font-size: 28px;
  }
  .copywrite-section {
    margin-top: inherit !important;
  }
  .copywrite-section h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }
   /*********************************Hire Employee block Home page***************************/
  .hire-employee-home-page .quick-job-posting .job-posting-img{
    margin-top: 33px !important;
    margin-bottom: 1.5em;
    width: 35%;
    margin-right: 1%;
  }
  .hire-employee-home-page .quick-job-posting .job-posting-img img{
    width: 93%;
    height: 145px;
  }
  .hire-employee-home-page .quick-job-posting .quick-right-description h3{
    font-size: 17px !important;
  }
}
@media (min-width: 579px) and (max-width: 689px){
/***********************Form Job Ad*****************************/
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
    padding: 0em 1em 4em 1em !important;
  }
}
@media (min-width: 480px) and (max-width: 578px){
/***********************Form Job Ad*****************************/
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
    padding: 0em 1em 4em 1em !important;
  }
  /******* Thankyou page******/
  .checkout-page .thankyou-message-checkout {
    padding: 0px 0px !important;
    margin: 40px 20px !important;
    background-image: none !important;
  }
  .checkout-page .thankyou-message-checkout {
    box-shadow: 0 0 0 1.2rem #839095 !important;
    outline-offset: 0.3rem !important;
    outline: 0.4rem solid #e7c950 !important;
  }
  .checkout-page .thankyou-message-checkout h1 {
    font-size: 36px !important;
    line-height: 1.4em;
    padding: 6% 1.1% 0 1.1%;
  }
  .checkout-page .thankyou-message-checkout p {
    font-size: 25px !important;
    padding: 0px 30px !important;
  }
  .apply-now-image h3{
    font-size: 27px !important;
  }
  .apply-now-image a img {
    height: 140px !important;
    width: 65% !important;
    margin-bottom: 6% !important;
  }
}
@media (min-width: 528px) and (max-width: 600px){
/******* Thankyou page******/
.checkout-page .thankyou-message-checkout {
  padding: 0px 0px !important;
  margin: 40px 20px !important;
  background-image: none !important;
}
.checkout-page .thankyou-message-checkout {
  box-shadow: 0 0 0 1.2rem #839095 !important;
  outline-offset: 0.3rem !important;
  outline: 0.4rem solid #e7c950 !important;
}
  .checkout-page .thankyou-message-checkout h1 {
    font-size: 36px !important;
    line-height: 1.4em;
    padding: 6% 1.1% 0 1.1%;
  }
  .checkout-page .thankyou-message-checkout p {
    font-size: 25px !important;
    padding: 0px 30px !important;
  }
  .apply-now-image h3{
    font-size: 27px !important;
  }
  .apply-now-image a img {
    height: 140px !important;
    width: 50% !important;
    margin-bottom: 6% !important;
  }
}

@media (min-width: 421px) and (max-width: 480px){
/***********************Form Job Ad*****************************/
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
    padding: 0em 1em 4em 1em !important;
  }
  .form-item--we-need-a-few-details-for-your-new-job-listing label{
    font-size: 34px !important;
  }
}
@media (min-width: 690px) and (max-width: 800px){
/***********************Form Job Ad*****************************/
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
    padding: 0em 1em 4em 1em !important;
  }
}
@media (min-width: 800px) and (max-width: 991px){
  .webinar-section .block-field-blocknodewebinarfield-eve , .webinar-section .block-field-blocknodewebinarfield-event-types{
    margin-left: 0 !important;
  }
  .webinar-section-view{
    margin: 15px 10px 15px 18px !important;
  }
  .webinar-explore-page .webinar-section-view{
    margin: 0 !important;
  }
  .webinar-explore-page .webinar-section-view .views-row{
    padding: 0 !important;
  }
  .webinar-section-view .views-col {
    width: 49% !important;
  }
  .webinar-section-view .views-row {
    padding: 2% !important;
    border-radius: 0.2rem !important;
  } 
  .webinar-explore-page h2 {
    margin: 0 0 10px 0 !important;
    font-size: 30px !important;
  }
  .webinar-section-view header h1{
    font-size: 31px !important;
    line-height: 2.5rem !important;
  }
  .webinar-section-view header h4{
    font-size: 22px !important;
    line-height: 2rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }
  .webinar-section-view .views-col .views-field-title {
    font-size: 18px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar {
    margin-top: 7px !important;
    line-height: 1 !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar time {
    font-size: 13px !important;
  }
  .webinar-section-view .views-col .views-field-body .field-content {
    max-height: 6em !important;
  }
  .webinar-section-view .views-col .views-field-body p {
    padding-top: 0 !important;
  }
  .webinar-section-view .more-link {
    margin-top: 5px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
  }
  .webinar-section .webinar-image .field__item img{
    margin: 0px auto 15px 85px !important;
    height: 310px;
  }
  .webinar-section .webinar-date .field--label-above{
    margin-left: 70px !important;
    margin-bottom: 13px !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video{
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important; 
  }
  .webinar-section .webinar-blur-image {
    top: 105px !important;
  }
  .webinar-section .webinar-image{
    padding: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    padding: 15px 8px !important;
  } 
  .webinar-section .block-field-blocknodewebinarfield-video{
    margin-top: 30px !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video label{
    display: none;
  }
  .webinar-section .block-field-blocknodewebinarfield-video p iframe {
    width: 100% !important;
  } 
  #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 25% !important;
    padding: 5px !important;
    margin-bottom: 5px !important;
  }
  #webform-submission-job-ad-add-form {
    max-width: 600px !important;
    margin: -65px auto auto auto !important; 
  }
  .block-webform-block .webform-submission-job-ad-add-form{
    max-width: 600px !important;
  }
  .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 20px;
  }
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text .progress-title{
    font-size: 20px !important;
    line-height: 1.5rem !important;
  }
  .webform-submission-job-ad-form .webform-progress {
    margin-bottom: 15px !important;
  }
  .webform-submission-job-ad-form .step-counter {
    font-size: 20px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 38px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 0px 0px !important;
    line-height: 3.5em !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 33px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 29px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span {
    margin: 0px 10px !important;
    padding: 28px 0px !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 35px !important;
    line-height: 2.5rem !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 23px !important;
  }
  html[lang="de"] .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 15px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 35px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 30px 0px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  .block-webform-block .webform-submission-job-ad-add-form{
    margin: auto !important;
    width: auto !important;
    padding: 1em 1em !important;
  }
  .block-webform-block {
    margin: 0 !important;
  }
  .quick-job-posting {
    padding: 10px 25px 15px 25px !important;
  }
  .job-ads-quick-posting .quick-job-posting .job-posting-img {
    width: 43% !important;
    margin-right: 2% !important;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description {
    width: 55% !important;
  }
  .custom-popup-body{
    width: 100px !important;
  }
  .myad-job-applied-preview .account-details {
    top: 22rem !important;
  }
  .myad-job-applied-preview .account-details .account-heading strong {
    line-height: 2rem !important;
  }
  .myad-job-applied-preview .account-details .login-pass {
    padding: 0.2rem 0.4rem !important;
    line-height: 1rem !important;
  }
  .view-content .w3-row .header {
    margin-top: 18% !important;
  }
  .views-field-nothing-2 .field-content .buttons .view-applicant a img {
    width: 45% !important;
    margin: 1% 0 !important;
  }
  .mock-interview {
    margin: 0 -5% !important;
    padding: 1% !important;
    line-height: 1rem !important;
    height: 200px !important;
  }
  .mock-interview h2 {
    font-size: 35px !important;
    margin-top: 3% !important;
    margin-bottom: 25% !important;
    padding: 0 5% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form {
    margin-top: -11% !important;
    padding: 20px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label {
    font-size: 22px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label {
    font-size: 35px !important;
  }  
  .ai-interview-block .ai-banner {
    margin: 0px 10px !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text {
    padding-left: 0% !important;
  }
  .ai-interview-block .ai-banner .ai-banner-image {
    width: 35% !important;
  }
  .ai-tools-section p {
    font-size: 25px !important;
    line-height: 2.5rem !important;
    margin-bottom: 2rem !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text p {
    font-size: 23px !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel {
    width: 49% !important;
    padding: 0.5rem 0.5rem 0 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .view-detail-of-applicant .verified-by-applyatjob h4, .jobboard-page .verified-by-applyatjob h4 {
    margin-left: 0 !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-3 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-6 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-7 .field-content {
    width: 85% !important;
  }
  .jobboard-page{
    padding: 2% !important;
  }
  .view-detail-header .view-content .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 1rem 1rem !important;
    margin: 0 2rem !important;
  }
  .view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1 {
    font-size: 40px !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .jobboard-page .views-field-title{
    font-size: 34px !important;
    color: black !important;
    word-break: break-all !important;
  }  
  .jobboard-page .views-field-title::before {
    width: 80px !important;
    height: 80px !important;
    font-size: 33px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 219px !important;
    margin-left: 12px !important;
  }
  .main-jobs-ads, .job-ads-quick-posting, .job-ad-plan, .high-performance-ads, .job-ads-preview-section, .job-ads-membership-form, .job-ads-membership-directory, .job-ads-contact-info {
    margin-bottom: 1em;
  }
  .main-jobs-ads .banner-section .left-text h1{
    font-size: 45px;
  }
  .main-jobs-ads .banner-section .ads-banner-img img {
    width: 85%;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-heading {
    margin-bottom: 2em;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description h3{
      font-size: 20px;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns {
    gap: 2em;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns .jobs-ad-now, .learn-more{
    width: 45%;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img{
    width: 38%;
    margin-right: 2%;
    margin-top: 1.5em;
 }
  .job-ads-high-performance .high-performance-ads .high-performance-img img{
    height: 320px;
  }
  .job-ad-high-performance{
    width: 60%;
  }
  .high-performance-title h3{
    font-size: 27px;
  }
  .high-performance-description p{
    font-size: 18px !important;
    margin-top: inherit;
  }
  .job-ad-customization-info .job-ad-customization-title h3{
    font-size: 25px;
  }
  .job-ad-customization-info .job-ad-customization-description p{
    font-size: 20px !important;
  }
  .job-ads-benefit .benefits-container .benefit-item-title h5{
    font-weight: bolder;
    font-size: 20px;
  }
  .benefit-item-description p{
    font-size: 18px !important;
  }
  .job-corner{
    width: 100%;
  }
  .job-catogries {
    width: 30% !important;
    margin-left: 2%;
  }
  .footer-main {
    margin: 0 -2em !important;
    padding: 1em 1em !important;
  }
  .job-categories-header h3{
    font-size: 18px !important;
  }
  .job-categories-header h4{
    font-size: 17px;
  }
  .social-media-icons{
    margin-top: 17px;
  }
  .social-media-icons img {
    width: 48px !important;
  }
  .footer-job-link{
    display: flex !important;
    width: 38% !important;
    margin-right: 0.5% !important;
  }
  .job-link{
    width: 50% !important;
  }
  .job-link{
    width: 50% !important;
    margin-right: 1%; 
  }
  .job-link ul li{
    font-size: 15px !important;
    font-weight: 500;
    text-align: left;
  }
  .our-company{
    width: 28% !important;
  }
  .our-company h4{
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-left: 12% !important;
  }
  .our-company ul {
    margin-left: 1% !important;
  }
  .our-company ul li{
    gap: 10px !important;
    margin: 0 0 5px -30px;
    flex-wrap: wrap;
  }
  .our-company ul li a{
    font-size: 15px !important;
  }
  .copywrite-section h4{
    font-size: 21px !important;
  }
  .layout-region-checkout-secondary {
    margin-top: -26%;
  }
  /*********************Responsive Myad Page**********************/
  .myad-job-applied-preview .views-row .views-field-title{
    padding: 1%;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node{
    width: 30% !important;
    padding: 1%;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node span{
    padding-left: 46% !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node img{
    width: 50% !important;
  }
  .myad-job-applied-preview .views-row .views-field-view-node{
    width: 40% !important;
    padding: 1%;
  }
  .myad-job-applied-preview .views-row .views-field-view-node img,  .myad-job-applied-preview .views-row .views-field-field-location-type .field-content span{
    width: 60% !important;
  }
  .myad-job-applied-preview .views-row .views-field-nothing-1,  .myad-job-applied-preview .views-row .views-field-field-main-cities{
    width: 70% !important;
  }
  .myad-job-applied-preview .buttons .easy-apply{
    width: 30% !important;
    padding-left: 10px;
  }
  .myad-job-applied-preview .buttons .easy-apply img{
    width: 64% !important;
  }
  .myad-job-applied-preview .buttons .save{
    width: 40% !important;
  }
  .view-job-show-to-employeer .view-content .w3-row.views-row{
    margin-top: 15px !important;
  }
  .myad-job-applied-preview .account-details .account-heading{
      font-size: 18px !important;
  }
  .myad-job-applied-preview .account-details .account-heading strong{
    font-size: 24px !important;
  }
  .myad-job-applied-preview .account-details .login-pass p{
    font-size: 15px !important;
  }
  .myad-job-applied-preview .account-details .login-pass p{
    font-size: 15px !important;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-4 .field-content .file--application-pdf a{
    margin-left: 5rem !important;
    width: 66% !important;
  }
  /************* Download App ***************/
  .app-download-block {
    padding: 20px 10px !important;
    margin: 0 1% !important;
  }
  .app-download-left {
    width: 100% !important;
  }
  .app-download-right {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .app-download-right .mockup-phone-container img{
    width: 100% !important;
  }
  .app-download-left-heading h2 {
    font-size: 38px !important;
    line-height: 2.5rem !important; 
  }
  .app-download-left h4 {
    font-size: 25px !important;
    margin-top: 4% !important;
    line-height: 2rem !important;
  }
  .app-download-left-img a{
    width: 50% !important;
    padding: 0 !important;
  }
  .app-download-left-img a .download-now-app{
    width: 95% !important;
  }
  .app-download-left-img .qr-code {
    width: 35% !important;
    margin-left: 3% !important;
  }
  .app-download-right .mockup-phone-container a, .illustration a{
    padding: 0 !important;
  }
  /*========= jobboard submission header =======*/
  .jobboard-page table .views-field-nothing {
    padding: 5px 0px 5px 0px !important;
  }
  .jobboard-page .view-header{
    padding: 0 15px !important;
  }
  .submission-jobboard .view-content .views-row{
    background: none !important;
  }
  .submission-jobboard .view-content .views-row{
    width: 100% !important; 
    margin-bottom: 10px !important;
  }
  .submission-jobboard .view-content .views-row:last-child , .reference-job-applicants .view-content .views-row:last-child{
    margin-bottom: 7px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2, .reference-job-applicants .view-content .views-row .views-field-title {
    width: 65% !important;
    font-size: 34px !important;
    color: black !important;
    word-break: break-all !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2::before ,  .reference-job-applicants .view-content .views-row .views-field-title::before{
    width: 80px !important;
    height: 80px !important;
    font-size: 33px !important;
    margin-right: 15px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing, .reference-job-applicants .view-content .views-row .views-field-nothing{
    width: 35% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing .field-content img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img{
    width: 225px !important;
    margin-left: 0px !important;
    margin-right: 5px !important;
  }
  /* ========= search jobs by ========= */
  .search-job-by {
    padding: 5px 25px !important;
    margin: 1.5em 1rem !important;
  }
  .search-job-by .layout__region--first, .search-job-by .layout__region--second{
    flex: 0 1 50% !important;
  }
  .search-job-by .layout__region--first .block-home-page-search-job-by{
    width: 100% !important;
    margin-bottom: 10px !important;
  } 
  .home-page-search-job-by h2 {
    font-size: 45px !important;
  }
  .search-job-by .views-element-container h2 {
    font-size: 33px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image {
    width: 40% !important;
    margin-right: 1% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links {
    width: 59% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a {
    font-size: 23px !important;
    padding: 0 !important;
    margin-left: 5px !important;
  }
  .block-views-blocksearch-job-sweden-block-1 {
    margin-top: 98px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image .field-content a img {
    height: 85px !important;
  }
  /*============== GRADUATE JOBS ===============*/
  .graduate-jobs {
    margin: 0 -18px !important;
    flex-direction: column;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 {
    width: 90% !important;
    margin: 15px 5px 20px 60px !important;
    padding: 2px 30px !important;
    height: auto !important;
  }
  .graduate-jobs-content .graduate-jobs-button img {
    width: 190px !important;
    margin: 5px auto 10px auto !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title {
    font-size: 37px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    background: none !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a {
    font-size: 27px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before {
    width: 28px !important;
    height: 32px !important;
    margin-right: 15px !important;
    margin-left: -65px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities {
    font-size: 23px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person{
    margin-left: -13px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    margin-bottom: 1% !important;
    padding: 1% 2% !important;
  }
} 
@media (min-width: 991px) and (max-width: 1220px){
  .webinar-section .block-field-blocknodewebinarfield-eve , .webinar-section .block-field-blocknodewebinarfield-event-types{
    margin-left: 0 !important;
  }
  #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 13% !important;
  }
  .block-webform-block {
    margin: 0 !important;
  }
  #webform-submission-job-ad-add-form, .webform-submission-job-ad-add-form {
    max-width: 800px !important;
  }
  html[lang="sv"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 17% !important;
  }
  html[lang="de"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 15% !important;
  }
  html[lang="et"] #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 16% !important;
  }
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text .progress-title{
    font-size: 20px !important;
    line-height: 1.5rem !important;
  }
  .webform-submission-job-ad-form .webform-progress {
    margin-bottom: 15px !important;
  }
  .webform-submission-job-ad-form .step-counter {
    font-size: 20px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 40px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 0px 0px !important;
    line-height: 3.5em !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 40px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 29px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span {
    margin: 0px 10px !important;
    padding: 28px 0px !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 40px !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 23px !important;
  }
  html[lang="de"] .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 15px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 35px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 30px 0px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 40px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  .custom-popup-body{
    width: 100px !important;
  }
  .view-content .w3-row .header {
    margin-top: 16% !important;
  }
  .myad-job-applied-preview .views-row .views-field-title, .myad-job-applied-preview .views-row .views-field-edit-node, .myad-job-applied-preview .views-row .views-field-view-node, .myad-job-applied-preview .views-row .views-field-nothing-1, .myad-job-applied-preview .views-row .views-field-field-main-cities, .myad-job-applied-preview .views-row .views-field-field-employment-type, .myad-job-applied-preview .views-row .views-field-field-location-type, .myad-job-applied-preview .views-row .views-field-nothing-2 {
    padding: 10px !important;
  }
  .mock-interview {
    margin: 0 -5% !important;
    padding: 1% !important;
    line-height: 1rem !important;
    height: 200px !important;
  }
  .mock-interview h2 {
    font-size: 35px !important;
    margin-top: 3% !important;
    margin-bottom: 25% !important;
    padding: 0 5% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form {
    margin-top: -11% !important;
    padding: 20px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label {
    font-size: 28px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label {
    font-size: 40px !important;
  }  
  .ai-interview-block .ai-banner {
    margin: 0px 5px !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text {
  padding-left: 3% !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text h2 {
    font-size: 45px !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text p {
    font-size: 28px !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel {
    width: 32% !important;
    padding: 0.5rem 0.5rem 0 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .jobboard-page{
    padding: 2% !important;
  }
  .view-detail-header .view-content .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 1rem 1rem !important;
    margin: 0 2rem !important;
  }
  .view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1 {
    font-size: 45px !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .jobboard-page .views-field-title {
    font-size: 40px !important;
    color: black !important;
  }  
  .jobboard-page .views-field-title::before {
    width: 100px !important;
    height: 100px !important;
    font-size: 40px !important;
    margin-right: 20px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 255px !important;
  }
  .main-jobs-ads .banner-section .left-text h1{
    font-size: 50px;
  }
  #header .header-inner #block-drupal8-w3css-theme-dashboardbtn p a {
    padding: 0 10px;
  }
  .main-jobs-ads .banner-section .ads-banner-img img {
    width: 80%;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description h3{
    font-size: 27px;
  }
  .job-ads-quick-posting .quick-job-posting .quick-right-description .quick-posting-btns .jobs-ad-now, .learn-more{
    width: 35%;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img{
    width: 38%;
    margin-right: 2%;
    margin-top: 1.5em;
  }
  .job-ads-high-performance .high-performance-ads .high-performance-img img{
    height: 320px;
  }
  .job-ad-high-performance{
    width: 60%;
  }
  .high-performance-title h3{
    font-size: 27px;
  }
  .high-performance-description p{
    font-size: 18px !important;
    margin-top: inherit;
  }
  .job-ad-customization-info .job-ad-customization-title h3{
    font-size: 25px;
  }
  .job-ad-customization-info .job-ad-customization-description p{
    font-size: 20px !important;
  }
  .job-ads-benefit .benefits-container .benefit-item-title h5{
    font-weight: bolder;
    font-size: 20px;
  }
  .benefit-item-description p{
    font-size: 18px !important;
  }
  .job-categories-header h3 {
    font-size: 26px !important;
    font-weight: 800 !important;
  }
  .job-categories-header h4 {
    font-size: 17px !important;
  }
  .social-media-icons {
    margin-top: 5%;
  }
  .footer-job-link {
    margin-right: 1%;
  }
  .job-link ul li {
    font-size: 18px !important;
  }
  .our-company h4 {
    font-size: 28px !important;
    font-weight: 800 !important;
    margin-left: 8% !important;
  }
  .our-company ul {
    margin-left: -15% !important;
  }
  .our-company ul li a {
    font-size: 16px !important;
  }
  .copywrite-section h4 {
    font-size: 28px !important;
  }
  .layout-region-checkout-secondary {
    margin-top: -26% !important;
  }
  /************************Responsive Myad Page************************/
  .myad-job-applied-preview .views-row .views-field-edit-node{
    padding: 1%;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node span{
    padding-left: 32%;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node img{
    width: 48% !important;
  }
  .myad-job-applied-preview .views-row .views-field-view-node{
    padding: 1%;
  }
  .myad-job-applied-preview .views-row .views-field-view-node img{
    width: 71% !important;
  }
  .myad-job-applied-preview .views-row .views-field-nothing-1{
    padding: 0;
    width: 40% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-main-cities{
    width: 30% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type{
    width: 40% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type .field-content{
    margin-left: 16px !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-location-type{
    width: 30% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-location-type .field-content span{
    width: 54% !important;
  }
  .myad-job-applied-preview .buttons .easy-apply img{
    width: 60%;
  }
  .myad-job-applied-preview .buttons .save img{
    width: 89%;
  }
  .myad-job-applied-preview .account-details .login-pass p{
    font-size: 16px;
  }
    /*========= jobboard submission header =======*/
  .jobboard-page table .views-field-nothing {
    padding: 5px 0px 5px 0px !important;
    width: 35% !important;
  }
  .jobboard-page .view-header{
    padding: 0 15px !important;
  }
  .submission-jobboard .view-content .views-row, .reference-job-applicants .view-content .views-row{
    width: 100% !important; 
    margin-bottom: 10px !important;
    background: none !important;
  }
  .submission-jobboard .view-content .views-row:last-child, .reference-job-applicants .view-content .views-row:last-child {
    margin-bottom: 7px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2, .reference-job-applicants .view-content .views-row .views-field-title {
    width: 65% !important;
    font-size: 40px !important;
    color: black !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2::before , .reference-job-applicants .view-content .views-row .views-field-title::before{
    width: 100px !important;
    height: 100px !important;
    font-size: 40px !important;
    margin-right: 20px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing , .reference-job-applicants .view-content .views-row .views-field-nothing{
    width: 35% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing .field-content img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img {
    width: 255px !important;
    margin-left: 20px !important;
    margin-right: 0px !important;
  }
   /* ========= search jobs by ========= */
  .search-job-by {
    padding: 5px 25px !important;
    margin: 1.5em 1rem !important;
  }
  .search-job-by .layout__region--first, .search-job-by .layout__region--second{
    flex: 0 1 50% !important;
  }
  .search-job-by .layout__region--first .block-home-page-search-job-by{
    width: 100% !important;
    margin-bottom: 10px !important;
  } 
  .home-page-search-job-by h2 {
    font-size: 45px !important;
  }
  .search-job-by .views-element-container h2 {
    font-size: 33px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image {
    width: 45% !important;
    margin-right: 1% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links {
    width: 54% !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a {
    font-size: 23px !important;
    padding: 0 !important;
    margin-left: 5px !important;
  }
  .block-views-blocksearch-job-sweden-block-1 {
    margin-top: 96px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image .field-content a img {
    height: 110px !important;
  }
  /*============== GRADUATE JOBS ===============*/
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 {
    width: 75% !important;
    margin: 25px 5px 20px 35px !important;
    padding: 1px 10px !important;
    height: auto !important;
  }
  .graduate-jobs-content .graduate-jobs-button img {
    width: 200px !important;
    margin-top: 15px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title {
    font-size: 35px !important;
    margin-bottom: 15px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before {
    width: 23px !important;
    height: 20px !important;
    margin-right: 0px !important;
    margin-left: -32px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a {
    font-size: 20px !important;
    word-break: break-all !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities {
    font-size: 20px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
   margin-bottom: 2% !important;
  }
}
/* responsive webform */
@media screen and (min-width: 300px) and (max-width:800px){
  .webinar-section-view .views-row{
    background: none;
  }
  #block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
    flex-direction: column !important;
  }
  .payment-card{
    width: 100% !important;
  }
  .checkout-complete__payment-instructions .details-information h3 {
    font-size: 26px !important;
  }
  .checkout-complete__payment-instructions .details-information ol {
    font-size: 20px !important;
  }
  .block-webform-block{
    margin: 0;
  }
  .block-webform-block .webform-submission-membership-form-form{
    background-color: #9afd7f;
    border: 5px solid #5ace37;
    border-radius: 20px;
    margin: inherit !important;
    width: 100% !important;
  }
  .block-webform-block .webform-submission-membership-form-form #edit-markup h4{
    font-size: 40px;
    font-weight: 700;
    font-family: "MadimiOne",sans-serif;
    text-align: center;
    color: #052f61;
    line-height: normal;
  }
  .block-webform-block .webform-submission-membership-form-form .form-item{
    display: grid;
    width: 100%;
    padding: 0 15px;
  }
  .block-webform-block .webform-submission-membership-form-form label{
    color: #000;
    font-weight: 900;
    text-align: left;
    font-family: "MadimiOne",sans-serif !important;
    margin-bottom: 0.5em;
    width: 90%;
  }
  .block-webform-block .webform-submission-membership-form-form .form-text,
  .block-webform-block .webform-submission-membership-form-form .form-email,
  .block-webform-block .webform-submission-membership-form-form .form-tel,
  .block-webform-block .webform-submission-membership-form-form .form-select,
  .block-webform-block .webform-submission-membership-form-form .form-textarea{
    border-radius: 11px;
    border: 2px solid gray !important;
    background: transparent;
    height: 46px;
    padding: 5px;
  }
  .block-webform-block .webform-submission-membership-form-form .form-textarea{
    height: 123px !important;
  }
}
@media screen and (min-width: 320px) and (max-width:944px){
  .checkoutPage .headingImage h1 {
    font-size: 55px;
    line-height: 1.3em !important;
  }
  .servicesList ul li {
    font-size: 23px;
  }
}

/*--------------Footer--------------*/
#footer-menu{
  background-color: #fff;
}
.footer-main{
  background-color: #5A54FF;
  color: white;
  text-align: center;
  margin: 0 -4em;
  padding: 1em 4em;
}
.job-corner{
  display: flex;
}
.job-catogries{
  width: 36%;
}
.footer-job-link{
  display: flex;
  width: 38%;
}
.job-link{
  width: 50%;
}
.job-link ul li{
  font-size: 21px;
  font-family: "RobotoMono",serif !important;
}
.our-company{
  width: 26%;
  border-left: 3px solid #fff;
  text-align: center;
  position: relative;
}
.our-company h4{
  font-size: 28px;
  font-weight: 900;
  font-family: "MadimiOne",sans-serif !important;
  border-bottom: 3px solid #fff;
  margin-left: 15%;
}
.our-company ul{
  list-style: none;
  text-align: center;
  margin-left: -12%; 
}
.our-company ul li{
  flex-wrap: wrap;
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 5px;
}
.our-company ul li a{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  font-family: "MadimiOne",sans-serif !important;
}
.job-categories-header h3{
  font-family: "MadimiOne",sans-serif !important;
  font-size: 30px;
  font-weight: 900;
  color: #fff;
}
.social-media-icons{
  display: flex;
  justify-content: center;
  gap: 2%;
}
.social-media-icons img{
  width: 65px;
  height: auto;
}
.copywrite-section{
  border-top: 3px solid #fff;
  margin-top: 3%;
}
.copywrite-section h4{
  font-size: 30px;
  font-weight: 900;
  font-family: "MadimiOne",sans-serif !important;
}
.footer-menu-inner .d8-fade .w3-block{
  width: 100% !important;
}
/*------Payment method dropdown-------*/
/* .premium-checkout-instruction{
  display: flex;
}
.payment h1{
  font-weight: 900;
  font-size: 40px;
  font-family: "MadimiOne",sans-serif;
}
.payment img{
  width: 350px;
  margin-left: 15%;
}
/*-----Payment jaaz or bank-----*/
.checkout-complete p:first-child {
  display: none;
}
.checkout-complete__payment-instructions h2{
  display: none;
}
.checkout-page .thankyou-message-checkout{
  background: lightgray;
  padding: 40px 30px;
  margin: 30px 56px;
  border-radius: 30px;
  background-image: url(https://applyatjob.com/sites/default/files/2025-05/thanku-border.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0.5rem outset #f5a1b0;
  outline: 0.5rem solid #e7c950;
  box-shadow: 0 0 0 2rem #839095;
  border-radius: 12px;
  font: bold 1rem sans-serif;
  outline-offset: 0.5rem;
}
.checkout-page .thankyou-message-checkout h1{
  font-size: 45px;
  font-family: serif;
  color: black;
  text-align: center;
  font-weight: 800;
}
.checkout-page .thankyou-message-checkout p{
  font-size: 29px !important;
  font-weight: 500;
  color: black;
  font-family: serif;
  text-align: center;
  padding: 0px 170px;
}
.apply-now-image h3{
  font-size: 29px;
  font-family: serif;
  color: black;
  text-align: center;
}
.apply-now-image {
  text-align: center;
}
.apply-now-image a img{
  height: 230px;
  width: 38%;
  border-radius: 20px;
}
.own-job-ad a{
  padding: 0 !important;
}
.own-job-ad a img{
  border-radius: 12px;
  margin-top: 93px;
}
.checkout-complete__payment-instructions h2{
  display: none;
}
.complete-checkout{
  background-color: #1a9ba1;
  width: 59%;
  border-radius: 10px;
  padding: 12px 30px 35px 30px;
}
.complete-checkout h1{
  font-size: 36px;
  font-family: serif;
  font-weight: 800;
  color: white !important;
}
.complete-checkout .payment-card h1 span{
  color: black;
}
.complete-checkout .checkout-page{
  background: white;
  border-radius: 10px;
  padding: 15px 20px;
}
.complete-checkout .payment-card h1{
  font-size: 31px;
  font-weight: 800;
  font-family: serif;
  display: flex;
  justify-content: center;
}
.complete-checkout .payment-card .premium-amount{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.complete-checkout .payment-card .amount{
  background: #1a9ba1;
  width: 36%;
  text-align: center;
  border-radius: 16px;
  color: white;
}
.complete-checkout .payment-card .pay-method{
  padding: 20px 30px;
  border: 2px solid #1a9ba1;
  border-radius: 20px;
  margin-bottom: 20px;
}
.complete-checkout .payment-card .pay-method .jazzcash{
  font-size: 20px;
  font-family: serif;
  font-weight: 600;
}
.complete-checkout .payment-card .pay-method .jazzcash span{
  font-size: 19px;
  font-weight: 500;
}
.complete-checkout .payment-card .pay-method .bank{
  font-size: 20px;
  font-family: serif;
  font-weight: 600;
}
.complete-checkout .payment-card .pay-method .bank span{
  font-size: 19px;
  font-weight: 500;
}
.complete-checkout .more-jobs-button{
  display: flex;
  justify-content: center;
}
.complete-checkout .more-jobs-button h1{
  width: 70%;
  background: #1a9ba1;
  border-radius: 15px;
  color: white;
}
.premium-checkout-instruction .details-information{
  width: 39%;
  margin: 67px 10px 0px 10px;
  padding: 10px 15px;
}
.premium-checkout-instruction .details-information h3{
  font-size: 30px;
  font-family: serif;
  font-weight: 700;
}
.premium-checkout-instruction .details-information h4{
  font-size: 22px;
  font-family: serif;
  font-weight: 500;
}
.premium-checkout-instruction .details-information .chat-options li{
  font-size: 23px;
  font-family: serif;
  font-weight: 700;
}
.premium-checkout-instruction .details-information .chat-options li span{
  font-size: 21px;
  font-weight: 500;
}
.thank-you-section{
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
.thank-you-section h3{
  font-size: 30px;
  font-family: serif;
  font-weight: 800;
}
.thank-you-section p{
  margin: 0px 65px;
  font-size: 25px;
  font-family: serif;
  font-weight: 500;
  margin-bottom: 13px;
}
.thank-you-section .go-to-profile-button{
  background: #1a9ba1;
  display: inline;
  padding: 13px;
  border-radius: 10px;
  color: white;
  font-size: 23px;
  font-family: serif;
}
.path-myad .w3-clear .page-title-inner h1{
  display: none;
}
.path-myad .w3-clear .w3-breadcrumb .breadcrumb{
  display: none;
}
/******************************Youtube-vide-media***************************/

.block-views-blockmedia-2-testing-block-1{
    width: 100%;
}
.block-views-blockmedia-2-testing-block-1 .contextual-region {
  display: flex;
}
.block-views-blockmedia-2-testing-block-1 .view-content{
  width: 98%;
  text-align: center;
}
.field-content iframe{
      width: 83%;
     height: 363px;
     border-radius: 20px;
}
.like , .dislike{
  border: 1px solid #1d84c3;
    background: #1d84c3;
}
.like , .dislike a{
   color: white !important;
   padding: 0;
}
.webform-preview .form-item-email{
  width: 100%;
  gap:30%;
  display: flex;
}
.webform-preview .js-form-item.form-item{
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.webform-preview .js-form-item.form-item label +  *{
  color: grey;
  font-size: 25px;
  font-family: "Segoe UI", sans-serif;
  width: 90%;
}
.webform-preview .form-item-email a{
  margin-right: 47%;
}
.form-actions .webform-button--previous{
  padding:4px 35px !important;
  font-size: 26px;
  color: white;
}
.form-actions .webform-button--submit{
  padding:4px 35px !important;
  font-size: 25px;
  height: 55px;
}
.webform-preview .webform-submission-data label{
  font-size: 27px;
  color: black !important;
}
.webform-preview #job_ad--i_authorize_applyatjob_to_post_my_company_s_jobs_on_its_website_{
  gap: 10px;
}
.webform-preview #job_ad--i_authorize_applyatjob_to_post_my_company_s_jobs_on_its_website_  p{
  width: 25%;
}  
@media (min-width: 320px) and (max-width: 767px) {
   .webform-preview .webform-submission-data .w3-section{
    display: grid !important;
    width: 100%;
    gap:0;
  }
  .form-item--we-need-a-few-details-for-your-new-job-listing label{
    font-size: 28px !important;
  }
  .webform-preview .webform-submission-data label{
    width: 100% !important;
  }
  .webform-preview .webform-submission-data label + *{
    width: 100% !important;
  }
}
/********************************Ad Page********************************/
#block-drupal8-w3css-theme-jobaddservices .main-jobs-ads .banner-section{
  padding:1em 1em 3em 1em;
}
/*********************MyAd**************/

.myad-job-applied-preview .views-field-field-select-category .field-content a{
  display: none;
}
.myad-job-applied-preview .views-row .views-field-nothing{
  width: 70%;
  padding: 20px;
  border-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;  
  background-color: #e8ebeb;
}
.myad-job-applied-preview .views-row .views-field-title, .myad-job-applied-preview .views-row .views-field-edit-node, .myad-job-applied-preview .views-row .views-field-view-node, .myad-job-applied-preview .views-row .views-field-nothing-1, .myad-job-applied-preview .views-row .views-field-field-main-cities, .myad-job-applied-preview .views-row .views-field-field-employment-type, .myad-job-applied-preview .views-row .views-field-field-location-type, .myad-job-applied-preview .views-row .views-field-nothing-2{
  background-color: #e8ebeb;
  width: 70%;
  padding: 20px;
}
.myad-job-applied-preview .views-row .views-field-field-image1{
  width: 70%;
  padding: 20px;  
  background-color: #e8ebeb;
}
.myad-job-applied-preview .views-row .views-field-field-image1 img{
  width: 100%;
  border-radius: 20px;
}
.myad-job-applied-preview .view-content{
  position: relative;
}
.myad-job-applied-preview .account-details{
  width: 30%;
  padding: 2%;
  margin-bottom: 1rem;
  position: absolute;
  right: 0px;
  top: 15rem;
}
.myad-job-applied-preview .account-details .account-heading{
  font-family: 'Poppins',sans-serif;
  font-size: 22px;
  margin-bottom: 21px;
  margin-top: 8px;
  font-weight: 800;
  line-height: 2rem;
}
.myad-job-applied-preview .account-details .account-heading strong{
  font-size: 35px;
  font-weight: 900;
  line-height: 3rem;
}
.myad-job-applied-preview .account-details .account-heading a{
  color: red;
  text-decoration: underline;
  margin-left: 3%;
}
.myad-job-applied-preview .account-details .login-pass{
  border: 3px solid gray;
  background-color: #E8EBEB;
  border-radius: 1rem;
  padding: 1rem 1rem;
  line-height: 1.5rem;
  word-break: break-all;
}
.account-details .login-pass p{
  padding-bottom: 0 !important;
}
.myad-job-applied-preview .account-details .login-pass p{
  font-size: 20px;
  font-weight: 600;
  font-family: 'Poppins',sans-serif;
}
.account-details:not(:last-of-type){
  display: none;
}
.myad-job-applied-preview .views-row .views-field-title span{
  font-size: 33px;
  font-family: Montserrat;
  font-weight: 900;
  margin-left: 2%;
}
.myad-job-applied-preview .views-row .views-field-edit-node{
  float: left;
  clear: left;
  width: 35%; 
}
.myad-job-applied-preview .views-row .views-field-edit-node span{
  padding-left: 54%;
}
.myad-job-applied-preview .views-row .views-field-edit-node img{
  width: 30%;
}
.myad-job-applied-preview .views-row .views-field-view-node{
  float: left;
  clear: right;
  width: 35%;
}
.myad-job-applied-preview .views-row .views-field-view-node img{
  width: 50%;
}
.myad-job-applied-preview .views-row .views-field-nothing-1{
  float: left;
  clear: left;
  width: 35%; 
  padding: 10px;
}
.myad-job-applied-preview .views-row .views-field-field-main-cities{
  float: left;
  clear: right;
  width: 35%;
  padding: 10px;
}
.myad-job-applied-preview .views-row .views-field-field-main-cities .field-content a{
  margin-top: 0px;
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  margin-left: 24px;
}
.myad-job-applied-preview .views-row .views-field-field-main-cities .field-content a::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/location.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle; 
}
.myad-job-applied-preview .views-row .views-field-field-employment-type{
  float: left;
  clear: left;
  width: 35%;
  padding: 10px;
}
.myad-job-applied-preview .views-row .views-field-field-location-type{
  float: left;
  clear: right;
  width: 35%;
  padding: 10px;
}
.myad-job-applied-preview .views-row .views-field-nothing-2{
  float: left;
  clear: left;
}
.myad-job-applied-preview .views-row .views-field-field-employment-type .field-content, .myad-job-applied-preview .views-row .views-field-field-location-type .field-content{
  margin-top: 0px;
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  margin-left: 24px;
}
.myad-job-applied-preview .views-row .views-field-field-employment-type .field-content span::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/time.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.myad-job-applied-preview .views-row .views-field-field-location-type .field-content span{
  margin-left: 0;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 700;
  border: 2px solid #c1ff72;
  width: 30%;
  background-color: #c1ff72;
  text-align: center;
  border-radius: 25px;
  display: block;
  padding: 5px;
}
.buttons .easy-apply{
  width: 30%;
  align-content: center;
  text-align: center;
  padding-left: 67px; 
}
.buttons .easy-apply img{
   width: 48%;
}
.buttons .save{
  width: 40%;
}
.buttons .save img{
  width: 77%;
}
.myad-job-applied-preview .views-row .views-row{
  padding: 3% 0;
}
.myad-job-applied-preview .views-row .views-field-body, .myad-job-applied-preview .views-row .views-field-field-body{
  background-color: #E8EBEB;
  border-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  padding: 2rem 3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 70%;
}
.view-display-id-block_1 .view-content .views-row .views-field-title, .view-display-id-block_1 .view-content .views-row  .views-field-edit-node{
  background-color: transparent;
}
@media (min-width: 600px) and (max-width: 800px) {
  .webinar-section-view{
    margin: 15px 10px 15px 8px !important;
  }
  .webinar-explore-page .webinar-section-view{
    margin: 0 !important;
  }
  .webinar-explore-page .webinar-section-view .views-row{
    padding: 0 !important;
  }
  .webinar-section-view .views-col {
    width: 49% !important;
  }
  .webinar-section-view .views-col .views-field-title a{
    font-size: 18px !important;
  }
  .webinar-section-view .views-col .views-field-title {
    max-height: 1em !important;
  }
  .webinar-section-view .views-row {
    padding: 2% !important;
    border-radius: 0.2rem !important;
  }
  .webinar-explore-page h2 {
    margin: 0 0 10px 0 !important;
    font-size: 28px !important;
  }
  .webinar-section-view header h1{
    font-size: 31px !important;
    line-height: 2.5rem !important;
  }
  .webinar-section-view header h4{
    font-size: 22px !important;
    line-height: 2rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }
  .webinar-section-view .views-col .views-field-title {
    font-size: 18px !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar {
    margin-top: 7px !important;
    line-height: 1 !important;
  }
  .webinar-section-view .views-col .views-field-field-date-of-webinar time {
    font-size: 12px !important;
  }
  .webinar-section-view .views-col .views-field-body .field-content {
    max-height: 6em !important;
  }
  .webinar-section-view .views-col .views-field-body p {
    padding-top: 0 !important;
  }
  .webinar-section-view .more-link {
    margin-top: 5px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
  }
  .webinar-section .webinar-image .field__item img {
    margin: 0px auto 15px 65px !important;
    height: 300px !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video{
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important; 
  }
  .webinar-section .webinar-blur-image {
    top: 85px !important;
  }
  .webinar-section .webinar-image{
    padding: 0 !important;
  }
  .webinar-section .block-field-blocknodewebinarbody{
    padding: 15px 8px !important;
  } 
  .webinar-section .block-field-blocknodewebinarfield-video{
    margin-top: 45px !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-video label{
    display: none;
  }
  .webinar-section .block-field-blocknodewebinarfield-video p iframe {
    width: 100% !important;
  }
  .webinar-section .block-field-blocknodewebinarfield-eve , .webinar-section .block-field-blocknodewebinarfield-event-types{
    margin-left: 0 !important;
  }
  #header .header-inner #block-drupal8-w3css-theme-dashboardbtn {
    width: 30% !important;
    padding: 5px !important;
    margin-bottom: 5px !important;
  }
  #webform-submission-job-ad-add-form {
    max-width: 550px !important;
    margin: -80px auto auto auto !important; 
  }
  .block-webform-block .webform-submission-job-ad-add-form{
    max-width: 500px !important;
  }
  .block-webform-block .webform-submission-job-ad-add-form{
    margin: auto !important;
    width: auto !important;
    padding: 1em 1em !important;
  }
  .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 20px;
  }
  .webform-submission-job-ad-form .webform-progress .webform-progress-tracker .progress-step .progress-text .progress-title{
    font-size: 20px !important;
  }
  .webform-submission-job-ad-form .webform-progress {
    margin-bottom: 15px !important;
  }
  .webform-submission-job-ad-form .step-counter {
    font-size: 20px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 38px !important;
  }
  html[lang="sv"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 0px 0px !important;
    line-height: 3.5em !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 33px !important;
  }
  html[lang="sv"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 29px !important;
  }
  html[lang="de"] .main-jobs-ads .banner-section .left-text h1 span {
    margin: 0px 10px !important;
    padding: 20px 0px !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="de"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 19px !important;
  }
  html[lang="de"] .webform-submission-job-ad-form .progress-step.is-active .progress-title {
    font-size: 15px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 {
    font-size: 35px !important;
  }
  html[lang="et"] .main-jobs-ads .banner-section .left-text h1 span {
    padding: 30px 0px !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header h1 {
    font-size: 30px !important;
    line-height: 2.5rem !important;
  }
  html[lang="et"] .webform-submission-job-ad-add-form .form-header p {
    font-size: 20px !important;
  }
  .custom-popup-body{
    width: 100px !important;
  }
  .myad-job-applied-preview .account-details {
    position: inherit !important;
    width: 70% !important;
    margin-left: 15%;
  }
  .myad-job-applied-preview .account-details .login-pass{
    padding: 0.2rem 1rem !important;
  }
  .view-content .w3-row .header h1 {
    font-size: 40px !important;
  }
  .views-field-nothing-2 .field-content .buttons .view-applicant a img {
    width: 50% !important;
    margin: 1% 0 !important;
  }
  .view-content .w3-row .header {
    margin-top: 20% !important;
  }
  .mock-interview {
    margin: 0 -5% !important;
    padding: 1% !important;
    line-height: 3rem !important;
    height: 200px !important;
  }
  .mock-interview h2 {
    font-size: 35px !important;
    margin-top: 3% !important;
    margin-bottom: 25% !important;
    padding: 0 5% !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form {
    margin-top: -14% !important;
    padding: 20px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label {
    font-size: 22px !important;
  }
  .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label {
    font-size: 35px !important;
  }
  .ai-interview-block .ai-banner {
    padding: 20px 15px 0px 15px !important;
    margin: 0 !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text p {
    font-size: 22px !important;
  }
  .ai-interview-block .ai-banner .ai-banner-text h2 {
    font-size: 45px !important;
  }
  .ai-tools-section p {
    font-size: 25px !important;
    padding: 0 18px !important;
  }
  .ai-tools-section .ai-icons img {
    width: 20% !important;
  }
  .ai-interview-prep-view .view-header .ai-interview .description {
    font-size: 25px !important;
    padding: 0 30px !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list{
    grid-template-columns: 1fr;
    display: grid;
    background: none !important; 
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel {
    width: 47% !important;
    margin-right: 1% !important;
  }
  .ai-interview-prep-view footer .see-more-ai img{
    width: 40%;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel{
    width: 100% !important;
    margin-bottom: 0.5rem !important;
    padding: 1rem !important;
    margin-right: 0 !important;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-title .field-content {
    word-break: break-all;
  }
  .ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-ai-job-tags .field-content a{
    font-size: 17px !important;
  }
  .ai-interview h1 {
    font-size: 45px !important;
  }
  .ai-interview .ai-description,  .quick-job-posting-description h4, .app-download-description{
    font-size: 28px !important;
    line-height: 2.5rem !important;
    padding: 0 1rem !important;
  }
  .ai-interview .illustration img{
    width: 100% !important;
  }
  .ai-interview .see-more-btn a{
    padding: 0 !important;
  }
  .ai-interview .see-more-btn a img{
    width: 280px !important;
  }
  .view-detail-of-applicant .view-content .views-row{
    padding: 0% 4% 1% 4%;
  }
  .view-detail-of-applicant .view-filters #views-exposed-form-view-applicant-detail-page-1, .view-detail-of-applicant #views-exposed-form-view-applicants-detail-page-1 .form--inline{
    display: none !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content {
    font-size: 23px !important;
    padding: 5% !important;
    width: 100% !important;
  }
  .view-detail-of-applicant .views-row .views-field {
    font-size: 30px !important;
    word-break: break-all;
    margin-bottom: 1%;
  }
  .view-detail-header .view-content .views-row, .view-detail-of-applicant .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 3% !important;
    margin: 1% !important;
  }
  .jobboard-page .view-header{
    padding: 0 8px !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a{
    margin-left: -50px !important;
  }
  .jobboard-page .views-field-title, .jobboard-page .views-field-webform-submission-value-2 {
    font-size: 30px !important;
    color: black !important;
    line-height: 2rem !important;
  }  
  .jobboard-page .views-field-title::before, .jobboard-page .views-field-webform-submission-value-2::before {
    width: 60px !important;
    height: 60px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 75% !important;
  }
  .view-detail-header .view-content .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 0 !important;
    margin: 0 !important;
  }
  .jobboard-page .view-content .cols-4 tbody tr{
    display: flex !important;
    width: 100% !important;
  }
  .jobboard-page tr .views-field-title{
    width: 65% !important;
    padding-left: 8px !important;
  }
  .jobboard-page table tr .views-field-nothing{
    width: 35% !important;
    align-content: center !important;
    padding: 5px 8px 5px 0px !important;
  }
  .jobboard-page .views-field-title::before {
    width: 75px !important;
    height: 75px !important;
    font-size: 35px !important;
    margin-right: 15px !important;
  }
  .jobboard-page{
    padding: 2% !important;
  }
  .view-detail-header .view-content .views-row{
    background: none !important;
  }
  .view-detail-of-applicant, .jobboard-page {
    padding: 0 0 4% 0 !important;
    margin: 0 !important;
  }
  .view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1 {
    font-size: 40px !important;
    line-height: 3rem !important;
    padding: 0 10px !important;
  }
  .jobboard-page #views-exposed-form-jobboard-page-1{
    display: none;
  } 
  .jobboard-page .views-field-title::before {
    width: 70px !important;
    height: 70px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .jobboard-page table .views-field-nothing img {
    width: 250px !important;
  }
  .view-detail-of-applicant .views-row .views-field-webform-submission-value-3 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-6 .field-content, .view-detail-of-applicant .views-row .views-field-webform-submission-value-7 .field-content {
    width: 85% !important;
  }
  .view-detail-of-applicant .verified-by-applyatjob h4, .jobboard-page .verified-by-applyatjob h4 {
    margin-left: 0 !important;
  }
  .myad-job-applied-preview .view-content .views-row{
    background: transparent !important;
    padding: 0% !important;
    margin-top: 15px !important;
  }
  .myad-job-applied-preview .views-row .views-field-nothing{
    width: 100% !important;
  }
  .myad-job-applied-preview .view-content .w3-row .header h3{
    font-size: 38px !important;
  }
  .myad-job-applied-preview .views-row .views-field-title{
    width: 100%;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node{
    width: 40% !important;
    padding-bottom: 0px !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node span{
    padding-left: 40% !important;
  }
  .myad-job-applied-preview .views-row .views-field-edit-node img{
    width: 69% !important;
  }
  .myad-job-applied-preview .views-row .views-field-view-node{
    width: 60% !important;
   padding-bottom: 0 !important;
  }
  .myad-job-applied-preview .views-row .views-field-view-node img{
    width: 70% !important;
  }
  .verified-by-applyatjob h4{
    font-size: 26px !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-main-cities{
    width: 50% !important;
  }
  .myad-job-applied-preview .views-row .views-field-field-employment-type{
    width: 50% !important;
   clear: right;
  }
  .myad-job-applied-preview .views-row .views-field-nothing-1, .myad-job-applied-preview .views-row .views-field-field-location-type, .myad-job-applied-preview .views-row .views-field-nothing-2, .myad-job-applied-preview .views-row .views-field-field-image1, .myad-job-applied-preview .views-row .views-field-body, .myad-job-applied-preview .views-row .views-field-field-body{
    width: 100% !important;
  }
  .buttons .easy-apply{
    width: 45% !important;
    padding-left: 112px !important;
  }
  .buttons .save{
    width: 55% !important;
    padding-left: 7px !important;
  }
  .views-field-nothing-3 .field-content .account-details, .views-field-nothing-4 .field-content .account-details{
    position: inherit !important;
    width: 100% !important;
  }
  .myad-job-applied-preview .buttons .easy-apply img{
      width: 66% !important;
  }
  .myad-job-applied-preview .buttons .save img{
    width: 63% !important;
  }
  .view-detail-of-applicant .views-field-webform-submission-value-4 .field-content .file--application-pdf a{
    margin-left: 3rem !important;
    width: 379px !important;
  }
  .ai-interview h1, .cv-block .cv-builder-login-home-page h1, .quick-job-posting-title h1, .app-download-intro .app-download-title {
    font-size: 35px !important;
    margin: 0 1% !important;
    line-height: 3rem !important;
  }
  /************* Download App ***************/
  .app-download-block {
    padding: 15px 15px !important;
    flex-direction: column;
    margin: 0 !important;
  }
  .app-download-left {
    width: 100% !important;
  }
  .app-download-right {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .app-download-right .mockup-phone-container img{
    width: 95% !important;
  }
  .app-download-left-heading h2 {
    font-size: 52px !important;
    line-height: 3.5rem !important; 
  }
  .app-download-left h4 {
    font-size: 26px !important;
    margin-top: 0 !important; 
  }
  .app-download-left-img a{
    width: 50% !important;
    padding: 0 !important;
  }
  .app-download-left-img a .download-now-app{
    width: 100% !important;
  }
  .app-download-left-img .qr-code {
    width: 40% !important;
    margin-left: 3% !important;
  }
  .app-download-right .mockup-phone-container a, .illustration a{
    padding: 0 !important;
  }
     /*========= jobboard submission header =======*/
  .submission-jobboard .view-content .views-row,  .reference-job-applicants .view-content .views-row{
    background: none !important;
    width: 100% !important; 
    margin-bottom: 10px !important;
  }
  .submission-jobboard .view-content .views-row:last-child {
    margin-bottom: 7px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2, .reference-job-applicants .view-content .views-row .views-field-title {
    width: 65% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-webform-submission-value-2::before , .reference-job-applicants .view-content .views-row .views-field-title::before{
    width: 75px !important;
    height: 75px !important;
    font-size: 30px !important;
    margin-right: 15px !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing, .reference-job-applicants .view-content .views-row .views-field-nothing {
    width: 35% !important;
  }
  .submission-jobboard .view-content .views-row .views-field-nothing .field-content img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img{
    width: 251px !important;
    margin-right: 0% !important;
  }
  /* ========= search jobs by ========= */
  .search-job-by {
    padding: 5px 10px !important;
    margin: 1.5em 0 !important;
    flex-wrap: nowrap !important;
  }
  .search-job-by .layout__region--first, .search-job-by .layout__region--second{
    flex: 0 1 50% !important;
  }
  .search-job-by .layout__region--first .block-home-page-search-job-by{
    width: 100% !important;
    margin-bottom: 10px !important;
  } 
  .home-page-search-job-by h2 {
    font-size: 45px !important;
  }
  .search-job-by .views-element-container h2 {
    font-size: 33px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image {
    width: 35% !important;
    margin-right: 0 !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links {
    width: 70% !important;
    line-height: 1.5rem !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a {
    font-size: 22px !important;
    padding: 0 !important;
    margin-left: 5px !important;
  }
  .block-views-blocksearch-job-sweden-block-1 {
    margin-top: 105px !important;
  }
  .search-job-by .views-element-container .views-row .views-field-field-image .field-content a img {
    height: 75px !important;
  }
  /*============== GRADUATE JOBS ===============*/
  .graduate-jobs {
    margin: 0 -18px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 {
    width: 92% !important;
    margin: 15px 5px 20px 35px !important;
    padding: 2px 25px !important;
    height: auto !important;
  }
  .graduate-jobs-content .graduate-jobs-button img {
    width: 190px !important;
    margin: 5px auto 5px auto !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title {
    font-size: 37px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    background: none !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a {
    font-size: 28px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before {
    width: 28px !important;
    height: 32px !important;
    margin-right: 10px !important;
    margin-left: -60px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities {
    font-size: 25px !important;
  }
  .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row {
    margin-bottom: 2% !important;
  }
  .webform-submission-apply-for-internship-student-for-form{
   max-width: 500px !important;
  }
}
/********************************Employer Job Page*******************************/
.view-content .w3-row header{
   display: none;
}
.view-display-id-block_3{
  display: none;
}
.myad-job-applied-preview .view-header p{
  text-align: center;
  font-size: 38px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  background: #e9162b;
  border-radius: 20px;
  width: 23%;
  color: #fff;
}
.view-job-show-to-employeer h2{
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  font-weight: 800;
}
.view-content .w3-row .layout__region--first{
  padding:20px;
  border-radius:20px;
  font-family: 'Arial', sans-serif;
  margin:auto;
  background-color: #e8ebeb;
}
.view-content .w3-row .header{
  background-color: #755efc;
  color: white;
  padding:20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  margin-top: 17%;
}
.view-content .w3-row .header h1{
  font-family: 'Poppins', sans-serif;
  font-size: 45px;
  font-weight: 900;
}
.view-content .w3-row .header h3{
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: white;
  line-height: 1;
}
.title_job_preview{
  padding:20px;
  font-size: 33px;
  font-family: Montserrat;
  font-weight: 900;
}
.verified_by_applyatjob, .actual_city_of_job{
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.employment_type, .location_type{
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.employer_dashboard .layout__region--first .field__item a{
  text-decoration: none;
}
.w3-row .verified-by-applyatjob{
  display: flex;
}
.actual_city_of_job a{
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  color: #2b2d42;
  margin-left: 12px;
}
.actual_city_of_job a::before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/location.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.employment_type .w3-bar-item{
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  color: #2b2d42;
  margin-top: -5px;
  margin-left: 24px !important;
}
.employment_type .w3-bar-item::before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/time.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.verified-by-applyatjob h4{
  margin-top: 0px;
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  margin-left: 24px;
}
.verified-by-applyatjob h4::before {
  content: "";
  display: inline-block;
  background-image: url('https://applyatjob.com/sites/default/files//2025-04/verified-by-applyatjob.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 33px;
  height: 41px; 
  margin-right: 8px;
  vertical-align: middle;
}
.employer_dashboard .layout__region--first label{
  display: none !important;
}
.image_job_preview  .field__item{
  text-align: center;
}
.image_job_preview  .field__item img{
  width: 98% !important;
}
.body_job_preview .w3-row ul{
  font-family: Roboto Regular;
}
.body_job_preview .w3-row p{
  font-family: Roboto Regular;
}
.employer_dashboard .layout__region--first .body_job_preview .field__item p{
  font-size: 20px !important;
  font-weight: bold;
}
.employer-account-details header{
  display: block !important;
}
.layout__region--second .employer-account-details{
  margin-left: 37px;
}
.layout__region--second .employer-account-details .view-header{
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  margin-bottom: 21px;
  margin-top: 8px;
  font-weight: 700;
}
.layout__region--second .employer-account-details .view-header a{
  color: red;
  text-decoration:underline;
}
.employer_dashboard .layout__region--first .location_type .field__item{
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 700;
  margin: 0px 0px 27px 33px !important;
  border:2px solid #c1ff72;
  width: 20%;
  background-color: #c1ff72;
  text-align: center;
  width: 35%;
  border-radius:25px;
  padding:0%;
}
.myad-job-applied-preview .views-row .views-field-nothing-2{
  border-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.views-field-nothing-2 .field-content .buttons{
  text-align: center;
}
.views-field-nothing-2 .field-content .buttons .view-applicant a img{
  width: 40%;
  margin: 2% 0;
}
.employer-account-details .view-content .views-row{
  border:3px solid gray;
  background-color: #e8ebeb;
  padding:7%;
}
.employer-account-details .view-content .views-row .views-field-mail .views-label-mail{
  font-size: 27px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.employer-account-details .view-content .views-row .views-field-mail .field-content{
  font-size: 21px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.employer-account-details .view-content .views-row .views-label-field-temp-password{
  font-size: 27px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.employer-account-details .view-content .views-row .views-field-field-temp-password .field-content{
  font-size: 23px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.block-views-blockjob-show-to-employeer-block-5{
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.block-views-blockjob-show-to-employeer-block-5 .view-job-show-to-employeer .views-row .views-field{
margin-top: 0;
padding-left: 50%;
}
.block-views-blockjob-show-to-employeer-block-5  span img{
width: 93%;
height: 58px;
}
.block-views-blockjob-show-to-employeer-block-4{
width: 45%;
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.block-views-blockjob-show-to-employeer-block-4  span img{
width: 73%;
height: 58px;
margin-top: 0;
}
.block-views-blockjob-show-to-employeer-block-2 .employer-account-details .more-link{
display: none;
}
.myad-next-job-container{
  display: flex;
  background: #755efc;
  padding: 10px 80px;
  margin: 30px -79px;
}
.myad-next-job-container .next-job-left-side{
  width: 59%;
  margin-bottom: 10px;
}
.myad-next-job-container .next-job-left-side h1{
  font-size: 78px;
  font-weight: 800;
  font-family: serif;
  color: white;
  text-align: center;
}
.myad-next-job-container .next-job-left-side h6{
  color: black;
  text-align: center;
  font-size: 34px;
  font-family: serif;
  margin: 0;
  font-weight: 500; 
}
.myad-next-job-container .next-job-img{
  width: 39%;
}
.myad-next-job-container .next-job-img img{
  width: 100%;
  padding: 15px 0px 15px 60px;
}
.green-buttons-myad{
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 3%;
}
.green-buttons-myad .green-arrows-myad{
  width: 15%;
  display: flex;
}
.green-buttons-myad .green-arrows-myad img{
  width: 89%;
}
.green-buttons-myad .green-button-myad{
  width: 33%;
  height: auto;
}
.green-buttons-myad .green-button-myad img{
  width: 100%;
}
/********************************Employer Job Page Responsive*******************************/
@media (min-width: 767px) and (max-width: 900px) {
 .myad-next-job-container .next-job-left-side h1{
    font-size: 46px;
  }
  .myad-next-job-container .next-job-left-side h6{
    font-size: 24px;
  }
  .myad-next-job-container .next-job-img img{
    padding: 65px 0px 15px 60px;
  }
  .green-buttons-myad .green-arrows-myad{
    width: 21%;
  }
  .green-buttons-myad .green-arrows-myad img{
    width: 84%;
  }
}
@media (min-width: 900px) and (max-width: 1200px) {
  .myad-next-job-container .next-job-left-side h1{
    font-size: 55px;
  }
  .myad-next-job-container .next-job-left-side h6{
    font-size: 28px;
  }
  .myad-next-job-container .next-job-img{
    width: 45%;
  }
  .myad-next-job-container .next-job-img img{
   padding: 70px 0px 15px 60px;
  }
}
/***************Responsive My jobs page**********************/
@media (min-width: 320px) and (max-width: 480px) {
  /*============== Home Page 4 boxes ========*/
  .home-page-job-category-blocks .view-content .views-row{
    background: none !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .home-page-job-category-blocks .layout__region--first{
    margin-bottom: 3% !important;
  }
  .home-page-job-category-blocks {
    margin-bottom: 10% !important;
  }
  .home-page-information-technology-jobs, .home-page-marketing-jobs, .home-page-management-jobs, .home-page-medical-jobs {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 3% !important;
    height: auto !important;
  }
  .home-page-information-technology-jobs a h3, .home-page-marketing-jobs a h3, .home-page-management-jobs a h3, .home-page-medical-jobs a h3 {
    font-size: 25px !important;
  }
  .home-page-information-technology-jobs .d8-has-image, .home-page-marketing-jobs .d8-has-image, .home-page-management-jobs .d8-has-image, .home-page-medical-jobs .d8-has-image {
    font-size: 22px !important;
  }
  .home-page-information-technology-jobs .view-footer button, .home-page-marketing-jobs .view-footer button, .home-page-management-jobs .view-footer button, .home-page-medical-jobs .view-footer button {
    font-size: 15px !important;
  }
  .view-content .w3-row .header {
    margin-top: 32% !important;
  }
  .views-field-nothing-2 .field-content .buttons .view-applicant a img {
    width: 75% !important;
    margin: 1% 0 !important;
  }
  .view-job-show-to-employeer h2{
    font-size: 27px;
  }
  .view-content .w3-row .layout__region--first{
    padding: 0px;
  }
  .view-content .w3-row .header h1{
    font-size: 25px !important;
   font-weight: 800;
   line-height: normal;
  }
  .view-content .w3-row .header h3{
    font-size: 30px !important;
  }
  .title_job_preview{
    font-size: 25px;
  }
  .block-views-blockjob-show-to-employeer-block-5{
    margin-right: 0px;
    width: 44%;
  }
  /******************Home page Cv Block***********************/
  .cv-block .cv-builder-home-page h1{
    font-size: 31px !important;
    margin: 0 0.5% !important;
    line-height: 2.5rem !important;
  }
  .cv-block .cv-builder-home-page h3{
    font-size: 20px !important;
  }
  .cv-block .cv-builder-home-page .cv-builder-img img{
    width: 90% !important;
    margin-top: -30px !important;
  }
  /*****************CV Login User******************/
  .cv-block .cv-builder-login-home-page h1, .quick-job-posting-title h1, .app-download-intro .app-download-title{
    font-size: 31px !important;
    margin: 0 0.5% !important;
    line-height: 2.5rem !important;
  }
  .cv-block .cv-builder-login-home-page h4, .quick-job-posting-description h4, .app-download-description{
    font-size: 22px !important;
    line-height: 2rem !important;
    margin-bottom: 1rem !important;
  }
  .cv-block .cv-builder-login-home-page .cv-builder-img img{
    width: 90% !important;
    margin-top: -12px;
  }
  /************* Download App ***************/
  .app-download-block {
    padding: 15px 15px !important;
    flex-direction: column;
    margin: 0 !important;
  }
  .app-download-left {
    width: 100% !important;
  }
  .app-download-right {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .app-download-right .mockup-phone-container a, .illustration a{
    padding: 0 !important;
  }
  .app-download-right .mockup-phone-container img{
    width: 100% !important;
  }
  .app-download-left-heading h2 {
    font-size: 42px !important;
    line-height: 2.9rem !important; 
  }
  .app-download-left h4 {
    font-size: 24px !important;
    margin-top: 5% !important;
  }
  .app-download-left-img a{
    width: 55% !important;
    padding: 0 !important;
  }
    .app-download-left-img a .download-now-app{
    width: 100% !important;
  }
  .app-download-left-img .qr-code {
    width: 40% !important;
  }
}
/**************************Job-ad form**************************/
.block-webform-block .webform-submission-job-ad-add-form{
  border: 5px solid #5ace37 !important;
  background-color: #9afd7f !important;
  border-radius: 20px;
  margin: 2em 8em 0em 8em;
  padding: 1em 3em;
  max-width: 1000px;
}
.block-webform-block .webform-submission-job-ad-add-form .js-form-item{
  color: #146514;
}
.block-webform-block .webform-submission-job-ad-add-form input{
  border: 2px solid gray !important;
  background-color: transparent;
}
.block-webform-block .webform-submission-job-ad-add-form input{
  border: 2px solid gray !important;
  background-color: transparent;
}
.block-webform-block .webform-submission-job-ad-add-form .form-actions input{
  background: linear-gradient(45deg, #168E16, #1c521c);
}
.block-webform-block .webform-submission-job-ad-add-form  .form-header h1{
  color: #0d5c1f;
}
.block-webform-block .webform-submission-job-ad-add-form  .form-header p{
  color: #093614;
}
.block-webform-block .webform-submission-job-ad-add-form  .progress-step.is-active .progress-marker::before{
  background: linear-gradient(45deg, #168E16, #1c521c);
}
.block-webform-block .webform-submission-job-ad-add-form  .progress-step.is-active .progress-title{
  color: #156c29;
}
.block-webform-block .webform-submission-job-ad-add-form  .progress-step.is-complete .progress-marker::before{
  background: #1c674e;
}
.block-webform-block .webform-submission-job-ad-add-form  .step-counter{
  color: #0c573e;
}
.block-webform-block .webform-submission-job-ad-add-form  .js-form-item .form-textarea-wrapper .form-textarea{
  border: 2px solid #e5e7eb !important;
    border-top-color: rgb(229, 231, 235);
    border-right-color: rgb(229, 231, 235);
    border-bottom-color: rgb(229, 231, 235);
    border-left-color: rgb(229, 231, 235);
  border-top-color: rgb(229, 231, 235);
  border-right-color: rgb(229, 231, 235);
  border-bottom-color: rgb(229, 231, 235);
  border-left-color: rgb(229, 231, 235);
  border-top-color: rgb(229, 231, 235);
  border-right-color: rgb(229, 231, 235);
  border-bottom-color: rgb(229, 231, 235);
  border-left-color: rgb(229, 231, 235);
  border-top-color: rgb(229, 231, 235) !important;
  border-right-color: rgb(229, 231, 235) !important;
  border-bottom-color: rgb(229, 231, 235) !important;
  border-left-color: rgb(229, 231, 235) !important;
  border-radius: 12px !important;
  font-size: 16px;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.8);
}
.block-webform-block .webform-submission-job-ad-add-form  .form-actions input[value="< Previous"]{
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 15px 35px rgba(102, 126, 234, 0.3);
}
.block-webform-block .webform-submission-job-ad-add-form  .form-actions input[value="< Previous"]:hover{
  background: rgba(255, 255, 255, 0.8) !important;
}
/*********************Dashboard Page***********************************/
.view-content .w3-row .premium-area .layout__region--first{
  background-color: transparent;
}
.view-content .w3-row .premium-footer .layout__region--first{
  background-color: transparent;
}
.view-content .w3-row .premium-footer .layout__region--first img{
  margin-right: 1px;
}
.layout__region--second .block-field-blockcommerce-productresumevariations .commerce-order-item-add-to-cart-form-commerce-product-1 .button--add-to-cart{
  width: 90%;
  outline:none;
  border:none !important;
  border-radius:15px;
  font-size: 20px;
  background-color: blue;
  color: #fff;
  padding-top: 5px;
}
.block-field-blockcommerce-productresumevariations .field--label-above .field__items .w3-bar-item{
  width: 100%;
}
/***********************************Cv and Hire Employee home page********************************/
.cv-block .cv-builder-home-page{
  text-align: center;
  margin-bottom: 30px;
}
.cv-block .cv-builder-home-page h1{
  font-size: 45px;
  font-family: serif;
  font-weight: 800;
  line-height: normal;
}
.cv-block .cv-builder-home-page h3{
  font-family: serif;
  font-size: 29px;
  font-weight: 500;
}
.cv-builder-home-page .cv-builder-img{
  margin-top: 54px;
}
.cv-block .cv-builder-home-page .cv-builder-img img{
  width: 45%;
  margin-top: -35px;
}
 /**************CV For Login User*********************/
.cv-block .cv-builder-login-home-page{
  text-align: center;
  margin-bottom: 4%;
}
.cv-block .cv-builder-login-home-page h1{
  font-size: 45px;
  font-family: serif;
  font-weight: 800;
  line-height: normal;
}
.cv-block .cv-builder-login-home-page h4, .quick-job-posting-description h4{
  font-size: 30px;
  font-family: poppins;
  text-align: center;
  padding: 0 15px;
}
.cv-block .cv-builder-login-home-page .cv-builder-img{
    margin-top: 54px;
}
.cv-block .cv-builder-login-home-page .cv-builder-img img{
  width: 45%;
  margin-top: -35px;
}
/*****************Employer job Edit pag****************************/
.admin-context .field--type-entity-reference #edit-field-sub-category--wrapper{
  display: none;
}
.admin-context #edit-field-apply-at-job-0-settings{
  display: none;
}
.admin-context .field--name-field-nearest-cities #edit-field-nearest-cities--wrapper{
  display: none;
}
.admin-context .field--name-field-email-1 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-email-2 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-email-3 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-email-4 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-email-5 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-email-6 .js-form-type-email{
  display: none;
}
.admin-context .field--name-field-contact-person{
  display: none;
}
.admin-context .field--name-field-job-keywords{
  display: none;
}
.admin-context .field--name-field-organization{
  display: none;
}
.admin-context .field--name-field-location{
  display: none;
}
.admin-context .field--name-title .form-type-textfield label,.admin-context .form-type-language-select label,.admin-context .text-format-wrapper  .form-type-textarea label, .admin-context .js-form-type-managed-file label, .admin-context .form-type-select label, .admin-context .js-form-type-entity-autocomplete label{
  color: black;
  font-size: 25px;
  font-weight: 800;
  font-family: serif;
}
.admin-context .text-format-wrapper  .form-type-textarea label span{
  display: none;
}
.admin-context .field--name-title .form-type-textfield label::after{
 display: none;
}
.admin-context .field--name-title .form-type-textfield input, .admin-context .form-select, .admin-context .js-form-type-entity-autocomplete input, .admin-context .js-form-managed-file input{
  border-radius:10px;
  background-color: white;
  padding: 10px;
  font-size: 17px;
  width: 100% !important;
}
.admin-context .layout-region-node-main{
  background-color: #f8f9fa;
}
.admin-context .js-form-managed-file input{
  margin-top: 10px;
}
.admin-context #edit-field-image1-0--description{
  color: black;
}
.admin-context .ck-toolbar_grouping{
  background-color: white !important;
  border-bottom:1px solid gray !important;

}
.admin-context .text-format-wrapper  .ck-blurred{
  min-height: 209px;
  background-color: white!important;
}
.admin-context .field--widget-image-image .form-type-managed-file .image-widget input{
  color: black;
}
.admin-context .field--name-field-apply-at-job{
  width: 100% !important;
}
.admin-context .layout-region-node-footer__content .form-actions input{
  background-color: #e9e9ed;
  border-radius:10px;
  font-size: 25px;
  font-weight: 700;
  font-family: serif;
}
.admin-context .layout-region-node-secondary{
  background-color: #f8f9fa;
}
.admin-context .form-item-meta-published, .admin-context .js-form-item-meta-changed, .admin-context .js-form-item-meta-author{
  color: black !important;
  font-size: 20px !important;
  font-family: serif !important;
  font-weight: 800 !important;
}
.admin-context .js-form-item-revision, .admin-context .js-form-item-revision-log-0-value{
  color: #133d96 !important;
}
/************************************Information technology form*************************/
.block-field-blocknodefigover-jobsfield-image1 .field--name-field-image1 img{
  width: 100%;
  border-radius: 15px;
}
.actual-city-of-job-node{
  display: flex;
}
.actual-city-of-job-node h2{
  text-decoration: none;
  font-size: 30px;
  padding: 10px 10px;
}
.actual-city-of-job-node .field--name-field-main-cities{
  padding-top: 23px;
}
.actual-city-of-job-node .field--name-field-main-cities label{
  display: none !important;
}
.actual-city-of-job-node .field--name-field-main-cities div a{
  text-decoration: none !important;
  font-size: 26px;
}
.actual-job-category-job-node{
  width: 100%;
}
.actual-job-category-job-node .view-job-actual-category{
  display: flex;
}
.actual-job-category-job-node .view-job-actual-category header{
  font-size: 26px;
  padding: 0px 0px 0px 8px!important;
  font-family: serif;
  font-weight: 800;
}
.actual-job-category-job-node .view-job-actual-category .view-content{
  width: 80%;
}
.actual-job-category-job-node .view-job-actual-category .view-content .views-row{
  padding: 3px !important;
}
.actual-job-category-job-node .view-job-actual-category .view-content .views-row a{
  text-decoration: none !important;
  font-size: 23px;
}

.employment-type-job-node .field--name-field-employment-type label{
  display: none;
}
.employment-type-job-node  .field--name-field-employment-type div::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/time.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.employment-type-job-node  .field--name-field-location-type label{
  display: none;
}
.location-job-node .field--name-field-location-type .field__item::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/location.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.employment-type-job-node{
  width: 18%;
  display: inline-block;
  vertical-align: top;
  padding-left: 13px;
}
.location-job-node {
  width: 18%;
  display: inline-block;
  vertical-align: top;
}
.location-job-node .field--name-field-location-type label{
  display: none !important;
}

/*********************************Jobs Form***********************/
.block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-information-technology-add-form .js-form-item-actual-category-, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-medical-add-form .js-form-item-actual-category-, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-marketing-add-form .js-form-item-actual-category-, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-management-add-form .js-form-item-actual-category-{
  display: none;
}
.block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-information-technology-add-form .js-form-item-node-title, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-medical-add-form  .js-form-item-node-title, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-marketing-add-form  .js-form-item-node-title, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-management-add-form  .js-form-item-node-title{
  display: none;
}
.block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-information-technology-add-form .js-form-item-actual-city, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-medical-add-form  .js-form-item-actual-city, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-marketing-add-form  .js-form-item-actual-city, .block-field-blocknodefigover-jobsfield-apply-at-job .webform-submission-management-add-form  .js-form-item-actual-city{
  display: none;
} 
/*#edit-payment-information-billing-information .field--name-field-cnic{
  display: none;
}*/

/* own Ad */
.aside-ad{
  margin-top: 1%;
} 
/*********** aside view applicant ************/
.block-field-blocknodefigover-jobsfield-apply-at-job .field--label-above{
  padding-bottom: 0 !important;
}
.job-page-applicants{
  width: 60%;
  float: left;
  background-color: #edf2f4;
  padding: 0 10px 5px 10px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.job-page-applicants .form-group{
  display: none;
}
.job-page-applicants table thead{
  display: none;
}
.job-page-applicants table tr{
  background-color: transparent !important;
  border-bottom: none !important;
}
.job-page-applicants .views-field-title {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 42px;
  line-height: 2.8rem;
  color: #000;
  text-decoration: none;
}
.view-jobboard-detail-header .views-field-title::before{
  display: none !important;
}
.job-page-applicants .views-field-title::before {
  content: attr(data-initials);
  display: inline-flex;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: var(--circle-bg,#666);
  color: #222;
  font-weight: bold;
  font-size: 35px;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  text-align: center;
}
.job-page-applicants .view-content .w3-responsive .cols-4{
  border: none !important;
}
.job-page-applicants table tbody tr .views-field-field-user-email{
  display: none;
}
.job-page-applicants table tbody tr .views-field-nid{
  display: none;
}
.job-page-applicants table tbody tr .views-field-nothing{
  width: 36%;
  text-align: center;
}
/**********************************Jobboard and view detail**************************************/
.jobboard-header{
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  font-family: Montserrat !important;
  background: linear-gradient(to right, #615EFC, #2BE1A9);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#views-exposed-form-view-applicants-page-1{
  display: none;
}
.view-detail-of-applicant #views-exposed-form-view-applicant-detail-page-1 .form--inline, .jobboard-page #views-exposed-form-jobboard-page-1 .form--inline, .view-detail-of-applicant #views-exposed-form-view-applicants-detail-page-1 .form--inline{
  display: none;
}
.view-detail-header .views-row{
  padding: 0;
}
.view-detail-of-applicant, .jobboard-page{
  border: 2px solid #a4a1a1;
  padding: 1rem 2rem;
  background: #f8f6f6;
  border-radius: 20px;
  margin: 0 8rem;
}
.view-detail-of-applicant .views-field-title span h1, .jobboard-page .views-field-title span h1{
  font-weight: 800;
  font-size: 50px;
  font-family: Montserrat !important;
}
.view-detail-of-applicant .views-row .views-field{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 1.5%;
}
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-3,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-5,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-6,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-7 {
  display: flex;
  flex-direction: column;
}
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-3 .views-label,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-5 .views-label,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-6 .views-label,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-7 .views-label {
  margin-right: 1rem;
  font-weight: bold;
}
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-3 .field-content,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-5 .field-content,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-6 .field-content,
.view-detail-of-applicant .views-row 
.views-field-webform-submission-value-7 .field-content {
  border: 1px solid black;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background: #e7e7e7;
  width: 85%;
}
.view-detail-of-applicant .views-row .views-field-webform-submission-value-5 .field-content{
  font-size: 26px;
  padding: 2%;
}
.jobboard-page tr .views-field-field-user-email, .jobboard-page tr .views-field-nid{
  display: none;
}
.jobboard-page tr{
  background: #f8f6f6 !important;
  border-bottom: none !important;
}
.jobboard-page table{
  border: none !important;
}
#view-title-table-column{
  display: none;
}
.jobboard-page table .views-field-nothing{
  text-align: center;
  width: 40%;
}
.jobboard-page table .views-field-nothing img{
  cursor: pointer;
  width: 68%;
}
.submission-jobboard .views-field-webform-submission-value-1, .submission-jobboard .views-field-webform-submission-value-3, .submission-jobboard thead, .jobboard-page .view-content table thead{
  display: none;
}
.jobboard-page .views-field-title, .jobboard-page .views-field-webform-submission-value-2 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 42px;
  line-height: 2.8rem;
  font-weight: bolder;
  font-family: arial;
}
.jobboard-page .view-filters .views-exposed-form{
  display: none !important;
}
.jobboard-page .views-field-title::before , .jobboard-page .views-field-webform-submission-value-2::before {
  content: attr(data-initials);
  display: inline-flex;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--circle-bg,#666);
  color: #222;
  font-weight: bold;
  font-size: 40px;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  text-align: center;
}
.view-detail-of-applicant  .views-row .views-field .views-label{
  margin-right: 1.5%;
}
.view-detail-header .views-field-nothing{
  display: inline-flex;
  margin-right: 5%;
}
.view-detail-header .views-field-field-employment-type{
  display: inline-flex;
  margin-right: 5%;
}
.view-detail-header .views-field-field-employment-type .field-content{
  font-size: 28px;
}
.view-detail-header .views-field-field-location-type {
  display: inline-flex;
  margin-right: 5%;
}
.view-detail-header .views-field-field-location-type  .field-content{
  font-size: 28px;
}
.view-detail-header .views-field-field-employment-type .field-content span::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/time.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.view-detail-header .views-field-field-location-type .field-content span::before{
  content: "";
  display: inline-block;
  width: 33px;
  height: 41px;
  background-image: url('https://applyatjob.com/sites/default/files/2025-04/location.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.view-detail-of-applicant .views-field-field-employment-type span, .view-detail-of-applicant .views-field-field-location-type span , .jobboard-page .views-field-field-employment-type span , .jobboard-page .views-field-field-location-type span{
  font-size: 24px;
  font-weight: 700;
  font-family: Montserrat;
}
.view-detail-of-applicant .views-field-webform-submission-value-4 .field-content .file--application-pdf a{
  display: inline-block;
  width: 45%;
  height: 324px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  margin-left: 15rem;
}
.view-detail-of-applicant .views-field-webform-submission-value-4 .field-content .file--application-pdf a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://applyatjob.com/sites/default/files/2025-07/cv-image-removebg-preview.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  transform: scale(1.02);    /* subtle zoom */
  transition: all 0.3s ease;
}
.view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a{
  display: inline-flex;
  width: 45%;
  height: 324px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://applyatjob.com/sites/default/files/2025-07/cv-image-removebg-preview.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  transform: scale(1.02);    /* subtle zoom */
  transition: all 0.3s ease;
}
.view-detail-of-applicant .file--application-pdf a:hover {
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
  transform: scale(1.02);
  transition: all 0.3s ease;
}
.view-detail-of-applicant .views-field-webform-submission-value-2 .field-content a:hover{
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
  transform: scale(1.02);
  transition: all 0.3s ease;
}
.view-detail-of-applicant .views-field-webform-submission-value-4 .field-content > div > span:last-child {
  display: none;
}
.path-jobboard .w3-theme-d5 h1, .path-jobboard-details .w3-theme-d5 h1{
  display: none;
}
.path-jobboard .breadcrumb ul, .path-jobboard-details .breadcrumb ul{
  display: none;
}
/**************** AI Interview **************/
.welcome-to-interview{
  margin-top: 7%; 
}
.welcome-to-interview .block-webform{
  margin: 0 !important;
}
.ai-interview{
  margin-bottom: 5%;
}
.ai-interview h1, .quick-job-posting-title h1, .app-download-intro .app-download-title{
  text-align: center;
  font-size: 45px;
  font-family: poppins;
}
.ai-interview .ai-description{
  font-size: 30px;
  font-family: poppins;
  text-align: center;
  padding: 0 15px;
}
.ai-interview .illustration, .ai-interview .see-more-btn{
  text-align: center;
}
.ai-interview .illustration img{
  width: 60%;
}
.ai-interview-prep-view .view-header .ai-interview .description{
  font-size: 28px;
  font-family: poppins;
  text-align: center;
  line-height: 3rem;
  margin-bottom: 2rem;
  padding: 0 30px;
  word-break: break-all;
  display: block !important;
}
.ai-interview-block .ai-banner{
  display: flex;
  background-color: #615EFC;
  border-radius: 30px;
  padding: 20px 30px 0px 30px;
  margin: 0px 40px;
}
.ai-interview-block .ai-banner .ai-banner-text{
  width: 65%;
  margin-right: 2%;
  color: #fff;
  padding-left: 5%;
}
.ai-interview-block .ai-banner .ai-banner-image{
  width: 33%;
  text-align: center;
}
.ai-interview-block .ai-banner .ai-banner-image img{
  height: 315px;;
}
.ai-interview-block .ai-banner .ai-banner-text h2{
  color: #fff;
  font-size: 50px;
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 3rem;
  margin-top: 5%;
}
.ai-interview-block .ai-banner .ai-banner-text p{
  font-size: 30px;
  font-family: poppins;
}
.ai-tools-section h1{
  text-align: center;
  font-size: 45px;
  font-family: poppins;
}
.ai-tools-section p{
  font-size: 30px;
  font-family: poppins;
  text-align: center;
  line-height: 3rem;
  margin-bottom: 3rem;
  padding: 0 15px;
}
.ai-tools-section .ai-icons{
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.ai-tools-section .ai-icons img{
  width: 15%;
}
.ai-interview-prep-view footer .see-more-ai{
  text-align: center;
}
.ai-interview-prep-view .view-content .item-list .item-list{
  display: flex;
  flex-wrap: wrap;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel{
  border: 3px solid #C6C6DD !important;
  box-shadow: 0 4px 10px rgba(198, 198, 221, 0.5);
  transition: border 0.3s ease, box-shadow 0.3s ease;
  width: 32.333333333333%;
  background: #fff; 
  border-radius: 16px;
  padding: 1.5rem 1.5rem 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-right: 0.5%;
  margin-left: 0.5%;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel:hover{
  border-color: #A5A5C0 !important;
  box-shadow: 0 6px 14px rgba(198, 198, 221, 0.7) !important;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-interview-duration .field-content{
  font-size: 0.95rem;
  font-weight: 600;
  color: #666;
  margin-bottom: 0.5rem;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-title .field-content{
  font-weight: bold;
  color: #222;
  margin-bottom: 0.75rem;
  font-size: 28px;
  font-family: poppins;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-ai-job-tags .field-content a{
  display: inline-block;
  background-color: #E8E7FB;
  transition: background-color 0.3s ease;
  color: #333;
  padding: 0.3rem 0.6rem;
  margin: 0.2rem;
  border-radius: 10px;
  font-size: 0.85rem;
  text-decoration: none;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-ai-job-tags .field-content a:hover{
  background-color: #D7D5F5;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-link .field-content a{
  width: 100%;
  display: inline-block;
  background-color: #F0EFFF;
  font-size: 20px;
  color: #4a4ad5 !important;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  border-radius: 6px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: background 0.2s ease;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .views-field-field-link .field-content a:hover{
  background-color: #DEDBFF;
}
.ai-interview-prep-view .view-content .item-list .item-list .w3-panel .field--name-field-media-oembed-video iframe{
  width: 100% !important;
  height: auto;
  border-radius: 12px;
  aspect-ratio: 12 / 8;
  margin-top: 1rem;
}

/************ User Information Form **************/
.path-webform #block-drupal8-w3css-theme-local-tasks{
  display: none;
}
.mock-interview{
  background-color: #615EFC;
  text-align: center;
  margin: 0 -3%;
  padding: 1%;
  line-height: 16rem;
}
.mock-interview h2{
  color: #fff !important;
  font-size: 40px;
  font-weight: 900;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-top: -7%;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview, .welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob{
  text-align: center;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .your-mock-interview label{
  color: #FFFFFF;
  font-weight: 500;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 23px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .welcome-to-applyatjob label{
  color: #FFFFFF;
  font-weight: 900;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 35px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  border: 5px solid #e4e4e4;
  margin-top: -8%;
}
.welcome-to-interview .webform-submission-user-information-form-add-form:hover {
  box-shadow: 0 0 10px rgba(1, 75, 129, 0.4);
  transition: all 0.3s ease;
}
.welcome-to-interview .webform-submission-user-information-form-add-form label {
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
  display: block;
  font-size: 21px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="text"],
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="email"],
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="tel"],
.welcome-to-interview .webform-submission-user-information-form-add-form select {
  background: rgba(255, 255, 255, 0.9);
  color: #333333;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 20px;
  width: 100%;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  height: 50px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="email"] {
  width: 104% !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .js-form-type-email {
  padding-left: 0 !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input:focus,
.welcome-to-interview .webform-submission-user-information-form-add-form select:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  background: #ffffff;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .w3-section {
  margin-bottom: 15px !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="submit"] {
  background: #ffffff;
  color: #667eea;
  padding: 12px 30px;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  width: 30%;
  margin-top: 5px;
  transition: transform 0.3s ease;
  margin-bottom: 0 !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
  background: #f2f2ec !important;
  color: #4f6ae7 !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .js-form-type-textarea .form-textarea-wrapper{
  display: none;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .select2-selection {
  border-radius: 8px !important;
  padding: 8px 10px !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  min-height: 50px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .select2-selection__arrow {
  height: 25px !important;
  top: 13px !important;
  width: 25px !important;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .form-type-webform-document-file {
  border-radius: 10px;
  transition: background 0.3s ease;
}
.welcome-to-interview .webform-submission-user-information-form-add-form input[type="file"] {
  border-radius: 8px !important;
  padding: 8px 10px !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  min-height: 50px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
}
.welcome-to-interview .webform-submission-user-information-form-add-form #edit-cv-upload-button {
  background: linear-gradient(to right, #6a11cb, #2575fc);
  color: white;
  border: none;
  border-radius: 30px;
  padding: 10px 24px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.welcome-to-interview .webform-submission-user-information-form-add-form #edit-cv-upload-button:hover {
  background: linear-gradient(to right, #2575fc, #6a11cb);
  transform: scale(1.03);
}
.welcome-to-interview .webform-submission-user-information-form-add-form .webform-element-description {
  color: #fff;
  font-size: 14px;
  margin-top: 8px;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.1);
  padding: 8px 10px;
  border-radius: 6px;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .form-type-webform-document-file .webform-document-file{
  color: #ffffff;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .form-type-webform-document-file .webform-document-file .file a{
  color: #fff;
}
.welcome-to-interview .webform-submission-user-information-form-add-form .form-type-webform-document-file .webform-document-file input[value="Remove"]{
  font-size: 15px;
  width: 90px;
  padding: 5px;
  margin-bottom: 0 !important;
}

/********** video media embedded job ***********/

.video-media-embedded-job {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fc;
  margin-top: 2%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.video-media-embedded-job .view-content .views-row{
  padding: 1%;
  border-radius: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}
.video-media-embedded-job .comment-form{
  background: #ffffff;
  padding: 1.5rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.video-media-embedded-job label{
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 6px;
  font-size: 23px;
}
.video-media-embedded-job input[type="text"],
.video-media-embedded-job .ck-reset .ck-editor__main, 
.video-media-embedded-job select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc !important;
  border-radius: 6px;
  font-size: 20px;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.video-media-embedded-job textarea {
  resize: vertical;
}
.video-media-embedded-job input[type="submit"] {
  background-color: #5c6ac4;
  color: white;
  border: none !important;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 1%;
  margin-right: 10px;
}
.video-media-embedded-job input[type="submit"]:hover {
  background-color: #3f4db0 !important;
}
.video-media-embedded-job .field--name-field-media-oembed-video{
  text-align: center;
}
.video-media-embedded-job iframe.media-oembed-content {
  width: 100%;
  max-width: 640px;
  height: 360px;
  border-radius: 8px;
  border: none;
  margin-top: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.video-media-embedded-job .filter-guidelines-item{
  display: none !important;
}.myad-job-applied-preview .view-header .view-hiring-employer-product{
  display: none;
}
.myad-job-applied-preview .green-buttons-myad .green-button-myad .add-more-jobs{
  text-align: center;
  font-size: 43px;
  font-family: serif;
  font-weight: 600;
  background: #7ed957;
  border-radius: 20px;
  color: #26640b;
  border: 3px solid #6cb54c;
  padding: 12px 10px;
  margin: 0 !important;
}
.path-product .layout--onecol:last-child{
  display: none;
}
/************* Download Our App ***********/
.app-download-intro {
  text-align: center;
  margin-bottom: 20px;
}
.app-download-title {
  font-size: 28px;
  font-weight: 700;
}
.app-download-description {
  font-size: 26px;
  font-family: poppins;
  text-align: center;
  padding: 0 15px;
}
.app-download-block{
  display: flex;
  padding: 25px 40px;
  background: #E0E0E1;
  border-radius: 20px;
  margin: 0.5em 2em;
}
.app-download-left{
  width: 50%;
  margin-right: 5%;
}
.app-download-right{
  width: 40%;
  margin-left: 5%;
}
.app-download-left-heading h2{
  text-align: center;
  font-size: 49px; 
  font-family: poppins; 
  line-height: 4rem;
}
.app-download-left h4{
  font-size: 35px;
  line-height: 2.5rem;
  font-family: serif;
  text-align: center;
  margin-top: 3%;
}
.app-download-left-img{
  display: flex;
  padding: 1%;
  align-items: center;
  justify-content: center;
}
.app-download-left-img a{
  width: 45%;
}
.app-download-left-img a .download-now-app{
  width: 100%;
  height: 50%;
}
.app-download-left .qr-code{
  width: 30%;
  margin-left: 5%;
}
/*========== jobboard submission ==========*/
.view-detail-header .view-content .views-row .views-field-title::before{
  display: none;
}
.view-detail-header .view-content .views-field-title{
  display: block;
}
.submission-jobboard .view-content .views-row, .reference-job-applicants  .view-content .views-row{
  display: flex;
  padding: 0 !important;
  margin-bottom: 15px !important;
}
.submission-jobboard .view-content .views-row .views-field-webform-submission-value-2, .reference-job-applicants  .view-content .views-row .views-field-title{
  width: 65%;
}
.submission-jobboard .view-content .views-row .views-field-nothing, .reference-job-applicants .view-content .views-row .views-field-nothing{
  width: 35%;
  text-align: center;
  align-content: center;
}
.submission-jobboard .view-content .views-row .views-field-nothing .field-content img, .reference-job-applicants .view-content .views-row .views-field-nothing .field-content img{
  width: 76%;
  margin-right: 10%;
}
.reference-job-applicants .views-field-field-user-email, .reference-job-applicants .views-field-nid{
  display: none;
}
/***************************home page header*************************/
.path-frontpage .better-future{
  padding: 25px;
  border: 2px solid #ccc;
  border-radius: 12px;
  background: #f7f7f7;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  margin: 3px 10px 19px 10px;
}
.path-frontpage .better-future .view-header{
  margin: 10px !important;
  width: 100%;
}
.path-frontpage .better-future .view-header .home-search-block{
  float: left;
  width: 59%;
}
.path-frontpage .better-future .view-header .home-search-block h1{
  font-size: 41px;
  font-weight: 900;
  color: #5a57f3;
  font-family: "Carter One ", system-ui;
  background: #fdfcff;
  padding: 10px;
  border-radius: 10px;
  width: 62%;
  line-height: normal;
}
.path-frontpage .better-future .view-header .home-page-image{
  float: right;
  width: 40%;
}
.path-frontpage .better-future .view-header .home-page-image img{
  width: 93%;
  height: 295px;
  display: block;
}
.path-frontpage .better-future .view-header .home-page-job-categories{
  display: flex;
  flex-direction: column;
  gap: 10px;
  float: left;
  width: 59%;
}
.path-frontpage .better-future .view-header .home-page-job-categories .main-job-class .main-job-allData, .path-frontpage .better-future .view-header .home-page-job-categories .main-location-class .main-location-allData{
  width: 100%;
}
.path-frontpage .better-future .view-header .home-page-job-categories .main-job-class, .path-frontpage .better-future .view-header .home-page-job-categories .main-location-class{
    width: 50%;
}
.path-frontpage .better-future .view-header .home-page-job-categories .main-job-class input, .path-frontpage .better-future .view-header .home-page-job-categories .main-location-class input{
  padding: 10px 40px 10px 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 18px;
  font-family: serif;
  background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.1a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E") no-repeat 8px center;
  background-size: auto;
  background-size: 16px;
  width: 100% !important;
}
html[lang="sv"] .path-frontpage .better-future .view-header .home-page-job-categories input, html[lang="de"] .path-frontpage .better-future .view-header .home-page-job-categories input{
  padding: 10px 40px 10px 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 18px;
  font-family: serif;
  background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.1a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E") no-repeat 8px center;
  background-size: auto;
  background-size: 16px;
  width: 60%;
}
.path-frontpage .better-future #edit-actions{
  position: absolute;
  margin-left: -364px;
  margin-bottom: -355px;
}
.path-frontpage .better-future #edit-actions input{
  border: 3px solid gray !important;
  border-radius: 23px !important;
}
.path-my-dashboard-page .better-future .home-search-block{
  display: none;
}
/*************************************Responsive home screeen************************/
@media (min-width: 320px) and (max-width: 784px) {
  html[lang="sv"] .path-frontpage .better-future .view-header .home-page-job-categories input, html[lang="de"] .path-frontpage .better-future .view-header .home-page-job-categories input{
    width: 100% !important;
  }
  .path-frontpage .better-future .view-header {
    margin: auto !important;
  }
  .path-frontpage .better-future{
    display: grid;
    margin: 3px 0px 20px 0px !important;
  }
  .path-frontpage .path-frontpage .better-future{
    margin: 10px 0 !important;
    padding: 5px;
  }
  .path-frontpage .better-future .view-header .home-search-block{
    width: 100% !important;
  }
  .path-frontpage .better-future .view-header .home-search-block h1{
    width: 99% !important;
    background: none;
    font-size: 29px;
    padding: 0;
    margin: 0;
    font-weight: 900;
    text-align: center;
  }
  .path-frontpage .better-future .view-header .home-page-image{
    display: none;
  }
  .path-frontpage .better-future .view-header .home-page-job-categories{
    width: 100%;
    gap: 5px;
    margin-top: 20px;
    padding-left: 0;
  }
  .path-frontpage .better-future .view-header .home-page-job-categories .main-job-class, .path-frontpage .better-future .view-header .home-page-job-categories .main-location-class{
    width: 100%;
  }
  .path-frontpage .better-future #edit-actions{
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .path-frontpage .better-future #edit-actions input{
    font-size: 20px !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 784px){
  .path-frontpage .better-future .view-header .home-search-block h1{
    width: 98%;
    font-size: 35px;
  }
  .path-frontpage .better-future .view-header .home-page-image img {
    height: 249px;
  }
  .path-frontpage .better-future .view-header .home-page-job-categories .main-job-class, .path-frontpage .better-future .view-header .home-page-job-categories .main-location-class{
    width: 62%;
  }
  .path-frontpage .better-future #edit-actions input{
    padding: 7px 10px;
  }
  .path-frontpage .better-future #edit-actions{
    margin-left: -138px;
  }
}
@media (min-width: 950px){
 .path-frontpage .better-future .view-header .home-search-block h1{
   font-size: 41px;
 }
 .path-frontpage .better-future #edit-actions{
    margin-left: -158px;
 }
}
@media (min-width: 1126px){
 .path-frontpage .better-future .view-header .home-search-block h1{
   font-size: 49px;
 }
 .path-frontpage .better-future #edit-actions{
   margin-left: -178px;
   margin-bottom: -414px;
 }
 .path-frontpage .better-future .view-header .home-page-image img{
    height: 295px;
 }
}
@media (min-width: 1304px){
 .path-frontpage .better-future .view-header .home-search-block h1{
   font-size: 58px;
 }
 .path-frontpage .better-future #edit-actions{
    margin-left: -230px;
    margin-bottom: -456px;
 }
}
.page-node-type-figover-jobs .field--name-field-node-reference{
  display:none;
}
/*========= home page search job by ========*/
.search-job-by{
  padding: 5px 40px;
  border-radius: 30px;
  border: 5px solid #ffa827;
  margin: 2.5em 4em;
}
.home-page-search-job-by h2{
  font-size: 50px;
  font-family: "Poppins ",serif;
  text-decoration: 5px #4444d6 underline;
}
.search-job-by .views-element-container h2{
  font-size: 35px;
  font-weight: 600;
  font-family: Helvetica;
  text-decoration: none;
}
.block-views-blocksearch-job-sweden-block-1{
  margin-top: 100px;
}
.search-job-by .views-element-container .views-row{
  display: flex;
  width: 100%;
  align-items: center;
  padding: 2px;
}
.search-job-by .views-element-container .views-row .views-field-field-image{
  width: 33%;
  margin-right: 2%;
}
.search-job-by .views-element-container .views-row .views-field-field-image .field-content a{
  padding: 0;
  border-radius: 0;
}
.search-job-by .views-element-container .views-row .views-field-field-image .field-content a img{
  width: 100%;
  height: 125px;
}
.search-job-by .views-element-container .views-row .views-field-field-links-1, .search-job-by .views-element-container .views-row .views-field-field-links{
  width: 65%;
}
.search-job-by .views-element-container .views-row .views-field-field-links-1 .field-content a, .search-job-by .views-element-container .views-row .views-field-field-links .field-content a{
  font-size: 26px;
  font-weight: 600;
  color: #4169E1;
}

/*****************************Dashboard category popup************************/
/* body.path-my-dashboard-page .block-views-blockbuy-premium-product-block-1{
  display: none;
} */
#popup-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
#job-category-block-popup{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 10px;
  padding: 30px 40px;
  z-index: 1000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 400px;
  text-align: center;
}
#job-category-block-popup h3{
  font-size: 35px;
  margin-bottom: 20px;
  color: #333;
  font-weight: 700;
  font-family: serif;
}
#job-category-select{
  width: 100%;
  padding: 12px;
  font-size: 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-family: serif;
}
#job-category-select option{
  width: 99%;
}
#submit-job-category{
  padding: 10px 20px;
  font-size: 19px;
  background-color: #cc4949;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#submit-job-category:hover{
  background-color: #8a0000;
}
/* ============ GRADUATE JOBS ============== */
.graduate-jobs{
  background: #ECECEE;
  margin: 90px -45px 35px -45px;
}  
.graduate-jobs .block-views-blockfeatured-jobs-block-1{
  background: #fff;
  width: 80%;
  margin: 25px 5px 20px 45px;
  padding: 5px 20px;
}
.graduate-jobs-content .graduate-jobs-button{
  padding: 0;
}
.graduate-jobs-content .graduate-jobs-button img{
  width: 215px;
  margin-top: 28px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title::before{
  content: "";
  display: inline-block;
  background-image: url("https://applyatjob.com/sites/default/files/styles/thumbnail/public/2025-07/double-right-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 33px;
  height: 28px;
  margin-right: 1px;
  vertical-align: middle;
  margin-left: -51px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person{
  margin-left: -5px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-field-title span a{
  padding: 0;
  font-size: 21px;
  font-family: "Changa One ", sans-serif;
  line-height: 1rem;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .w3-block-title{
  font-size: 40px;
  font-weight: 500;
  font-family: "Changa One ", sans-serif;
  text-decoration: none;
  border-bottom: 1px solid #838385;
  text-align: center;
  color: #838385;
  margin-bottom: 20px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row{
  margin-bottom: 3%;
  padding: 1% 3%;
  line-height: 1.8rem;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-contact-person, .graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities{
  display: inline-flex;
  font-size: 20px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities::before{
  content: "-";
  display: inline;
  margin-left: 12px;
}
.graduate-jobs .block-views-blockfeatured-jobs-block-1 .view-featured-jobs .views-row .views-field-field-main-cities .field-content a{
  padding: 0 5px;
}
/*======== internship-student-for-add-form =====*/

.webform-submission-apply-for-internship-student-for-form {
  background: linear-gradient(145deg, #97c2c8, #f1f8e9, #dcd1af);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  max-width: 700px;
  margin: 30px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.webform-submission-apply-for-internship-student-for-form input[type="text"]:-webkit-autofill,
.webform-submission-apply-for-internship-student-for-form input[type="email"]:-webkit-autofill,
.webform-submission-apply-for-internship-student-for-form input[type="tel"]:-webkit-autofill,
.webform-submission-apply-for-internship-student-for-form input[type="file"]:-webkit-autofill,
.webform-submission-apply-for-internship-student-for-form select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #96aab4 inset !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #cfd8dc !important;
  font-size: 20px !important;
  border-radius: 8px !important;
  transition: background-color 5000s ease-in-out 0s;
}
.webform-submission-apply-for-internship-student-for-form input[type="text"],
.webform-submission-apply-for-internship-student-for-form input[type="email"],
.webform-submission-apply-for-internship-student-for-form input[type="tel"],
.webform-submission-apply-for-internship-student-for-form input[type="file"],
.webform-submission-apply-for-internship-student-for-form select {
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 20px;
  transition: border-color 0.3s, box-shadow 0.3s;
  background-color: #96aab4;
  height: 65px;
  color: #fff;
  border: 1px solid #cfd8dc !important;
  width: 100%;
}
.webform-submission-apply-for-internship-student-for-form .js-form-type-email{
  padding: 0;
}
.webform-submission-apply-for-internship-student-for-form input:focus,
.webform-submission-apply-for-internship-student-for-form select:focus {
  outline: none;
  border-color: #1e88e5;
  box-shadow: 0 0 5px rgba(30, 136, 229, 0.4);
}
.webform-submission-apply-for-internship-student-for-form label {
  font-weight: 600;
  color: #007ebd;
  margin-bottom: 8px;
  display: block;
  font-size: 26px;
}
.webform-submission-apply-for-internship-student-for-form .form-managed-file span{
  color: #007ebd;
}
.webform-submission-apply-for-internship-student-for-form .js-form-item{
  margin-bottom: 20px !important;
}
.webform-submission-apply-for-internship-student-for-form input[type="file"] {
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 20px;
  transition: border-color 0.3s, box-shadow 0.3s;
  background-color: #96aab4;
  height: 60px;
  color: #fff;
  border: 1px solid #cfd8dc !important;
  width: 100%;
  cursor: pointer;
}
.webform-submission-apply-for-internship-student-for-form .webform-element-description {
  font-size: 12px;
  color: #007ebd;
  margin-top: 4px;
}
.webform-submission-apply-for-internship-student-for-form input[type="submit"] {
  background: #81c784;
  color: white;
  font-weight: bold;
  padding: 10px 35px !important;
  border-radius: 8px;
  font-size: 29px;
  transition: background 0.3s;
  margin: 10px 10px 0 10px !important;
  height: 75px;
}
.webform-submission-apply-for-internship-student-for-form input[type="submit"]:hover {
  background: #66bb6a !important;
  cursor: pointer;
}
.webform-submission-apply-for-internship-student-for-form input[value="Remove"]{
  height: 45px;
  border-radius: 10px;
  font-size: 16px !important;
  background: transparent;
  color: #007ebd;
  margin: 0 !important;
  padding: 8px 15px !important;
  text-decoration: underline;
}
.webform-submission-apply-for-internship-student-for-form input[value="Remove"]:hover{
  color: #15709e !important;
  background: transparent !important;
}
body:not(.user-logged-in) .webform-submission-apply-for-internship-student-for-form p.user_login_tag{
  display: none;
}
@media (min-width: 845px) and (max-width: 1050px){
  .node--type-webinar .layout--twocol-section{
    display: flex !important;
    flex-direction: column !important;
  }
}

/*================== webform Ad ==============================*/
/* 🌐 Global Font & Body */
body.path-webform form.webform-submission-job-ad-add-form {
  font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(135deg, #ffecd2, #fcb69f, #a18cd1, #fbc2eb);
  background-size: 400% 400%;
  animation: bgGradient 12s ease infinite;
  color: #2d2d2d;
}
.webform-submission-job-ad-add-form .form-header{
  background: linear-gradient(135deg, #4aa6e9, #fff);
  padding: 22px 26px;
  border-radius: 20px;
  margin-bottom: 26px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1) !important;
  transition: all 0.3s ease;
}
.webform-submission-job-ad-add-form .form-header h1{
  font-size: 43px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  font-family: serif;
  color: black;
}
.webform-submission-job-ad-add-form .form-header p{
  font-size: 26px;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
  text-align: center;
  font-family: serif;
  margin: 0;
}
.webform-submission-job-ad-add-form .form-header:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(0,0,0,0.18);
}
@keyframes bgGradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
#webform-submission-job-ad-add-form {
  background: linear-gradient(135deg,#e3f2fd,#4a93db,#0d47a1);
  border: 5px solid #4a93db;
  border-radius: 30px;
  padding: 60px 70px;
  max-width: 900px;
  margin: -105px auto auto auto;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.25);
  line-height: 1.6;
}
.webform-submission-job-ad-add-form #edit-contact-information,
.webform-submission-job-ad-add-form #edit-job-information {
  display: none !important;
}
.webform-submission-job-ad-add-form label[for="edit-contact-information"],
.webform-submission-job-ad-add-form label[for="edit-job-information"] {
  display: block;
  font-size: 40px;
  font-weight: 900;
  margin: 35px 0 15px;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
}
.webform-submission-job-ad-add-form .form-item-job-description textarea{
  border: 2px solid black !important;
}
.webform-submission-job-ad-add-form .w3-section.js-form-item.form-item {
  margin-bottom: 20px !important;
}
.webform-submission-job-ad-add-form .js-form-item {
  border-radius: 20px;
  margin-bottom: 26px;
  transition: all 0.3s ease;
}
.webform-submission-job-ad-add-form .form-item-email, .webform-submission-job-ad-add-form .form-item-whatsapp-number{
  padding: 0 !important;
}
.webform-submission-job-ad-add-form input.form-text,
.webform-submission-job-ad-add-form input.form-email,
.webform-submission-job-ad-add-form input.form-tel,
.webform-submission-job-ad-add-form select {
  background: #fff !important;
  border: 2px solid black !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  padding: 16px 22px !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  width: 100% !important;
}
.webform-submission-job-ad-add-form textarea{
  height: 117px !important;
}
.webform-submission-job-ad-add-form input.form-text:hover,
.webform-submission-job-ad-add-form input.form-email:hover,
.webform-submission-job-ad-add-form input.form-tel:hover,
.webform-submission-job-ad-add-form select:hover,
.webform-submission-job-ad-add-form textarea:hover,
.webform-submission-job-ad-add-form input.form-text:focus,
.webform-submission-job-ad-add-form input.form-email:focus,
.webform-submission-job-ad-add-form input.form-tel:focus,
.webform-submission-job-ad-add-form select:focus,
.webform-submission-job-ad-add-form textarea:focus {
  border-color: black !important;
  box-shadow: 0 0 12px rgba(124, 77, 255, 0.3) !important;
  outline: none;
}
.webform-submission-job-ad-add-form .select2-container--default .select2-selection--single {
  background: #fff !important;
  border: 2px solid black !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  padding: 16px 22px !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  width: 100% !important;
}
.webform-submission-job-ad-add-form .select2-selection__rendered {
  font-size: 18px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #333 !important;
  line-height: normal !important;
}
.webform-submission-job-ad-add-form .select2-selection__arrow{
  top: 12px !important;
  width: 50px !important;
}
.webform-submission-job-ad-add-form .select2-selection__arrow b {
  border-color: #555 transparent transparent transparent !important;
  margin-top: 6px !important;
}
.webform-submission-job-ad-add-form .select2-container--default .select2-selection--single:focus,
.webform-submission-job-ad-add-form .select2-container--default .select2-selection--single:hover {
  border-color: black !important;
  box-shadow: 0 0 12px rgba(124, 77, 255, 0.3) !important;
  background: #faf5ff !important;
}
.webform-submission-job-ad-add-form input:focus,
.webform-submission-job-ad-add-form textarea:focus,
.webform-submission-job-ad-add-form select:focus {
  border-color: #7c4dff;
  box-shadow: 0 0 15px rgba(124, 77, 255, 0.4);
  background: #faf5ff;
}
.webform-submission-job-ad-add-form .form-actions input[type="submit"] {
  background: linear-gradient(270deg, #79bccb, #161877, #7c4dff, #3875a7);
  background-size: 300% auto;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  padding: 22px;
  border-radius: 60px;
  border: none;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  transition: background-position 0.5s ease, transform 0.2s ease;
  font-family: 'Poppins', sans-serif;
}
.webform-submission-job-ad-add-form .form-actions input[type="submit"]:hover {
  background-position: right center;
  transform: scale(1.05);
  box-shadow: 0 16px 40px rgba(0,0,0,0.3);
}
.webform-submission-job-ad-add-form .js-form-item .description {
  font-size: 15px;
  color: #444;
  margin-top: 8px;
  font-style: italic;
}
.webform-submission-job-ad-add-form .form-item-job-form,
.webform-submission-job-ad-add-form .form-item-device-id{
  display: none !important;
}
.webform-submission-job-ad-add-form label{
  color: black;
  font-size: 22px;
  font-family: serif;
  font-weight: bold;
  margin-bottom: 10px;
}
.webform-submission-job-ad-add-form .js-form-type-checkbox{
  background: linear-gradient(135deg, rgb(151, 183, 206), rgb(74, 147, 219), rgb(40, 104, 204));
  border: 5px solid rgb(74, 147, 219);
  border-radius: 30px;
  padding: 15px 20px;
  max-width: 900px;
  margin: -105px auto auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 40px 80px;
}
.webform-submission-job-ad-add-form .js-form-type-checkbox label{
  font-weight: normal;
  margin-bottom: 0;
  color: #fff;
} 
.webform-submission-job-ad-add-form .button--primary{
  width: 77%;
  margin: auto 89px;
}
.webform-submission-job-ad-add-form .button--primary:hover{
  border-radius: 12px;
}

/*********Ads page webofrm****************/
.block-webform-block .webform-submission-job-ad-add-form .form-header{
  background: linear-gradient(135deg,#0bd174,#77e45b);
}
.block-webform-block .webform-submission-job-ad-add-form label[for="edit-contact-information"],
.block-webform-block .webform-submission-job-ad-add-form label[for="edit-job-information"]{
  background: linear-gradient(90deg,#5e930aa8,#5b8531b0,#016711b5);
}
.block-webform-block .webform-submission-job-ad-add-form .button--primary{
  background: green;
}
.block-webform-block .webform-submission-job-ad-add-form .form-actions input[type="submit"]{
  background: linear-gradient(270deg, #39d375, #4d9447, #2bcc2d, #8ae894);
}
.block-webform-block .webform-submission-job-ad-add-form .w3-section.js-form-item.js-form-type-checkbox{
  background: linear-gradient(135deg,rgba(73, 151, 74, 0.62),rgba(77, 153, 36, 0.62),rgba(91, 204, 40, 0.53));
  border: 5px solid rgb(70, 168, 16);
}
/* jobs in city */
.jobs-in-city .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.jobs-in-city .view-content .views-row {
  flex: 1 1 calc(33.333% - 20px);
  background: #f1f6f9;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  box-sizing: border-box;
}
.jobs-in-city .view-content .views-row h3, .jobs-in-city .view-content .views-row h2, .jobs-in-city .view-content .views-row .w3-bar-item p strong {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.jobs-in-city .view-content .views-row p {
  margin: 6px 0;
  line-height: 1.4;
}
.jobs-in-city .view-content .views-row a {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 14px;
  background: #5a4dff;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}
.jobs-in-city .view-content .views-row a:hover {
  background: #4a3de0;
}
.jobs-in-city .view-content .views-row:nth-last-child(1),
.jobs-in-city  .view-content .views-row:nth-last-child(2) {
  flex: 1 1 calc(50% - 20px);
}
.jobs-in-city .view-content::after {
  content: "";
  flex: 1 1 calc(33.333% - 20px);
}
/*************Upload another cv*************/
.your_uploaded-cv-message-container #uploadNewCvBtn{
  margin-top: 10px;
}
.your_uploaded-cv-message-container #uploadNewCvBtn:hover{
 border-radius: 10px;
}
.page-node-type-figover-jobs .form-item-upload-cv{
  padding-left: 36px;
  padding-top: 25px;
}
.page-node-type-figover-jobs .form-item-upload-cv label{
  font-weight: 900;
  font-family: serif;
}
.page-node-type-figover-jobs .form-item-upload-cv input{
  margin: 10px 10px;
  height: 52px;
}
/* Download Cv Btn */
.user-download-cv-btn:hover{
  background: transparent !important;
}
.user-download-cv-btn #download-cv-button{
  border: 2px solid #184759;
  background: #32758E;
  color: white;
  border-radius: 12px;
  font-family: serif;
  margin-left: 10px;
}
.user-download-cv-btn #download-cv-button:hover{
  background-color: #184759 !important;
}

/* ---------------- CV Images Slider ---------------- */
.cv-designs-block {
  text-align: center;
  margin: 40px auto;
  max-width: 1000px;
}

.cv-designs-heading {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #333;
  font-family: serif;
}

.cv-designs-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.cv-slides-wrapper {
  display: flex;
  transition: transform 0.6s ease;
}

.cv-slide {
  flex: 0 0 33.33%;
  padding: 10px;
  opacity: 0.6;
  transform: scale(0.9);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cv-slide.active {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
}

.cv-template-container {
  position: relative;
  width: 100%;
  height: 350px;
  border-radius: 20px;
  overflow: hidden;
  background: #f9f9f9;
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

.cv-template-bg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* User Photo Overlay */
.cv-user-photo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.user-profile-photo {
  position: absolute;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* User name overlay */
.cv-user-name-overlay {
  position: absolute;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  color: #333;
  background: rgba(255,255,255,0.6);
  padding: 4px 10px;
  border-radius: 6px;
  text-align: center;
  pointer-events: none;
  transform: translateX(-50%);
  font-size: 16px;
  max-width: 70%;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: break-word;
}

/* CV Slide Photo & Name positions - Default (Desktop > 1000px) */
.cv-slide:nth-child(1) .user-profile-photo { top:21%; right:10%; width:98px; height:96px; }
.cv-slide:nth-child(1) .cv-user-name-overlay { top: 175px; left: 74%; width: 23%; height: 70px; background: #E8B14C; white-space: normal; overflow-wrap: break-word; text-align: center; max-width: 80%; line-height: 1.2; }

.cv-slide:nth-child(2) .user-profile-photo { top:4%; left:15%; width:66px; height:65px; }
.cv-slide:nth-child(2) .cv-user-name-overlay { top: 24px; left: 63%; background: #d5dee7; width: 51%; height: 51px; }

.cv-slide:nth-child(3) .user-profile-photo { top:6%; left:19%; width:90px; height:92px; }
.cv-slide:nth-child(3) .cv-user-name-overlay { top: 7px; left: 64%; background: #fff; width: 28%; white-space: normal; overflow-wrap: break-word; text-align: center; max-width: 80%; line-height: 1.2; }

.cv-slide:nth-child(4) .user-profile-photo { top:3%; right:19%; width:85px; height:86px; }
.cv-slide:nth-child(4) .cv-user-name-overlay { top: 13px; left: 30%; width: 36%; height: 64px; background: #ecede8; white-space: normal; overflow-wrap: break-word; text-align: center; max-width: 80%; line-height: 1.2; }

.cv-slide:nth-child(5) .user-profile-photo { top:6%; left:17%; width:78px; height:76px; }
.cv-slide:nth-child(5) .cv-user-name-overlay { top: 30px; left: 60%; width: 32%; height: 58px; background: #ebcabb; white-space: normal; overflow-wrap: break-word; text-align: center; max-width: 80%; line-height: 1.2;}

.cv-slide:nth-child(6) .user-profile-photo { top:2%; left:8%; width:103px; height:102px; }
.cv-slide:nth-child(6) .cv-user-name-overlay { top: 24px; left: 67%; width: 47%; background: #FBEBF5; height: 47px; }

.cv-slide:nth-child(7) .user-profile-photo { top: 5%; left: 12%; width: 106px; height: 107px; }
.cv-slide:nth-child(7) .cv-user-name-overlay { top: 132px; left: 27%; background: #f0e9df; width: 33%; height: 44px; }

/* Caption */
.cv-caption { 
  margin-top: 12px; 
  font-size: 18px; 
  font-weight: 500; 
  color: #555; 
}

/* Slider Controls */
.cv-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 10px;
}

.cv-slider-controls button {
  background: #fff;
  color: #333;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0,0,0,0.25);
  transition: background 0.3s, transform 0.3s;
  line-height: 0;
}

.cv-slider-controls button:hover { 
  background: #f0f0f0; 
  transform: scale(1.1); 
}

/* Pagination Dots */
.cv-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 8px;
}

.cv-pagination-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ddd;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cv-pagination-dot.active {
  background: #333;
  transform: scale(1.2);
}

.cv-pagination-dot:hover {
  background: #666;
}

/* ========== RESPONSIVE STYLES ========== */

/* Large tablets and small desktops (801px to 1000px) */
@media (max-width: 1000px) and (min-width: 801px) {
  .cv-slide:nth-child(1) .user-profile-photo { 
    top: 24%;
    right: 5%;
    width: 85px;
    height: 86px;
  }
  .cv-slide:nth-child(1) .cv-user-name-overlay { 
    top: 178px;
    left: 78%;
    width: 28%;
    height: 63px;
  }
  
  .cv-slide:nth-child(2) .user-profile-photo { 
    top: 6%;
    left: 4%;
    width: 66px;
    height: 65px;
  }
  .cv-slide:nth-child(2) .cv-user-name-overlay { 
    top: 28px;
    left: 63%;
    width: 60%;
    height: 51px; 
  }
  
  .cv-slide:nth-child(3) .user-profile-photo { 
    top: 7%;
    left: 10%;
    width: 87px;
    height: 89px; 
  }
  .cv-slide:nth-child(3) .cv-user-name-overlay { 
    top: 10px;
    left: 67%;
    width: 39%;
  }
  
  .cv-slide:nth-child(4) .user-profile-photo { 
    top: 5%;
    right: 10%;
    width: 83px;
    height: 83px;
  }
  .cv-slide:nth-child(4) .cv-user-name-overlay { 
    top: 13px;
    left: 26%;
    width: 44%;
    height: 64px; 
  }
  
  .cv-slide:nth-child(5) .user-profile-photo { 
    top: 7%;
    left: 8%;
    width: 76px;
    height: 79px;
  }
  .cv-slide:nth-child(5) .cv-user-name-overlay { 
    top: 30px;
    left: 68%;
    width: 48%;
    height: 58px;
  }
  
  .cv-slide:nth-child(6) .user-profile-photo { 
    top: 9%;
    left: 2%;
    width: 89px;
    height: 89px;
  }
  .cv-slide:nth-child(6) .cv-user-name-overlay { 
    top: 24px;
    left: 70%;
    width: 57%;
    height: 54px;
  }
  
  .cv-slide:nth-child(7) .user-profile-photo { 
    top: 6%;
    left: 1%;
    width: 106px;
    height: 105px;
  }
  .cv-slide:nth-child(7) .cv-user-name-overlay { 
    top: 131px;
    left: 27%;
    width: 44%;
    height: 44px;
  }
}

/* Medium tablets (769px to 800px) */
@media (max-width: 800px) and (min-width: 769px) {
  .cv-slide:nth-child(1) .user-profile-photo { 
    top: 25%;
    right: 5%;
    width: 85px;
    height: 83px;
  }
  .cv-slide:nth-child(1) .cv-user-name-overlay { 
    top: 175px;
    left: 78%;
    width: 28%;
    height: 66px;
  }
  .cv-slide:nth-child(2) .user-profile-photo { 
    top: 7%;
    left: 6%;
    width: 62px;
    height: 60px; 
  }
  .cv-slide:nth-child(2) .cv-user-name-overlay { 
    top: 31px;
    left: 68%;
    width: 64%;
    height: 49px;
  }
  .cv-slide:nth-child(3) .user-profile-photo { 
    top: 8%;
    left: 10%;
    width: 88px;
    height: 86px; 
  }
  .cv-slide:nth-child(3) .cv-user-name-overlay { 
    top: 12px;
    left: 69%;
    width: 41%;
  }
  .cv-slide:nth-child(4) .user-profile-photo { 
    top: 6%;
    right: 10%;
    width: 79px;
    height: 79px;
  }
  .cv-slide:nth-child(4) .cv-user-name-overlay { 
    top: 13px;
    left: 25%;
    width: 47%;
    height: 66px;
  }
  .cv-slide:nth-child(5) .user-profile-photo { 
    top: 8%;
    left: 8%;
    width: 75px;
    height: 74px; 
  }
  .cv-slide:nth-child(5) .cv-user-name-overlay { 
    top: 30px;
    left: 66%;
    width: 46%;
    height: 69px; 
  }
  .cv-slide:nth-child(6) .user-profile-photo { 
    top: 9%;
    left: 1%;
    width: 90px;
    height: 89px; 
  }
  .cv-slide:nth-child(6) .cv-user-name-overlay { 
    top: 33px;
    left: 71%;
    width: 55%;
    height: 47px;
  }
  .cv-slide:nth-child(7) .user-profile-photo { 
    top: 8%;
    left: 1%;
    width: 100px;
    height: 100px;
  }
  .cv-slide:nth-child(7) .cv-user-name-overlay { 
    top: 134px;
    left: 25%;
    width: 45%;
    height: 41px;
  }
}
@media (max-width: 768px) {
  .cv-designs-block {
    margin: 20px auto;
    max-width: 100%;
    padding: 0 15px;
  }
  .cv-designs-heading {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .cv-slide {
    flex: 0 0 100% !important;
    padding: 5px;
    opacity: 0.3;
    transform: scale(0.8);
  }
  .cv-slide.active {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  .cv-template-container {
    height: 300px;
    margin: 0 auto;
    max-width: 280px;
  }
  .cv-slide:nth-child(1) .user-profile-photo { 
    width: 84px !important; 
    height: 81px !important; 
    right: 12% !important; 
    top: 21% !important; 
  }
  .cv-slide:nth-child(1) .cv-user-name-overlay { 
    width: 57px !important; 
    height: 55px !important; 
    top: 52% !important; 
    left: 73% !important;
  }
  .cv-slide:nth-child(2) .user-profile-photo { 
    width: 61px !important; 
    height: 57px !important; 
    top: 4% !important;
    left: 15% !important; 
  }
  .cv-slide:nth-child(2) .cv-user-name-overlay { 
    width: 112px !important; 
    height: 37px !important; 
    top: 18px !important; 
  }
  .cv-slide:nth-child(3) .user-profile-photo { 
    width: 80px !important; 
    height: 77px !important; 
    top: 6% !important;
    left: 19% !important; 
  }
  .cv-slide:nth-child(3) .cv-user-name-overlay { 
    width: 83px !important; 
    height: 44px !important; 
    top: 7px !important;
    left: 64% !important; 
  }
  .cv-slide:nth-child(4) .user-profile-photo { 
    width: 75px !important; 
    height: 73px !important; 
    top: 3% !important;
    right: 19% !important; 
  }
  .cv-slide:nth-child(4) .cv-user-name-overlay { 
    width: 90px !important; 
    height: 54px !important; 
    top: 3% !important; 
    left: 33% !important;
  }
  .cv-slide:nth-child(5) .user-profile-photo { 
    width: 68px !important; 
    height: 71px !important; 
    top: 5% !important; 
    left: 18% !important;
  }
  .cv-slide:nth-child(5) .cv-user-name-overlay { 
    width: 106px !important; 
    height: 49px !important; 
    top: 9% !important; 
    left: 66% !important;
  }
  .cv-slide:nth-child(6) .user-profile-photo { 
    width: 88px !important; 
    height: 88px !important; 
    left: 9% !important; 
    top: 2% !important ;
  }
  .cv-slide:nth-child(6) .cv-user-name-overlay { 
    width: 129px !important; 
    height: 41px !important; 
    left: 66% !important; 
    top: 4% !important; 
  }
  .cv-slide:nth-child(7) .user-profile-photo { 
    width: 92px !important; 
    height: 90px !important; 
    left: 13% !important; 
    top: 5% !important;
  }
  .cv-slide:nth-child(7) .cv-user-name-overlay { 
    width: 101px !important; 
    height: 31px !important; 
    left: 33% !important; 
    top: 38% !important; 
  }
  .cv-user-name-overlay {
    font-size: 12px !important;
    padding: 2px 6px !important;
    max-width: 65% !important;
    border-width: 2px !important;
  }
  .cv-caption {
    font-size: 16px;
    margin-top: 10px;
  }
  .cv-slider-controls button {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
  .cv-pagination {
    margin-top: 15px;
    gap: 6px;
  }
  .cv-pagination-dot {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 600px) {
  .cv-designs-heading {
    font-size: 20px;
  }
  .cv-template-container {
    height: 260px;
    max-width: 240px;
  }
  .cv-slide:nth-child(1) .user-profile-photo { 
    width: 71px !important; 
    height: 71px !important; 
    right: 12% !important;
  }
  .cv-slide:nth-child(1) .cv-user-name-overlay { 
    width: 57px !important; 
    height: 49px !important; 
    top: 52% !important; 
    left: 73% !important;
  }
  .cv-slide:nth-child(2) .user-profile-photo { 
    width: 53px !important; 
    height: 57px !important; 
  }
  .cv-slide:nth-child(2) .cv-user-name-overlay { 
    width: 112px !important; 
    height: 37px !important; 
    top: 18px !important; 
  }
  .cv-slide:nth-child(3) .user-profile-photo { 
    width: 69px !important; 
    height: 65px !important; 
  }
  .cv-slide:nth-child(3) .cv-user-name-overlay { 
    width: 69px !important; 
    height: 30px !important; 
  }
  .cv-slide:nth-child(4) .user-profile-photo { 
    width: 64px !important; 
    height: 63px !important;
  }
  .cv-slide:nth-child(4) .cv-user-name-overlay { 
    width: 90px !important; 
    height: 49px !important; 
    top: 2% !important; 
    left: 31% !important;
  }
  .cv-slide:nth-child(5) .user-profile-photo { 
    width: 60px !important; 
    height: 60px !important;
  }
  .cv-slide:nth-child(5) .cv-user-name-overlay { 
    width: 106px !important; 
    height: 49px !important; 
    top: 9% !important; 
    left: 66% !important;
  }
  .cv-slide:nth-child(6) .user-profile-photo { 
    width: 79px !important; 
    height: 76px !important; 
    left: 9% !important; 
  }
  .cv-slide:nth-child(6) .cv-user-name-overlay { 
    width: 115px !important; 
    height: 35px !important; 
    left: 68% !important; 
    top: 6% !important; 
  }
  .cv-slide:nth-child(7) .user-profile-photo { 
    width: 78px !important; 
    height: 80px !important; 
    left: 13% !important; 
  }
  .cv-slide:nth-child(7) .cv-user-name-overlay { 
    width: 101px !important; 
    height: 31px !important; 
    left: 33% !important; 
    top: 38% !important; 
  }
  .cv-user-name-overlay {
    font-size: 11px !important;
    padding: 2px 4px !important;
  }
  .cv-slider-controls {
    padding: 0 5px;
    top: 40%;
  }
  .cv-slider-controls button {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  /*********************************ad webform submit button**************************************/
  .webform-submission-job-ad-add-form .button--primary{
     margin: auto 29px 16px !important; 
  }
}
/* ============= CV Designs ============== */
.path-cv-designs-page #main-container-inner,.path-cv-designs-page .d8-fade{
  background: linear-gradient(135deg, #c7fbf9, #fed6e3);
}
.cv-designs-view .view-header .cv-header{
  text-align: center;
}
.cv-designs-view .view-header .cv-header h1{
  font-size: 45px;
  font-weight: 900;
  font-family: poppins;
  background: linear-gradient(90deg, #ff9a9e, #aa2600, #d253af, #0e4399, #18536f);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cv-designs-view .view-header .cv-header p{
  font-size: 25px;
  font-family: poppins;
}
.cv-designs-view .view-content .w3-row .views-row{
  padding: 0 !important;
}
.cv-designs-view .view-content .w3-row .views-row .views-col{
  width: 32% !important;
  border: 3px solid #C6C6DD !important;
  box-shadow: 0 4px 10px rgba(198, 198, 221, 0.5);
  transition: border 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 0.5rem;
  margin-right: 0.5%;
  margin-left: 0.5%;
  padding: 15px !important;
  position: relative;
}
.cv-designs-view .view-content .w3-row:first-child .views-row:first-child .col-1::after {
  content: "";
  background: url("https://applyatjob.com/sites/default/files/2025-08/free.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.cv-designs-view .view-content .w3-row .views-row .views-col::after {
  content: "";
  background: url("https://applyatjob.com/sites/default/files/2025-08/premium-quality.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.cv-designs-view .view-content .w3-row:first-child .views-row:first-child .col-1::after {
  background: url("https://applyatjob.com/sites/default/files/2025-08/free.png") no-repeat center;
  background-size: contain;
}
.cv-designs-view .view-content .w3-row .views-row .views-col:hover{
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.6);
  border: 2px solid rgba(114, 225, 255, 0.7) !important;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-title, .cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-link-1{
  display: inline-flex;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-title{
  margin-right: 15px;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-title .field-content{
  font-size: 22px;
  font-weight: 900;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-link-1 .field-content a{
  background: #b312b333;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 15px;
  border: 2px solid;
  border-radius: 15px;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-images a{
  transition: none;
}
.cv-designs-view .view-content .w3-row .views-row .views-col .views-field-field-images img{
  width: 350px;
  height: 430px;
  margin-top: 3%;
  animation: none;
  margin-left: 7%;
}
/****************Show popup to employer role in myad page**********/
.premium-upgrade-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.premium-upgrade-modal.show {
  opacity: 1;
}
.premium-content-myad {
  background: #fff;
  padding: 35px 38px;
  border-radius: 12px;
  text-align: center;
  width: 450px;
  box-shadow: 0px 8px 20px rgba(0,0,0,0.3);
  position: relative;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}
.premium-upgrade-modal.show .ppremium-content-myad {
  transform: scale(1);
}
.premium-content-myad h2 {
  font-size: 42px;
  margin-bottom: 10px;
  color: #222;
  font-weight: 900;
  font-family: serif;
  line-height: 1.4;
}
.premium-content-myad p {
  font-size: 25px;
  margin-bottom: 20px;
  color: #555;
  line-height: normal;
  font-family: serif;
}
.premium-buttons-myad {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.premium-buttons-myad .pay-now-btn {
  background: linear-gradient(45deg, #ff4b5c, #e63946);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: serif;
}
.premium-buttons-myad .pay-now-btn:hover {
  background: linear-gradient(45deg, #e63946, #ff4b5c);
  transform: scale(1.05);
}
.later-btn {
  background: #f1f1f1;
  color: #333;
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 19px;
  font-weight: bold;
  transition: all 0.3s ease;
  font-family: serif;
}
.premium-buttons-myad .later-btn:hover {
  background: #e0e0e0;
  transform: scale(1.05);
}
.close-btn-myad {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: #e63946;
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 27px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
.close-btn-myad:hover {
  background: #ff4b5c;
  transform: rotate(90deg) scale(1.1);
}
.confirmation-message-main-class .confirmation-message-whatsapp-btn {
  margin-top: 15px;
  text-align: center;
}
.confirmation-message-main-class .confirmation-message-whatsapp-btn a{
  background: #25D366;
  border-radius: 6px;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  padding: 10px 18px;
  text-decoration: none;
  font-family: serif;
}
/*---------------- Event page ---------------------*/
.webinar-section .webinar-date .field--label-above{
  margin-left: 100px;
}
.webinar-section .webinar-date .field--label-above time, .webinar-section .webinar-date .field--label-above .w3-bar-item{
  font-weight: bold;
}
.webinar-section-view{
  width: 95%;
  margin: 25px 0 25px 60px;
  background: #fff;
}
.webinar-section-view .views-row{
  padding: 1.3%;
  margin-bottom: inherit;
}
.webinar-section {
  position: relative;
}
.webinar-section .webinar-image {
  display: block;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 2;
}
.webinar-section .webinar-image .field__item {
  width: 71.5%;
  text-align: right;
  float: left !important;
}
.webinar-section .webinar-image .field__item img {
  width: unset;
  max-height: 320px;
  box-shadow: 1px 1px 2px -1px #333;
  position: relative;
  z-index: 2;
}
.webinar-section .webinar-blur-image {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
}
.webinar-section .webinar-blur-image .field__item {
  width: 100%;
  height: 100%;
}
.webinar-section .webinar-image label, .webinar-section .webinar-blur-image label{
  display: none;
}
.webinar-section .webinar-blur-image .field__item img {
  width: 100%;
  height: auto;
  max-height: 260px;
  filter: blur(5px);
}
.webinar-section .block-field-blocknodewebinarbody{
  width: 99%;
  float: left;
  padding: 20px;
  margin-left: 20px;
}
.webinar-section .block-field-blocknodewebinarbody p{
  font-size: 18px !important;
  line-height: 1.5;
  margin: 8px 0;
}
.webinar-section .block-field-blocknodewebinarbody p span{
  font-size: 20px !important;
}
.webinar-section .block-field-blocknodewebinarfield-video, .webinar-section .block-field-blocknodewebinarfield-video-feild{
  width: 99%;
  float: right;
  text-align: center;
}
.webinar-section .block-field-blocknodewebinarfield-video p{
  margin: 0;
}
.webinar-section .block-field-blocknodewebinarfield-video p iframe{
  width: 95%;
}
.webinar-section-view header h1{
  text-align: center;
  font-size: 45px;
  font-family: poppins;
  margin: 20px 0 30px 0;
}
.webinar-section-view header h4{
  font-size: 30px;
  font-family: poppins;
  text-align: center;
  padding: 0 15px;
  line-height: 1.5;
}
.webinar-section-view .views-col{
  width: 49%;
  border-top: 5px solid #5a57f3;
  padding: 0 !important;
  margin-right: 1%;
}
.webinar-explore-page .webinar-section-view{
  width: auto;
  margin: 0;
}
.webinar-explore-page .webinar-section-view .views-col{
  margin-bottom: 25px;
}
.webinar-section-view .views-col .views-field-field-image-of-webinar{
  width: 34%;
  float: left;
  clear: right;
  margin-right: 1%;
}
.webinar-section-view .views-col .views-field-field-image-of-webinar a{
  padding: 0;
  border-radius: inherit;
}
.webinar-section-view .views-col .views-field-field-image-of-webinar a:hover{
  transition: none;
}
.webinar-section-view .views-col .views-field-title, .webinar-section-view .views-col .views-field-field-date-of-webinar, .webinar-section-view .views-col .views-field-field-date-and-time , .webinar-section-view .views-col .views-field-body{
  width: 62%;
  float: right;
  clear: right;
  margin-left: 3%;
}
.webinar-section-view .views-col .views-field-title{
  line-height: normal;
  font-size: 20px;
  margin-top: 5px;
  max-height: 1em;
  overflow: hidden;
}
.webinar-section-view .views-col .views-field-title a{
  padding: 0;
  color: #405d91;
}
.webinar-section-view .views-col .views-field-title a:hover{
  text-decoration: underline;
  color: #225abd;
}
.webinar-section-view .views-col .views-field-field-image-of-webinar img{
  width: 100%;
}
.webinar-section-view .views-col .views-field-field-date-of-webinar{
  line-height: 0;
  margin-top: 10px;
}
.webinar-section-view .views-col .views-field-field-date-of-webinar time, .webinar-section-view .views-col .views-field-field-date-and-time .field-content{
  font-size: 14px;
  font-weight: bold;
}
.webinar-section-view .views-col .views-field-field-date-of-webinar time::before , .webinar-section-view .views-col .views-field-field-date-and-time .field-content::before{
  content: "";
  padding: 0 3px 3px;
  background-image: url(https://applyatjob.com/sites/default/files/styles/thumbnail/public/2025-09/calendar.png);
  height: 17px;
  width: 16px;
  display: inline-block;
  background-size: cover;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.webinar-section-view .views-col .views-field-body{
  margin-top: 5px;
  margin-bottom: 10px;
}
.webinar-section-view .views-col .views-field-body p{
  margin: 0;
}
.webinar-section-view .views-col .views-field-body .field-content{
  margin: 0;
  font-size: 14px;
  max-height: 6.2em;
  overflow: hidden;
  padding-bottom: 15px;
  color: #666;
  font-weight: bold;
  line-height: 1.5;
}
.webinar-section-view .views-col .views-field-body .field-content h2{
  font-size: 16px !important;
  margin: 0 !important;
}
.webinar-section-view .views-col .views-field-body .field-content h3{
  font-size: 16px !important;
  line-height: 1.2;
  margin: 0;
}
.webinar-section-view .views-col .views-field-body .field-content h3 strong{
  font-size: 16px !important;
  margin: 0 !important;
}
.webinar-section-view .more-link{
  font-size: 13px;
  margin: 25px 35px 35px 0;
  text-align: right;
  font-style: italic;
  clear: both;
}
.webinar-section-view .more-link a{
  float: right;
  text-decoration: none;
  padding: 5px 15px;
  border-radius: 1.3em;
  background-color: #5a57f3;
  color: white;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
} 
.webinar-section-view .more-link a:hover{
  text-decoration: underline;
}
.webinar-section-view .views-col .views-field-field-image-of-webinar a img:hover{
  animation: none;
} 
.webinar-explore-page h2{
  margin: 0 0 10px 20px;
  font-size: 32px;
  font-family: "Merriweather Sans",sans-serif;
  font-weight: 700;
  line-height: normal;
  color: #405d91 !important;
  text-decoration: none;
}
.webinar-section .block-field-blocknodewebinarbody img{
  margin-top: 15px;
}
.webinar-section .block-field-blocknodewebinarfield-actual-category, .webinar-section .block-field-blocknodewebinarfield-related-category, .webinar-section .block-field-blocknodewebinarfield-actual-city-of-job, .webinar-section .block-field-blocknodewebinarfield-nearest-citiess{
  display: none;
}
.webinar-section  .block-field-blocknodewebinarfield-eve, .webinar-section .block-field-blocknodewebinarfield-event-types{
  clear: both;
  margin-left: 40px;
  display: flex;
}
.webinar-section .block-field-blocknodewebinarfield-eve label, .webinar-section  .block-field-blocknodewebinarfield-event-types label{
  display: none;
}
.webinar-section .block-field-blocknodewebinarfield-eve h2, .webinar-section .block-field-blocknodewebinarfield-event-types h2{
  margin: 0;
  text-decoration: none;
  font-size: 30px;
  font-family: "Changa One ", sans-serif;
}
.webinar-section .block-field-blocknodewebinarfield-eve h2::after, .webinar-section .block-field-blocknodewebinarfield-event-types h2::after{
  content: ":";
  margin-left: 5px;
}
.webinar-section .block-field-blocknodewebinarfield-eve .field--label-above div, .webinar-section .block-field-blocknodewebinarfield-event-types .field--label-above div{
  padding: 0;
  font-size: 28px;
  margin-left: 15px !important;
  color: #8c8484;
}
.webinar-section .block-field-blocknodewebinarfield-eve .field--label-above, .webinar-section .block-field-blocknodewebinarfield-event-types .field--label-above{
  margin-top: 5px;
}
/***********************interview message**************************/
.interview-message-main-page .views-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 1%;
}
.interview-message-main-page .views-col {
  background: #b5dce136;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  text-align: center;
  width: 31% !important;
  transition: all 0.3s ease;
  padding-top: 30px !important;
}
.interview-message-main-page .views-col:hover {
  transform: translateY(-5px);
}
.interview-message-main-page .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  text-transform: uppercase;
}
.interview-message-main-page .views-field-field-user-name- .field-content {
  font-weight: 900;
  font-size: 29px;
  margin-bottom: 8px;
  text-transform: capitalize;
  font-family: serif;
}
.interview-message-main-page .views-field-field-user-kills .field-content {
  color: #333;
  font-size: 16px;
  margin: 8px 10px;
}
.interview-message-main-page .views-field-field-d .field-content {
  color: #555;
  font-size: 14px;
  margin-bottom: 12px;
}
.interview-message-main-page .views-field-nothing h2 {
  display: inline-block;
  padding: 10px 28px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #6C63FF, #00C9A7);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.interview-message-main-page .views-field-nothing h2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 201, 167, 0.4);
}
@keyframes buttonGlow {
  0% {
    box-shadow: 0 0 10px rgba(108, 99, 255, 0.4), 0 0 20px rgba(0, 201, 167, 0.2);
  }
  50% {
    box-shadow: 0 0 20px rgba(108, 99, 255, 0.6), 0 0 30px rgba(0, 201, 167, 0.4);
  }
  100% {
    box-shadow: 0 0 10px rgba(108, 99, 255, 0.4), 0 0 20px rgba(0, 201, 167, 0.2);
  }
}
.interview-message-main-page .views-field-nothing h2 {
  animation: buttonGlow 2.5s infinite alternate;
}
@media (max-width: 768px) {
  .interview-message-main-page .views-col {
    width: 90%;
  }
}
.interview-message-main-page .views-field-field-user-name- .initial-avatar{
  width: 100px;
  height: 100px;
  font-size: 45px;
}
.interview-message-main-page .view-header{
  text-align: center;
  font-family: serif;
}
.interview-message-main-page .view-header h1{
  font-size: 48px;
  font-weight: 900;
}
.interview-message-main-page .view-header p{
  font-size: 25px;
  margin-top: 4px;
}
.interview-message-main-page .views-field-field-user-kills, .interview-message-main-page  .views-field-field-d{
  display: inline-flex;
  width: 95%;
}
.interview-message-main-page .views-label-field-user-kills{
   font-size: 25px;
    font-weight: 900;
}
.interview-message-main-page  .views-label-field-d{
   font-size: 20px;
    font-weight: 900;
}
.interview-message-main-page .views-field-field-d  .field-content{
  font-size: 18px;
  margin: 2px 14px;
}
/********************user interview page*********************/
.interview-session-main-page {
  font-family: "Inter", "Segoe UI", sans-serif;
  background-color: #f5f7fb;
  color: #1a1a1a;
}
.interview-hero-banner-section {
  background: radial-gradient(circle at 20% 20%, #0d47a1, #001f3fe0);
  position: relative;
  overflow: hidden;
  color: white;
  padding: 80px 40px;
  min-height: 250px;
  z-index: 1;
}
.interview-hero-section {
  position: relative;
  z-index: 10;
  text-align: center;
}
.interview-hero-section h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
  color: white;
}
.interview-hero-section p {
  font-size: 1.2em !important;
  opacity: 0.8;
  color: white;
}
.interview-hero-banner-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 8px;
  background: transparent;
  border-radius: 50%;
  opacity: 0.3;
  z-index: 2;
  box-shadow: 100px 100px 0 #fff, 250px 300px 0 #fff, 50px 550px 0 #fff, 450px 150px 0 #fff, 600px 450px 0 #fbfbfb, 850px 200px 0 #fff, 1200px 350px 0 #fff, 1500px 100px 0 #fff, 10px 10px 0 #fff;
  animation: moveDots 60s linear infinite;
} 
@keyframes moveDots {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-300px, -150px); 
  }
}
.interview-user-session-2 .views-element-container,
.interview-user-session-2 .block-block-content {
  padding: 25px;
  margin: 20px 0;
}
.interview-message-block-2 .view-content .views-row{
  display: flex;
  margin-bottom: 0;
  padding: 0 0 0 1%;
}
.interview-message-block-2 .view-content:not(:first-child){
  border-bottom: 2px solid #c3b9b991; 
}
.interview-message-block-2 .view-content:last-child{
  border-bottom: none !important; 
}
.interview-message-block-2 .view-content {
  display: block; 
  border: 1px solid aliceblue;
  background: #ebfbffb5;
  border-radius: 14px;
}
.interview-message-block-2 .view-content .field-content{
  font-size: 19px;
  color: #0000008f;
}
.interview-message-block-2 .view-content .views-field-field-user-name-{
  width: 25%;
  text-align: left;
}
.interview-message-block-2 .view-content .views-field-field-d{
  width: 18%;
  text-align: left;
}
.interview-message-block-2 .view-content .views-field-field-user-kills{
  width: 30%;
  text-align: left;
}
.interview-message-block-2 .views-row:first-child .views-label {
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  display: block !important;
  font-size: 26px;
  margin-bottom: 38px;
  font-family: serif;
}
.interview-message-block-2 .views-field-field-user-name- .user-with-avatar{
  margin-top: -11px;
  gap: 4px;
}
.interview-message-block-2 .views-row .views-label {
  display: none;
}
.interview-message-block-2 .views-row:not(:first-child) .views-field {
  padding-top: 0;
  margin-top: 0;
}
.interview-message-block-2 h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: initial;
  margin-top: 0;
}
.interview-message-block-2 .view-content .views-row .views-field {
  margin: 23px;
}
.interview-message-block-2 .view-content .views-row .views-field-field-user-name- .initial-avatar{
  width: 50px ;
  height: 50px;
}
.user-with-avatar {
  display: flex;
  align-items: center;
  gap: 10px;
}
.views-field-field-user-name- .field-content  span{
  color: blue;
  text-decoration: underline;
}
.interview-right-side-charts{
  margin-top: 33px;
}
.interview-right-side-charts .interview-right-side-charts-1, .interview-right-side-charts .interview-right-side-charts-2, .interview-right-side-charts .interview-right-side-charts-3{
  margin-bottom: 51px;
}
.interview-right-side-charts img {
  width: 100%;
  border-radius: 10px;
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) {
  .interview-hero-banner-section {
    padding: 70px 15px;
  }
  .interview-hero-banner-section h1 {
    font-size: 1.8rem;
  }
  .interview-user-session-2 {
    display: block;
  }
  .interview-right-side-charts {
    margin-top: 20px;
  }
}
#views-exposed-form-interview-user-details-block-1{
  margin-left: 20px;
}
.interview-message-block-2 .views-exposed-form .form-item-user-skills label {
  color: #193d6e;
  font-size: 25px;
}
.interview-message-block-2 .views-exposed-form .form-item-user-skills input.form-text {
  width: 400px;
  padding: 14px 44px 14px 16px;
  font-size: 16px;
  border: 1px solid #b2f2ef;
  border-radius: 8px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607'/%3E%3C/svg%3E") no-repeat right 14px center;
  background-size: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.interview-message-block-2 .views-exposed-form .form-item-user-skills input.form-text:focus {
  border-color: #5af2dc;
  box-shadow: 0 0 0 3px rgba(0, 230, 210, 0.3);
  outline: none;
}
.interview-message-block-2 .views-exposed-form .form-actions {
  font-size: 16px;
}
.interview-message-block-2 .views-exposed-form .form-actions input{
  border-radius: 13%;
  background: #f1fcff !important;
  border: 3px solid #b7dada !important;
  color: black !important;
  padding: 6px 20px 6px 18px !important;
  font-family: inherit !important;
}
.interview-message-block-2 .views-exposed-form .form-actions .form-submit{
  margin-top: 38px;
  margin-left: 10px;
}
.interview-message-block-2 .views-exposed-form .form-actions #edit-reset{
  margin-top: -18px;
  padding: 5px 19px 8px 18px;
  margin-left: 86%;
  color: black !important;
}
.interview-page-image-block {
  background: radial-gradient(circle at 20% 20%, #0d47a1, #001f3fe0);
  color: #e0e0e0;
  padding: 30px; 
  border-radius: 8px; 
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  text-align: center;
}
.interview-page-main-image-block {
  width: 100%;
  display: block; 
  border: 1px solid rgba(255, 255, 255, 0.2); 
  border-radius: 4px; 
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.interview-page-image-block h1 {
  display: block;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 20px;
}
.kpi-section {
  margin-bottom: 30px;
  padding-top: 20px;
}
.kpi-section-heading {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  padding-left: 0;
}
.kpi-metrics-container {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
}
.kpi-metric-card {
  background-color: #ffffff; 
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px 30px;
  text-align: center;
  flex: 0 0 27%;
  width: 200px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.62);
  border-left: 2px solid #0d0d89;
  border-top: 2px solid #0d0d89;
}
.kpi-metric-value {
  font-size: 28px;
  font-weight: bold;
  color: #007bff;
  line-height: 1.2;
  margin-bottom: 4px;
}
.kpi-metric-label {
  font-size: 13px;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.candidate-recent-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: serif;
  margin-top: 0;
  color: #020a10;
}
/********************home page interview block*************************/
.ai-interview-main-section-home-page{
  margin-bottom: 35px;
}
.ai-interview-home-block {
  background: linear-gradient(135deg, #003366, #0055cc);
  color: #fff;
  padding: 70px 20px;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.ai-interview-container {
  max-width: 1100px;
  margin: 0 auto;
}
.ai-interview-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.3;
  color: white !important;
  font-family: serif;
}
.ai-interview-subtitle {
  font-size: 1.1rem;
  color: #e0e0e0;
  margin-bottom: 50px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-family: serif;
}
.ai-interview-main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24%;
}
.ai-chat-figure {
  margin: 0;
}
.ai-chat-image {
  width: 309px;
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  background: #fff;
  transition: transform 0.3s ease;
}
.ai-chat-image:hover {
  transform: scale(1.03);
}
.ai-cta-aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.ai-whatsapp-wrap {
  background: white;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 25px rgba(37, 211, 102, 0.5);
  transition: transform 0.3s ease;
}
.ai-whatsapp-wrap:hover {
  transform: rotate(5deg) scale(1.05);
}
.ai-whatsapp-logo {
  width: 100%;
  height: 100px;
  border-radius: 50%;
}
.ai-stats {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 15px;
}
.ai-stat {
  text-align: center;
}
.ai-stat-value {
  font-size: 2rem;
  color: #00ffcc;
  font-weight: 700;
  display: block;
}
.ai-stat-label {
  font-size: 17px;
  color: #e0e0e0;
}
.ai-cta-button {
  display: inline-block;
  background: #fff;
  color: #0055cc;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1.05rem;
  transition: all 0.3s ease;
}
.ai-cta-button:hover {
  background: #00ffcc;
  color: #003366;
  transform: translateY(-2px);
}
.ai-microcopy {
  margin-top: 40px;
  font-size: 0.9rem;
  color: #cfd8dc;
  opacity: 0.8;
}
.ai-interview-main .ai-whatsapp-wrap a{
  padding: 3px 7px !important;
}
@media (max-width: 1200px) {
  .ai-cta-aside{
    width: 60%;
  }
  .ai-chat-figure{
    width: 35%;
  }
  .ai-interview-main{
    gap: 5%;
  }
}
/* --- Responsive adjustments --- */
@media (max-width: 768px) {
  .ai-interview-title {
    font-size: 1.7rem;
  }
  .ai-chat-image{
    width: 309px !important;
  }
  .ai-interview-main {
    flex-direction: column;
    gap: 40px;
  }
  .ai-whatsapp-logo {
    width: 70px !important;
  }
  .ai-whatsapp-logo {
    width: 70px;
    height: 70px;
  }
  .ai-cta-button {
    font-size: 0.95rem;
    padding: 10px 24px;
  }
  .ai-stats {
    flex-wrap: wrap;
    gap: 20px;
  }
  .ai-interview-main .ai-chat-figure { 
    width: 100% !important;
    margin: 7px 10px 7px -15px !important;
  } 
}
.path-vocabulary-cities .better-future .home-search-block, .path-vocabulary-cities .better-future .home-page-image{
  display: none !important;
}
/*****************************Interview detaila page*****************************/
.user-interview-details-page {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 
}
.user-interview-details-page .view-header h1 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #1a1a1a;
  margin-bottom: 25px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 10px;
  display: block;
}
.user-interview-details-page .view-grouping.w3-section {
  background-color: #f0f8ff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 35px;
  border-left: 5px solid #007bff;
}
.user-interview-details-page .view-grouping-header {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1a1a1a;
  padding: 0;
  margin-bottom: 10px;
}
.user-interview-details-page .view-grouping-content h3 {
  font-size: 0.95rem;
  font-weight: 400;
  color: #444;
  margin-bottom: 20px;
  line-height: 1.5;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  padding-top: 5px;
}
.user-interview-details-page .view-grouping-content h3::before {
  content: "SKILLS: "; 
  position: static; 
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #007bff;
  margin-right: 5px;
}
.user-interview-details-page .views-row {
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  padding: 0 10px;
}
.user-interview-details-page .views-row .views-field-field-message {
  padding: 12px 18px;
  max-width: 65%;
  line-height: 1.4;
  word-wrap: break-word;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.user-interview-details-page .chat-message-ai {
  justify-content: flex-end;
}
.user-interview-details-page .chat-message-ai .views-field-field-message {
  background-color: #007bff;
  color: white;
  margin-left: 20px;
  border-radius: 15px 15px 0 15px;
}
.user-interview-details-page .chat-message-ai .views-field-field-message .field-content {
  color: white;
}
.user-interview-details-page .chat-message-human {
  justify-content: flex-start;
}
.user-interview-details-page .chat-message-human .views-field-field-message {
  background-color: #ffffff;
  color: #333;
  border: 1px solid #ddd;
  margin-right: 20px;
  border-radius: 15px 15px 15px 0;
}
.user-interview-details-page .views-field-field-message .field-content {
  padding: 0;
  margin: 0;
}
.user-interview-details-page .pager {
  padding: 25px 0 10px;
  margin-top: 40px;
  border-top: 1px solid #e0e0e0;
}
.user-interview-details-page .pager__items {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none !important;
}
.user-interview-details-page .pager__item {
  border: 1px solid #cccccc;
  background-color: #fcfcfc;
  color: #555;
  margin: 4px 4px;
  padding: 0px 10px;
  border-radius: 50px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.user-interview-details-page .pager__item.is-active,
.user-interview-details-page .pager__item.w3-active-pager {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
  box-shadow: 0 3px 6px rgba(0, 123, 255, 0.3);
}
.user-interview-details-page .pager__item:not(.is-active):hover {
  background-color: #e9ecef;
  border-color: #b0b0b0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.user-interview-details-page .pager__item a {
  text-decoration: none;
  color: inherit;
  display: block;
}
@media (max-width: 768px) {
  .user-interview-details-page {
    padding: 15px; 
  }
  .user-interview-details-page .view-header h1 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .user-interview-details-page .view-grouping.w3-section {
    padding: 15px;
    margin-bottom: 25px;
  }
  .user-interview-details-page .view-grouping-header {
    font-size: 1.4rem;
  }
  .user-interview-details-page .view-grouping-content h3 {
    font-size: 0.9rem !important;
  }
  .user-interview-details-page .views-row .views-field-field-message {
    max-width: 85%;
    padding: 10px 15px;
  }
  .user-interview-details-page .chat-message-ai .views-field-field-message {
      margin-left: 5px; 
  }
  .user-interview-details-page .chat-message-human .views-field-field-message {
      margin-right: 5px; 
  }
  .user-interview-details-page .views-row {
    padding: 0;
    background: none !important;
  }
  .user-interview-details-page .pager {
    margin-top: 25px;
    padding: 20px 0 5px;
  }
  .user-interview-details-page .pager__items {
    flex-wrap: wrap; 
    padding: 0 5px;
  }
  .user-interview-details-page .pager__item {
    padding: 8px 12px;
    font-size: 0.9rem;
    margin: 3px;
  }
  .interview-hero-banner-section {
    padding: 40px 15px; 
  }
  .interview-hero-section h1 {
    font-size: 2em;
  }
  .interview-hero-section p {
    font-size: 1em !important;
  }
  @keyframes moveDots {
    0% {
        transform: translate(0, 0);
      }
    100% {
        transform: translate(-150px, -75px); 
      }
  }
  .interview-hero-banner-section::after {
    box-shadow: 50px 50px 0 #fff, 150px 150px 0 #fff, 20px 300px 0 #fff, 300px 75px 0 #fff;
  }
  .interview-message-block-2 .view-content {
    display: block; 
  }
  .interview-message-block-2 .view-content .views-row {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    margin-bottom: 10px;
    background: none;
    border-bottom: 2px solid #c3b9b991;
    border-radius: 0;
  }
  .interview-message-block-2 .view-content .views-field-field-user-name-,
  .interview-message-block-2 .view-content .views-field-field-d,
  .interview-message-block-2 .view-content .views-field-field-user-kills {
    width: 100%; 
    margin: 5px 0 !important;
    padding: 0 20px !important;
  }
  .interview-message-block-2 .views-row .views-label {
    display: inline-block !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-right: 5px !important;
    font-size: 24px !important;
    font-family: inherit !important;
  }
  .interview-message-block-2 .views-row .views-label {
    font-size: 1.5rem !important;
    margin-bottom: 15px !important;
    text-align: left !important;
    width: 100% !important;
    padding: 0 10px !important;
  }
  .kpi-section .candidate-recent-heading{
    line-height: 1.2;
  }
  .interview-message-block-2 .views-exposed-form .form-actions{
    display: inline-flex;
    gap: 10px;
    margin-top: 16px;
  }
  .interview-message-block-2 .views-exposed-form .form-actions input{
    margin: 0 !important;
    padding: 9px 20px ;
  }
  .interview-message-block-2 .view-content .views-row .views-field-field-user-name- .initial-avatar{
    width: 40px;
    height: 40px;
  }
  .user-with-avatar {
    gap: 5px;
  }
  .kpi-metrics-container {
    flex-direction: column;
    gap: 15px;
  }
  .kpi-metric-card {
    flex: 0 0 100%;
    width: auto;
    padding: 15px 20px;
    text-align: center;
  }
  .kpi-metric-value {
    font-size: 24px;
  }
  #views-exposed-form-interview-user-details-block-1{
    margin-left: 0;
    padding: 0 15px;
  }
  .interview-message-block-2 .views-exposed-form .form-item-user-skills input.form-text {
    width: 100%;
    padding: 12px 40px 12px 12px;
    background-position: right 10px center;
  }
  .interview-right-side-charts{
    margin-top: 15px;
  }
  .interview-right-side-charts .interview-right-side-charts-1, 
  .interview-right-side-charts .interview-right-side-charts-2, 
  .interview-right-side-charts .interview-right-side-charts-3{
    margin-bottom: 25px;
  }
  .interview-page-image-block {
    padding: 20px;
  }
  .interview-user-session-2 .views-element-container{
    padding: 0 !important;
  }
  .interview-user-session-2 .block-block-content{
    display: none;
  }
  .interview-page-main-image-block{
    width: 100% !important;
  }
  .interview-message-block-2 .views-field-field-d  .field-content, .interview-message-block-2 .views-field-field-user-kills  .field-content{
     margin-left: 25px;
  }
}
.node__header{
  display: block !important;
}
.view-taxonomy-term .better-future .view-content{
  display: none;
}
.view-taxonomy-term .view-content .views-row{
  display: block !important;
}
.view-taxonomy-term .views-row .node__content .layout__region--first{
  display: none;
}
.view-taxonomy-term .views-row .node__content  .layout__region--second{
    flex: 0 1 100% !important;
}
.view-taxonomy-term .view-content {
  max-width: 1200px; 
  margin: 0 auto 30px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px;
}
.view-taxonomy-term .views-row .node__content{
  display: grid;
}
.view-taxonomy-term .w3-row.views-row {
  width: 100% !important; 
  padding: 0 !important;
  margin: 0 !important;
}
.view-taxonomy-term .views-row article {
  background-color: #edf2f4;
  padding: 25px;
  border-radius: 12px; 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); 
  border: none !important; 
  min-height: 200px;
  display: flex;
  flex-direction: column;
  line-height: normal;
}
.view-taxonomy-term .node__title {
  font-size: 1.25em;
  font-weight: 600;
  color: #1a1a1a;
  margin-top: 0;
  margin-bottom: 10px;
}
.view-taxonomy-term .node__title a {
  text-decoration: none;
  color: inherit;
}
.view-taxonomy-term .links.inline {
  list-style: none;
  padding: 0;
  margin-top: auto;
  order: 3;
}
.view-taxonomy-term .links.inline .li-0 {
  width: 100%;
}
.view-taxonomy-term .links.inline a {
  display: block;
  width: 100px;
  text-align: center;
  padding: 8px 0;
  margin-top: 15px;
  background-color: #6a5acd;
  color: white;
  border-radius: 5px;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
  transition: background-color 0.2s;
}
.view-taxonomy-term .links.inline a:hover {
  background-color: #5d4aaf;
}
.view-taxonomy-term #load-more-btn{
  display: none !important;
}
@media (max-width: 992px) {
  .view-taxonomy-term .view-content {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .view-taxonomy-term .view-content {
      grid-template-columns: 1fr;
  }
}
/*****************download mobile app***********************/
#app-promo-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background-color: rgba(146, 158, 170, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  opacity: 0;
  animation: fadeIn 0.5s ease-out forwards;
}
#app-promo-box {
  background: #ffffff;
  width: 90%;
  max-width: 750px;
  border-radius: 20px;  
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.8);
  animation: elasticPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.1s;
}
#close-popup {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  background: #f1f3f5;
  border-radius: 50%;
  color: #555;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s ease;
  font-weight: bold;
}

.app-promo-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.app-promo-text {
  flex: 1;
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-promo-text h2 {
  margin: 0 0 15px;
  font-size: 33px;
  font-weight: 800;
  line-height: 1.2;
  color: #3188DE;
  opacity: 0;
  transform: translateY(20px);
  animation: slideUpFade 0.6s ease forwards;
  animation-delay: 0.4s;
  font-family: serif;
}

/* Paragraph Style */
.app-promo-text p {
  margin: 0 0 30px;
  color: #5c6b7f;
  font-size: 16px;
  line-height: 1.6;
  
  /* Animation: Slide Up */
  opacity: 0;
  transform: translateY(20px);
  animation: slideUpFade 0.6s ease forwards;
  animation-delay: 0.6s;
}
#app-promo-popup .download-btn {
  align-self: flex-start;
  display: inline-block;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: #ffffff !important;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 50px; /* Pill shape */
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 10px 25px rgba(0, 123, 255, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
  animation: slideUpFade 0.6s ease forwards;
  animation-delay: 0.8s;
}

#app-promo-popup .download-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(0, 123, 255, 0.45);
}
#app-promo-popup .download-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
  animation: shine 3s infinite;
}
.app-promo-image {
  flex: 0 0 260px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  
  /* Diagonal Cut Effect */
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

.app-promo-image img {
  width: 150px;
  height: 150px;
  border: 5px solid #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  animation: float 4s ease-in-out infinite;
}

/* "Scan to Install" Label */
.app-promo-image::after {
  content: "Scan to Install";
  display: block;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #8898aa;
  
  /* Fade In */
  opacity: 0;
  animation: fadeIn 1s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes elasticPop {
  0% { opacity: 0; transform: scale(0.6); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes slideUpFade {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

@keyframes shine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

@media (max-width: 700px) {
  .app-promo-content {
    flex-direction: column; 
  }
  
  .app-promo-image {
    clip-path: none; 
    width: 100%;
    flex: none;
    padding: 40px 20px;
    background: #f8f9fa;
  }
  
  .app-promo-text {
    text-align: center;
    padding: 30px 20px;
  }
  
  .download-btn {
    align-self: center;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  
  /* Faster animations on mobile */
  .app-promo-text h2, .app-promo-text p, .download-btn {
    animation-delay: 0.2s;
  }
}


.ai-agent-training-modules-faq {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 20px 40px -10px rgba(17, 24, 39, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-bottom: 32px;
}

.ai-agent-training-wrapper {
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 20px 40px -10px rgba(17, 24, 39, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-bottom: 45px;
}


.ai-agent-main-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

@media (min-width: 1024px) {
    .ai-agent-main-section {
        flex-direction: row;
    }
    .ai-agent-left-area {
        width: 58.333333%;
    }
    .ai-agent-right-area {
        width: 41.666667%; 
    }
}

.ai-agent-left-area h1 {
  font-size: 37px;
  font-weight: 700;
  color: #1c4885;
  margin-bottom: 16px;
  line-height: 1.2;
  font-family: serif;
}

.ai-agent-left-area p {
    font-size: 19px !important;
    color: #4b5563;
    margin-bottom: 24px;
    max-width: 512px;
}

.ai-agent-left-btn {
    display: flex;
    align-items: center;
    gap: 24px; /* space-x-6 */
}

.ai-agent-left-btn button {
    padding: 12px 24px; /* px-6 py-3 */
    background-color: #2563eb; /* bg-blue-600 */
    color: white;
    font-weight: 600; /* font-semibold */
    border-radius: 8px; /* rounded-lg */
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); /* shadow-md */
}

.ai-agent-left-btn button:hover {
    background-color: #1d4ed8; /* hover:bg-blue-700 */
}

.ai-agent-left-btn span {
    color: #6b7280; /* text-gray-500 */
    font-weight: 500; /* font-medium */
}

.ai-agent-right-area {
    display: flex;
    justify-content: center;
}

@media (min-width: 1024px) {
    .ai-agent-right-area {
        justify-content: flex-end; /* lg:justify-end */
    }
}

.ai-agent-right-area img {
    border-radius: 12px; /* rounded-xl */
    object-fit: cover;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* shadow-xl */
    width: 100%;
    max-width: 400px; /* For a nice size on desktop */
    height: 250px; /* Set a fixed height for visual consistency */
}

/*
 * Navigation Menu Styles
 */
.ai-agent-training-wrapper-menu {
    margin-left: auto;
    margin-right: auto;
    padding: 16px 40px;
    border-bottom: 1px solid #e5e7eb;
    margin-top: -32px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 21px;
    background: #1a5994;
    border-radius: 7px;
}

.ai-agent-training-wrapper-menu div {
    display: flex;
    gap: 24px; /* space-x-6 */
    white-space: nowrap;
    color: #4b5563; /* text-gray-600 */
    font-weight: 500; /* font-medium */
    font-size: 18px; /* text-lg */
}

.ai-agent-training-wrapper-menu a {
    padding-bottom: 16px; /* pb-4 */
    margin-bottom: -16px; /* -mb-4 to offset padding */
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
    color: white;
}

.ai-agent-training-wrapper-menu a:hover {
    color: #b8ccf8;
    text-decoration: underline;
}

.ai-agent-about{
  background-color: #ffffff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 20px 40px -10px rgba(17, 24, 39, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin: 14px auto 22px auto;
}
.ai-agent-about h2{
  font-size: 30px;
  font-weight: 700;
  font-family: serif;
  color: #266398 !important;
  margin-bottom: 16px;
  text-decoration: none;
}
.cv-training-about p {
  font-size: 19px !important;
  color: #374151;
  margin-bottom: 12px;
}
.ai-agent-training-wrapper-about {
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    padding-top: 0; /* pt-0 */
    background-color: #ffffff;
    border-radius: 0 0 12px 12px; /* rounded-b-xl */
}

/* Titles for sub-sections */
.ai-agent-training-wrapper-about h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: serif;
    color: #266398 !important;
    margin-bottom: 16px;
}

.ai-agent-training-wrapper-about .mb-10 {
    margin-bottom: 40px;
}

/* Learn list items */
.ai-agent-training-wrapper-about ul {
    list-style: none; /* Remove default list style */
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
}

.ai-agent-training-wrapper-about li {
    display: flex;
    align-items: flex-start; /* items-start */
    font-size: 18px; /* text-lg */
    color: #374151; /* text-gray-700 */
    margin-bottom: 12px; /* space-y-3 */
}

.ai-agent-training-wrapper-about li:last-child {
    margin-bottom: 0;
}

.ai-agent-training-wrapper-about li svg {
    width: 24px; /* w-6 */
    height: 24px; /* h-6 */
    color: #2563eb; /* text-blue-600 */
    margin-right: 12px; /* mr-3 */
    margin-top: 4px; /* mt-1 */
    flex-shrink: 0;
    stroke-width: 3; /* stroke-width-3 */
}

/* Skills Tags */
.ai-agent-training-wrapper-about .flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* gap-3 */
}

.ai-agent-training-wrapper-about span {
    padding: 8px 16px;
    background-color: #f3f4f6;
    color: #374151;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.ai-agent-training-wrapper-about span:hover {
    background-color: #e5e7eb;
}


.ai-agent-training-modules-faq h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: serif;
    color: #4982b4 !important;
    margin-bottom: 16px;
}

.ai-agent-training-modules-faq .space-y-4 > * {
    margin-top: 16px;
}

.ai-agent-training-modules-faq details {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.ai-agent-training-modules-faq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px; /* p-4 */
    background-color: #f9fafb; /* bg-gray-50 */
    transition: background-color 0.2s ease;
    list-style: none; /* Hide default triangle */
}

/* Hide the default marker for <details> element */
.ai-agent-training-modules-faq details[open] > summary:before {
    display: none;
}
.ai-agent-training-modules-faq details[open] > summary{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  transition: background-color 0.2s ease;
  list-style: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.ai-agent-training-modules-faq summary:hover {
    background-color: #f3f4f6; /* hover:bg-gray-100 */
}

.ai-agent-training-modules-faq summary span {
    font-weight: 600; /* font-semibold */
    color: #374151; /* text-gray-800 */
}

.ai-agent-training-modules-faq summary svg {
    width: 20px; /* w-5 */
    height: 20px; /* h-5 */
    color: #4b5563; /* text-gray-600 */
    transition: transform 0.3s ease;
}

.ai-agent-training-modules-faq details[open] summary svg {
    transform: rotate(180deg);
}

.ai-agent-training-modules-faq details > div {
    padding: 16px; /* p-4 */
    border-top: 1px solid #e5e7eb; /* border-t border-gray-200 */
    color: #374151; /* text-gray-700 */
}

/* * 📱 MEDIA QUERY FOR MOBILE SCREENS (Max Width 768px)
 * Fixes: Overflow, excessive padding, and menu visibility.
 */
@media (max-width: 768px) {
    .ai-agent-training-wrapper {
        padding: 24px 16px;
        margin-bottom: 25px;
        width: 100%; 
        box-sizing: border-box;
        box-shadow: none;
    }

    /* Reduce padding on the About section */
    .ai-agent-about {
        padding: 20px 16px; /* Reduced padding */
        margin: 10px auto 18px auto;
    }

    /* Reduce padding on the Outcomes/Skills section */
    .ai-agent-training-wrapper-about {
        padding: 20px 16px; /* Reduced padding */
    }

    /* Reduce padding on the Modules/FAQ section */
    .ai-agent-training-modules-faq {
        padding: 20px 16px; /* Reduced padding */
        margin-bottom: 25px;
    }

    .ai-agent-training-wrapper-menu {
        display: none;
     }

    /* --- Header Image Sizing Fix --- */

    /* Ensure the image container doesn't force a large width */
    .ai-agent-right-area {
        justify-content: center;
        width: 100%;
    }

    /* Ensure the image is responsive but has a maximum width */
    .ai-agent-right-area img {
        max-width: 100%; /* Important: will not exceed container width */
        height: auto; /* Allow height to adjust */
    }

    /* --- Typography Adjustments --- */
    .ai-agent-left-area h1 {
        font-size: 30px; /* Slightly smaller H1 */
    }

    .ai-agent-training-wrapper-about h2,
    .ai-agent-training-modules-faq h2 {
        font-size: 24px; /* Smaller section titles */
    }

    /* Add these rules to the existing media query */
    .ai-agent-about,
    .ai-agent-training-wrapper-about,
    .ai-agent-training-modules-faq {
        width: 100%;
        box-sizing: border-box;
        padding-left: 16px; 
        padding-right: 16px;
    }
}
 /* Use the same purple as your existing 'Search jobs' button, which looks like #6C5CE7 */
:root {
    --purple-main: #6C5CE7; 
    --purple-light: #9B8CFA; 
}

.ai-training-dashboard-card {
    background-color: #ffffff;
    border-radius: 8px;
    margin-top: 20px;
    padding: 30px; /* Increased padding for more white space */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    border-left: 5px solid var(--purple-main);     
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ai-training-dashboard-card .content-left {
    flex: 3;
}

.ai-training-dashboard-card .ai-card-title {
    font-size: 2em;
    color: var(--purple-main);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: serif;
}

.ai-training-dashboard-card .ai-card-description {
    font-size: 0.95em;
    color: #555;
    line-height: 1.4;
    margin-bottom: 20px;
}

.ai-training-dashboard-card .cta-button {
    background-color: var(--purple-main);
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.2s;
}

.ai-training-dashboard-card .cta-button:hover {
    background-color: #5A4AB7; 
}

/* Right column for the score */
.ai-training-dashboard-card .content-right {
    flex: 1;
    text-align: center;
    margin-left: 20px;
    border-left: 1px dashed #eee; /* Subtle separator */
    padding-left: 20px;
}

.ai-training-dashboard-card .match-score {
    font-size: 3em;
    font-weight: 900;
    color: var(--purple-main);
    line-height: 1;
    margin-bottom: 5px;
}

.ai-training-dashboard-card .score-label {
    font-size: 0.8em;
    color: #777;
    font-weight: 500;
}